﻿.forgot-password-timer
{
    font-size: .75em;
    color: #78899b;
}
.forgot-password-timer::before
{
    content: "";
    font-family: fontAwesome;
}
.forgot-password-timer__time
{
    margin-right: .1666666667em;
    margin-left: .1666666667em;
}
.forgot-password-timer__link
{
    text-decoration: underline;
    color: #234f7b;
}
.forgot-password-timer__link--disabled
{
    color: #78899b;
}
.forgot-password-button
{
    opacity: 1;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    border: none;
    border-bottom: 5px solid #1c6231;
    background-color: #299249;
    text-align: center;
    text-transform: uppercase;
    font-size: inherit;
    line-height: 1.1875em;
    color: #fff;
}
.forgot-password-button--is-disabled
{
    opacity: .5;
    pointer-events: none;
}
.forgot-password-email__button
{
    margin-left: .625em;
    width: 100%;
    height: 2.5em;
}
.forgot-password-email__fields
{
    display: flex;
}
.forgot-password-email__field
{
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex: 1 0 auto;
    align-items: center;
    margin-right: .3125em;
    width: calc(50% - .3125em);
    height: 2.5em;
    margin-bottom: .625em;
    border: 1px solid #d5dadc;
}
.forgot-password-email__field:last-child
{
    margin-right: 0;
    margin-left: .3125em;
}
.forgot-password-email-instr
{
    padding-top: 1.5625em;
    padding-bottom: 1.5625em;
}
.forgot-password-email-instr__text
{
    margin: 0;
    text-align: center;
    color: #234d54;
}
.forgot-password-phone__button
{
    margin-left: .625em;
    width: 100%;
    height: 2.5em;
}
.forgot-password-phone__fields
{
    display: flex;
}
.forgot-password-phone__field
{
    width: calc(50% - 5px);
    height: 2.5em;
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex: 1 0 auto;
    align-items: center;
    margin-bottom: .625em;
    border: 1px solid #d5dadc;
    margin-right: .3125em;
    margin-right: .3125em;
}
.forgot-password-phone__field:last-child
{
    margin-right: 0;
    margin-left: .3125em;
}
.forgot-password-phone__field .phone-input .multiselect__content-wrapper
{
    width: 17.125em;
    overflow: hidden;
}
.forgot-password-phone__field .phone-input .multiselect__option.multiselect__option--highlight
{
    background-color: #299249;
}
.forgot-password-phone__field .phone-input .multiselect *
{
    font-family: inherit;
}
.forgot-password-phone__field__field::-moz-placeholder
{
    color: #78899b;
}
.forgot-password-phone__field__field::placeholder
{
    color: #78899b;
}
.forgot-password-phone-instr
{
    padding-top: 1.5625em;
    padding-bottom: 1.5625em;
}
.forgot-password-phone-instr__text
{
    margin: 0;
    text-align: center;
    color: #234d54;
}
.forgot-password-recovery__tabs
{
    display: flex;
    width: 100%;
    height: 2.125em;
    margin-top: 1.25em;
    overflow: hidden;
}
.forgot-password-recovery__tab
{
    flex-basis: 50%;
}
.forgot-password-recovery-tab
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 0;
    outline: 0;
    border: 0;
    background-color: #c0dcdf;
    font-size: 1em;
    color: #3d838c;
    cursor: pointer;
}
.forgot-password-recovery-tab--is-active
{
    background-color: #3d838c;
    color: #c0dcdf;
}
.forgot-password-recovery-privacy
{
    padding-right: 1.25em;
    padding-left: 1.25em;
    text-align: center;
}
.forgot-password-recovery-privacy__text
{
    font-size: .875em;
    color: rgba(120,137,155,.7);
}
.forgot-password-recovery-privacy__link
{
    text-decoration: underline;
    color: #4e757b;
}
.forgot-password-change__fields
{
    display: flex;
}
.forgot-password-change__field
{
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex: 1 0 auto;
    align-items: center;
    width: calc(50% - .3125em);
    height: 2.5em;
    margin-right: .3125em;
    margin-bottom: .625em;
    border: 1px solid #d5dadc;
}
.forgot-password-change__field:last-child
{
    margin-right: 0;
}
.forgot-password-change__field:last-child
{
    margin-left: .3125em;
}
.forgot-password-change__button
{
    margin-top: .625em;
    width: 100%;
    height: 2.5em;
}
.forgot-password-change-instr
{
    padding-top: 1.5625em;
    padding-bottom: 1.5625em;
}
.forgot-password-change-instr__text
{
    margin: 0;
    text-align: center;
    color: #234d54;
}
.forgot-password-field__label
{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    inset-inline-start: .625em;
    z-index: 0;
    cursor: text;
    height: 100%;
    padding: 0 .3125em;
    overflow: hidden;
    background-color: #fff;
    text-overflow: ellipsis;
    line-height: 1.2;
    white-space: nowrap;
    color: #78899b;
    transform-origin: bottom left;
    transition: transform .15s cubic-bezier(.4,0,.2,1),height .15s cubic-bezier(.4,0,.2,1),max-width .15s cubic-bezier(.4,0,.2,1);
}
.forgot-password-field-input
{
    position: relative;
    padding-right: .9375em;
    padding-left: .9375em;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    background: rgba(0,0,0,0);
    font-family: Roboto,sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #234d54;
}
.forgot-password-field-input::-moz-placeholder
{
    color: rgba(0,0,0,0);
}
.forgot-password-field-input::placeholder
{
    color: rgba(0,0,0,0);
}
.forgot-password-field-input--transform:focus~.forgot-password-field__label, .forgot-password-field-input--filled~.forgot-password-field__label
{
    max-width: 100%;
    height: auto;
    color: #234d54;
    backface-visibility: hidden;
    transform: scale(.9) translateY(-70%);
}
.forgot-password-field-password__genpass
{
    z-index: 0;
    height: 100%;
    margin-right: .9375em;
}
.forgot-password-field-password__label
{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 0;
    cursor: text;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    text-overflow: ellipsis;
    line-height: 1.2;
    white-space: nowrap;
    color: #78899b;
    transform-origin: bottom left;
    transition: transform .15s cubic-bezier(.4,0,.2,1),height .15s cubic-bezier(.4,0,.2,1),max-width .15s cubic-bezier(.4,0,.2,1);
    left: .625em;
}
.forgot-password-field-password__input
{
    width: 100%;
    height: 100%;
}
.forgot-password-field-password-input
{
    position: relative;
    padding-right: .9375em;
    padding-left: .9375em;
    outline: none;
    border: none;
    background: rgba(0,0,0,0);
    font-family: Roboto,sans-serif;
    font-weight: 500;
    line-height: 1.2;
    color: #234d54;
}
.forgot-password-field-password-input::-moz-placeholder
{
    color: rgba(0,0,0,0);
}
.forgot-password-field-password-input::placeholder
{
    color: rgba(0,0,0,0);
}
.forgot-password-field-password-input--transform:focus~.forgot-password-field-password__label, .forgot-password-field-password-input--filled~.forgot-password-field-password__label
{
    max-width: 100%;
    height: auto;
    color: #234d54;
    backface-visibility: hidden;
    transform: scale(.9) translateY(-70%);
}
.forgot-password-field-password-genpass
{
    display: flex;
    z-index: 0;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    margin-right: .9375em;
    color: #234f7b;
}
.forgot-password-field-password-genpass__button
{
    position: absolute;
    top: 50%;
    width: 2.5em;
    height: 2em;
    margin-top: -1em;
    right: 0;
}
.forgot-password-field-password-genpass-button
{
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 0;
    outline: none;
    border: 0;
    background: none;
    font-size: 1em;
    color: #234d54;
}
.forgot-password-progress__list
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.forgot-password-progress__item
{
    position: relative;
    box-sizing: border-box;
    margin-right: 2.5em;
    width: .5em;
    height: .5em;
    border-radius: 50%;
    background-color: #d5e4f0;
}
.forgot-password-progress__item:last-child
{
    margin-right: 0;
}
.forgot-password-progress__item:not(:last-child)::after
{
    content: "";
    position: absolute;
    top: .1875em;
    width: 2.5em;
    height: .0625em;
    background-color: #d5e4f0;
    left: .5em;
}
.forgot-password-progress__item--active
{
    width: .875em;
    height: .875em;
    border: 1px solid #299249;
    background-color: #fff;
}
.forgot-password-progress__item--active:not(:last-child)::after
{
    top: .3125em;
    left: .8125em;
}
.forgot-password-progress__item--finished
{
    width: .875em;
    height: .875em;
    background-color: #299249;
}
.forgot-password-progress__item--finished:not(:last-child)::after
{
    top: .375em;
    background-color: #299249;
    left: .875em;
}
.forgot-password-progress__item--finished::before
{
    content: "";
    position: absolute;
    top: .1875em;
    left: .3125em;
    width: .125em;
    height: .3125em;
    border: 2px solid #fff;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}
.forgot-password-modal
{
    background-color: #fff;
    font-size: 16px;
}
.forgot-password-modal__close
{
    position: absolute;
    top: .625em;
    right: .625em;
    cursor: pointer;
    width: 1.125em;
    height: 1.125em;
    outline: 0;
    border: 0;
    background-color: rgba(0,0,0,0);
    font-size: inherit;
    transition: transform .2s linear;
}
.forgot-password-modal__close::before, .forgot-password-modal__close::after
{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: .125em;
    background-color: #234d54;
}
.forgot-password-modal__close::before
{
    transform: rotate(-45deg);
}
.forgot-password-modal__close::after
{
    transform: rotate(45deg);
}
.forgot-password-modal__preloader.main-preloader
{
    background-color: rgba(0,0,0,.4);
}
.forgot-password-modal-form
{
    box-sizing: border-box;
    padding: 1.875em 2.5em;
    font-size: 16px;
}
.forgot-password-modal-form__title
{
    padding: 0;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4375em;
    font-weight: 500;
    line-height: 1.1739130435em;
    color: #1d565a;
}
.forgot-password-modal-form__progress
{
    margin-top: .625em;
}
.forgot-password-confirm__fields
{
    display: flex;
}
.forgot-password-confirm__fields:not(:last-child)
{
    margin-bottom: .9375em;
}
.forgot-password-confirm__fields .multiselect-wrapper
{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 6.25em;
    height: 100%;
}
.forgot-password-confirm__fields .multiselect-wrapper .country-template__text
{
    color: #234d54;
}
.forgot-password-confirm__fields .multiselect__option.multiselect__option--highlight
{
    background: #3d838c;
}
.forgot-password-confirm__fields .multiselect__option.multiselect__option--highlight .country-template__text
{
    color: #fff;
}
.forgot-password-confirm__field
{
    display: flex;
    position: relative;
    box-sizing: border-box;
    flex: 1 0 auto;
    align-items: center;
    width: calc(50% - .3125em);
    height: 2.5em;
    margin-right: .3125em;
    margin-bottom: .625em;
    border: 1px solid #d5dadc;
}
.forgot-password-confirm__button
{
    margin-left: .625em;
    width: calc(50% - .625em);
    height: 2.5em;
}
.forgot-password-confirm__timer
{
    margin-top: .9375em;
}
.forgot-password-confirm__bottom
{
    width: 100%;
    margin-top: .9375em;
}
.forgot-password-confirm-instr
{
    padding-top: 1.5625em;
    padding-bottom: 1.5625em;
}
.forgot-password-confirm-instr__text
{
    margin: 0;
    text-align: center;
    color: #234d54;
}
.send-action-wrapper
{
    padding-top: .9375em;
    border-top: 1px solid #d5dadc;
    text-align: start;
}
.send-action-wrapper__box
{
    margin-top: .75em;
}
.send-action-wrapper__btn
{
    width: 100%;
    max-width: 15.625em;
    min-height: 2em;
}
.send-action-wrapper-btn
{
    display: block;
    cursor: pointer;
    padding: 0;
    border: 0;
    border-bottom: 1px dashed #234d54;
    background-color: rgba(0,0,0,0);
    transition: .2s all ease-in-out;
}
.send-action-wrapper-btn--is-active
{
    opacity: .5;
    border-color: rgba(0,0,0,0);
}
.send-action-wrapper-btn__label
{
    font-size: .875em;
    line-height: 1.1428571429em;
    color: #234d54;
}
.send-action-wrapper-btn:hover
{
    border-color: rgba(0,0,0,0);
}
.send-action-wrapper-box
{
    padding: 1.125em 1.25em 1.25em;
    background-color: rgba(213,218,220,.5);
    text-align: center;
}
.send-action-wrapper-box__text
{
    font-size: .875em;
    line-height: 1.1428571429em;
    margin-bottom: 1em;
}
.send-action-wrapper-box__tel
{
    display: inline-block;
    direction: ltr;
}
.send-action-wrapper-box__buttons
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.send-action-wrapper-box__btn:first-child
{
    margin-inline-end: 1.25em;
}
.send-action-btn
{
    font-size: inherit;
    cursor: pointer;
    padding: .375em .9375em .4375em;
    border: 0;
    background-color: #2b9f4e;
    transition: .2s all ease-in-out;
}
.send-action-btn:nth-child(2)
{
    background-color: #3d838c;
}
.send-action-btn__label
{
    font-size: .875em;
    line-height: 1.1428571429em;
    color: #fff;
}
.send-action-btn:hover
{
    opacity: .8;
}
.forgot-password-phone__field, .forgot-password-confirm__field, .forgot-password-change__field, .forgot-password-email__field, .forgot-password-field, .forgot-password-field-password, .forgot-password-button
{
    border-radius: 1.25em;
}
.forgot-password-field-password__label, .forgot-password-field__label
{
    inset-inline-start: .9375em;
}
.forgot-password-phone .phone-input .country-template__text
{
    font-family: "Open Sans",sans-serif;
}
.forgot-password-modal
{
    background-color: rgba(0,0,0,0);
}
.forgot-password-modal__inner
{
    background-color: #fff;
}
.forgot-password-modal__preloader.main-preloader
{
    background-color: rgba(0,0,0,0);
}