form.login {
	max-width: 280px;
	margin: 40px auto;
	padding: 40px;
	background-color: #F7F7F7;
	border-radius: 20px;
}

form.login .password {
	position: relative;
	display: block;
}

form.login .password input { padding-right: 30px; }

form.login .password span {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 34px;
	height: 34px;
	background-image: url(../svg/showpass.svg);
	background-repeat: no-repeat;
	background-position: top 7px center;
	background-size: 20px 60px;
	opacity: .5;
}

form.login .password span.show { background-position: bottom 7px center; }

form.login .user {
	width: 64px;
	height: 64px;
	margin: 0 auto 15px auto;
	background-color: #CCC;
	border-radius: 50%;

	background-image: url(../svg/user.svg);
	background-repeat: no-repeat;
	background-size: 32px;
	background-position: center;
}

form.login .user img { padding: 16px; }

form.login a {
	display: block;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	padding: 8px 20px 8px 40px;
	margin: 20px 0;
	background-repeat: no-repeat;
	background-position: center left 13px;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
	transition: background-color 0.5s ease;
}