.password {
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

.password > div {
}

.password > div > input {
	border: #c5c5c5 solid 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
	padding: 4px 30px 4px 6px;
	min-height: 30px;
	box-sizing: border-box;
	width: 100%;
	font-family: sans-serif;
	font-size: 100%;
	background-color: transparent;
}

.password > a {
	position: absolute;
	display: flex;
	width: 34px;
	right: 0;
	bottom: 0;
	top: 0;
	align-items: center;
	justify-content: center;
}


.password > a:after {
	display: block;
	content: '';
	width: 26px;
	height: 16px;
	background: url('eye.png') no-repeat left bottom;
}

.password.error {
	border: 1px solid #FF0000 !important;
}


/*
.password > a > span {
	display: block;
	width: 26px;
	height: 16px;
	background: url('eye.png') no-repeat left bottom;
}
*/

.password > a:hover {
}


.password > a:hover span {
}


.password.opened > a:after {
	background-position: left top;
}

.password.opened > a:hover {
}