.set-box .panel-heading{padding:1px;background:#4B4F55;height:55px;	}
.thead th{background: #fdecd8}
.mt-15{margin-top: 15px}
.panel-body ol li,.panel-body ul li{margin: 10px 0;}
.newtab>li.active>a{border:0 !important;background: #fff !important; color: #000 !important; border-bottom:#ef7925 2px solid !important }
.set-box strong{ font-weight:500;font-size:11px;}
.header{width:100%;}
.setabsolute{height: 56vh;}
.setsubtitle{border: #999 2px solid;background: #fff;}
.notification li{list-style: none;}
.astrik{font-size: 16px}
.bg-gray{background: #fbfbfb; padding: 10px}
.pt-10{padding-top:10px;}
th{color:#000; font-weight: 700;}
.box1 {
    box-shadow: #999 2px 4px 5px;
    padding: 12px;
    min-height: 98px;
    background: #fff;
}
.loadr{
	background: rgba(0,0,0,0.8);
    display: table-row;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
	left: 0;
	z-index: 999999;
}
.loadimg
{padding-top: 19%;
    margin: 0 auto;
    display: table-cell;
}

.required{font-size: 11px; color: red;}
.startlabel{font-size: 14px;color: red;}
.ml-5{margin-left:5px;}
.copyright{background:#000; color:#fff;padding:10px;}
.hindi-menu:hover{ background:none !important; }
.hindi-menu{ padding: 0px !important; border: none !important; }
.nav>li>a:hover{color: #000;}
.seperator-10{ height: 10px; }
.seperator-20{ height: 20px; }
.seperator-30{ height: 30px; }
.seperator-40{ height: 40px; }
.seperator-50{ height: 50px; }
.pad-0{ padding:0px;}
.mpeb-head{ color:#E24425; font-weight: 600; font-size: 29px;margin-top: 5px;margin-bottom: -7px; }
.header{border-bottom: 1px solid #dee2e6;padding: 6px 0; background: #fff;}
.txt-black{ color:#000; font-size: 16px; }
.ajax-link{ color: #FF6D00; font-size: 12px; }
.side-logo{ width: 120px; margin-bottom: 7px ; }
.side-logo1{ width: 116px; margin-bottom: 3px ; }
.right-box{box-shadow: 0 0 10px #BDBDBD; padding: 5px; min-height: 600px;}
.headline{
    padding: 3px;
    margin-bottom: 12px;
    box-shadow: 2px 3px 9px rgb(153, 153, 153);
    background: #CF3112;
    color: #000;
    font-weight: 600;
    font-size: 14px;
}
.msghead{font-size: 16px; font-weight: 600;text-align: center;}
.msg h4{font-size: 14px;line-height: 30px;color:#05325d;  font-weight: 600;}

.head-panel{ font-size:12px;color:#fff;}
.txt-orange{color:#FF7B00;}
.box-login{box-shadow:#999 4px 4px 10px;}
.login-head{border-bottom:#FF7B00 2px solid;padding-bottom:5px;}
.txt-primary{color:#337ab7;}
.txt-blk{ color:#000;}
.panel-primary .panel-heading{
	background-color: #1b84e7;
    background-image: linear-gradient(to right, #1b84e7 60%, #1515af 100%);
    background-repeat: repeat-x;
}
.arrow{position: absolute;  top: 15px;}
/*for steps*/
.wizard {
    margin: 20px auto;
    background: #fff;
}
.wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #e0e0e0;
    }
.wizard > div.wizard-inner {
    position: relative;
}
.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    border-left:0px none; border-right:0px none; border-top:0px none; border-bottom:0px none transparent; color: #555555;
    cursor: default;
    
}
span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
span.round-tab i{color:#555555;}
.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #337ab7;
    
}
.wizard li.active span.round-tab i{ color: #337ab7;}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {width: 20%;}

.wizard li:after {
    border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid transparent; border-bottom:5px solid #5bc0de; content: "";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    transition: 0.1s ease-in-out
}
.wizard li.active:after {
    border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10px solid #337ab7; content: "";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px
    
}
.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}
.wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}
.wizard h3 {
    margin-top: 0;
}
.banner-img{width: 100%;height: 50vh;}
.wizard-inner1 > .active{ background:transparent !important;}
@media( min-width : 767px ) {
.mb-15{margin-bottom: 15px;}
.mplogo{width: 100px;}
.digitallogo{width:100%;}
}
@media( max-width : 767px ) {
    .nav .open> a{background-color: #848282 !important;}
    .new ul li a{color:#fff !important}
    .nav-sm .btn-default{background: transparent !important;padding-left: 5px;
        font-size: 13.5px;
        border: 0;
        color: #fff;
        text-align: left;}
.digitallogo{width:100%;}
.mplogo{width: 100%;}
.navbar-brand{height:auto}
.msg h4{font-size: 13px !important;line-height: 14px !important;}
.activepad{padding: 0 15px;}
.msg{padding: 0;}
 h2{font-size: 15px;}
 h3{font-size: 13px !important;}
 .setabsolute{height: 15vh;}                     
.banner-img{width: 100%; height: 100px;}
}
@media( max-width : 585px ) {
    .navbar{background:#000;}
    .wizard {
        width: 90%;
        height: auto !important;
    }
    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}
  /* WRENCHING (FOR online bill payment button) */
@keyframes wrench {
    0%{transform:rotate(-12deg)}
	8%{transform:rotate(12deg)}
	10%{transform:rotate(24deg)}
	18%{transform:rotate(-24deg)}
	20%{transform:rotate(-24deg)}
	28%{transform:rotate(24deg)}
	30%{transform:rotate(24deg)}
	38%{transform:rotate(-24deg)}
	40%{transform:rotate(-24deg)}
	48%{transform:rotate(24deg)}
	50%{transform:rotate(24deg)}
	58%{transform:rotate(-24deg)}
	60%{transform:rotate(-24deg)}
	68%{transform:rotate(24deg)}
	75%, 100%{transform:rotate(0deg)}
}
.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-wrench {
	animation: wrench 2.5s ease infinite;
	transform-origin-x: 90%;
	transform-origin-y: 35%;
	transform-origin-z: initial;
}
.faa-wrench.animated.faa-fast,
.faa-wrench.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-wrench.faa-fast {
	animation: wrench 1.2s ease infinite;
}
.faa-wrench.animated.faa-slow,
.faa-wrench.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-wrench.faa-slow {
	animation: wrench 3.7s ease infinite;
}


/* SHAKE */
.faa-shake.animated,
.faa-shake.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-shake {
	animation: wrench 2.5s ease infinite;
}
.faa-shake.animated.faa-fast,
.faa-shake.animated-hover.faa-fast:hover,
.faa-parent.animated-hover:hover > .faa-shake.faa-fast {
	animation: wrench 1.2s ease infinite;
}
.faa-shake.animated.faa-slow,
.faa-shake.animated-hover.faa-slow:hover,
.faa-parent.animated-hover:hover > .faa-shake.faa-slow {
	animation: wrench 3.7s ease infinite;
}
.text-info{color:#1636bf}
.btnset{
border:#FF9C00 1px solid !important; 
color:#fff !important;font-weight:600 !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7bd00+0,f2b10c+40,f29100+100 */
background-color: #dd5600 !important;
background-image: linear-gradient(to right, #ea9731 0%, #e25e0a 100%) !important;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{color:#fff ;}
.bharatbll{
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4096ee+0,ffffff+13,ffffff+87,4096ee+100 */background: rgb(64,150,238); /* Old browsers */background: -moz-linear-gradient(left, rgba(64,150,238,1) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 87%, rgba(64,150,238,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(64,150,238,1) 0%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 87%,rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgb(175, 211, 251) 0%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 87%,rgb(155, 201, 251) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#4096ee',GradientType=1 ); /* IE6-9 */}