.password-container{
    display: flex;
    align-items: center;
    background: white;
    border-width: 0.5px;
    flex-flow: wrap;
    border: 1px solid #ddd;
}

#password, #password-confirmation{
    border: none;
    width: 90%;
}

#password-confirmation-error{
    order: 2;
}

#password-error, #password-confirmation-error{
    border-top: 1px solid #ddd;
    margin-top: 0;
    width: 100%;
}

.eye-icon{
    display: flex;
    width: 10%;
    justify-content: center;
    font-size: 12pt;
}

.form-create-account .fieldset{
    min-height: 0;
}

.fieldset.additional_info{
    width: 100%;
}

.switch-field {
	display: flex;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #444444;
	color: white;
	font-size: 14px;
	text-align: center;
	padding: 8px 16px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
    width: 10%;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #ee2020;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}