* {margin: 0; padding: 0; border: 0; text-decoration: none;}
body {font-family:'TitilliumRegular'!important; color:#000 !important; background:#3c85d0 url(../images/sec_bg.jpg) no-repeat left top; background-size:cover; font-size:14px; }
.login-body{background:#fff url(../images/dam.jpg) no-repeat left top; background-size:cover}

@font-face {
    font-family:'TitilliumRegular';
    src: url('fonts/titillium-regular.eot');
    src: url('fonts/titillium-regular.eot') format('embedded-opentype'),
         url('fonts/titillium-regular.woff2') format('woff2'),
         url('fonts/titillium-regular.woff') format('woff'),
         url('fonts/titillium-regular.ttf') format('truetype'),
         url('fonts/titillium-regular.svg#TitilliumRegular') format('svg');
}
header { background:#fff;padding:5px 0 8px}
.mahalogo {float:left; width:100px} 
.dept-heading {display:inline-block; float:left; padding:18px 0 0 20px; font-size:1.7em; color:#717171; line-height:26px;}
.maharashtra { float:right;height:60px}
.body-home {background: #d9ecf7 url(../images/home.jpg);-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
  background-size: cover;background-attachment: cover;}
.login-bg {background:transparent}
/*section { background:#99cdfd}*/
section{padding-top: 10px}
section .container {padding-top:15px; padding-bottom:15px;}

footer {padding-top:10px}
footer a, footer a:visited, footer {color: #fff}
footer a:hover {color:#5e6a77}
footer p { line-height:16px; font-size:96%; margin-bottom:0px; padding-bottom:0px;}
footer ul {list-style:none; float:right;margin-bottom:0px; padding-bottom:0px;}
footer ul li {float:left; margin-right:8px}

/* css for ie8 */
.ie8 .reading a { font-size: 0.92em;line-height: 29px;}

/*comman css*/
h1 {display: block; font-weight: normal; color:#727171; border-left:4px solid #ffa82d;font-size:1.8em; margin:0px 0 25px!important; background:#fff;padding: 10px 15px}
h2 {font-size:1.4em; color:#777; text-transform:uppercase; }
h3 {padding:0px; line-height: 18px; margin:0 0 10px; color:#000; font-size:1.3em; padding: 10px 0 7px 0; background: #e5e5e5;}
h4 {padding:0px; line-height: 18px; margin:0 0 10px; color:#333; font-size:1.1em;}
p { line-height: 20px;}

.text-danger {color:Red!important; font-size:90%;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="find"]:focus, input[type="tel"]:focus, input[type="color"]:focus, select:focus {background-color: #ffffff; border-color: #e5e5e5 #e5e5e5 #e5e5e5 #31b6d7;box-shadow: none; outline: 0 none;  transition-duration: 0.1s;}

input[type="text"] {background:#FFF; border:1px solid #e5e5e5; width:100%; padding:5px;}
input[type="file"] {background:#FFF; border:1px solid #e5e5e5; width:100%; padding:5px;}
input[type="password"] {background:#fff; border:1px solid #e5e5e5; width:100%; padding:5px;}
input[type="checkbox"] {width:15px; height:15px; margin-right:5px; border:1px solid #e5e5e5; padding:0px;}
input[type="radio"] {width:15px; height:15px; margin-right:5px; border:1px solid #e5e5e5; padding:0px;}
textarea {background:#fff; border:1px solid #e5e5e5; padding:5px; width:100%;}
select {background:#fff; border:1px solid #e5e5e5; width:100%; padding:5px;}
.button {background:#5a88ca; color:#fff; padding:5px 12px; display:inline-block; border-radius:3px;}
.button:hover {background:#3194aa}
.aaple-sarkar-logo{margin: 5px 15px 0 0;height: 55px}
.btn-margin { margin-top:26px;}
ul, ol { list-style:none}
.thumb {max-width:120px; width:100%; height:200px; max-height:120px;}
.container .punch-line {color:#0465b9;margin: 20px 0 10px}

.proceed{ background:#f2f5f7; border:1px solid #d0dde5; padding:10px; width:100%;}
.radios {margin-top:5.5px;}
.radios input[type="radio"] {display:inline-block; margin:5px 5px 0 0!important}
.radios label {display:inline-block; padding-right:17px!important; line-height:16px;}
.margin-bottom {margin-bottom:15px;}

.margin-top-25 {margin-top:25px;}
fieldset {padding:20px; background:#fff; border-radius:3px; margin-bottom:25px; border:1px solid #e8e9ea}
legend {padding: 3px 15px 8px;border-radius: 3px;margin: 0px;width: auto;font-size: 1.2em;line-height: inherit;color: #FFF;background: #f3b04a;}
legend h1 {background:none; margin:0!important; padding:0 3px 3px; font-size:1em; color:#fff}
label { font-size:95%; line-height:16px;}

.complaint h2 {margin:0px 0 10px; color:#fff; text-transform:inherit} 
.complaint a, .complaint a:visited {float:left;background-color:rgb(214, 153, 49);padding:0 8px 3px;margin-top:5px;color: #fff;border-radius: 3px;} .complaint a:hover {color:#fff}
.complaint p {margin:0px; padding:0px;}
.box-complaint {background-color:rgba(0, 53, 99, 0.82);padding:25px;margin-bottom: 35px;color: #fff;border-radius: 3px; overflow:hidden}

.login {max-width:370px; width:80%; background:#fff; padding:20px 25px; -webkit-box-shadow: 0 0 7px 0 #999;-moz-box-shadow: 0 0 7px 0 #999;box-shadow: 0 0 7px 0 #999;}
.login h2 {margin: 0 0 15px;font-size: 1.8em;border-bottom: 4px solid #70b7ef;padding-bottom: 5px;display: inline;}
.login label { font-weight:normal; display:block; padding-bottom:3px; font-size:1.1em}
.login input[type="text"], .login input[type="password"] { border:1px solid #e8e9ea;margin-bottom:15px;}
.login input[type="text"]:focus, .login input[type="password"]:focus {background-color: #ffffff; border-color: #e5e5e5 #e5e5e5 #e5e5e5 #31b6d7; box-shadow: none;  outline: 0 none;  transition-duration: 0.1s;}
.manadatory:after {content: '*';color: Red;padding: 0 0 0 3px;font-size: 1.2em;}

.table th { background:#169ebc; color:#fff}
.table-responsive-md { overflow: scroll}
/*-Bootstrap changes-*/
.alert {padding:5px 10px; border-radius:0px; }

.navbar-default { background-color:#2d74bb; border-radius:0px}
.navbar { min-height:3px; border:0px; margin-bottom:0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #fff; background-color:#E5BC16;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {color: #fff;background-color:#E5BC16;}
.navbar-default .navbar-nav > li > a {color:#ffffff}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color:#ffcc00}
/*.dropdown-menu {background-color:rgb(255, 255, 255);-webkit-background-clip: padding-box; padding:0px; border: 0px;border-radius: 0px;
                -webkit-box-shadow: 0 2px 3px rgba(244, 244, 244, .175); border-bottom:4px solid #31b6d7; border-left:1px solid #e8e9ea; border-right:1px solid #e8e9ea}
.dropdown-menu > li > a { color:#000; padding:5px 15px}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color:#f2fafc; color:#000}*/
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: -1px;
    border-radius: 0;
    box-shadow: none;
}


.dropdown-submenu>.dropdown-menu li{border-bottom: 1px solid #ccc;}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background-color:#529ddc;color: #fff}
.dropdown-submenu>a:after {
    display: block;
    /*content: " ";*/
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #e5bc16;
    color: #fff;
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #fff; color:#fff}
.navbar-default .navbar-toggle {border-color: #fff; color:#fff}
.navbar-toggle {padding:7px 7px;margin-top: 5px;margin-bottom: 5px;border-radius: 3px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}

.round-effect {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.round-effect:hover { border-radius:50%}
fieldset .row { padding-bottom:15px;}

.welcome h1 {background:transparent; border:0px; padding:0px}
.welcome ul li {padding-left:20px; margin-left:10px; margin-bottom:5px; font-size:97%; line-height:18px; background:url(../Images/bullet-y.png) no-repeat 0 3px; }
.welcome h2 {color:#ED9A24; text-transform:inherit;}
.box-complaint2 {min-height:239px!important; }
.box-complaint2 h2 {margin:0 0 15px}

.min-img {min-height:140px; border:1px solid #e1e1e1}

.inline {float:left; display:inline-block}

.panel-page {padding:20px 20px 10px; background:#fff; border-radius:3px; margin-bottom:25px; border:1px solid #e8e9ea}
.panel-page .row { padding-bottom:15px;}
.display-block { display:block}

/**TimeLine**/
.register {transition: all .5s ease-in-out;-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;transition: transform 0.5s ease;}
.register:hover{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02);}
.register:hover .timeline-panel {background:#0064c8!important; color:#fff; }
.register:hover .timeline-panel:before {border-left:12px solid #0064c8;}
.timeline {margin-top:12px;}
.button-center { padding-top:9px; display:block}
.timeline > li {position: relative; padding:10px; display:inline-block; float:left; width:40%;}
.hand:after {content:"\f061"; font-family:FontAwesome; font-size:25px; color:#C8EAF7; position:absolute; right:-8px; top:20px;}
.timeline .info { padding:0px;}
.timeline > li:before, .timeline > li:after {content:" ";display: table;}
.timeline > li:after {clear: both;}
.timeline > li:before, .timeline > li:after {content:" "; display: table;}
.timeline > li:after {clear: both;}
.timeline > li:hover .timeline-badge {background:#45cff9!important}
.timeline > li:hover .timeline-panel {background:#fff}
.timeline > li > .timeline-panel {background: #C4F0FF;font-size: 14px;padding: 20px 10px 10px;min-height: 114px;-webkit-box-shadow: -5px 10px 5px -8px rgba(7,56,79,1);-moz-box-shadow: -5px 10px 5px -8px rgba(7,56,79,1);box-shadow: -5px 10px 5px -8px rgba(7,56,79,1); margin-left:5px;}
.timeline > li > .timeline-panel:before {position:absolute;top:50px;right:45%;display: inline-block;border-top:12px solid transparent;border-left:12px solid #C4F0FF;border-right:0px solid #ccc; border-bottom: 15px solid transparent;content:""; -ms-transform: rotate(270deg);  -webkit-transform: rotate(270deg); transform: rotate(270deg); }
.timeline > li > .timeline-badge {color: #fff;height:41px;font-size:14px;background-color: rgba(44, 174, 215, 1);text-align:center;width:90%; margin:0 auto; line-height: 16px; border-radius:3px; padding:2px 5px; -webkit-box-shadow: -5px 10px 5px -8px rgba(7,56,79,1);
-moz-box-shadow: -5px 10px 5px -8px rgba(7,56,79,1);
box-shadow: -5px 10px 5px -8px rgba(7,56,79,1);}
.timeline > li.timeline-inverted > .timeline-panel {float: right; margin-right: -15px;}
.timeline > li.timeline-inverted > .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}
.timeline > li.timeline-inverted > .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}
.timeline-badge a { color:#fff; display:block; height:40px; font-size:17px;}
.timeline-badge.primary {background-color: #1fb5ac !important;}
.timeline-badge.success {background-color: rgba(102, 189, 120, 1.0);}
.timeline-badge.warning {background-color: rgba(35, 183, 229, 1.0);}
.timeline-badge.danger {background-color: rgba(240, 80, 80, 1.0);}
.timeline-badge.info {background-color: rgba(35, 183, 229, 1.0);}
/*.timeline-badge.info:hover { background:#45cff9}*/
.timeline-title {margin-top: 0; color: inherit;}
.timeline .ul li{ padding-left:20px; margin-left:0px; margin-bottom:8px; background:url(../Images/bullet-y.png) no-repeat 0 3px; line-height:17px; }
.timeline .ul li:last-child { margin-bottom:0px;}


@media (min-width: 768px){
.navbar-nav > li > a {padding:7px 12px }    
}

@media (max-width: 768px){
header {padding-bottom:8px; padding-top:8px;}
.mahalogo {float:left; width:15%} 
.dept-heading { width:60%; float:left; padding:0px 0 0 20px; font-weight:normal; color:#000; font-size:0.9em;line-height:20px;}
.maharashtra { float:right; width:15%}

.login {margin:1em auto 0px; width:100%; font-size:0.95em; padding:15px 20px 0;}
.login h2 { font-size:1.5em; }
.btn { margin-top:15px}
fieldset .row { padding-bottom:0px;}
.complaint {width:100%; margin:20px 0 0; }
.complaint .margin-top-25 { margin:0px;}
.container {width:90%!important;}
 }


@media (min-width: 1200px)  {
section .container { min-height:500px; width:80%!important}
}

@media (min-width: 768px) and (max-width: 979px) {
section .container {min-height:450px;}    
}
    
    
ol.f {list-style-type: decimal-leading-zero!important; padding:0 23px;} 
ol.f li{margin-bottom: 7px;color: #666}

.cal {height: 24px;cursor: pointer;width: 20px;float: right;margin-right: 8px;background: transparent url("../Images/Calender.png") no-repeat scroll 0px 0px;
background-size: 23px 25px;
}
#pnlUser{float:right}
.btn-culture{float:right;margin-top: 2px}
.mtop5{margin-top:5px}
.mtop10{margin-top:10px}
.mtop20{margin-top:20px}

/* CSS for BG Video */
.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;background:rgb(0, 95, 197)
}
.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.3
}
.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%;
}
.log-in{position: absolute; top:0; z-index: 999; left: 0;color:#545454;overflow: hidden; width:100%}