/* Credit to bootsnipp.com for the css for the color graph */



* {
	margin: 0;
}
html, body {
	height: 100%;
}
.page-wrap {
	min-height: 100%;
	/* equal to footer height */
	margin-bottom: -40px;
}
.page-wrap:after {
	content: "";
	display: block;
}
.site-footer, .page-wrap:after {
	color: #fff;
	height: 40px;
	line-height: 40px;
}
.site-footer {
	background: #00394D;
}
.colorgraph {
	height: 5px;
	border-top: 0;
	background: #c4e17f;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}
.login-form {
	background: #f1f1f1 none repeat scroll 0 0;
	border-radius: 5px;
	position: relative;
}
.login-form form {
	padding: 35px;
}
.center {
	margin: 0 auto;
}
.login-form .h2, h2 {
	color: #00457d;
	font-size: 16px;
	text-align: center;
	margin: 0;
	padding: 0;
}
.login-logo {
	text-align: center;
	margin-bottom: 20px;
}
.navbar {
	min-height: 84px;
}
.navbar-inverse {
	background-color: #eaeaea;
	border-bottom: 2px solid #0E6FA3;/*padding-bottom: 45px;*/
}
.navbar-nav {
	margin: 45px 0 0 0;
}
.navbar-inverse .navbar-nav > li > a {
	color: #006195;
	font-size: 15px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	background-color: #0e6fa3;
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
	background-color: transparent;
	color: #b46d04;
}
.logout-div {
	margin-top: 20px;
	margin-right: 15px;
}
.logout-div .glyphicon {
	color: #0586d6;
	font-size: 20px;
	top: 5px;
}
.mar-top-120 {
	margin-top: 120px;
}
.panel-default > .panel-heading {
	background-color: #006181;
	color: #333;
	border: none;
}
.panel-heading {
	padding-bottom: 0px;
	margin-bottom: 20px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background-color: #0E6FA3;
	color: #fff;
}
.nav-tabs > li > a {
	color: #0E6FA3;
    background-color:#fff;
}
.nav > li > a:focus, .nav > li > a:hover {
	background-color: #fff;
}
.f-20 {
	font-size: 20px !important;
}
.color-whit {
	color: #FFFFFF;
}
.input-lg {
	height: 40px;
}
.btn-group-lg > .btn, .btn-lg {
	padding: 7px 16px;
}
.form-control:focus {
	border-color: #f5ba5f;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 0 #f5ba5f;
	outline: 0 none;
}
.footer {
	background-color: #f5f5f5;
	bottom: 0;
	height: 60px;
	position: absolute;
	width: 100%;
}
/*.add-student .fa {
	color: #7a7979;
	font-size: 16px;
	padding: 0 0 0 12px;
	position: absolute;
	top: 8px;
	z-index: 999;
}*/
.add-student .fa {
    color: #7a7979;
    font-size: 16px;
    padding: 0 0 0 0;
    position: absolute;
    top: 34px;
    z-index: 999;
    left: 31px;
}

.add-student .form-control {
	padding: 5px 40px;
}
.add-icon-login {
	position: relative;
}
.add-icon-login .fa-user, .add-icon-login .fa-unlock-alt {
	color: #7a7979;
	font-size: 20px;
	padding: 0 0 0 10px;
	position: absolute;
	top: 10px;
}
.add-icon-login .input-lg {
	padding: 10px 30px;
}
.wrapper {
	background: #eaeaea none repeat scroll 0 0;
	border: 1px solid #d2d1d1;
	padding:10px 20px 5px;
	margin-bottom: 30px;
}
/*.container {max-width:1100px;}*/
.top-align {
	margin-top: 80px;
}
.login-form h5 {
	background: #0e6fa3 none repeat scroll 0 0;
	border-radius: 8px 8px 0 0;
	color: #fff;
	font-size: 21px;
	margin: 0;
	padding: 12px;
	text-align: center;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
	padding-left: 15px;
	padding-right: 15px;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #EAEAEA;
}
.navbar-inverse .navbar-toggle {
	background: #286090 none repeat scroll 0 0;
	border-color: #286090;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: #195484;
}
.logout-div > a {
	text-decoration: none;
}
/*.nav > li > a {    padding: 10px 9px;}*/

.no-padding {
	padding: 0;
}
.add-student .form-group {
	margin-bottom: 18px;
}
.navbar-brand > img {
	display: block;
	margin-right: 50px;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
	background-color: #0e6fa3;
	color: #fff;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background-color: #0e6fa3;
	color: #fff;
	text-decoration: none;
}
.add-student h3 {
	margin: 0 0 10px 0;
	padding: 8px;
	color: #0E6FA3;
}
.paymetmethod {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #C8C8C8;
	margin-bottom: 10px;
}
.paymetmethod h3 {
	background: #0e6fa3 none repeat scroll 0 0;
	color: #fff;
	font-size: 20px;
	margin: 0;
	padding: 8px 0;
	text-align: center;
}
.active_res {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #cdcdcd;
	padding: 10px;
	margin-bottom: 15px;
}
.active_res th {
	background: #0E6FA3;
	color: #fff;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #e6e6e6;
}
.active_res .table {
	border: 1px solid #ececec;
}
textarea.form-control {
	height: 50px;
}
.reported-field .btn {
	border-radius: 2px;
	margin-bottom: 4px;
	padding: 1px 13px;
}
.reported-field {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #bababa;
	box-sizing: border-box;
	margin: 0 16px 0 16px;
	padding: 2px 5px 0;
	width: 46%;
}
.border-field {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #bababa;
	box-sizing: border-box;
	padding: 5px 10px;
	height: 35px;
}
.status-field {
	margin-left: 2%;
	margin-right: 2%;
	width: 46%;
}
.view-deta {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #cdc0c0;
	margin-bottom: 10px;
	padding: 15px 0 0;
}
 .view-deta .form-control::-moz-placeholder {
line-height: 16px;
}
.datepicker {
	padding: 6px!important;
}
.student-reco th {
	background: #0E6FA3;
	color: #fff;
}
.active_res h3 {
	font-size: 20px;
	color: #0E6FA3;
	margin: 0 0 7px 0;
	padding: 0;
}
.datepicker::-moz-placeholder {
letter-spacing: 1px;
word-spacing: -10px;
}
.datepicker:-ms-input-placeholder{ letter-spacing: 1px;
word-spacing: -10px !important;}


.bg-white {
	background: #fff;
}
.form-class-in .add-student .form-control {
	padding: 5px 40px !important;
}
.datepicker {
	padding: 4px 40px !important;
}
.part-div {
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 15px;
}
.import-page .form-control {
	padding: 0;
	height: auto;
}
.import-page .btn-import {
	margin-top: 23px;
}
.main-heading h3 {
	margin: 0;
	padding: 0;
	color: #286090;
	font-weight: bold;
}
.head-reco span {
	color: #286090;
	font-size: 20px;
	margin: 20px 0;
}
.head-reco {
	margin-bottom: 10px;
}
#tdPartA .form-group, #tdPartB .form-group, .form-view .form-group {
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
}
.head-small h6 {
	margin: 10px 0 0;
	font-size: 17px;
	font-weight: bold;
}

.record-form .bootstrap-select > .dropdown-toggle { width:50px;}
.record-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {  width:auto;}
.record-form .datepicker { padding:4px 5px !important}


.custom-radiotop  {   margin: 15px 0 0;}
.custom-radio{
		width: 16px;
		height: 16px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 3px;
		background: url("../images/radio-sprite.png") no-repeat;
	margin-right: 5px;
	}
	.custom-radio:hover{            
		background: url("../images/radio-sprite.png") no-repeat;
	}
	.custom-radio.selected{
		background: url("../images/radio-sprite.png") no-repeat;
		    background-position: 0 -32px;
	}

	.custom-radio input[type="radio"]{
		margin: 1px;
		position: absolute;
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
		
	}
.radio-label {
    display: inline-block;
    margin-top: 8px;
    float: left;
    margin-bottom: 12px;
	margin-right: 12px;
}

.mb-10 {margin-bottom: 10px;}


@media only screen and (max-width: 990px) {
   
    .view-deta  {
        padding: 15px 0 ;
    }
}
#divList .table > tbody > tr > td, #divList  .table > tbody > tr > th,
 #divList  .table > tfoot > tr > td,
#divList  .table > tfoot > tr > th,
#divList  .table > thead > tr > td,
#divList  .table > thead > tr > th {
    padding: 8px 8px 30px;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 7px;
}

button {
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
}

.add-student {position:relative;}

/*Display error for required fields*/
label.error 
{
    color:#a02a2a;
    font-size:14px;
    display:block;
    margin-top:6px;
}
select {
	height: 31px;
}
input.error, input.age-error,
select.error, select.age-error
{
    background-color:#FCE8D2;
    border: 1px solid #f3ab3a;
    -webkit-box-shadow: 0 0 4px 1px #f3ab3a;
    box-shadow: 0 0 4px 1px #f3ab3a;
}



/*.active_res, .student-reco  { overflow-x: scroll; overflow-y: scroll; height:300px;  margin-top:10px; }*/
/*th, td { min-width: 200px; }
*/


label {
    display: block;
}

.bottom-margin-sm
{
    margin-bottom:10px;
}
.file-input {
     border: 1px solid #ccc;
    width: 80%;
}

   .btn-group-sm > .btn, .btn-sm {
        margin-bottom: 5px;
    }

.btn-default {
    font-size: 15px;
}

.bootstrap-select {
-webkit-appearance: none;
   
}
.error_theme span,.form-block{
    float:left;
    width:100%;
}
.error_theme select{
    width:100% !important;
}
.reported_table{
    padding: 10px;
    float: left;
    width: 100%;
    background: #fff;
    margin-top: 15px;
}