/**
 * Styles für das normale HplFelogin form
 */
.tx-hplfelogin-pi1 {
	float: left;
	width: 100%;
	max-width: unset;
}

.hpl_felogin_form_header {
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

.hpl_felogin_form_error_message {
	clear: both;
	float: left;
	width: 100%;
}

.username-password {
	float: left;
	margin-top: 20px;
	max-width: 500px;
}

.username_input label {
	font-weight: bold;
}

.username_input {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.username_input input {
	max-width: 465px;
}

.password_input label {
	font-weight: bold;
}

.password_input {
	clear: both;
	float: left;
	width: 100%;
	margin-top: 10px;
}

.password_input input {
	max-width: calc(100% - 30px);
}

.submit_button {
	clear: both;
	float: left;
	margin-top: 30px;
}

.permalogin_box {
	clear: both;
	float: left;
	margin-top: 10px;
}

.forgot {
	clear: both;
	float: left;
	margin-top: 20px;
}

.eye {
	display: block;
	float: right;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 27px; /* Size of the icon */
	height: 27px; /* Size of the icon */
}

.eye-shut {
	background-image: url('../../../../fpmt/Resources/Public/Images/Icons/password_hide-30x30.png');
/*	background-image: url('../../../../fpmt/Resources/Public/Images/Icons/eye-shut.png'); */
}

.eye-open {
	background-image: url('../../../../fpmt/Resources/Public/Images/Icons/password_show-30x30.png');
/*	background-image: url('../../../../fpmt/Resources/Public/Images/Icons/eye-open.png'); */
}