body {
	background: url("/images/background_login.jpg") right bottom fixed;
	background-size: cover;
    background-repeat: no-repeat;
}
header {
	background-color: #ffffff;
}
.login-form {
	background-color: rgba(0,0,0,.8);
	width:25em;
	border-radius: 4px;
	padding: 40px 20px 20px 20px;
	color: #ffffff;
	margin-top: 50vh;
	margin-left: 20px;
  	transform: translateY(-50%);
}
input[type=text], input[type=password] {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}
.login-form input:-webkit-autofill,
.login-form input:-webkit-autofill:hover, 
.login-form input:-webkit-autofill:focus,
.login-form textarea:-webkit-autofill,
.login-form textarea:-webkit-autofill:hover,
.login-form textarea:-webkit-autofill:focus,
.login-form select:-webkit-autofill,
.login-form select:-webkit-autofill:hover,
.login-form select:-webkit-autofill:focus {
  border: none;
  border-bottom: 1px solid #ffffff;
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
.login-form > input {
	margin-bottom: 40px;
	width: 100%;
}
.login-form > input[type=text]::placeholder, .login-form > input[type=password]::placeholder {
	color : #ffffff;
}
.login-form input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.login-form > a {
	color : #ffffff;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3px;
	width: 50%;
	margin-bottom: 10px;
	display: block;
	width: 50%;
	position: relative;
}
.login-form > a:hover {
	color : #ffffff;
	text-decoration: none;
}
.form-footer {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.form-footer a {
	color : #ffffff;
	font-size: 0.8em;
	margin-right: 14px;
	text-decoration: underline;
}
.login-form input[type=submit] {
	padding: 8px 24px;
}
.ng-hide {
	display: none;
}
.no-background {
	background-color: transparent;
}