*{
	font-family:roboto, verdana ;
}
#messages-container {
	position:relative;
	margin: 0 7px 0 7px;
	padding-bottom: 1em;
}
.content-messages p {
 	margin: 0.5em 0 0.5em 0;
 	text-align: left;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-weight: bold;
 	font-size: 100%;
 	border: 0;
 	outline: 0;
 	padding: 0;
 	border-style: none;
 	vertical-align: baseline;
}
.errorMessage {
	background: #FFFFFF url(/vasista/images/exclamation.png) no-repeat 10px 50%;
	color: #FF0000;
	border: solid 3px #FF0000;
	font-weight: bold;
	margin: 0 1em 0 1em;
	padding: 0 1em 0 50px;
}
div {
	display: block;
}

.login_fm{
padding-top: 5px;
background-color:#ffffff;
box-shadow: 0px 8px 15px #cecaca;
}
.login_fm .input_box input{
    width: 80%;
    position: relative;
    left: 10%;
border:0px;
border-bottom:1px solid #999999;
padding:20px 0px 0px;
margin-bottom:20px;
outline:none;
background-color:#ffffff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
background-color:#ffffff !important;
}
.login_fm .input_box{
position:relative;
font-family:roboto;

}
.input_box label{
position:absolute;
left: 10%;
top:0px;
color:#999999;
font-size:15px;
padding:18px  0px 0px;
transition:.5s;
pointer-events:none;
}
.login_fm .input_box input:focus ~ label,.login_fm .input_box input:valid ~ label
{
top:-18px;
font-size:12px;
color:#009fe1;
}
.login-head{
background-color:#009fe1;
color:#ffffff;
text-align:center;
}
.login_fm tr td span{
float:right;
margin-top:8px;
font-size:13px;
}
.login_fm tr td span a{
color:#656565;
}
.login_fm tr td span a:hover{
color:#009fe1;
}
.log-btn{
float:right;
cursor:pointer;
outline: none;
}
.sub_head{
color: #009fe1;
    font-size: 13px;
}