@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,600i,700');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700');
@import url(font-awesome.min.css);
/*@import url(nav.css);*/
@media only screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
}
.error_msg:empty{ display:none;}
a {outline: 0;}
a:hover, a:active, a:focus {outline: 0;text-decoration: none;}
a, a:visited {
    color: #2277c8;
    outline: 0 none;
    text-decoration: none;
    transition: color 0.3s ease-in-out 0s;
}
img{ max-width:100%; height:auto;}


.lft{ float:left;}
.rgh{ float:right;}
.clr{ clear:both; }
.padT10{padding-top:10px}
.padT30{padding-top:30px}
.padB30{padding-bottom:30px}
.padB20{padding-bottom:20px}
.btn:focus,.btn:active {
   outline: none !important;
}
/*###################*/
.login_bg input:-webkit-autofill,
.login_bg input:-webkit-autofill:hover,
.login_bg input:-webkit-autofill:focus,
.login_bg input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
img{ max-width:100%; height:auto;}
.login_bg input[type="text"]:focus, input[type="password"]:focus{  outline:none; box-shadow:none; background:none;}
.login_bg input[type="text"], input[type="password"]{ border:none; outline:none; box-shadow:none;}


.login_bg{background:#fff; margin:0;}

.login_page_bg{background:#fff;  padding-top:70px;}
.login_page_bg{ background:url(../images/road.jpg) no-repeat left bottom; background-size: cover; position:fixed ;min-width:100%; min-height:100%;}

.login_wrapper{ background:#ffffff; max-width:480px; margin:0px auto; padding:15px; box-sizing:border-box; border-radius:6px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.26);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.26);
}
.login_header{ text-align:center; padding:10px 0 25px; border-bottom:1px solid #ddd;border-radius:3px;}
.login_wrapper h2{ color:#000; font:normal 20px/28px Arial, Helvetica, sans-serif; padding:48px 0 34px; text-align:center; text-transform:uppercase; margin:0;}
.login_wrapper .form_section{ max-width:410px; margin:0 auto;border-radius:3px;}
.login_wrapper .form_block{ width:100%; margin-bottom:18px; display:table;}
.login_wrapper .form_block.border_block{border:1px solid #a3a9b0; border-radius:3px; padding:5px; background:#fff; box-sizing:border-box;}
.login_wrapper .text_fld{  display:block; float:left; width:80%; font:normal 14px/37px Arial, Helvetica, sans-serif; color:#000; height:37px; padding:0 22px; box-sizing:border-box; }
.login_wrapper .form_block.border_block samp{display:block; float:left; padding:0 10px;border-right:1px solid #a3a9b0; }

.footer_logo{ text-align:center; padding-top:15px;}
.captcha_sec .refresh{ font:normal 14px/45px Arial, Helvetica, sans-serif; color:#446fa7; display:block; float:left;}
.captcha_sec .refresh img{ display:block; margin-right:10px; float:left; padding-top:8px;}
.captcha_sec .captcha_block{ float:left; margin-right:15px;}

.login_butn, .login_butn:focus{ background:#0c98a8; border:1px solid #0c98a8; border-radius:3px; font:normal 18px/55px Arial, Helvetica, sans-serif !important; color:#fff ; height:55px; width:100%; text-shadow:none; margin-top:15px; cursor:pointer; text-transform:uppercase;}
.login_butn:hover{ background:#fff; color:#0c98a8; }
.copy_right{font:normal 14px/18px Arial, Helvetica, sans-serif; color:#333; padding:70px 0; text-align:center;}
.copy_right a{ text-decoration:underline; color:#0c98a8;}
.clearfix, .clr{ clear:both; }
/*###################*/

.error_msg {font:normal 13px/18px 'Open Sans', Arial, Helvetica, sans-serif !important; color:#fff; display:block; padding:8px; background:#920b0b; /*border:1px solid #920b0b;*/ border-radius:5px; text-align:center;}
h1{ font:bold 24px/24px Arial, Helvetica, sans-serif; color:#5f5f5f; padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px; margin-top:0px;}
h2{font: normal 28px/30px 'Open Sans', Arial, Helvetica, sans-serif; color:#333; margin:0; margin-bottom:26px;}
h3{font: normal 22px/25px 'Open Sans', Arial, Helvetica, sans-serif; color:#333; padding:0; margin:0; margin-bottom:20px;}

.full_wrapper{ width:100%; padding-left:30px; padding-right:30px; margin:0 auto; }
.wrapper{ width:100%; max-width:1180px; margin:0 auto;}
.wrapper:before, .wrapper:after, .full_wrapper:before, .full_wrapper:after{ display:table; content:''; width:100%;}


.header{ background:#fff; padding: 20px 0; border-bottom: 1px solid #ededed; position:relative;}
.header .logo{ float:left;  transition: all 0.5s ease;}
.header .logout_butn{ background: url(../images/logout.png) no-repeat 10px 10px #0c98a8; width:100px; height:35px; font:600 13px/35px 'Open Sans', Arial, Helvetica, sans-serif; padding:0 12px 0 32px; color:#fff; border:1px solid #0c98a8; float:right; cursor:pointer; border-radius:3px;  }
.header .logout_butn:hover{ background: url(../images/logout.png) no-repeat 10px -22px #fff; color:#0c98a8; }
.main_cont{ padding-top:25px; padding-bottom:25px;}

.textSearch{ background: url(../images/search.png) no-repeat 98% center; padding-right:25px; border:1px solid #ddd;}
.table_chart{ margin:35px 0;}

.button_section{ text-align:center;}
.action_butn{ border:1px solid #69c0c9; padding:0 0.7143em; min-width:180px; font:normal 14px/32px 'Open Sans', Arial, Helvetica, sans-serif;  border-radius:3px; background:#fff; text-align:center; cursor:pointer; display:inline-block; margin:0 5px; color:#333;}
.action_butn.save_butn{ background:#69c0c9; color:#fff;}
.action_butn:hover{background:#69c0c9; color:#fff;}

.footer_panel{border-top: 1px solid #ededed;  padding:10px 0; margin:25px 0;}


.footer-left small { font:normal 12px/30px Arial, Helvetica, sans-serif; color:#333; display:inline-block;}
.total_text {
    background: #e7f1f7;
}

@media (max-width:1388px) {
.login_wrapper h2{ padding:21px 0 26px;}
.login_page_bg{ padding-top:28px;}
.copy_right{ padding:15px 0;}

}

@media (max-width:500px) {
.login_page_bg{ padding:0;}
.login_bg{ background:#fff; padding:0;}
.login_wrapper .text_fld{ padding:0 12px;}
.login_wrapper .input-prepend .add-on, .login_wrapper .input-append .add-on{ padding-left:8px; padding-right:8px;}

.login_wrapper{ padding:15px; box-shadow:none;}
.login_wrapper .form_block.border_block samp{ padding:0 5px;}
}