html{height:100%}
html,body{font-family:'Nunito',sans-serif;font-size:12px}
.loginfrm, .logincnt{-webkit-transition: all 2s;transition: all 2s;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Nunito',sans-serif}
.loginbg{background:url(../../images/loginbg.jpg) fixed no-repeat;background-size:cover}
.logincnt{background:url(../../images/logincnt.jpg) center no-repeat;background-size:cover;margin:80px 0;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px}
.loginfrm{background-color:#fff;padding:0;box-shadow:0 0 18px #403f3f;margin:80px 0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}
.loginfrm > div{padding:30px 30px; font-size: 13px;}
.loginfrm .form-control{border:1px solid #63cad9}
.logincnt{box-shadow:0 0 18px #403f3f}
.logincnt h2{font-size:24px;font-weight:700;clear:both;background-color:rgba(0,0,0,0.65);letter-spacing:2.5px;color:#fff;padding:10px 20px;display:inline-block}
.logincnt h3{font-size:20px;font-weight:700;clear:both;background-color:rgba(0,0,0,0.65);letter-spacing:2px;color:#fff;padding:10px 20px;display:inline-block}
.loginfrm label{margin-bottom:5px!important}
.loginfrm .form-group{ margin-bottom: 20px; margin-left:0; margin-right:0; }
.divider{clear:both;border-top:1px solid #ccc;margin:15px 0;display: inline-block; width: 100%}
.logincnt{padding:150px 0 150px 25px}
.btnaction{text-align:center; }
.btnaction a{width:70%;margin-top:10px;}
.logo img{margin-bottom:15px}
.logo h3{color:#333}
.cntbg{background: #2fd8d8;background: -moz-linear-gradient(left, #2fd8d8 0%, #178aef 100%);background: -webkit-linear-gradient(left, #2fd8d8 0%,#178aef 100%);background: linear-gradient(to right, #2fd8d8 0%,#178aef 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fd8d8', endColorstr='#178aef',GradientType=1 ); background-size: 100% 300px;   background-repeat: no-repeat;}
.navbar li.dropdown >  a{ color: #fff; }
.nav>li>a:hover, .nav>li>a:focus,.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{ color: #fff; background-color: transparent !important }
.navbar-brand{ height:auto; padding-top:0; padding-bottom: 0}
.heading h3{color:#fff; text-transform: uppercase;margin-top: 10px;margin-left: 35px}
.heading h3 i{ margin-right:10px; }
.navbar-right{ margin-top:18px; }
.navbar{ margin:0; }
.lftmenu{float: right;padding-left: 0}
.rgtcnt{ background-color:#fff; padding:20px 40px;box-shadow:0 0 7px rgba(11, 53, 88, 0.42) }
.lftmenu ul{ list-style: none; margin:0; padding: 0 }
.lftmenu ul li{ padding:5px 20px; line-height: 28px;float:left;  }
.lftmenu ul li:hover{  font-weight: bold }
.lftmenu ul li.active a{ font-weight: bold;color:#0b3558}
.lftmenu ul li a{ color:#fff; text-decoration: none; width: 100%;float:left; padding:5px;font-size: 14px}
.navbar-collapse.collapse{ padding: 0 }
.navbar-nav li img{ margin-right:15px;    width: 32px;    padding: 1px; }
.heading{ float:left; margin:25px 0 0px  0;width:100%;background-color: rgba(255, 255, 255, 0.25);padding:5px 0;position: relative}
.navbar-collapse{ float:left; width:100%; }
.navbar-nav .open .dropdown-menu i{ margin-right:10px; }
.navbar-nav .open .dropdown-menu li a{ padding:10px 20px; }
.heading .fa-caret-right{ margin:10px; font-size: 15px; }
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{ vertical-align: middle; }
.vwfrm{background-color: #e0e7ea; padding:20px 20px 10px 10px;float:left; width:100%; margin-bottom: 15px; clear:both;}
.tbllayout{ table-layout: fixed }
.vwcnt{ background-color: #fff; padding:10px; min-height: 39px;border: 1px dashed #a0a0a0; }
.m4{ margin:4px; }
.pd0{ padding: 0 }
.navbar-left{ margin-top:25px;float:left; margin-left:15px; }
.navbar-left a{ color:#fff; font-size:15px;  }
.navbar-left a i{ margin:0 10px; }
.navbar-left li{ margin:0 5px;float:left;}
.navbar-left li:hover a{ background-color: #178aef !important;color:#fff; border-radius:5px !important;    background: linear-gradient(to right, #2dcccc 0%,#178aef 100%);
    border: 1px solid #fff;}
.navbar-left li.active a{ background-color: #178aef;color:#fff; border-radius:5px !important;    background: linear-gradient(to right, #2dcccc 0%,#178aef 100%);
    border: 1px solid #fff;}
.table{ margin-bottom: 10px; }
.mb10{ margin-bottom: 10px; }
::-webkit-scrollbar {width: 10px; height:7px;}
::-webkit-scrollbar-thumb {background: #666;  border-radius: 20px;}
::-webkit-scrollbar-track { background: #ddd;border-radius: 20px;}
.rgtcnt a[data-toggle]{ padding: 10px 10px;float:left; width:100%; background-color: #eaeaea; margin: 5px 0 15px 0;}
.rgtcnt a[data-toggle] h4{ margin:0; }
.rgtcnt a[aria-expanded] i{ margin-right:10px; }
 .rgtcnt a[aria-expanded=false] i:before{content: "\f138";}
 .rgtcnt a[aria-expanded=true] i:before{content: "\f13a";}
 .vwfrm  .form-group{ margin-bottom: 5px; }
 .mt25{ margin-top:25px; }
@media (min-width:768px) {
.loginsect{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:stretch}
.maincnt > .container {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: stretch;align-content: stretch;}
}
@media (max-width:768px) {
.loginfrm{margin:100px 0}
.loginsect{padding:0 20px}
.navbar-header{ float:left; }
.navbar-right{float:right;}
.navbar-left{ margin-top:35px;float:left; margin-left:15px; }
.loginfrm .form-horizontal{padding:20px 30px}
.lftmenu{ margin-bottom: 15px; }
.navbar-brand img{ width:120px; margin-top:15px; }
.navbar-nav .open .dropdown-menu{ position: absolute !important; background-color: #fff; right:0 !important; left: inherit;}
.navbar-nav .open .dropdown-menu li a{ color:#333; }
.navbar-nav .open .dropdown-menu li a:hover{ color:#fff }
.navbar-collapse.collapsing{-webkit-transition: all 1s;   transition: all 1s;}
.lftmenu{ background-color: transparent; padding:0; box-shadow: none  !important;}
.lftmenu > div.navbar-collapse.collapse{ background-color:#0b3558; padding:20px 25px;box-shadow:0 0 7px #a2a2a2; height:auto !important;}
.heading{ float:left; width:100%; margin:15px 0 0 0 ; }
}
@media (max-width:480px) {
	.rgtcnt{ margin:0; }
.navbar-brand img{ width:90px; }
.navbar-left{ margin-top:35px;float:left; margin-left:15px; width:100%; text-align: center; margin-left:0; }	
.navbar-left li{float:none; display: inline-block;}
.navbar-left a{ padding:8px !important;}	
}

@media (max-width: 768px){
.visible-xs {
    display: block !important;
    position: absolute;
    right: 30px;
    top: 15px;
}
.lftmenu{margin-bottom:0px !important;}
.lftmenu ul li{ padding:5px 20px; line-height: 28px;float:left; width:100%; }
.lftmenu ul li:hover{  background-color: #0d2335 }
.lftmenu ul li.active{ background-color: #0d2335 }
.lftmenu ul li.active a{ color:#ffffff}
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #555;
}
.table-bordered {
    border: 1px solid #555;
}
.table-bordered>thead>tr>th {
    background-color: #23689e;
    color: #fff;
}
.pdlft0{padding-left: 0 !important}
.pdrgt0{padding-right: 0 !important}
.clrred{color: #ff5b5b}
.mt2 {
    margin-top: 2px;
}
.font15 {
    font-size: 15px;
}
.pull-right {
    float: right !important;
}