@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body {font-family: 'Roboto', sans-serif; font-size: 1.4em;margin: 0;padding: 0;position: relative;  overflow-x:hidden;}
.header {background: #fff; }
.logo {color: #bf4430;float: left; margin:9px; font-size: 2.2em;font-weight: 700;}
.logo span {color: #413a87; line-height:18px; display: block;}
.mh-logo { background:#EBEBEB; color: #333;font-size: 0.9em;font-weight: normal;line-height: 16px;margin: 0 0 0 0; padding:4px 5px;}
.login-header .aslogo img{height: 46px;width: 46px;   margin: 0 20px;}
.login-header .aslogo p {color: #fff; margin: 6px 0;font-weight: bold; font-size: 0.9em;}
.login-header .GOMlogo img{height: 50px;width: 50px;}
.login-header  .mh-logo {
    margin: 0 0;
    padding: 0 0 0 0;
}


.header-top {
    border-bottom: 1px solid #efefef;
  
}

.portal-text { color:#fff;}
.GOMlogo, .aslogo   { padding:8px 0 0;}
.mahaonline-logo{margin:15px 0 15px 19px; background:rgba(0, 0, 0, 0) url("../images/Maha_IT_Logo.png") no-repeat scroll 0 0 / contain ; width:200px; height:59px; }
.mahaonline-logo-mr{margin:15px 0 15px 19px; background:rgba(0, 0, 0, 0) url("../images/Maha_IT_Logo.png") no-repeat scroll 0 0 / contain ; width:200px; height:59px; }
.login-header .portal-text  
{  color: #999;
    font-family: "oswaldregular";
    font-size: 1.8em !important;
    font-weight: normal;
    letter-spacing: 0.5px;
    line-height: 28px;
    margin: 28px 0 0;
    text-align: center;
    text-transform: uppercase;
    
    
}


.colums-list { padding: 0px;}
.colums-list li { display: inline-block;
    list-style: outside none none;
    width: 33%;
    }


.colums-list li a {
     background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eaefef;
    color: #333333;
    display: block;
    margin: 5px;
    padding: 6px 10px;
}

.head-page      
{
      border-bottom: 3px solid #ef6439 !important;
    color: #ef6439 !important;
    font-family: "oswaldregular";
    font-size: 1.4em !important;
    letter-spacing: 0.5px;
    margin: -11px -11px 20px;
    padding:12px 25px;
    text-transform: capitalize;
}
    .head-page i {
    background: #EF6439 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 1.3em;
    margin: -15px 11px -14px -15px;
    padding: 15px; 
}
.head-page label{font-weight:normal}
/*.req-doc .head-page{color: #EF8B28 !important;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); padding: 12px 25px;border-bottom:none !important; }*/
.req-doc .box-container > .box-heading{ background-color: #6F82BD; border: 1px solid #6F82BD;}
.req-doc h2{background: #1FC36D;display: block; border-radius: 3px; color: #FFF;padding: 8px 15px;}
.req-doc h2 label{color: #FFF;}
.mg0 { margin:0px !important;}
.pad3 { border-radius: 4px; padding: 5px 9px !important;}

.colums-list li a:before 
{
    content: "\f0ea";
    font-family: "FontAwesome";
    font-size: 2.5em;
    margin: -12px 9px -12px -15px;
    padding: 13px 11px;
    vertical-align: middle;
    color:#888;
    }

.colums-list li a:hover, .colums-list li a:hover:before  {   text-decoration:none;  color:#fff;   background:#F39C6A;}
.colums-list li a:hover:before {  background:#D87D4B; color:#fff;  } 

.normal-size {
    z-index: 9;
}

.font-resize a span {
    float: right;
    font-size: 1em;
    margin: -4px 0 0;
}

.font-resize {
    float: right;
    width:79px;
    position:relative;
    margin: 0 58px 0 0;
}

.font-resize a {
    background: #333333 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 13px !important;
    left: 27px;
    padding: 5px;
    position: absolute;
}


.inpage-design { background:#fcfcfc; padding:10px; margin:0 0 20px 0; border:1px solid #ededed;  } 

.elocker-tabs ul {
    display: block;
    padding: 0;
        margin-bottom: 0;
}

.elocker-tabs ul li {
    list-style: inside none disc;
    color:#3070af;
      padding: 0 0 4px;
}

.dg-logo { margin:6px 0  0 0; }
. mgright { margin-right:5px;}
    .font-osw  
    {
        font-family: "oswaldregular";
    font-size: 1.1em;
    letter-spacing: 0.7px;
    text-transform: capitalize;
    
    }
    
    .font-13 { font-size:13px !important;}
    .lang-btn > a {
  background: #fb9e42 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff !important;
    display: inline-block;
    margin: 0 9px 0 0; 
    font-size:13px !important;
    padding:5px 9px;
    text-align: center;
    }

    .lang-btn > a:hover { background:#333; text-decoration:none;}

.login-header .portal-text strong{color:#fff;}
.portal-text strong{color:#fff;}
.login-header .logo {
  color: #bf4430;
  float: left;
  margin: 0 9px;
  font-size: 2em;
  font-weight: 700;
}

.GOMlogo  
{
     background: rgba(0, 0, 0, 0) url("../images/maha-logo.png") no-repeat scroll center top / contain ;
    height: 25px;
    margin: 0 0 0 19px;
    padding: 0;
    width: 33px;
     }


.top-head-text { margin:5px 0 0 0;}

.service-list-content {
    background: #fff none repeat scroll 0 0;
    box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
    left: 0;
    padding: 15px;
    position: absolute;
    height:360px;
    z-index:9;
    border-bottom:4px solid #27AE60;
    cursor:inherit;
    display:none;
    top: 0;
    width: 1000px;
 
}

h1 {
    color: #fff;
    font-family: "oswaldregular";
    font-size: 1.4em;
    font-weight: normal;
    margin: -11px -11px 12px;
    padding: 15px;
}

h2 {
    color: #6490bc;
    font-family: "oswaldregular";
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;
    padding: 9px 15px;
    text-transform: capitalize;
}
h2 label {
    color: #6490BC;
    font-family: "oswaldregular";
    font-weight: normal;
}


h4, .h4 {
    font-size: 15px;
}
.back-btn {
color: #181818;
display: inline-block;
padding: 8px;
position: absolute;
z-index: 999;
right: 41px;
margin: 5px 0 0;
border-radius: 3px;
border: 1px solid #D1D1D1;
}
.back-btn i{margin-right: 5px;}

.relative {
    position: relative;
}

.back-btn:hover, .back-btn:focus {   color: #333; text-decoration:none; background:#F3C70B;border-radius: 3px;  border: 1px solid #F3C70B; }

.service-list li:hover .service-list-content {
    cursor: initial !important;
}

.org { color:#f39c12  !important;}
.green { color:#27AE60  !important;}
.service-list span {
    float: right;
    line-height: 43px;
    margin: -11px 0 0;
    color:#fff;
    width: 93%;
}

.service-list-content > h3 {
    border-bottom: 2px solid #71ba8f;
    color: #27ae60;
    margin: 0 0 20px;
    padding: 2px 0 15px;
    font-weight:normal;
    text-transform: capitalize;
    font-family:"oswaldregular";
}


.service-list-content ul {
    padding: 0;
    margin:0;
}

.service-list-content ul li {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #dfdfdf;
    color: #666;
    display: inline-block;
    line-height: 22px;
    vertical-align:top;
    margin: 0 20px 0 0;
    padding: 10px 5px 10px 10px;
    vertical-align:top;
    width:46.5%;
}
.service-list-content ul li:hover, .close-btn-service-list:hover { color:#27AE60;  cursor:pointer;  border-bottom: 1px solid #27AE60; }
.service-list-content ul li:hover:before {  color:#27AE60;   }
.service-list-content ul li:before {
 content: "\f01c";
  width:25px; 
  height:25px;
  float:left;
  color:#bdbdbd;
  font-family: 'FontAwesome';
  }

.service-list-content ul li:hover { background:#f8f8f8;}

.close-btn-service-list { color:#ddd; font-size:0.7em;}

.login-section h3 { margin:0px  10px 0 0; border-bottom:2px solid rgba(255,255,255,0.3); padding:10px 10px;  font-size:1.3em;}
.navbar {min-height: 40px;}
.services-bg {   background: rgba(0, 0, 0, 0) url("../images/congruent_pentagon.png") repeat-x scroll center bottom;
    padding: 25px;
    }
    


.timeline .stream {
	position:relative;
	width:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	height:100px !important;
}
.home-menu   
{
     border-bottom: 1px solid rgba(0,0,0,0.5);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-align:center;
    border-radius: 0;
background:#FCF5E5;
    text-align:center;
    border-top: 0px solid rgba(0,0,0,0.5);
    margin: 0;
    }
.home-menu .navbar-nav>li{ text-align:center; }
.home-menu .pad0{padding:0px;}
/*.home-menu .navbar-nav>li:last-child{border-right:none;}*/
.home-menu .navbar-nav>li> a   
{
    border-right: 1px solid #fff;
    color: rgba(0, 0, 0, 0.6);
    display: block;
    font-family: oswaldregular;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 1px;
    margin-left: -1px;
    padding: 10px 20px;
    text-transform: uppercase;
    }
    
    .csc-services-link i {
    margin: 0 0 0 10px;
}

    
 .home-menu .navbar-nav > li > a > i {
    border-radius: 90%;
    clear: inherit;
    color: rgba(0, 0, 0, 0.5);
    display: inline-block;
    font-size: 1.2em;
    padding:0px 21px 5px;
}
.bx-pager.bx-default-pager, .bx-controls-auto {
    display: none;
}



.bottom-mg-30 { margin:20px 0 30px;}

.bx-controls {
    background: #f9f9f9 none repeat scroll 0 0;
    position: absolute;
    right: 0;
    top: 0;
    padding:23px 0 0  0;
      height: 108px;
}
#slider2 strong {
    display: block;
}


.nav-logo { display: none;
    float: left;
    padding:7px 1px 5px 0;
    width: 160px;
    margin-right:15px;  }
.stick-head .nav-logo {   display:inline-block; }
.stick-head .navbar  {  background:rgba(255,255,255,0.97);
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    position: fixed;
    top: 0;
    border-top:0px solid;
    width: 100%;

    z-index: 999;
    
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
    }
.csc-services  
{
    background:#27ae60 ;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    margin: -1px 0 0;
    min-height: 6px;
    position: relative;
    }
.csc-services-link  
{
    background: #27ae60;
    border-radius: 0 0 10px 10px;
    bottom: -32px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: "oswaldregular";
    font-size: 1.1em;
    left: 46%;
    line-height: 20px;
    padding: 6px 25px 10px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
}
.csc-services-link:hover { text-shadow:2px 2px 2px rgba(0,0,0,0.4); }
    .navbar-nav { text-align:center; margin:0 auto; width:auto; float:none; height:57px; display:inline-block; }
    .stick-head   .navbar-nav { width:75%; transition: all 0.1s ease-out 0s; -ms-transition: all 0.1s ease-out 0s; -ms-transition: all 0.1s ease-out 0s; -webkit-transition: all 0.1s ease-out 0s;}
      .stick-head .navbar .navbar-nav > li > a {  padding:20px 15px 20px 5px; }
      .stick-head .navbar-nav > li { margin-right:5px;}
  .stick-head .navbar .navbar-nav > li > a > i {  font-size: 1.5em; padding:0 10px; }
   .stick-head .home-menu .navbar-nav>li> a span { display:inline-block; }
.login-section { position:fixed; height:354px;}
.home-menu .navbar-nav>li> a span { display:block; }
.home-menu .nav>li>a:focus, .home-menu .nav>li>a:hover,.home-menu .nav>li>a.active {text-decoration: none; background: #ffa144; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTE0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjk3M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffa144 0%, #f2973c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa144), color-stop(100%,#f2973c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa144 0%,#f2973c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa144 0%,#f2973c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa144 0%,#f2973c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa144 0%,#f2973c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa144', endColorstr='#f2973c',GradientType=0 ); /* IE6-8 */
 color: #fff; }
 .nav>li>a.active i { color:#fff;}
.home-menu .nav>li.login-tab { float:right;}
.home-menu .nav>li.login-tab a {  background-color: #F2AF0C; color:#fff; }
.home-menu .nav>li.login-tab a i { color:#fff;}
.home-menu .nav>li.login-tab a:hover, .home-menu .nav>li.login-tab a.active { background-color: #297baa;}
.home-menu .nav>li>a:focus i, .nav>li>a:hover i, .nav>li>a:active i { color: #fff; }
.home-menu .navbar-header .navbar-toggle{border:none;}
.home-menu .navbar-header .navbar-toggle .icon-bar {border: 1px solid #428bca;}
.home-menu .navbar-header {background:#daf5fe;}
.home-menu .navbar-header .navbar-brand {font-size: 1em; color:#428bca;}
.home-menu .navbar-collapse{overflow-x: hidden;}
.left-stiky-panel-focus { display:block;}
/*.nav {background: url("../images/nav-bg.jpg") repeat-x scroll center bottom rgba(0, 0, 0, 0);margin: 20px 0 0;}*/
.nav ul {margin: 0;padding: 0;}
.nav ul li {border-right: 1px solid #ebecec;float: left;list-style: outside none none;}
.nav ul li a {border-bottom: 2px solid #e1e1e1;color: #575757;display: block;font-size: 0.9em;padding: 5px 15px 15px;}
.nav ul li a:hover, .nav ul li a:focus {border-bottom: 2px solid #bf4430;color: #bf4430;text-decoration: none;}
.search {background: none repeat scroll 0 0 #9d9c9a;float: right;margin: 0 8px 0 0;}
.search span {color: #fff;font-size: 0.7em;padding: 8px;}
.top-mgr-20 {margin-top: 20px;}
.box {min-height: 100px;padding: 15px; position: relative;}
.box h2 {font-size: 1.4em;font-weight: 600;margin: 0;}
.green .note {color: #45936E;display: block; margin: 6px 0;}
.box .corner {border-bottom: 10px solid transparent;border-top: 0 solid transparent;left: 0;position: absolute;top: 0;}
.gray .corner {  border-left: 15px solid #757575;}
.red .corner {  border-left: 15px solid #d35e73;}
.blue .corner {  border-left: 15px solid #6490bc;}
.login-section .corner {  border-left: 15px solid #30b1b1;}
.green .corner {  border-left: 15px solid #237e5b;}
.box h2 span { font-weight:100; display:block; }
.box h2 span.vleList:first-child { margin:0 0 0 7px; }
.box h2 span.vleList { font-size:12px; display:inline-block; }
.box h2 span.vleList a, .box h2 span.vleList a:visited { background:#6490bc; color:#fff; text-decoration:none; padding:0 4px; }
.box h2 span.vleList a:focus, .box h2 span.vleList a:hover { background:#ccd7e2; color:#25496d; text-decoration:none; }
.box .box-search { position:relative;}

.box .input-search {border:0px;margin-top:15px;padding:15px 10px;color:#fff;display:block;font-size:0.9em;width:100%;}
.box .box-search .glyphicon {color: #fff;position: absolute;right: 7px;top: 6px;background: none;border: none;}
.box .box-icon {  color: #757575;font-size: 4em;position: absolute; } 
/*
.gray { background:#fafafa; border:1px solid #DAC082;} 
.red { background:#fef9fa; border:1px solid #DAC082;}
.blue { background:#f9fcfe; border:1px solid #DAC082;}
.green { background:#fbfffd; border:1px solid #DAC082;}

*/
.pofix { position:fixed; right:100px;}
.gray .box-search .glyphicon {
    right: 35px;
    top: 34px;
    width:25px;
    height:25px;
    z-index:99999;
}


.banner { background:url(../images/bg2.jpg); background-size:cover; -webkiste-background-size:cover; -ms-background-size:cover;  width:100%; min-height:387px; padding:50px 0 70px;}

.banner .head-banner {   color: #fff;
    display: block;
    font-family: "oswaldregular";
    font-size: 3em;
    margin: 0 0 20px 9px;
    text-transform: capitalize;
    }
    
.header-italic {
    color: #fff;
    display: block;
    font-family: "oswaldregular";
    font-size: 1.5em;
    padding: 26px 0 0;
    text-align: right;
    text-transform: capitalize;
}

.header-italic span { margin:0 3px;}

    
@font-face {
    font-family: 'oswaldregular';
    src: url('../../fonts/Oswald/oswald-regular-webfont.eot');
    src: url('../../fonts/Oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Oswald/oswald-regular-webfont.woff2') format('woff2'),
         url('../../fonts/Oswald/oswald-regular-webfont.woff') format('woff'),
         url('../../fonts/Oswald/oswald-regular-webfont.ttf') format('truetype'),
         url('../../fonts/Oswald/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.services-banner {
  text-align: center;
    width: 100%;
    position:absolute;
    z-index:11;
}
.black-bg {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    display:none;
    top: 209px;
    width: 100%;
    z-index: 10;
}

.close { font-size:30px !important;}
.services-banner ul {  
    margin: 0;
    overflow:hidden;
    height:3px;
    padding: 5px 0 0;
    }

.services-banner ul li {   color: #fff;
    display: inline-block;
    font-family: "oswaldregular";
    font-size: 1.3em;
    list-style: outside none none;
    margin:26px 12px 0;
    position: relative;
     }
.services-banner ul li i { font-size:1.9em;}
.blue .box-search .glyphicon {
    right: 35px;
    top: 34px;
}

.popup input, .popup textarea, .popup select, .popup .form-control {  background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #ddd !important; color:#000 !important ; font-family: "Open Sans",sans-serif !important;}

.red .box-search .glyphicon {
    right: 35px;
    top: 34px;
}


.loader 
{
    margin: 0px; padding: 0px; position: fixed; right: 0px;
        top: 0px; width: 100%; height: 100%; background-color: #fff; z-index: 30001;
        opacity: 0.9; filter: alpha(opacity=90); display: none;
        text-align:center;
        }
 .loader > img {
    margin:20% 0 0 0;
}

        

/*.btn {  padding:6px 12px !important;}*/

.Time .flipper i {
    padding: 10px 33px;
}
.payment .flipper i {
    padding: 10px 33px;
}

.Queues .flipper i {
    padding: 10px 33px;
}

.Friendly .flipper i {
    padding: 10px 33px;
}

.Service .flipper i {
    padding: 10px 33px;
}

.Access .flipper i {
    padding: 10px 33px;
}



.green .box-icon {
    font-size: 3em;
    right: 5px;
    top: 60px;
}

.gray .box-icon, .blue .box-icon, .red .box-icon { top:63px; right:0px; }
.blue .box-icon { top:68px; right:10px; }
.red .box-icon { top:75px; right:10px; font-size:3em; }
.phone-nmber {
    color: #fff;
    display: block;
    font-size: 2em !important;
    font-weight: 100;
    margin: 23px 0 0;
    text-align: center;
}
.manadatory::after {
     color: Red;
    content: "*";
    font-size: 13px;
    font-weight: normal;
    margin: 1px 0 0 5px;
    position: absolute;
}


.list .description {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    display: inline-block;
    line-height: 18px;
    margin: 15px;
    padding: 14px;
    text-align: justify;
}


.box-phone {
    background: rgba(35, 126, 91, 0.7) none repeat scroll 0 0;
    color: #fff;
    font-size: 0.9em;
    margin: 0px 0 0;
    padding: 3px 15px;
}
.black-text { color:#333 !important}
.inline { display:inline-block !important;}

.gray .input-search {  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    margin: 15px 0 0;}
.gray h2, .gray .box-icon { color:rgba(0, 0, 0, 0.6)}
.red h2, .red .box-icon { color:#d35e73;}
.blue h2, .blue .box-icon { color:#34608c; }
.green h2, .green .box-icon { color:#237e5b;}
.red .input-search {
background:rgba(183, 56, 78, 0.7) none repeat scroll 0 0;}
.list-section h3 {
    color: #323232;
    font-size: 1.5em;
    font-family:"oswaldregular";
    text-transform:uppercase;
    font-weight: 100;
}

.list-section h3
.find{font-size: 0.8em;}
.blue .input-search { background:rgba(31, 79, 127, 0.7) none repeat scroll 0 0; margin-top: 15px;}
.blue p{margin: 10px 0;}
.blue p a{padding: 0 10px 0 0; color: #337ab7;}
.blue p a:hover{color: #6490bc;}
.blue p a span{padding:0 6px 0 0}
.login-section h2 {color: #fff;font-size: 1.3em; margin:0px;}
.login-section ul.tab {float: left;margin: 10px 0;padding: 0;}
.login-section ul.tab li {float: left;list-style: outside none none;}
.login-section ul.tab li a {background: none repeat scroll 0 0 #d4eaea;color: #87bebe;display: block;margin-right: 2px;padding: 6px 26px;}
.login-section ul.tab li a.active, .login-section ul.tab li a:hover {background: none repeat scroll 0 0 #30b1b1;color: #fff;text-decoration: none;}
.login-section label {color: #595959;font-size: 1em;font-weight: normal;margin-top:13px;width: 100%;}
.char-input {width: 54% !important;}
.login input, .login textarea, .login select {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    box-shadow: 0 0 0;
    color:#fff !important;
    padding: 10px;
    width: 100%;
}


.input-group:hover input:hover, .input-group textarea:hover, .input-group select:hover, .input-group:focus input, .input-group textarea:focus, .input-group select:focus {
 border:1px solid #fff;	   color:#000; box-shadow:0px 0px 0px; box-shadow:0px 0px 0px; box-shadow:0px 0px 0px; box-shadow:0px 0px 0px;
	}
	
	

	

	.qc-service input, .qc-service textarea, .qc-service select {
    background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    box-shadow: 0 0 0;
    padding: 10px;
    color:#fff !important;
    width: 100%;
}

.login-section select { padding:3px !important;}
.padging-zero {padding: 0;}
.login-section i {color: #fff;cursor: pointer;}
.btn-login {
    margin: 28px 0 0;
}

.btn-login .btnlogin {background: none repeat scroll 0 0 #297baa; margin:0 0 6px 125px;  border:0px; color: #fff;display: inline-block;padding: 10px 15px;text-transform: uppercase;font-size:0.8em;width: auto;}
.btn-login .btnlogin:hover { background:#003551; }
.new-reg  .sml-link:hover  { text-decoration:none; }
.new-reg i {
color: #fff;
    float: left;
    font-size: 1.4em;
    margin: 10px 0 0;
    padding: 5px 8px;
}
.news-item { padding:4px 4px; margin:0px; border-bottom:1px dotted #555;  }
.news-item img{height:60px; width:60px;}
h1, h2, h3, h4. h5 { font-family: "Open Sans",sans-serif; }
.view-link { border: 1px solid #f1bfc8; font-weight:600; font-family:"Open Sans",sans-serif; color: #d35e73;  font-size: 0.5em; padding: 5px;
}
.view-link:hover{ text-decoration:none; border: 1px solid #d35e73; background:#d35e73; color:#fff; }
.scroll-box {
    border: 1px solid #e9d3d7;
    padding: 15px;
    background:#fff;
	position:relative;
}
.twitter-box {
    padding: 0px;
	position:relative;
}

.timeline { border-radius:0px !important; -moz-border-radius:0px !important; -ms-border-radius:0px !important; -webkit-border-radius:0px !important;  }
.bottom-bg .list-section h3, .bottom-bg .list-section h3 i, .bottom-bg .list-section .view-link { color:#333;}
.customisable-border{border:0px !important;}

.new-reg > a:hover {
    background:#E6F4F4;
    color: #000;
    text-decoration: none;
}


.new-reg > a {

    color: #666;
    display: block;
    font-size: 0.9em;
    padding: 6px;
}

.new-reg > a:last-child{
    border-top: 1px solid #c7d8d8;
    }
.scroll-box > ul {
    padding: 0;
}
.scroll-box ul li {
    border-bottom: 1px solid #ddd;
    list-style: outside none none;
    margin-bottom: 15px;
	 padding-bottom: 15px;
	display:block;
}
.scroll-box li a {
    color: #687480;
    font-size: 0.9em;
	vertical-align:top;
	display:block;
}

.scroll-box .news-item strong {
    color: #4e92d9;
    display: block;
    font-size: 1.1em;
    font-weight: 600;
    margin:7px 0 0;
}
.list-section h3 span{color: #666;padding: 0 6px 0 0;}
.twitter h3 span{color: #5EA9DD;padding: 0 6px 0 0;}
.scroll-box li span .org {
    color: #c96318;
    display: block;
    margin: 0;
    text-transform: uppercase;
}

.stick-head .services-banner { position: fixed;  top: 63px; }

.scroll-box li a:hover { text-decoration:none;}
.scroll-box li a img {  display:inline-block;}
.scroll-box li span {  display:inline-block; width:70%; margin-left:2%; vertical-align:top; }
.scroll-box li .news-item span.org { margin:0px; color:#c96318; text-transform:uppercase; }
.scroll-box .news-arrow {
    background: none repeat scroll 0 0 #f9f9f9;
    padding:266px 0 0;
    position: absolute;
    right: 0;
    top: 0;
}
.scroll-box .news-arrow .fa {
    background: none repeat scroll 0 0 #ebecec;
    border-top: 1px solid #fff;
    color: #b5bcbc;
    display: block;
    font-size: 2.5em;
    padding: 4px 5px 3px;
}
.scroll-box .news-arrow .fa:hover { cursor:pointer; color:#333;}

.scroll-box .bx-controls-direction .fa {
    background: none repeat scroll 0 0 #ebecec;
    border-top: 1px solid #fff;
    color: #b5bcbc;
    display: block;
    font-size: 2.5em;
    padding: 4px 10px 3px;
}

.scroll-box .bx-controls-direction a { text-decoration:none;}
.scroll-box .bx-controls-direction .fa:hover { cursor:pointer; color:#333;}

.login-footer { color:#fff; font-size:0.8em; padding:15px 0;  background:#494949;}
.login-footer a { color:#fff; }


.bottom-bg { background:#fff; padding:25px 0 35px;}

.benefits-modal {
  padding: 0 10px !important;
  height:auto !important;
}

.banner-pop h2 { font-size:1.1em !important;}

.banner-pop h2 i {
     font-size: 1.2em !important;
    margin: 0 10px 0 0;
}

.benefits-modal li {
    border-bottom: 1px solid #ddd;
    color: #000 !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 0.7em !important;
    list-style: outside none square !important;
    margin: 0 0 12px !important;
    padding: 0 0 10px;
    text-align: left !important;
    display:block !important;
}


.popup label { margin-top:5px !important;}

.modal-backdrop { z-index:10;}
.marginZero {
    margin: 0 !important;
}

.popup #CaptchaSchema_lblRandomNo {
    border: 0 none !important;
    height: auto !important;
    padding: 10px 0 !important;
}


#CaptchaSchema_txtCaptchAnswer { margin:10px 0;}
#CaptchaSchema_Label1, #CaptchaSchema_Label2, #CaptchaSchema_Label3 { width:4% !important; }

.widauto input, #checkboxPrimary {width:auto !important;}
.popup {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 55;
    padding:3% 0 0;
}
.pagination { color:#000 !important; display:block !important;}
.pagination label { width:auto !important;}
.pagination li { color:#000 !important;  }
.marbtm{margin-bottom:10px}

.mobileContiner .input-group { margin-top:0px !important;}

.mgtop-23 { margin-top:23px;}
.bx-viewport { height:94px;}
.textbox-wrap .input-group-addon {
 background: rgba(0,0,0,0.15);
    border: 0 none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    width: 40px;
}
/*.marginZero { margin:0px;}*/

.input-group {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    /*margin: 20px 0 0;*/
}

.login-section .input-group { margin: 20px 0 0; width: 98%; }



.sub-header {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.navbar-fixed-top {
    border: 0 none;
}
.sidebar {
    display: none;
}

.left-sticky-secion {
    position: fixed;
    right: 00px;
    width: 190px;
	z-index:9;
}

.left-sticky-secion li {
    color: #fff;
    display: block;
	margin-bottom:3px;
}

.service-list  li {
    background: rgba(0,0,0,0.5);
    display: block;
    margin: 0 0 10px;
    color:#fff;
    padding:12px 10px;
    width: 390px;
}

.service-list  li:hover {  cursor:pointer;  background: rgba(0,0,0,0.4); }
.service-list {
    margin: 15px 10px 0 0;
    padding: 0;
    float:left;
}

.service-list  li i { margin-right:10px;}
.left-sticky-secion li a { color:#fff; display:block; padding:15px 10px 15px 25px; background:#053C6D;}

.service-list-head {  color: #fff;
    font-family: "oswaldregular";
    font-size: 1.9em;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;}

.left-stiky-title {
    display: inline-block;
    font-weight: 600;
    line-height: 14px;
    margin-left: 15px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 110px;
    z-index: 1;
}


.left-sticky-secion > ul {
    margin: 0;
    padding: 0;
}

.qc-service span.box-icon {
    font-size: 2.1em;
    vertical-align: calc(3px);
}


.left-sticky-secion li a i {
    display: inline-block;
    font-size: 2em;
    vertical-align: calc(6px);
}

.left-sticky-secion li.login a i {
    vertical-align: calc(-5px);
}

.left-sticky-secion li.qc-service a i {
    vertical-align: calc(-4px);
}


.left-sticky-secion li.avo-ques a i {
    vertical-align: calc(2px);
}


.left-sticky-secion li.easy-access a i {
    vertical-align: calc(3px);
}


.left-sticky-secion li.easy-payment a i {
    vertical-align: calc(1px);
}


.left-sticky-secion li.user-friendly a i {
    vertical-align: calc(2px);
}



.left-sticky-secion li.save-time a i {
    vertical-align: calc(2px);
}



.qc-service  li {border-bottom:1px dashed rgba(0,0,0,0.3); }

.qc-service  span span {
    display: block;
    font-size: 1.1em;
    font-weight: 600;
    margin: 3px 0;
    text-transform: uppercase;
}
.qc-service  span {
    font-size: 0.9em;
    line-height: 16px;
}

.show-eye {
    color: #fff;
    display: inline-block;
    text-align: right;
}

.show-eye > a {
    background:rgba(0,0,0,0.6);
    color: #fff;
    display: block;
    padding: 10px 21px;
}
.show-eye > a:hover { background:rgba(0,0,0,0.9); color: #fff; }


.list li i { vertical-align:calc(-2px) !important; font-size:1.2em !important; margin-right:10px; }
.list li a { padding:7px 10px !important; background:#384F66 !important;}
.list li a:hover { background:rgba(0,0,0,0.2) !important;}
.left-sticky-secion li a {
    background: #34495e none repeat scroll 0 0;
    color: #fff;
    display: block;
	text-decoration:none;
    padding: 15px 10px 15px 25px;
}

.left-sticky-secion li a:hover, .left-sticky-secion li:hover a{
    background:#27AE60; 
	
	margin:0 0 0 -2px;
	}
	
	
	.login-section .form-control::-webkit-input-placeholder {
   color: #fff;
}

.login-section .form-control:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.login-section .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.login-section .form-control:-ms-input-placeholder {  
   color: #fff;  
}




	
.login-section .form-control::-moz-placeholder { color:#fff !important;}
	
.login	.left-stiky-panel  {  height: 350px; }	
.left-stiky-panel {
   background: #27AE60;
    color: #fff;
    display: none;
    padding:15px;
    position: absolute;
    right: 192px;
    top: 0;
  
    width: 335px;
}

.left-stiky-panel ul { padding:0px;}

.qc-service .left-stiky-panel { padding:10px; background:#384F66 !important;} 

.left-sticky-secion li:hover .left-stiky-panel { display:block;}
.new-reg li    
{
     border-bottom: 1px dashed #fff;
    display: inline-block;
    width: 100%;
     }
     
     .qc-service .left-stiky-panel 
     .new-reg li:last-child { border-bottom:0px solid #000;}
     .new-reg ul { padding:0px;}
.new-reg li a { color:#fff; display:block;}
.new-reg li a:hover { background:#003551; }
.new-reg li a i { color:#fff;}

.box-search input.glyphicon-search {
    background: transparent none repeat scroll 0 0;
    border: 0 solid;
    height: 46px;
    position: absolute;
    right: 14px;
    top: 24px;
    width: 55px;
}

.box-search input.glyphicon-search:hover {  border: 0 solid;}


.box-search span.glyphicon-search {
    color: #fff;
    position: absolute;
    right: 25px;
    top: 40px;
    z-index: 0;
}


.box-right a span {
    margin-right: 5px !important;
}

li.qc-service:hover .box-right a {
    margin:5px !important;
    padding: 10px !important;
 
}
li.qc-service:hover .box-right a:hover {
   background:#324A6A !important;}


li.qc-service:hover .box-right  p {  margin-top: 15px !important; }
.box-search {
    padding-top: 25px;
    position: relative;
}


    li.qc-service a {
    background: #f39c12 none repeat scroll 0 0 !important;
}

    li.qc-service:hover a {
    background: #27AE60 none repeat scroll 0 0 !important;
}

li.qc-service:hover .left-stiky-panel {  background:#27AE60 !important; }


h1.step2{background: #5c647e;
color: #FFF;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.4em;
font-weight: normal;
margin: -11px -11px 12px;
padding: 15px;}
.frm-tab{padding:12px 15px; color:#333}
.active-tab{background:rgb(230, 104, 50); color:#fff}
.active-arrow{width: 0px;
height: 0px;
border-top: 24px solid rgba(201, 62, 62, 0);
border-bottom: 24px solid rgba(192, 16, 16, 0);
border-left: 23px solid #E66832;
float: left;
}
/*css for steps */
.step{background:rgb(240, 240, 240);color: #FFF;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 1.2em;font-weight: bold;margin: -11px -11px 12px;padding:0;}
.breadcrumb { box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15);overflow: hidden;border-radius: 0;
/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
counter-reset: flag;padding: 6px 15px; }
.breadcrumb a {text-decoration: none;outline: none;display: block;float: left;font-size: 0.85em;
line-height: 36px;color: white;padding: 0px 15px 0px 75px;background: #666;background: linear-gradient(#666, #333);position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb a:first-child {padding-left: 58px;border-radius: 5px 0 0 5px;color:#fff;}
.breadcrumb a:first-child:before {left: 20px;}
.breadcrumb a:last-child {border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
padding-right: 20px;}
/*hover/active styles*/
.breadcrumb a.active, .breadcrumb a:hover{background: #333;background: linear-gradient(#333, #000);}
.breadcrumb a.active:after, .breadcrumb a:hover:after {background: #333;background: linear-gradient(135deg, #333, #000);}
/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb a:after {
content: '';
position: absolute;
top: 0; 
right: -18px; /*half of square's length*/
/*same dimension as the line-height of .breadcrumb a */
width: 36px; 
height: 36px;
/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
if diagonal required = 1; length = 1/1.414 = 0.707*/
transform: scale(0.707) rotate(45deg);
/*we need to prevent the arrows from getting buried under the next link*/
z-index: 1;
/*background same as links but the gradient will be rotated to compensate with the transform applied*/
background: #666;background: linear-gradient(135deg, #666, #333);
/*stylish arrow design using box shadow*/
box-shadow: 2px -2px 0px 1px #fff, 3px -3px 0px 2px rgba(255, 255, 255, 0.1);
/* 5px - for rounded arrows and 
   50px - to prevent hover glitches on the border created using shadows*/
border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumb a:last-child:after {content: none;}
/*we will use the :before element to show numbers*/
.breadcrumb a:before {content: counter(flag);counter-increment: flag;border-radius: 100%;
width: 22px;height: 22px;line-height: 20px;margin: 8px 0;position: absolute;top: 0;
left: 40px;background: #444;background: linear-gradient(#444, #222)}
.flat a, .flat a:after {background: #FFF;color: #fff;transition: all 0.5s ease 0s;}
.flat a:before {background: white;color: rgb(90, 90, 90);text-align: center;border: 1px solid #fff;}
.flat a.active,.flat a.active:after{background: #F3960B;color:#fff}


.flat a.inactive,.flat a.inactive:after{background: #F3C70B;}


.mBtm25{margin-bottom:25px}
.mBtm10{margin-bottom:10px}
.mTop10{margin-top:10px}
.mRight5{margin-right:5px}
.cast-brd-btm{border-bottom: 1px dashed #D2D2D2;margin-bottom: 5px;padding-bottom: 5px;}

.apple-sarkar{margin: 9px 0px 0px 20px; background:rgba(0, 0, 0, 0) url("../images/aaple-sarkar.jpg") no-repeat scroll 0 0 / contain ; width:138px; height:72px; }
.apple-sarkar-rts{margin: 10px 0px 0px 15px; background:rgba(0, 0, 0, 0) url("../images/aaple-sarkar-rts.png") no-repeat scroll 0 0 / contain ; width:71px; height:70px;}
.cm {margin: 6px 0px 0px;}
.cm p{display: inline;text-align: right;padding: 0px;float: left;margin: 14px 0px 0px 0px;font-weight: bold;font-size:1.1em;}
.cm p span{display: block;font-size: 0.7em;font-weight: normal;}
.cm img{display: inline;padding: 0px;}
.no-padding{padding:0}
.clear{clear:both}
    
@media (min-width: 768px) {
.sidebar {
    bottom: 0;
    display: block;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 124px;
    z-index: 1000;
}
}
.nav-sidebar {
    margin-bottom: 20px;
    margin-left: -20px;
    margin-right: -21px;
}
.nav-sidebar > li > a {
    padding-left: 20px;
    padding-right: 20px;
}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
    background-color: #428bca;
    color: #fff;
}
.main {
    padding: 20px;
}
@media (min-width: 768px) {
.main {
    padding-left: 40px;
    padding-right: 40px;
}
}
.main .page-header {
    margin-top: 0;
}
.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    border-radius: 50%;
    display: inline-block;
}

/* Carousel Styles */
.carousel-indicators .active {
    background-color: #72B1BB;
}

.carousel-inner img {
    width: 100%;
    max-height: 286px
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
	color: #333;
}
.carousel-indicators li {
  border: 1px solid #9DE1F0;
}
.carousel-control.left span {
	padding: 15px;
}

.carousel-control.right span {
	padding: 15px;
}

.carousel-control .left, 
.carousel-control .right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 40%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .left,
.carousel-control .icon-prev {
	left: 0;
}

.carousel-control .right,
.carousel-control .icon-next {
	right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
	background-color: #fff;
	opacity: .7;
	filter: alpha(opacity=70);
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: 1;
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 30%;
    left: 3%;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
      font-size: 2em;
}

.header-text h2 span {
   /*background-color: #7A85B3;*/
    padding: 6px 12px;
    color: #7A85B3;
}

.header-text h2 span strong {
  font-weight: normal;
  font-size: 2em;
  padding: 10px;
}
.header-text h3 span {
  background-color: #FFF;
  padding: 6px 12px;
  font-size: 0.7em;
  color: #333;
}
.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}



@media (max-width:1400px) 
{
    .service-list li { width:250px;}
    .service-list span { line-height: 14px; margin:0px; }
    .stick-head .navbar .navbar-nav > li > a { padding:20px 8px 20px 1px; font-size:0.8em;}
    .mahaonline-logo { width:170px; margin:15px 0;}
        .profile-left { margin:-60px 0 0;}
        
    }
    
    
@media (max-width:1200px) 
{ 
    .colums-list li{ width: 48%; }
    .inpage-design { margin-top:30px;}
.back-btn { top:30px;}
    }
  @media (max-width:800px) {  
    .left-sticky-secion { right:-130px; }
    /*-- start form-layout--*/
    .headerwrapper { position:static;}
.profile-left { position:static; width:100%; padding:0px; margin:0px; }
#inbox { position:static;  }
#inbox .pull-right, #inbox .dropdown-menu { float:none !important; }
#inbox .dropdown-menu { margin:0 auto;}
.mainwrapper { padding:0px;}
#ui-id-1 { width:82% !important;}
.elocker-section .img-responsive  { margin:0 0 0 15px;}
.wc { padding-top:5px;}
.wc .pull-right{ float:left !important;}
.footer { margin:0px;}

h2 {   font-size: 1.4em; }


/*-- End form-layout--*/
    }

@media (max-width:520px) 
{
    
    .profile-left { margin:0px;}
    /*-- start main-layout--*/
    .font-resize {
    margin: 0;
    width: 118px;
}

  .colums-list li{ width: 100%; }
.GOMlogo { margin:0px;}

.dg-logo {
    float: none !important;
    margin: 0 auto;
    position: absolute;
    right: 00px;
    text-align: center;
    top: 10px;
}

.header-top .menu-collapse {
  background-color: #e66832;
    border-radius: 0 5px 6px 0;
    color: #fff;
    font-size: 1em;
    height: 35px;
    left: 0;
    padding: 5px 12px;
    position: fixed;
    top: 29px;
    z-index: 999999;
}



.header-top .menu-collapse::before {
    color: #fff;
    float: left;
    font-size: 0.9em;
    margin: 2px 8px 0 0;
    text-transform: uppercase;
}

.header-top .menu-collapse:hover { color:#fff; background:#333;}

.login-header { position:relative;}
.mahaonline-logo {
    float: left !important;
    height: 59px;
    margin: 10px auto 0 00px;
    width: 170px;
}
.mh-logo .container  { padding:0px;}
.login-header .portal-text { display: block;
    float: left !important;
    margin: 10px auto;
    width: 100%;
}

.dg-logo > img {
    margin: 0 0 9px;
    width: 110px;
}
.nav-logo { padding:7px 0px 10px 0; }
.navbar-nav { width:100%;}
    .stick-head .services-banner { top:52px;}
    .csc-services-link { left:0px;}
    .services-banner.active ul { height:100% !important;}
    .left-sticky-secion li {
    color: #fff;
    display: block;
    float: left;
    margin-bottom: 10px;

}
   #left-info  { position:relative;}
.left-sticky-secion { position:static; }
.left-sticky-secion {width:100%;}
.left-sticky-secion li a {
    display: block;
    height: 60px;
    padding: 15px;
    width: 64px;
}

.left-stiky-title { display:none;}

.left-stiky-panel {

    padding: 15px;
    position: absolute;
    top: 60px;
    width: 320px;
    left:-2px;
    z-index: 999;
}

.clearfix > a {
    height: 40px !important;
    line-height: 10px !important;
    padding: 10px !important;
    width: 100% !important;
}

    /*-- End main-layout--*/
    
/*-- start form-layout--*/
.headerwrapper { position:static;}
.profile-left { position:static; width:100%; padding:0px; }
#inbox { position:static;  }
#inbox .pull-right, #inbox .dropdown-menu { float:none !important; }
#inbox .dropdown-menu { margin:0 auto;}
.mainwrapper { padding:0px;}
#ui-id-1 { width:82% !important;}
.elocker-section .img-responsive  { margin:0 0 0 15px;}
.wc { padding-top:5px;}
.wc .pull-right{ float:left !important;}
.footer { margin:0px;}
.leftpanel {
    display: block !important;
    width:100% !important;
    position: fixed;
    top: 64px;
    z-index: 9999999999999;
    height:76%;
    overflow:scroll;
    left: 0%;
}
.mainwrapper.collapsed .leftpanel { width:0px !important;  display:none !important; }


/*-- End form-layout--*/

    }
    
    @media (max-width:330px) 
{ 
    .left-sticky-secion li a { width:58px;}
    
    .clearfix > a {
    height: 40px !important;
    line-height: 10px !important;
    padding: 10px !important;
    width: 100% !important;
}
.service-list li { width:300px;}
.leftpanel  { display:block !important; width:100% !important;}
.mainwrapper.collapsed .leftpanel { width:0px !important;  display:none !important; }



    }

.list-style-icon li i {color:#EF9B13; margin-right:0.8em}

h3.panel-title {
    border: 0 none;
    margin: 0;
    padding: 0;
}



.padtop10 { padding-top:10px;}
.doc-note{padding:0; margin:0}
.doc-note li{position: relative;display: block;font-size: 0.9em;padding: 10px 15px;margin-bottom: -1px;background-color:rgb(255, 248, 234);border: 1px solid rgb(240, 223, 190);margin-left:0px;}