/* 
    Created on : Sep 24, 2021, 3:36:04 PM
    Author     : duongca
*/
.iwj-lostpass {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 96px 15px 48px;
    align-items: center;
}

.iwj-lostpass .confirm-message .actions{
    padding: 20px 0 0;
}
.iwj-lostpass .confirm-message .actions a.ibtn{
    min-width: 300px;
}
.iwj-lostpass .confirm-page-content .confirm-page-content-inner{
    gap: 32px;
}
.iwj-lostpass.message-page {
    padding: 0;
}
.iwj-lostpass .iwj-field input{
    height: 46px;
    padding: 11px 14px;
}
.iwj-lostpass .page-content-inner{
    display: flex;
    max-width: 360px;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}
.form-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.form-header .form-banner{
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
    border: 10px solid var(--colors-primary-50);
    background: var(--colors-primary-100);
}
.form-header .header-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}
.form-header .header-text h3{
    color: var(--colors-darkgrey-800);
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    margin: 0;
}
.form-header .header-text .pre-text{
    color: var(--colors-darkgrey-500);
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}
.form-content form{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.form-content form, .form-content, .iwj-button-loader{
    width: 100%;
}
.form-footer a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--colors-darkgrey-500);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}