@charset "utf-8";
/* CSS Document */
body{background:#e7e7e7;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.login{width:32%; padding:20px;background:#00518f;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
overflow:hidden; margin:20% 0 0 0;}
.login img{padding:0 5px 5px 0 !important;}
.login h1{font-size:22px !important;margin:0;padding:0;color:#FFF; text-align:left;font-family:oswald;width:40%;float:left;}
.login a{font-size:22px;line-height: 51px !important;margin-top:20px !important;color:#FFF; text-align:right;font-family:oswald;}
.login-inner{background:#e7e7e7;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; clear:both; padding:38px 38px 42px 38px;}
.login-inner span{font-family:oswald; font-weight:normal; color:#c74a4b; font-size:14px; text-align:left; width:100%; display:block;}
.form-control{margin:0 0 15px 0 !important;}

.btn-login{
border:1px solid #df0909; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:16px;font-family:oswald; padding:5px 10px; text-decoration:none; display:inline-block; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold;*/ color: #FFFFFF;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

.btn-login:hover{
 border:1px solid #b30808;
 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}

header{background:#00518f;}


.logo{width:120px;margin:15px 0;}
.navbar{height:45px !important; width:78.3% !important; position:relative; bottom:-73px; border:none; background:#cd0108 !important; boFrder:none !important; border-radius: 0 !important;}
h1{color:#FFF; font-size:20px; padding:12px 0 0 15px !important; margin:0 !important;font-family:oswald; font-weight:normal;}
.navbar-default .navbar-nav > li > a{color:#FFF !important;font-family:oswald; font-size:16px;}
.img{padding:0 3px 0 0 !important;}
.form-signin a{font-family:oswald;}
.padd{padding:0 !important;}

.admin{margin:25px 0 0 0; padding:0;}
.admin li{width:20%; float:left;background:#ffffff; border:solid 1px #b1b1b1;list-style:none; margin:0 0 0 -1px;}
.admin li a{ background:url(../images/round.png) no-repeat; width:154px; height:152px; display:block; margin:25px 0;}
.admin li a:hover{background:url(../images/round-hover.png) no-repeat;}
.admin li a img{padding:40px 0 0 0;}
.admin li a strong{color:#FFF;font-family:oswald; text-decoration:none!important; font-size:14px; padding:15px 0 0 0; display:block; font-weight:normal;}
.admin li a:hover{text-decoration:none !important;}


footer{background:#00518f; padding:0 0 25px 0; margin:25px 0 0 0; }
.footer-inner{width:78.3%; background:#cd0108; padding:5px 0;}
.footer-inner p{color:#FFF; text-align:center;font-family:oswald;}

/******************************Messages *****************************/
.green_msg{color: #008000;display: block;font-size: 15px; padding-top: 15px;}
.red_msg{color: #FF0000;display: block;font-size: 15px; padding-top: 15px;}
.red{color: #FF0000;font-size: 12px;display: block; margin-left: 135px;}
/****************************council page css ****************************/
.col-md-5 {
    width: 21.6667% !important; padding:0!important; float:left;}
.col-md-7 {
    width: 78.3333% !important; padding-right:25px !important; padding-left:25px; padding-top:25px; padding-bottom:25px; background:#eeeeee; float:left;}
.sidenav{padding:0; margin:0; border:solid 1px #d5d5d5; display:block; background:#ffffff;}
.sidenav li{list-style:none; border-bottom:solid 1px #d5d5d5;}
.sidenav li span{font-family:open sans; padding:15px 0 15px 60px; display:block; color:#0a195c;}
.sidenav li a{font-family:open sans;padding:15px 30px; display:block; color:#0a195c;}
.sidenav li a img{padding:0 5px 0 0;}
.sidenav li a:hover , .nav-avtive{text-decoration:none !important;color:#FFF !important; 
 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}
b{color:#b41c1c; font-size:20px; font-family:open sans; width:100%; display:block; padding:0 0 20px 0;}
label{color:#656565; font-family:open sans; font-size:15px; font-weight:normal; width:61%;}
label span{padding:0 10px 0 0;}
.inner-input{background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555; width:50%;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.table-bordered tr th{ background:#e5e8fe;font-family:open sans; color:#020826; font-weight:bold;}
.table-bordered tr td{background:#f6f6f6 url(../images/td-bg.png) repeat-x left top;color:#656565;}
.table-bordered tr td img{padding:0 12px 0 0;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{border:solid 1px #cbcbcb !important;}




@media only screen 
and (max-width : 320px) {
.login{width:100% !important;

}
.navbar{ z-index:9999; bottom:0 !important; position:relative !important;}
.navbar-right li{ background:#0a1a5c  !important; margin:0 0 1px 0 !important;}

.admin li{width:50%; float:left;background:#ffffff; border:solid 1px #b1b1b1;list-style:none;}

.col-md-5 {
    width:100% !important;}
	.inner-input{ width:100%;}
	label{width:100% !important;}


}


@media only screen 
and (max-width : 360px) {
.login{width:100% !important;

}
.navbar{ bottom:0px !important; position:relative !important;}
.navbar-right li{ background:#0a1a5c !important; margin:0 0 1px 0 !important;}
.admin li{width:50%; float:left;background:#ffffff; border:solid 1px #b1b1b1;list-style:none;}
.col-md-5 {
    width:100% !important;}
	.inner-input{ width:100%;}
	label{width:100% !important;}

}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
.login{width:50% !important;
}
}



/*************************** home page css  **************************/
@media(min-width:1200px){.wrapper{width:900px !important}}

.header-top{background:#cd0108;padding:16px; margin:35px 0 0 0; overflow:hidden;}
.header-top a h1{margin:0 !important; padding:0 !important;}
.header-top a:hover{text-decoration:none;}
.box{background:#ffffff;padding:50px 25px;}
.box p{margin:0 0 25px 0;}
.box img{max-width:100%;}
.bottom-links{margin:50px 0 0 0;}
.links{margin:0; padding:0;}
.links li{ display:inline-block; list-style:none; padding:0 15px 0 0;}
.links li a ,h2{font-family:oswald; font-size:18px; color:#cd0108;}
.links li a:hover{text-decoration:none; color:#0a195c;}
h2{margin:0 0 20px 0;}

.social-icon{margin:0;padding:0;}
.social-icon li{list-style:none;display:inline-block;}
.social-icon li a img:hover{opacity:0.6;}

.marg{margin:0 !important;}
.wid{width:100% !important;}


.logo2{width:96px;height:76px; margin:-9px 0 0 -63px; position:absolute;}

	@media(max-width:800px){
	.logo2{width:96px;height:76px; margin:0; position: relative;}
	}



.home-links{ margin:20px 0; padding:0;}
.home-links li{list-style:none; padding:15px; background:#0a195c; margin:2px 0; color:#FFF;}
.home-links li:hover{background:#cd0108;}



