/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */
 
 
.background_color{	
	background : #00067B;
	color : white
}
 input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
#left-panel, #ribbon, .page-footer{
	background: #00067B; /* dashbord color */
}
#logo{
	margin-top: 0;
}
.btn-primary{
	background: #00067B;
}
.btn-primary:hover{
	background: #02064c;
}
#logo img{
	width: 102px !important;
}
.login_page{
    width: 420px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	box-shadow: 0px 0px 21px #ccc;
}
.login_page img{
	width: 60%;
}
.login_page header{
	text-align: center;
	background-color: #e7e8e8;
	border-bottom: 1px solid #ccc;
}	
/**
	Loader styles
**/
	.overlay {
		height: 100%;
		width: 100%;
		position: fixed; /* Stay in place */
		z-index: 9999; /* Sit on top */
		left: 0;
		top: 0;
		background-color: rgb(0,0,0); /* Black fallback color */
		background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
		overflow-x: hidden; /* Disable horizontal scroll */
		transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	}
	.overlay-content {
		position: relative;
		top: 40%; /* 25% from the top */
		width: 100%; /* 100% width */
		text-align: center; /* Centered text/links */
		margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
	}
	.fa-spinner{ color: #fff; font-size : 60px;}
	
/**
	End Loader styles
**/	

input[type=radio]:checked + label {
    background-color: #0fbb4c;
	color: #fff;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal;
    display: none;
}
input[type=checkbox], input[type=radio] + label{background: #e6e8e8;
    border-radius: 20px;
    padding: 9px 4px;
	font-size: 13px;
    line-height: 0;
    color: #000;
    font-weight: 800;
    border: 2px solid #000;}
.inline-group .ng-binding{width:100px;}	
.close_modal{
	z-index: -99;
}	
.display_none{
	display : none;
}
.class_options{
  padding: 2px 15px 2px 5px;
  height: 200px;
  overflow: auto;
  border: 1px solid #b7b5b7cc;
}
.class_options_1{
  padding: 2px 15px 2px 5px;
  height: 1000px;
  overflow: auto;
  border: 1px solid #b7b5b7cc;
}
.forgot_pwd_form{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
	box-shadow: 0px 0px 21px #ccc;
}
.main_body_div{
	padding-right : 0px !important;
}