*
{
	padding:0;
	margin:0;
}
body
{
	background:url(../images/main-bg.jpg) no-repeat;
	background-size:cover;
	background-position: center;
	
}

.container-inner
{
	width:400px;
	
}
.logo_wrap
{
	margin:13px 0 25px 0;
}
.logo_wrap img {
	display: block;
	max-width: 100%;
	height: 100%;
	text-align: center;
	margin: 0 auto;
}
.school-name
{
	display:block;
	margin:auto;
	font : Times New Roman;
}
.school-name h1
{
	
	font-size:1.5rem;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	
}

.login_main_screen_wrap
{
	background-color:#fff;
	border-radius:8px;
	margin:0 auto;
	padding:40px;
	position:relative;
	margin:50px 0 0 0;
}
.white-circle {
	width: 82px;
	height: 80px;
	position: absolute;
	border-radius: 100%;
	top: -33px;
	left:41%;
	background: #fff;
	margin: 0 auto;
}
.white-circle img {
	vertical-align: middle;
	border-style: none;
	display: block;
	margin: 0 auto;
	margin-top: 8px;
}
.form-control {

	border-radius: 0;
	margin:10px 0;
	font-size:0.8rem;
}
.form-check {
	font-size: 11px;
	color: #888888;
}
.pull-right
{
float:right;
}
.btn
{

display: block;
margin:0 auto;
/*padding:0.8rem 2.75rem;*/
padding:0.8rem -2.0rem;
margin-top:60px;
background-color:#4f5baa;
box-shadow: 5px 4px 7px #888888;
border: solid 1px #2c377e;
font : ms Sans Serif;
cursor: pointer;
}

.wd100
{
	width:100%;
}
.label {
	float: left !important;
	padding-left: 5px !important;
	padding-top: 2px !important;
}
.form-check-input:only-child {
	position: absolute;
}
.form-check-input {
	position: static;
	float:left;
}
select.form-control:not([size]):not([multiple]) {
	height: calc(2.25rem + 2px);
	/*color: #888888; */
	color: #495057;
	/*color: #0c0c0c*/
}
.poweredby {
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding: 18px 0;
}
.poweredby a {
	
	color: #fff;
	text-align: center;
	text-decoration:none;
	
}
.input-icon
{
	position:relative;
}
.input-icon span {
	position: absolute;
	display: block;
	color: #d4d4d4;
	left:9px;
	top:0;
	font-size: 20px;
}
.form-control-top {
	padding-left: 31px;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color:rgb(255, 255, 255) !important;
    background-image: none;
    color: rgb(0, 0, 0);
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.btnSize
{
	height : 40px;
	width: -webkit-fill-available;
}
.Invalid-Msg
{
	font-size : 11px;
	color : Red ;	
	text-align: center;
	padding:15px 0 0 0;
	
}
.bdr5
{
	border:solid 5px #fff;
}
.padtl02 {
	padding-left: 0;
	padding-top:5px;
}
.login_main_screen_wrap2 {
	background-color: #fff;
	border-radius: 0 0 8px 8px;
	margin: 0 auto;
	padding:20px 40px;
	position: relative;
	margin: 0;
	/* border: 0 0 aliceblue; */
}
.login_main_screen_wrap2_heading {
	background-color: #1e276e;	
	border-radius: 8px 8px 0 0;
	color: #fff;
	margin: 15px 0 0 0;
}
.login_main_screen_wrap2_heading h1 {
	margin: 50px 0 0 0;
	font-size: 15px;
	padding: 0 40px;
	line-height: 50px;
}



/* Mobile Screen classess */

.mobscreen
{
	background:url(../images/mobscreen.png) no-repeat;
	background-size:cover;
}
.mobloginscreen
{	
	border-radius:8px;
	margin:0 auto;
	padding:40px;
	position:relative;
	margin:50px 0 0 0;
}




@media (max-width: 480px)
{
  .school-name h1 {
	font-size: 15px;
}
 .white-circle {
	
	left:41%;
}
.padtl02 {
	padding-left: 0;
	padding-top:2px;
}

}
@media (max-width:768px)
{
 
 .white-circle {
	
	left:38%;
}

}

@media (max-width:800px)
{
 
 .white-circle {
	
	left:37%;
}

}
@media (max-width:980px)
{
 
 .white-circle {
	
	left:36%;
}

}

@media (max-width: 320px)
{
  .school-name h1 {
	font-size: 15px;
}
 .white-circle {
	
	left:35%;
}
.padtl02 {
	padding-left: 0;
	padding-top:2px;
}

}