﻿
@font-face
{
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-regular-webfont.woff2') format('woff2'), url('../fonts/oswald-regular-webfont.woff') format('woff'), url('../fonts/oswald-regular-webfont.ttf') format('truetype'), url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1, h2, h3 {font-family: 'oswaldregular';}
body{
    font-size: 1.4em;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
}

.devices {text-align:center; display:flex}
.devices img {margin:20px 0; width:150px; height:150px}
.devices h3 {font-size: 1.6em;color: #de6308;margin: 0 0;}
.devices h3 span{color:#333; font-size:1em;}
.secugen {border:1px solid #b9cff1; padding:20px;}

.mantra {border:1px solid #b9cff1; padding:20px; margin:0px 10px;}
.nitgen {border:1px solid #b9cff1; padding:20px;}

.page-title{font-family: 'oswaldregular' !important;font-size: 22px;font-weight: bold; margin:20px 0 0!important}
.form-control {border-radius: 0;box-shadow: none;border-color: #d2d6de;}
.panel{position: relative;border-top: 0;margin-bottom: 20px;width: 100%;background: #fff;border-radius: 0;padding: 0px;-webkit-transition: .5s;transition: .5s;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;box-shadow: 1px 0px 20px rgba(0,0,0,0.08); border:0px; border-radius:5px;}
.mh-logo
{
    background: #212121;
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 16px;
    margin: 0 0 0 0;
    padding: 4px 5px;
}
.mmb-logo
{
    float: right;
    width: 60px;
    margin: 10px 15px 0 0;
}
.text-white { color:#fff!important}
.mrg-32{ margin-top:32px!important;}

.loginbg
{
   background:#0095db; /* 58b2dc browsers */
}


.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;
}
.validation
{
    color: red;
    font-weight: normal !important;
}

.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/mahaonline-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/mahaonline-logo_mr.jpg") no-repeat scroll 0 0 / contain;
    width: 200px;
    height: 59px;
}
.login-header .portal-text
{
    color: #58b2dc;
    font-size: 1.8em !important;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 28px;
    margin:2px 0 0;
    text-align: center;
    text-transform: uppercase;
}
.cidco-logo { width:80px}
.colums-list
{
    padding: 0px;
}
.colums-list li
{
    display: inline-block;
    list-style: outside none none;
    width: 33%;
}
.colums-list li a
{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eaefef;
    color: #333;
    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;
}
.well {
    min-height: 20px;
    padding: 10px 10px 6px;
    margin-bottom: 15px; 
    border:1px solid #cfdeee;
    border-radius: 0px;
 
}
.head-page i
{
    background: #EF6439 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 1.3em;
    margin: -15px 11px -14px -15px;
    padding: 15px;
}
.head-page label
{
    font-weight: normal;
}

.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;
}

.pay:before
{
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f156";
    border-right: 1px solid #105087;
    margin-right: 5px;
    width: 17px;
    display: inline-block;
    text-align: center;
}
.sign-certi:before
{
    font-family: FontAwesome;
    content: "\f15c";
    padding-right: 5px;
    border-right: 1px solid #2e89a4;
    margin-right: 5px;
    width: 17px;
    display: inline-block;
    text-align: center;
}
.preview-certi:before
{
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f002";
    border-right: 1px solid #269126;
    margin-right: 5px;
    width: 17px;
    display: inline-block;
    text-align: center;
}
.view-form:before
{
    content: "\f06e";
    font-family: FontAwesome;
    padding-right: 5px;
    border-right: 1px solid #cf8c2d;
    margin-right: 5px;
    width: 17px;
    display: inline-block;
    text-align: center;
}
.scrutiny:before
{
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f046";
    border-right: 1px solid #298ba8;
    margin-right: 5px;
    width: 17px;
    display: inline-block;
    text-align: center;
}
.pdf-download:before
{
    font-family: FontAwesome;
    padding-right: 5px;
    content: "\f1c1";
    border-right: 1px solid #298ba8;
    margin-right: 5px;
    width: 17px;
    display: inline-block;
    text-align: center;
}
.download:before
{
    font-family: FontAwesome;
    padding-right: 5px;
    content:"\f019";
    border-right:1px solid #1b68aa;
    margin-right: 5px;
    width: 17px;
    display: inline-block;
    text-align: center;
}


.btn-text-center .btn{text-align:left;}
.mrgl5{margin-right: 5px;}
.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;
}

.upload-img
{
    float: left;
    display: inline-block;
    margin-right: 15px;
    padding: 6px;
    background: #fff;
    border: 1px solid #ddd;
}
.upload-sign
{
    float: left;
    display: inline-block;
    padding: 6px;
    background: #fff;
    border: 1px solid #ddd;
}
.normal-size
{
    z-index: 9;
}
.label-2:after
{
    content: ':';
    position: absolute;
    right: 0px;
}

.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: #333 none repeat scroll 0 0;
    color: #fff;
    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: #fff !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;
    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-size: 1.4em;
    font-weight: normal;
    margin: -11px -11px 12px;
    padding: 15px;
}
h2
{
    color: #6490bc;
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;
    padding: 9px 15px;
    text-transform: capitalize;
}
h2 label
{
    color: #6490BC;
    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;
}
.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: #eee;
    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-regular-webfont.eot');
    src: url('../../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/oswald-regular-webfont.woff2') format('woff2'), url('../../fonts/oswald-regular-webfont.woff') format('woff'), url('../../fonts/oswald-regular-webfont.ttf') format('truetype'), url('../../fonts/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
{
    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: #234608 !important;
    padding:1px 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;
}

.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;
}

.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
{
    font-family: "oswaldregular";
    font-size: 1.9em;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
}

.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::-moz-placeholder
{
    color: #fff !important;
}

.login .left-stiky-panel
{
    height: 350px;
}
.left-stiky-panel
{
    background: #fff;
    padding: 15px;
}

.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
{
    display: block;
}
.new-reg li a:hover
{
    color: #000;
}
.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: 15px 0px 0px 15px;
    /*background: rgba(0, 0, 0, 0) url("../images/aaple-sarkar.jpg") no-repeat scroll 0 0 / contain;*/
    width: 90px;
    height: 52px;float:left
}
.apple-sarkar-rts
{
    margin: 11px 0px 0px 15px;
    background: rgba(0, 0, 0, 0) url("../images/aaple-sarkar-rts.png") no-repeat scroll 0 0 / contain;
    width: 66px;
    height: 65px;
}
.maha-vitaran
{
    margin: 15px 0px 0px 10px;
    background: rgba(0, 0, 0, 0) url("../images/maha-vitaran.png") no-repeat scroll 0 0 / contain;
    width: 137px;
    height: 60px;
}
.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:27px 0 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;
}

.field-validation-error
{
    /* background:#FBD8D5; */
    padding: 0 0 5px;
    color: #C30F0F;
    margin-top: 3px;
}
.field-validation-error:before
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f05a";
    margin-right: 3px;
}
.alert > p
{
    line-height: 20px;
}
.normal
{
    font-weight: normal !important;
}


.notice
{
    padding: 15px;
    background-color: #fafafa;
}
.notice-sm
{
    padding: 10px;
    font-size: 80%;
}
.notice-lg
{
    padding: 35px;
    font-size: large;
}
.notice-primary
{
    border-color: #4274D7;
}
.notice-primary > strong
{
    font-size: 20px;
    font-weight: normal;
    color: #4274D7;
}
.notice-success
{
    border-color: #80D651;
}
.notice-success > strong
{
    font-size: 20px;
    font-weight: normal;
    color: #80D651;
}
.notice-info
{
    border-color: #45ABCD;
}
.notice-info > strong
{
    font-size: 20px;
    font-weight: normal;
    color: #45ABCD;
}
.notice-warning
{
    border-color: #FEAF20;
}
.notice-warning > strong
{
    font-size: 20px;
    font-weight: normal;
    color: #FEAF20;
}
.notice-danger
{
    border-color: #ec5858;
}
.notice-danger > strong
{
    font-size: 20px;
    font-weight: normal;
    color: #333;
}

.btn span
{
    margin-left: 2px;
    border-left: 1px solid #fff;
    padding-left: 5px;
}

/* CSS for BG Video */
.homepage-hero-module
{
    border-right: none;
    border-left: none;
    position: relative;
    background: rgb(4, 98, 172);
}
.no-video .video-container video, .touch .video-container video
{
    display: none;
}
.no-video .video-container .poster, .touch .video-container .poster
{
    display: block !important;
}
.video-container
{
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: 0.7;
}
.video-container .poster img
{
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter
{
    z-index: 100;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}
.video-container video
{
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth
{
    width: 100%;
}
/* CSS for BG Video Ends */

#dot-matrix
{
    background: url(http://s14.directupload.net/images/111129/44ga9qid.png);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
}

/* CSS for Login Page */
.header
{
    text-align: center;
    background: #fff;
    padding: 0 0 10px;
}
.log-in
{
  
    position: absolute;
    top: 1%;
    z-index: 999;
    left: 0;
    overflow: hidden;
    width: 100%;    
background: #58b2dc; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #58b2dc 38%, #58b2dc 38%, #0095db 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #58b2dc 38%,#58b2dc 38%,#0095db 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #58b2dc 38%,#58b2dc 38%,#0095db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58b2dc', endColorstr='#0095db',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

label {color:#333; font-weight:normal; }

.log-in h1
{
    font-family: 'oswaldregular' !important;
    font-size: 2em;
    margin: 5px 0 10px;
    color:#fff;
}
.header p
{
    font-size: 2.1em;
    margin: 9px 0 5px;
    padding: 0 0 10px;
}
.login-frm h1
{
    font-size: 1.5em;
    margin: 0 0 20px;
}
.login-frm p
{
    font-size: 0.9em;
    text-align: center;
    margin: 20px 0 3px;
    font-family: arial;
    background: rgba(0, 30, 60, 0.48);
    padding: 10px 0;
    color: #bedafa;
}
.login-frm .log-pdf
{
    background: rgba(0, 30, 60, 0.62);
    padding: 8px 20px;
    margin: 3px 0 0;
}
.login-frm .log-pdf a, .login-frm .log-pdf a:visited
{
    color: #bedafa;
    font-family: 'Sakal Marathi' , arial;
    font-size: 0.9em;
    text-decoration: none;
}
.login-frm .log-pdf a i
{
    margin-right: 5px;
}
.login{background: #fff; overflow: hidden;padding: 20px 30px 30px;}
.login .btn { border-radius:0px;}
.login h2 {margin-bottom:20px; text-align:center; color:#212121}
.login a, .login a:visited{color:#58b2dc; font-size: 0.9em; display: block;text-align: center;font-weight:bold;}
.login a:hover{color:#428bca;}
.login span
{
    color: #6393c5;
    font-size: 1.5em;
    font-weight: bold;
}
.log-btn
{
    background: transparent;
    border-radius:0px;
    border:0px solid #9cb48a;
    padding: 4px 10px;
}
.login .input-group-addon
{
    background: #58b2dc;
    border: 0;
}
.input-group-addon .fa { width:25px;}
.login .form-control{color: #fff;background-color:#e8f3f9;background-image: none;border: 0;border-radius:0px;box-shadow: 0;border-bottom: 1px solid #58b2dc;}
.login .form-control:hover, .login .form-control:focus { border:0px!important;}
.login-footer{margin: 10px 0 0;clear: both;padding-top:40px;}
.login-footer p{font-size: 0.9em;padding: 20px 0 0;font-family: arial;color: #fff;}
.login .fa:before{color: #fff;}
.login .captcha input[type="text"]{height:37px;color:#fff;background-color:#e8f3f9;background-image: none;border: 0;border-bottom: 1px solid #58b2dc;border-radius: 0;margin-bottom: 10px; width:100%;padding: 6px 12px;font-size:14px;line-height:1.42857143;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;box-shadow:none;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-bottom:1px solid #58b2dc}
.login .captcha a{display:block;color:#f1643f;}
.login .captcha {font-weight:500;color:#333; }
.login .captcha br {display:none}
.login #btnRefreshCaptcha{background:transparent; border:0px;}
::-webkit-input-placeholder{color: #000 !important;}
:-moz-placeholder{color: #000 !important;}
::-moz-placeholder{color: #000 !important;}
:-ms-input-placeholder{color: #000 !important;}
input:-webkit-autofill{ background-color: #fff !important; background-image: none !important;color: #fff !important;}

.mtop20
{
    margin-top: 20px;
}
.mtop24
{
    margin-top: 24px;
}
.mtop40
{
    margin-top: 40px;
}
.mbtm20
{
    margin-bottom: 20px !important;
}
.mtop5
{
    margin-top: 5px;
}
.mbtm5
{
    margin-bottom: 5px;
}
.logo
{
    background: #fff;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin: auto;
    overflow: hidden;
}
.logo img
{
    height: 70px;
    margin-top: 10px;
}

.logo-master {float:left}
.logo-master img {float:left; margin:10px}
.otherLogo {float:right; margin:10px 0}



fieldset {
    border: 1px solid #ddd !important;
    padding: 20px !important;
    background: #fff !important;
    border-radius: 0px !important;
    margin: 0 auto 2% !important;
}
legend {
    padding: 3px 10px !important;
    border-radius: 3px !important;
    margin: 0px !important;
    width: auto !important;
    font-size: 1.25em !important;
    line-height: inherit !important;
    color: #AF3037 !important;
    background: #FBF6F6 !important;
    border: 1px solid #E0C3C5 !important;
}

/*Side Bar*/
@media (min-width: 768px) {
.sidebar-collapse .content-wrapper,  .sidebar-collapse .right-side,  .sidebar-collapse .main-footer {margin-left: 0;}
}
@media (max-width: 767px) {
.sidebar-open .content-wrapper,  .sidebar-open .right-side,  .sidebar-open .main-footer {-webkit-transform: translate(230px, 0);-ms-transform: translate(230px, 0);-o-transform: translate(230px, 0);transform: translate(230px, 0);}}
.content-wrapper, .right-side {min-height: 100%;z-index: 800;}
/* Fixed layout */
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {position: fixed;}
.fixed .main-header {top: 0;right: 0;left: 0;}
.fixed .content-wrapper, .fixed .right-side {padding-top: 50px;}
@media (max-width: 767px) {
.fixed .content-wrapper,  .fixed .right-side {padding-top: 100px;}}
.fixed.layout-boxed .wrapper {max-width: 100%;}
.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-menu > li.header {color: #4b646f;background: #1a2226;}
.sidebar-menu > li > a {border-left: 3px solid transparent;	margin-right: 1px;}
.sidebar-menu > li > a:hover, .sidebar-menu > li.active > a {color: #fff; background:#35404d;color: #fff;display: block;border-radius: 4px;-webkit-border-radius: 4px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;	transition: all 0.3s ease;	margin: 0 10px;}
.sidebar-menu li.active a i {color: #FF6C60;}
.sidebar-menu > li > .treeview-menu {margin: 0 1px;background: #2c3b41;}
.wrapper, .main-sidebar, .left-side {background: #2a3542;}
.sidebar a,.sidebar a:visited  {color: #aeb2b7;}
.sidebar a:hover {text-decoration: none;}
.treeview-menu > li > a {color: #8aa4af;}
.treeview-menu > li.active > a, .treeview-menu > li > a:hover {color: #fff;}

/*
 * Component: Sidebar
 * ------------------
 */
.main-sidebar, .left-side {position: absolute;top:0;left: 0;padding-top: 0;min-height:100%;width: 230px;z-index: 810;-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);	-o-transition: -o-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);	transition: transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
}
@media (max-width: 767px) {
.main-sidebar,  .left-side {top:13%;min-height:87%; -webkit-transform: translate(-230px, 0);-ms-transform: translate(-230px, 0);-o-transform: translate(-230px, 0);	transform: translate(-230px, 0);}

}
@media (min-width: 768px) {
.sidebar-collapse .main-sidebar,  .sidebar-collapse .left-side {-webkit-transform: translate(-230px, 0);-ms-transform: translate(-230px, 0);-o-transform: translate(-230px, 0);	transform: translate(-230px, 0);}
}
@media (max-width: 767px) {
.sidebar-open .main-sidebar,  .sidebar-open .left-side {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
}
.sidebar {
	padding-bottom: 10px;
}
.fixed .sidebar {
	overflow: auto;
	height: 100%;
}
.sidebar-form input:focus {
	border-color: transparent!important;
}
.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0; width: 230px;
}
.sidebar-menu > li {
	position: relative;
	margin: 0;
	padding: 0;
}
.sidebar-menu > li > a {
	padding:12px 7px;
	display: block;
	margin: 0 10px;
}
.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
	width: 20px;
}
.sidebar-menu > li .label, .sidebar-menu > li .badge {
	margin-top: 3px;
	margin-right: 5px;
}
.sidebar-menu li.header {
	padding: 10px 25px 10px 15px;
	font-size: 12px;
}
.sidebar-menu li > a > .fa-angle-left {
	width: auto;
	height: auto;
	padding: 0;
	margin-right: 10px;
	margin-top: 3px;
}
.sidebar-menu li.active > a > .fa-angle-left {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.sidebar-menu li.active > .treeview-menu {
	display: block;
}
.sidebar-menu .treeview-menu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}
.sidebar-menu .treeview-menu .treeview-menu {
	padding-left: 20px;
}
.sidebar-menu .treeview-menu > li {
	margin: 0;
}
.sidebar-menu .treeview-menu > li > a {
	padding: 5px 5px 5px 15px;
	display: block;
	font-size: 14px;
	margin: 0 10px;
}
.sidebar-menu .treeview-menu > li > a > .fa, .sidebar-menu .treeview-menu > li > a > .glyphicon, .sidebar-menu .treeview-menu > li > a > .ion {
	width: 20px;
}
.sidebar-menu .treeview-menu > li > a > .fa-angle-left, .sidebar-menu .treeview-menu > li > a > .fa-angle-down {
	width: auto;
}
/*

/* Toggle Icon */
.sidebar-toggle {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 3px 12px;
    font-family: fontAwesome;
    border: 1px solid #58b2dc;
    margin: 21px 0 0 10px;
    border-radius: 0;
}.sidebar-toggle:before {
    content: "\f0c9";
    color: #58b2dc;
    font-size: 21px;
}
@media (max-width: 767px) 
{
.sidebar-toggle {float: left;background-color: transparent;background-image: none;padding:5px 10px;font-family: fontAwesome;}
.sidebar-toggle:before {content: "\f0c9";}
.sidebar-toggle:hover {color: #fff;}
.sidebar-toggle .icon-bar {display: none;}}
@media (max-width: 991px) {.navbar-toggle {color: #fff;border: 0;margin: 0;padding: 15px 15px;}}
@media (max-width: 767px) {.main-header .navbar .sidebar-toggle {color: #fff;}
.main-header .navbar .sidebar-toggle:hover {color: #f6f6f6;background: rgba(0, 0, 0, 0.1);}
.main-header .navbar .sidebar-toggle { color: #fff;}
.main-header .navbar .sidebar-toggle:hover {background-color: #367fa9;}}

/* Content Wrapper */

.fixed .content-wrapper,  .fixed .right-side {
	padding-top: 0!important;
}
.content-wrapper, .right-side, .main-footer {
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
	-moz-transition: -moz-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
	-o-transition: -o-transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
	transition: transform 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
	-webkit-transition: margin-left 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
	-o-transition: margin-left 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
	transition: margin-left 0.3s cubic-bezier(0.32, 1.25, 0.375, 1.15);
	margin-left: 230px;
	z-index: 820;
}
.layout-top-nav .content-wrapper, .layout-top-nav .right-side, .layout-top-nav .main-footer {margin-left: 0;}
@media (max-width: 767px) {
.content-wrapper,  .right-side,  .main-footer {margin-left: 0 !important;}
}
@media (min-width: 768px) {
.sidebar-collapse .content-wrapper,  .sidebar-collapse .right-side,  .sidebar-collapse .main-footer {margin-left: 0;}
}
@media (max-width: 767px) {
.sidebar-open .content-wrapper,  .sidebar-open .right-side,  .sidebar-open .main-footer {-webkit-transform: translate(230px, 0);-ms-transform: translate(230px, 0);-o-transform: translate(230px, 0);transform: translate(230px, 0);}}
.content-wrapper, .right-side {min-height: 100%;z-index: 800;}

/* Fixed layout */
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {position: fixed;}
.fixed .main-header {top: 0;right: 0;left: 0;}
.fixed .content-wrapper, .fixed .right-side {padding-top: 50px;}
@media (max-width: 767px) {
.fixed .content-wrapper,  .fixed .right-side {padding-top: 100px;}}
.fixed.layout-boxed .wrapper {max-width: 100%;}

/*Header*/
@media (max-width: 767px) {
.apple-sarkar{height:50px;float:left}
.apple-sarkar-rts{height:54px;float:right}
.login-header .portal-text{font-size: 1.2em !important;line-height: 20px;}
.mmb-logo{float: none}
.mlogo{ position: absolute;right: 0;}
}

/*Footer*/
.main-footer
{
    background: #494949;
    position: relative;
    z-index: 9;
    margin-left: 230px;
    color: #fff;
    font-size: 0.9em;
    margin-top: 0px;
    padding: 12px 0; overflow: hidden;
}
.main-footer a, .main-footer a:visited{color:#fff}

/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs .panel-heading {padding: 10px 10px 0;}
.with-nav-tabs .nav li:before { display:none}
.with-nav-tabs .nav-tabs{border-bottom:0px;}
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}


.nav-tabs { border-bottom: 2px solid #fff;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666;}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {border: none;color: #ffffff !important;background: #ec5858;border-radius: 0; font-weight:bold;}
.nav-tabs > li > a::after { content: ""; background: #ec5858; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.panel-body .lable-demo { font-size:.9em!important; color:#888!important;font-style: italic;}

.radios{position:relative;padding:10px 15px 0 35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.radios input{position:absolute;opacity:0;cursor:pointer;}
.radios .checkmark{position:absolute;top:8px;left:0;height:25px;width:25px;background-color:#eee;border-radius:50%;border:5px solid #ddd;}
.radios:hover input ~ .checkmark{background-color:#ccc;}
.radios input:checked ~ .checkmark{background-color:#88caff;border:5px solid #0a81db;}
.checkmark:after{content:"";position:absolute;display:none;}
.radios input:checked ~ .checkmark:after{display:block;}