.background{
	background-image: url("../resources/login_background.jpg"); 
	background-repeat: no-repeat; 
	background-color: #264574;
	background-size: 100%;
	width:100%;
	height:100vh;
	min-height:550px;
	text-align:center;
}

.loginpanel{
	width:500px;
	min-height:300px;
	background-color:#77777777; 
	border-radius: 20px;
	overlay:hidden;
	background-color:rgba(237, 237, 237, 0.75);
	margin:auto;
	font-family: helvetica;
	font-size:10px;
	padding-bottom:10px;
}


.loginpanel input.submitbutton{
	width:35%;
}

input.autologin{
	height:30px;
	vertical-align:middle;	
}

label.autologin{
	vertical-align:middle;
	font-size:12px;
	color:#000; 
}

.errorfield{
	width:100%;
	min-height:20px;
	margin-top:20px;
	padding-top:10px;
	text-align:center;
	
}

.errorfield div.error {
	color:#D00;
	font-size:15px;
	text-align:center;
	position:relative;
	font-color:#000;	
	margin:auto;	
	width:70%;	
	vertical-align:middle;
	font-weight:bold;
}


.menuoverlay{	
	background-color:rgba(137, 137, 137, 0.62);
	font-family: helvetica;
	padding-left:5px;
	padding-bottom:2px;
	padding-top:3px;
	margin-bottom:150px;
	text-align:left;
	color:#FFF;
	font-size:12px;
	overflow:hidden;
}

.menuoverlay a{
	color:#FFF;
	text-decoration:none;
}

.menuoverlay a:hover{
	color:#DDDDDD;
	text-decoration:underline;
}



input{
	border-radius:4px;
	padding:5px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}