/**
 * @license Copyright 2021 Lahuen Health SPA. All Rights Reserved.
 */
.c-password-reset-panel {
	display: flex;
	flex-direction: column;
}

.c-password-reset-panel::before {
	background: url('/assets/skins/lahuen/base/images/logo_full.svg') no-repeat;
	content: '';
	height: 4.5rem;
	margin-bottom: 10rem;
	margin-left: -5.5rem;
}

.c-password-reset-panel__title {
	color: var(--primary-c-normal);
	font: 600 2.8rem / normal 'Lato', sans-serif;
}

.c-password-reset-panel__message {
	color: var(--primary-d-normal);
	font: 400 1.2rem / normal 'Lato', sans-serif;
	margin-bottom: 2rem;
}

.c-password-reset--user__title.c-pair {
	display: flex;
	flex-direction: column;
}

.c-password-reset--user__label {
	color: #222;
	font: 600 1.3rem / normal 'Lato', sans-serif;
}

.c-password-reset__not-equal {
	color: #e65253;
	flex-basis: 100%;
	font: 400 1.2rem / normal 'Lato', sans-serif;
	margin-top: 0.2rem;
	min-height: 1.6rem;
}

.c-password-reset-panel {
	display: flex;
	flex-direction: column;
	position: relative;
}

.c-password-reset-panel .c-pair {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}

.c-password-reset-panel .c-pair__label {
	color: var(--primary-d-normal);
	font: 600 1.3rem / normal 'Lato', sans-serif;
}

.c-password-reset-panel .c-pair__description {
	color: #999;
	font: 400 1rem / normal 'Lato', sans-serif;
	margin-left: 0.8rem;
}

.c-password-reset-panel .c-pair__invalid-message {
	color: #e54848;
	flex-basis: 100%;
	font: 400 1.1rem / normal 'Open Sans', sans-serif;
	margin-top: 0.2rem;
	min-height: 1.6rem;
}

.c-password-reset--first__label,
.c-password-reset--repeat__label {
	position: relative;
}

:is(.c-password-reset--first__label, .c-password-reset--repeat__label) {
	flex-basis: 100%;
	margin-top: 0.2rem;
}

.c-password-reset--first__label > input {
	width: 100%;
}

.c-password-reset--repeat__label > input {
	width: 100%;
}

:is(.c-password-reset--first__label > input) {
	border: 0.1rem solid #bcbcca;
	border-radius: 0.3rem;
	color: #1a1a1a;
	font: 400 1.3rem / normal 'Open Sans', sans-serif;
	height: 2.7rem;
	padding: 0 0.5rem;
}

:is(.c-password-reset--repeat__label > input) {
	border: 0.1rem solid #bcbcca;
	border-radius: 0.3rem;
	color: #1a1a1a;
	font: 400 1.3rem / normal 'Open Sans', sans-serif;
	height: 2.7rem;
	padding: 0 0.5rem;
}

.c-password-reset--first__label .c-password__reveal .c-action__label,
.c-password-reset--repeat__label .c-password__reveal .c-action__label {
	color: var(--primary-d-normal);
	display: flex;
	font: 600 1rem / normal 'Lato', sans-serif;
}

.c-password-reset--policy__title .c-pair__label {
	color: #999;
	font: 400 1.2rem / normal 'Open Sans', sans-serif;
}

.c-password-policy.c-password-reset--policy {
	color: #999;
	display: flex;
	flex-direction: column;
	font: 400 1.2rem / normal 'Open Sans', sans-serif;
	margin-top: 0.5rem;
	width: 100%;
}

.c-password-policy.c-password-reset--policy .password_policy__checked {
	position: relative;
}

.c-password-policy__label:before {
	content: '';
	height: 1rem;
	margin-right: 0.5rem;
	width: 1rem;
}

.c-password-policy.c-password-reset--policy .password_policy__checked:before {
	-webkit-mask-image: url('/assets/skins/lahuen/base/images/icon_check.svg');
	background-color: #70ad69;
}

.c-password-policy.c-login__password {
	display: flex;
	flex-direction: column;
	padding: 0.2rem;
}

.c-password-policy .password_policy__checked {
	color: #ccc;
}

.c-password-policy .c-label.c-password-policy__label {
	padding-bottom: 0.3rem;
	align-items: center;
	display: flex;
}

.c-password-reset--first__label .c-password__reveal,
.c-password-reset--repeat__label .c-password__reveal {
	align-items: center;
	background: none;
	display: flex;
	height: 1.5rem;
	justify-content: space-between;
	padding: 0;
	position: absolute;
	right: 0;
	top: -1.5rem;
	width: 3.5rem;
}

.c-password-reset--first__label .c-password__reveal .c-label::before,
.c-password-reset--repeat__label .c-password__reveal .c-label::before {
	background: url('/assets/skins/lahuen/base/images/icon_show.svg') no-repeat center/contain;
	content: '';
	height: 1.4rem;
	margin-right: 0.25rem;
	width: 1.4rem;
}

.c-password-reset__action .c-action__label {
	font: 600 1.5rem / normal 'Lato', sans-serif;
	min-width: 11rem;
}

.c-password-reset__footer {
	display: flex;
	flex-wrap: wrap;
	margin-top: 4rem;
}

.c-password-reset__action {
	align-items: center;
	background-color: transparent;
	border: 0.1rem solid var(--primary-d-normal);
	border-radius: 0.5rem;
	display: flex;
	padding: 0.5rem 2rem;
	transition: background-color ease 0.25s;
	color: var(--primary-d-normal);
}

.c-password-reset__action--confirm {
	background-color: #ff6600;
	border-color: #ff6600;
}

.c-password-reset__action--confirm:hover {
	background-color: #ff8533;
}

.c-password-reset-panel__action .c-action__label {
	font: 600 1.4rem / normal 'Lato', sans-serif;
	min-width: 11rem;
}

.c-password-reset__action--confirm .c-action__label {
	color: #fff;
}

.c-password-reset__action--cancel {
	margin-left: 1.5rem;
}

.c-password-reset__action--cancel:hover {
	background-color: var(--primary-d-normal);
	color: #fff;
}

.c-password-reset-panel__footer {
	display: flex;
	flex-wrap: wrap;
}

.c-password-reset-panel__action-back {
	margin-left: 1.5rem;
}

.c-password-reset-panel__action-back:hover {
	background-color: var(--primary-d-normal);
	color: #fff;
}

.c-reset-password__spinner {
	top: 22rem;
}
