body {
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	background-color: #456;
	color: #333;
}
a {
	text-decoration: none;
	color: #0288d1;
}
span.helptext {
  display: none;
}
.form {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}
form.account {
	position: relative;
	width: 300px;
	max-width: 70%;
	background: #f6f6f6;
	padding: 40px;
	text-align: center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}
form.account legend {
	color: #333;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	margin: 15px 0px;
	font-weight: 500;
}
form.account input:not(input[type='submit'])
{
	display: block;
	background: none;
	border: 2px solid #3498db;
	text-align: center;
	padding: 15px 10px;
	margin: 0px auto 20px;
	width: 200px;
	outline: none;
	color: black;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.form-header {
    position: absolute;
    top: 21%;
    left: 50%;
    transform: translate(-50%);
}
form.account input[type='text']:focus,
form.account input[type='password']:focus {
	border-color: #2ecc71;
}
form.account label {
    display: block;
    margin-bottom: 5px;
}
form.account input[type='submit']{
	display: block;
	background: none;
	border: 2px solid #2ecc71;
	text-align: center;
	padding: 15px 30px;
	margin: 20px auto;
	outline: none;
	color: black;
	border-radius: 25px;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
form.account input[type='submit']:hover {
	background-color: #2ecc71;
}	
p.forget-password {
	margin-right: 5%;
}
p.forget-password a {
	color: #eee;
	font-size: 18px;
}
.form img.logo {
	margin: 21px auto;
	display: block;
	width: 250px;
}
.password-icon {
	position: absolute;
    right: 19%;
    cursor: pointer;
    bottom: 14px;
}
.password-icon img {
	width: 23px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.password-icon img:hover {
	filter: opacity(.6);
	-webkit-filter: opacity(.6);
}

.account .form-box  {
	position: relative;
}