@charset "utf-8";
#login_form{
	width:352px;
	margin:auto;
	padding-top:50px;	
	padding-bottom:80px;
	text-align:center;
}
#login_form .fieldwrap{
	min-height:54px;
	width:100%;
	border:0;
	position:relative;
	margin-bottom:16px;
	background:#e3e3e3;
	border-radius:4px;
	-webkit-transition: width 0.5s linear; 
    -moz-transition: width 0.5s linear;
    -ms-transition: width 0.5s linear; 
    -o-transition: width 0.5s linear;
    transition: width 0.5s linear;	
}
#login_form .fieldwrap .floating-label {
	position: absolute;
	pointer-events: none;
	left: 10px;
	top: 18px;
	color:white;
	transition: 0.2s ease all;
	padding:0 5px;
	height:20px;
	line-height:20px;
	font-size:12px;
	white-space:nowrap;
	font-weight:600;
	color:#1f252d;
	background:#fff;
	border-radius:3px;
	-webkit-transition: all 0.2s linear; 
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear; 
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;	
}
#login_form .fieldwrap.incorrect .floating-label{
	background:var(--warning-color);
	color:white;
}
#login_form .fieldwrap input:focus ~ .floating-label,
#login_form .fieldwrap input:not(:focus):valid ~ .floating-label,
#login_form .fieldwrap textarea:focus ~ .floating-label,
#login_form .fieldwrap textarea:not(:focus):valid ~ .floating-label{
	top: -10px;
	left: 10px;
	font-size: 12px;
	background:var(--main-color-light);
}
#login_form .fieldwrap input{
	height:54px;
	line-height:54px;
	width:96%;
	border:none;
	background:none;
	padding:0px 2%;
	font-size:16px;
	outline:none;
	color:#111;
	border-radius:inherit;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #c1e2ff inset !important;
}
#login_form a.submit.loading{
	background-size:40px auto !important;	
}
#login_form a.forgot{
	font-size:12px;
	border:none;
	display:table;
	margin:35px auto;
}
@media only screen and (max-width: 480px) {
	#login_form{
		width:100%;
	}
	#login_form input{
		width:90%;
	}	
	#login_form a.forgot{
		float:none;
		display:table;
		margin:40px auto;	
	}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 1144px) {
	
}