* {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('fonts/Montserrat-Regular.eot');
  src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
       url('fonts/Montserrat-Regular.woff') format('woff'),
       url('fonts/Montserrat-Regular.ttf') format('truetype'),
       url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
       url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@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');
}

/*body{background:url('../Images/wrd_bg.jpg') no-repeat fixed center center;background-size:cover;font-family:TitilliumRegular;}*/
body {font-family:'TitilliumRegular'!important; color:#000 !important; background:#3c85d0 url(../images/sec_bg.jpg) no-repeat left top; background-size:cover }
.logo{font-size:2em;color:#fff;margin:80px 0 50px 0;text-align:center; font-family:Montserrat-Regular}
.login-block{width:320px;padding:20px;background:#fff;border-radius:5px;border-top:5px solid #ff656c;margin:0 auto;}
.login-block h1{text-align:center;color:#000;font-size:18px;text-transform:uppercase;margin-top:0;margin-bottom:20px;}
.login-block h2{text-align:center;color:#000;font-size:1.2em;margin:10px 0;}
.login-block input{width:100%;height:42px;box-sizing:border-box;border-radius:5px;border:1px solid #ccc;margin-bottom:20px;font-size:14px;font-family:Montserrat;padding:0 20px 0 50px;outline:none; font-family:Montserrat-Regular}
.login-block input#username{background:#fff url('../../Images/user.png') 20px top no-repeat;background-size:16px 80px;}
.login-block input#username:focus{background:#fff url('../../Images/user.png') 20px bottom no-repeat;background-size:16px 80px;}
.login-block input#password{background:#fff url('../../Images/password.png') 20px top no-repeat;background-size:16px 80px;}
.login-block input#password:focus{background:#fff url('../../Images/password.png') 20px bottom no-repeat;background-size:16px 80px;}
.login-block input:active, .login-block input:focus{border:1px solid #ff656c;}
.login-block button{width:100%;height:40px;background:#ff656c;box-sizing:border-box;border-radius:5px;border:1px solid #e15960;color:#fff;font-weight:bold;text-transform:uppercase;font-size:1.2em;font-family:Montserrat;outline:none;cursor:pointer;; font-family:Montserrat-Regular}
.login-block button:hover{background:#ff7b81;}
.captcha img{/*float: left; max-height:55px;*/margin-right: 10px; margin-bottom:15px;}
.captcha a{display:block;color:#f1643f;}
.captcha {font-weight:500;color:#333; font-size:0.85em; line-height:20px; }
.captcha br { display:none }
.captcha input { display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -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;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}

ul, ol {
    list-style: none;
}

h2 {
    font-size: 1.4em;
    color: #777;
    text-transform: uppercase;
}
                              
.lang-btn { width:250px; margin:0 auto;}

.login-body { background: #fff url(../images/dam.jpg) no-repeat left top; background-size: cover;}
.log-in { position: absolute; top: 0; z-index: 999; left: 0; color: #545454; overflow: hidden; width: 100%;}
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;}
.mtop5 { margin-top: 5px;}
.mtop20 { margin-top: 20px;}

.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 10px;font-size: 1.8em;border-bottom: 4px solid #70b7ef;padding-bottom: 5px; display: inline-block;}
.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;}

.container .punch-line { color: #0465b9; margin: 20px 0 10px;}
section { padding-top: 10px;}
section .container { padding-top: 15px; padding-bottom: 15px;}
.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; font-size: 0.9em;}

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}


/*   navbar */

.navbar-default { background-color:#cfe3fd; border-radius:0px; padding: 5px;}
.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;}


@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;}    
}