@charset "utf-8";
/* CSS Document */
body{
	overflow-x:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
	
}
.card-container.card {
    max-width: 400px;
    padding: 20px 40px;
}

.btn {
    font-weight: 700;
    height: 36px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
}

/*
 * Card component
 */
.card {
    background-color: #F7F7F7;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	border:1px solid  rgba(0, 0, 0, 0.06);
}

.profile-img-card {
    /*width: 96px;
    height: 96px;
    */
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*
 * Form styles
 */
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
	margin-bottom:20px;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin #inputEmail,
.form-signin #inputPassword,
.form-signin #inputText {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}
.form-control{
	 font-size: 16px;
}
.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin select,
.form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 6px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	border-radius:3px;
}

.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}

.btn.btn-signin {
    /*background-color: #4d90fe; */
    background-color: #008ED6;
    /* background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 44px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
	cursor:pointer;
}

.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
    background-color: rgb(12, 97, 33);
}

.forgot-password {
    color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{
    color: rgb(12, 97, 33);
}

.captcha-images{
	text-align:center;
	    margin-bottom: 10px;
}

.captcha-area{
	/* border:1px solid #CCC;
	background:#fff;;
	    padding: 10px 22px;
    margin: 0 0px;
	border-radius:3px;
	margin-bottom:10px;
	padding-bottom:0; */
}
.captcha-area p{
	text-align:center;
}
.form-signin .captcha-area-form input[type=text],  .form-signin .captcha-area-form button{
	
}

.form-signin label{
	font-size:14px;
	line-height:18px;
	font-weight:400;
	width:100%;
}
.form-signin .col-xs-12,.form-signin .col-sm-8,.form-signin .col-md-8{
	padding:0 5px;
}

.captcha-images img{
	max-width:100px;
	width:100%;
	height:44px;
	
}

.dashbord{
	padding-top:50px;
}

.form-signin label.error{
	font-size:12px;
	line-height:14px;
	padding-bottom:8px;
	margin-bottom:0;
	color:#ff0000;
	    position: relative;
    top: -4px;
}
.captcha-area-form #first_name-error{
	display:none !important;
}

.filter-area{
	background:#fff;
	padding:15px 0px;
	margin-bottom:20px;
	    border-bottom:1px solid #d4d4d4;
		border-top:1px solid #d4d4d4;
		-webkit-box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);
box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.12);
}

.filter-area .form-inline .form-group{
	padding:5px 0;
	margin-right:5px;
}
.btn {height: 36px;
}
.blue-btn{
	background:#2B9ED8;
	
	color:#fff;
	border:1px solid #2B9ED8;
	cursor:pointer;
	border-radius:3px;
	    font-weight: 700;
    font-size: 14px;
	outline:none;
}
.blue-btn:hover, .blue-btn:focus{
	background:#1e85b9;
	border:1px solid #1e85b9;
	color:#fff;
	outline:none;
}
.btn-default.blue-btn.active, .btn-default.blue-btn:active{
	background:#1e85b9;
	border:1px solid #1e85b9;
	color:#fff;
	outline:none;
}
table{
	font-size:14px;
	line-height:1px;
	color:#000;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th{
	vertical-align:middle;
	text-align:center;
}
.table-bordered>tbody>tr>th{
	background:#2b9ed8;
	color:#fff;
	border-color:#1c7fb1;

}

.table>tbody>tr:first-child>th{
	border-top:1px solid #1c7fb1;
}
.table-bordered>tbody>tr>th a{
	color:#fff;
}


.table-bordered>tbody>tr:nth-child(odd) td{
	border-bottom: 1px solid #9dc6da;
}
.table-bordered>tbody>tr:nth-child(even) td{
 	background: rgba(82, 153, 189, 0.13);
	border: 1px solid #9dc6da;
}
.table-bordered.table2>tbody>tr>th{
	background: #e6e4e4;
    border-color: #c7c7c7;
    color: #000;
}
.table-bordered.table2>tbody>tr:nth-child(odd) td{
	border-bottom: 1px solid #ddd;
}
.table-bordered.table2>tbody>tr:nth-child(even) td{
 	background:rgb(239, 239, 239);
	border: 1px solid #ddd;
}
.table-bordered{
	border-top-color:#1c7fb1;
	
}
.table-bordered.table2 {
    border-top-color: #c7c7c7;
}
.filter-area select.form-control{
	height:36px;
	font-size:12px;
}

.table .form-control{
		height:36px;
}

.des-img-card {
    width: 36px;
    height: 36px;
    margin:0;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	float:left;
	margin-right:5px;
}
.navbar-brand-logo span{
	float:left;
	line-height:38px;
}
.navbar-brand-logo{
	padding:7px 15px;
	width: 218px;
}
.dashbord-container, .body-top{
	width:96%;
	margin:0 auto;
	margin-bottom:20px;
}

.login-form-main-message.success{
	background:#0aab0a;
	padding:6px 10px;
	color:#fff;
	margin-bottom:10px;
}

.refresh{
	line-height: 44px;
}

.save-area{
	border:1px solid #dcdcdc;
	background:#efefef;
	padding:10px;
	border-radius:4px;
	margin-bottom:20px;
}

.save-area p:last-child{
	padding-bottom:0;
	margin-bottom:0;
}

.save-area .blue-btn{
	margin-top:3px;
}
.dashbord-pro{
padding: 20px;
    border: 1px solid #dcdcdc;
	border-top:3px solid #2b9ed8;
    border-radius: 4px;
}

.table-bordered:last-child{
	margin-bottom:0;
}

.grade-table{
	padding: 20px;
    border: 1px solid #dcdcdc;
    border-top: 3px solid #2b9ed8;
    border-radius: 4px;
}

.dashbord-pro table>tbody>tr>th.surname{
	width:250px;
}

.dashbord-pro table>tbody>tr>th.name{
	width:250px;
}

.custom-filter .form-group{
	
}

.body-top{
	margin-top:20px;
	margin-bottom:20px;
}

.bottom-right{
	text-align:right;
}

.period-pro label{
	font-weight:normal;
	    line-height: 30px;

}
.period-head{
	padding-bottom:5px;
}
.container-fluid {
	width:96%;
	margin:0 auto;
	padding:0;
}

.textarea-cont textarea{
	max-height:79px;
}
input[type="checkbox"], input[type="radio"]{
	
	width: 15px;
	height:15px;
}

.filter-area input[type="checkbox"], .filter-area input[type="radio"]{
	position:relative;
	top:3px;
	}
.custom-from .table-bordered:last-child{
	margin-bottom:15px;
}



.dashbord-green .table-bordered>tbody>tr>th {
    background: #00824e;
    color: #fff;
    border-color: #037346;
}
.dashbord-green .table>tbody>tr:first-child>th{
	border-top:1px solid #037346;
}
.dashbord-green .table-bordered {
    border-top-color: #037346;
}

.dashbord-green .table-bordered>tbody>tr:nth-child(even) td {
    background: rgba(3, 115, 70, 0.14);
    border: 1px solid #80d2b1;
}
.dashbord-green .table-bordered>tbody>tr:nth-child(odd) td {
    border-bottom: 1px solid #80d2b1;
}


.dashbord-green .dashbord-pro {
  
    border-top: 3px solid #129862;
}

.dashbord-green .blue-btn {
    background: #037346;
 
    border: 1px solid #037346;
}

.dashbord-green .blue-btn:hover, .dashbord-green .blue-btn:focus {
    background: #025d38;
    border: 1px solid #025d38;
}
.from-to-label{
		text-align:right;
		padding-right:0;
	}
.dashbord-green .form-control:focus{
	border-color:#12945f;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 130, 78, 0.47);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 130, 78, 0.47)}
	
	.custom-from .table-bordered{
		margin-top:7px;
	}
.custom-from-pro{
	float:none;
	margin:0 auto;
}

.date-fild input[type="text"]{
	    width: 130px;
}

@media screen and (max-width: 767px) {
	.date-fild input[type="text"]{
	    width: 100%;
}
}

.tbl40 tr { height: 40px; }
.tbl40 label {float:left;width:155px}

.divrow:nth-child(odd) {background-color: #e0e0e0;}
.subheading{text-align:center;padding:5px;font-weight:bold;}