body{
	background-image:url(../img/login.jpg);
	background-size:cover;
	background-position:center;
}
.page-bg{
	position:absolute;
	width:100%;
	height:100%;
	background:white;
	opacity:1;
	transition:opacity ease .5s;
}
.page-bg.ready{
	opacity:0;
}
.loginscreen{
	display:table;
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	padding:0;
	margin:0;
}
.loginscreen > div{
	display:table-cell;
	vertical-align:middle;
}
.login-container{
	display:inline-block;
	background: rgba(255,255,255,0.8);
    border-radius: 3px;
    box-shadow: 0 0 16px rgba(0,0,0,0.2);
	width:256px;
}
.login-header{
	padding:15px;
}
.login-header .logo{
	float:none;
	margin:auto;
}
.login-container .form-container{
	padding:15px;
}
.form-container input[type="text"],
.form-container input[type="password"],
.form-container input[type="email"]{
	border: 1px solid #396DA9;
}
.login-footer{
	padding:0 15px;
}
.btn[type="submit"]{
	position:relative;
}
.btn[type="submit"] > span:last-child{
	
	display:none;
}
.btn[type="submit"]:disabled span:first-child{
	display:none;
}
.btn[type="submit"]:disabled span:last-child{
	display:block;
}
.btn[type="submit"]:hover,
.btn[type="submit"]:disabled{
	background-color:#1AB394;
    opacity: 1;
	color:white;
}
.btn[type="submit"] .sk-spinner{
	height:20px;
}
.btn[type="submit"] .sk-spinner>div{
	background-color:white;
}
.val-msg{
	display:none;
	color:red;
	font-size:12px;
}
.msgs{
	display:none;
}
.msgs.show{
	display:block;
}
.msgs > span{
	background-color: #ed5565;
    border: 1px solid #AB4747;
    border-radius: 0;
    color: #FFFFFF;
    font-weight: 500;
	font-size:13px;
}