/******************************************************************************
 * metapeople Login
**/

/***
 * Allgemeine Tags
**/
html,body {
	margin: 0;
	padding: 0;
}
body {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	background-color: #1A2948;
	color: #ffffff;
}
#page {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #7D4088;
	background: -webkit-linear-gradient(45deg, #0f1595 0%, #be197f 90%);
	background: -o-linear-gradient(45deg, #0f1595 0%, #be197f 90%);
	background: linear-gradient(45deg, #0f1595 0%, #be197f 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1595', endColorstr='#be197f',GradientType=1 );
}
a {
	color: #24336B;
	/*color: #afcd2c;*/
	text-decoration: none;
	-webkit-transition: color .5s ease;
	transition: color .5s ease;
}
a:hover {
	-webkit-transition: color .5s ease;
	transition: color .5s ease;
	color: rgb(76, 76, 76);
}
div#login {
	margin: 50px auto 0 auto;
	padding: 25px;
	padding-bottom: 15px;
	width: 400px;
	background-color: #fff;
	line-height: 200%;
	color: rgb(76, 76, 76);
	-webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,.3); /*rgb(0,0,0);*/
	-moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,.3); /*rgb(0,0,0);*/
	box-shadow: 0px 0px 8px 4px rgba(0,0,0,.3); /*rgb(0,0,0);*/
}
div#login.maintanance {
	width: 800px;
}
div#login .login-text {
	font-size: 24px;
	margin: 20px 0 40px 0;
}
div#login form {
	margin: 30px 0 20px 0;
}
div#login form div.inputs {
	width: 80%;
}
div#login form input {
	width: 100%;
	font-size: 14px;
	padding: 8px 1px;
	border: none;
	border-bottom: 1px solid #a6a6a6;
	margin-bottom: 20px;
}
div#login form input:focus {
	outline: 0;
	border-color: #1A2948;
}
div#login form button[type='submit'] {
	margin-top: 10px;
	cursor: pointer;
	color: #fff;
	padding: 8px 35px;
	background-color: #2AB6BF;
	border: none;
	-webkit-transition: background-color .5s ease;
	transition: background-color .5s ease;
}
div#login form button[type='submit']:hover {
	-webkit-transition: background-color .5s ease;
	transition: background-color .5s ease;
	background-color: #239AA0;
}
div#login form a.forgot-password {
	font-size: 12px;
}
div#footer {
	font-size: 10px;
	margin-top: 60px;
	font-size: 9px;
	line-height: 180%;
}
div#footer a {
	font-size: 12px;
	padding-right: 15px;
}

/***
 * Login Errors
**/
div#loginError {
	color: red;
	font-size: 10pt;
	text-align: center;
}

#password-errors {
	border: 1px solid #c44;
	width: 400px; margin: 0 auto;
	padding: 5px; color: #c44;
	background: #fee;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}