@import url(css/fonts/Mukta/stylesheet.css);
@import url(css/fonts/font-awesome-4.3.0/css/font-awesome.min.css);

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], 
[type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], 
[type='url'], [type='color'], textarea,select,.input-group-label{height:2rem !important;}
.button{padding: 0.6em 1em !important;border-radius: 3px !important;}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body{background-image: url(img/xx.png) !important;background-repeat: repeat !important;}
h1,h2,h3,h4,h5,label,input,.button,span{font-family: 'muktaregular' !important;}
tbody th, tbody td {padding: 0.2rem 0.2rem 0.2rem 0.2rem !important;}
td input, td select{margin-bottom:0 !important;}
input {
    box-shadow: none !important;
}
.innr-top{border-bottom: 2px solid #f09221;
    border-top: 2px solid #f09221;
    width: 100%;
    background-image: url(img/xx.png) !important;background-repeat: repeat !important;}
.wrapper{position: relative;
    width: 100%;
    max-width: 1430px;
    margin: 0 auto;
    padding: 15px 15px;}
.wrapper1{position: relative;
    width: 100%;
    max-width: 1430px;
    margin: 0 auto;
    padding: 0px 15px;}
.logo{border-right: 1px solid #ccc;}
.hrd_desc{margin-left:10px;}
.hrd_desc h3{color: #19498e;}
.hrd_desc span{color: #fff;font-size: 17px !important;}
.navbar{background-color: #227ec0;
    height: 40px;
    width: 100%;
    padding: 0px;}
.title-bar {
    padding: 0.3rem !important;background:#227ec0 !important;
}
.dropdown .is-dropdown-submenu a{padding: 0.6rem 1rem !important;}

.title-bar a{color:#fff !important;font-family: 'muktaregular' !important; text-align:left;font-size: 14px !important;}
.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{top:122% !important;}
.dropdown.menu.vertical>li .is-dropdown-submenu{top:1px !important;}
#ContentPlaceHolder1_mpePopUpInformation_backgroundElement,#ContentPlaceHolder2_mpePopUpInformation_backgroundElement,
#ContentPlaceHolder1_qurey_popup_backgroundElement,#ContentPlaceHolder2_qurey_popup_backgroundElement,
#ContentPlaceHolder1_conctr_popup_backgroundElement,#ContentPlaceHolder1_gl_grp_popup_backgroundElement,
#ContentPlaceHolder1_sch_popup_backgroundElement,#ContentPlaceHolder1_bank_popup_backgroundElement,
#ContentPlaceHolder1_branch_popup_backgroundElement,#ContentPlaceHolder1_delete_popup_backgroundElement {
    background: #444;
    opacity: .7;
}
.vou_srch{width: 70%;top: 14px !important;padding: 20px !important;left: 13% !important;margin: 1%;}
.modal-body {
    padding: 20px !important;
    margin-bottom: 10px;
    text-align: center;
}

.modal-header h3 {
    text-align: center !important;
}
.modalpopup p, .modalpopup button, .modalpopup h3 {
    margin-bottom: 0 !important;
}

.grid tr th, .grid tr td, .grid {
    font-family: 'muktaregular';
    font-size: 12px;
    border: 1px solid #000;
    text-align: center;
    /*text-transform: uppercase;*/
    
}
.grid tr td{padding:3px !important;}

.srch_scrl{height: 350px;overflow-y: scroll;}
.ben_grid{height: 250px;overflow-y: scroll;}

#scroller li p{margin-bottom:0px !important;}
#scroller{height:1000px !important;}

/*.vertical .menu .is-submenu-item li{border-bottom: 1px solid #fff;}*/

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {border-color: #fff transparent transparent !important;}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {background-color: #227ec0 !important; border:none !important;}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu li a{text-align:left;}
.is-dropdown-submenu{background-color: #227ec0 !important; border:none !important;min-width: 250px !important;}
.is-dropdown-submenu > li a{border-bottom:1px solid #fff;border-right: 1px solid #fff;}
.is-dropdown-submenu > li:last-child a{border-bottom:none !important;}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {border-color: #fff transparent transparent !important;}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {border-color: transparent transparent transparent #fff !important; }
.drilldown .is-drilldown-submenu-parent > a::after {border-color: transparent transparent transparent #fff !important;}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {border-color: transparent transparent transparent #fff !important;}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {border-color: transparent #fff transparent transparent !important;}
.drilldown .js-drilldown-back > a::before {border-color: transparent #fff transparent transparent !important;}
.drilldown .is-drilldown-submenu-parent > a::after {border-color: transparent transparent transparent #fff !important;}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {border-color: transparent transparent transparent #fff !important;}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {border-color: transparent #fff transparent transparent !important;}
.drilldown .js-drilldown-back > a::before {border-color: transparent #fff transparent transparent !important;}
.lvl_name{box-shadow: 1px 1px 4px #000; background: #19498e;}

/*.is-dropdown-submenu li a:hover{background:#19498e !important; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;transition-duration: 0.4s; color:#fff !important;}*/
.is-dropdown-submenu li a{
    display: block;background-size: 200% 100%;background-image: linear-gradient(to right, #227ec0 50%, #19498e 50%);
    transition: background-position .5s;}
.is-dropdown-submenu li a:hover {background-position: -100% 0;color: #FFF !important;}

.title-bar a:hover{color:#fffc00 !important;}
.left-menu li{background:#227ec0 !important; border-bottom:1px solid #7ab2d9;}
.left-menu li a{font-family: 'muktaregular' !important; color:#fff;display: block;background-size: 200% 100%;background-image: linear-gradient(to right, #227ec0 50%, #19498e 50%);
    transition: background-position .5s;padding:7px;}
.left-menu li a:hover{background-position: -100% 0;color: #FFF !important;}


.ftr{font-family: 'muktaregular' !important; margin-bottom:0;color:#fff;}
footer{background-color: #227ec0;}
.lnks ul li a{font-family: 'muktaregular' !important; color:#fff;}
.lnks ul li{float:left;padding: 0 15px;border-left: 1px solid #fff;}
.lnks ul li:first-child{border:none;}
.visitors li{color:#fff;font-family: 'muktaregular' !important;}
.visitors ul li{float:left;padding: 0 3px;}
.visitors ul li span{background:#19498e;padding: 0px 10px;}

.breadcrumbs li:not(:last-child)::after{content:">>" !important;color:#227ec0 !important;}
.breadcrumbs li {font-family: 'muktaregular' !important; text-transform:none !important;font-size: 14px !important;}
.bread{margin-bottom:20px;}
.myfont{font-family: 'muktaregular' !important;}

/*login style*/
.fa-x {margin-right: 5px;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, cite{color:#19498e !important;}
.cntr{font-family: 'muktaregular' !important; text-align:center;}
.ico{margin-right: 0px;top: -28px;position: relative;z-index: 2;color: #ccc;left: 10px;}
.login input[type="text"], .login input[type="password"]{padding: 0 25px !important;}
.divider {border-bottom: 1px solid;border-color: #19498e;margin: 10px 0;}
.fieldset_class{border-color: #19498e;border: 1px solid #19498e;padding: 0 10px;margin-bottom: 10px;color: #19498e;}
.maroon{color:#686868 !important;}

h3 span{font-size: 1.9375rem !important;}
h4 span{font-size: 1.5625rem !important;}
h5 span{font-size: 1.25rem !important;}

/*inner page*/
.mn_ht{min-height: 610px;}
.impotnt{color:#ff0000;}
legend, select, .input-group-label, input, span {font-size: 14px !important;font-family: 'muktaregular' !important;}
input,select{margin-bottom:5px !important;}
.full-con {width: 100%;}
.input-group-label{padding: 0 0.5rem !important;height: 39px;}
.input-group{margin-bottom:0 !important;}
#ContentPlaceHolder1_activ_popup_backgroundElement, #ContentPlaceHolder1_modaldept_backgroundElement {background: #444;opacity: .7;}
.modalpopup {padding: 30px;background: url(img/xx.png) !important;background-repeat: repeat;}
.big {width: 1090px;top: 14px !important;padding: 20px !important;left: 135px !important;}
.usr-login{margin-top:10px;}
.usr-login p span{font-size: 18px !important;color: #19498e !important;}
.usr-login p{margin-bottom:0 !important; text-transform:uppercase;}

/*inner page*/
caption{font-size:15px; color:#19498e !important;}
.crt_usr h1 {
    border-bottom: 1px solid #c3c3c3;
    color: #686868;
}

.ben_grid,.srch_scrl{margin-bottom:10px;}
.my_btn{margin-top:24px !important;}

@media screen and (min-width:0px) and (max-width:640px)
{
    .title-bar-right{z-index:999;}
    .title-bar {padding: 0.5rem 0 0 !important;}
    .wrapper1{padding:0px 0 0px 0;}
    .drilldown a:hover {background:#19498e !important; transition: background-position .5s;}
    .is-drilldown{max-width:100% !important;box-shadow: 3px 12px 34px #000;min-height:0 !important;}
    .title-bar-title{font-family: 'muktaregular' !important;}
    .logo{text-align:center;border:none !important;}
    .hrd_desc h3{margin-bottom:0 !important; text-align:center !important; font-size:30px;}
    .hrd_desc h5{text-align:center !important; font-size:20px;}
    .logo{margin-bottom:15px !important;}
    .notify{margin-top:15px;}

    .proflal img{height:auto;}
    .prof_dtls > .myfont img{padding: 0 0 10px 0 !important;}
    .my_btn{margin-top:0 !important;}
    .mycntr{text-align:center;}
    .lvl_name{box-shadow:none !important;}
    .vou_srch{width: 98%;top: 14px !important;padding: 20px !important;left: 0% !important;margin: 1%;}
}