@charset "utf-8";
/* CSS Document */
.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:#ededed; }
.login_page_bg{background:#ededed;  padding-top:70px;}

.login_wrapper{ background:#ffffff; max-width:480px; margin:0px auto; padding:30px; box-sizing:border-box;
-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{ padding-bottom:0px; text-align:center;}
.login_header a{ display:block;}
.login_wrapper p.login_text{ color:#464646; font:normal 14px/18px Arial, Helvetica, sans-serif; padding:28px 0; text-align:center;}
.login_wrapper p{ padding:8px; text-align:center; margin:0; font:normal 14px/18px Arial, Helvetica, sans-serif; color:#ea2f28;}
.login_wrapper p.privacy-policy-heading{ color: #464646;font: normal 14px/18px Arial, Helvetica, sans-serif;font-weight:bold;padding-bottom:15px;text-align:left;}
.login_wrapper p.privacy-policy-text{ color: #464646;font: normal 14px/18px Arial, Helvetica, sans-serif;font-weight:normal;padding-bottom:15px;text-align:left;}
.login_wrapper p.privacy-policy-text a{ color: #D47C18;font: normal 14px/18px Arial, Helvetica, sans-serif;font-weight:normal;padding-bottom:0px;text-align:left; text-decoration:none;}
.login_wrapper p.privacy-policy-text a:hover{ color: #369bd7;}

.login_wrapper .input-prepend{ border:1px solid #a3a9b0; border-radius:3px; padding:5px; background:#fff; width:100%; margin-bottom:12px; box-sizing:border-box;}
.login_wrapper .text_fld{ border-left:1px solid #a3a9b0 !important; display:inline-block; width:70%; font:normal 13px/33px Arial, Helvetica, sans-serif; color:#000; height:33px; padding:0 22px; }
.login_wrapper .input-prepend .add-on, .login_wrapper .input-append .add-on{ background:none; border:none; padding-left:18px; padding-right:18px;}
.login_wrapper [class^="icon-"], .login_wrapper [class*=" icon-"]{ margin-right:0;}

ul li { color: #464646;font: normal 14px/18px Arial, Helvetica, sans-serif;font-weight:normal;padding-bottom:8px;text-align:left;}
ul li a{ color: #D47C18;font: normal 14px/18px Arial, Helvetica, sans-serif;font-weight:normal;padding-bottom:0px;text-align:left; text-decoration:none;}
ul li a:hover{ color: #369bd7; text-decoration:none;}

.footer_logo{ text-align:center; padding-top:15px;}

.login_butn, .login_butn:focus{ background:#446fa7; border:none; border-radius:3px; font:normal 18px/47px Arial, Helvetica, sans-serif !important; color:#fff ; height:55px; width:100%; text-shadow:none;}
.login_butn:hover{ background:#e97d24; color:#fff;}
.captcha_wraper{ width:100%; margin-bottom:12px;}
.captcha_wraper a{ color:#446fa7;font:normal 14px/18px Arial, Helvetica, sans-serif; display:inline-block; margin-left:8px; }
.clr{ clear:both; }

body{ text-shadow:none;}
[class^="icon-"], [class*=" icon-"]{margin-right:5px;}
#content .row{ margin-left:0; margin-right:0;}
.gutter_box{ padding:10px; margin-top:15px;width:100%; float:left;}
.pro_info{ padding:25px 0;}
.pro_info li{ padding-bottom:8px; margin-top:8px; border-bottom:0px solid #ddd;font:normal 14px/22px Arial, Helvetica, sans-serif; color:#333; list-style-type:none; width:100%; display:table;}
.pro_info ul{ margin:0  }

.total_block{ border:1px solid #8ac1de; background:#d3edfb; padding:25px; margin:15px 0;}
.total_block p{font:bold 16px/22px Arial, Helvetica, sans-serif; color:#2377a2; margin-bottom:15px;}
.total_block p:last-child{ margin-bottom:0;}
.total_block p strong{ color:#333; width:150px; display:inline-block; }

.error_msg{ background:#ff7b7b; border:1px solid #fc1111; text-align:center; padding:15px; border-radius:5px; margin:10px 0; font-size:15px; color:#fff;}


/*############################*/
.textRight{ text-align:right;}
.pull-left{ float:left;}
.marRgh8{ margin-right:8px !important;}
.marBtm20{ margin-bottom:20px;}

input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus{ border-color:#ccc;}
input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid{ color:#555555;}

.navbar{ box-shadow:none; background:#446fa7;}
.navbar-inner{ border-radius:0; }

body{ background:#eeeeee; color:#565656;text-shadow:none;}
.box-content{ background:#fff;}
.header_right{ float:right; }
.dataTables_wrapper{ background:#fff; padding:5px; margin-bottom:15px;}
.nav li + .nav-header{ margin:0;padding-top: 10px; padding-bottom: 10px; background:#446fa7; color:#fff; text-shadow:none;}
.nav-tabs > li a{ color:#ec9249;}
.table th, .table td{color:#565656; text-shadow:none;}
footer{background:#446fa7; padding:25px; width:100%; float:left; box-sizing:border-box; margin-top:15px;}
footer p{ color:#fffefe;font:normal 13px/22px Arial, Helvetica, sans-serif; float:left; margin-bottom:0;}
footer p.copyRtight_right{ float:right; text-align:right;}
footer p a{ color:#b5d0f3;}
footer p a:hover{ color:#fff; text-decoration:none;}

/*############################*/

.table th{ background:#508fbc; color:#fff;}	
.table th:focus{ outline:none;}
.btn{ margin:0 2px;}
.col-md-4{ float:left; width:33.3333%;}
label{ text-transform:capitalize;}
h2{ color:#446fa7; padding-bottom:10px; margin-bottom:5px;}
select{background-color: #ffffff; margin-right:5px;
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;}
.pending_records .table_report section{ margin:0 -15px;}
.pending_records .table_report aside{ width:25%; float:left; padding:15px; box-sizing:border-box; }
.pending_records .table_report aside b{font:normal 14px/22px Arial, Helvetica, sans-serif; color:#fff; padding:5px 10px; background:#ccc; display:block; }
.pending_records .table_report ul { margin:0; padding:0;}
.pending_records .table_report ul li{ background:url(../images/bullet.gif) no-repeat left 7px; margin:8px 0; padding:0; padding-left:15px;font:normal 14px/22px Arial, Helvetica, sans-serif; color:#333; list-style-type:none; margin-left:8px;}

.attendence_pie #attendence_pieChart{ border:1px solid #ddd; padding:15px;}


.pending_records h5{font:bold 18px/22px Arial, Helvetica, sans-serif; color:#5371a7; padding-bottom:10px;}
.pending_records h6{font:bold 16px/22px Arial, Helvetica, sans-serif; color:#333; padding-bottom:10px;}

.pending_records .table_report{ width:100%; float:left; padding:0 15px; box-sizing:border-box; margin-bottom:25px; border-bottom:1px solid #ddd;}

.attendence_pie{width:100%; float:left;  padding:0 15px; /* border-left:1px solid #ddd;*/ box-sizing:border-box;}
.attendence_pie h5{}
.attendence_pie p{font:normal 14px/22px Arial, Helvetica, sans-serif; color:#333; }
.attendence_pie .attendence_pieChart{ margin:20px auto 0; width:80%; max-width:500px; text-align:center; background:#ddd;}
@media(max-width:1280px) {
.pending_records .table_report aside{ width:50%;}

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

}