.wrapper_for_registration_confirm_form, .popup_for_login{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(143, 143, 143, 0.5);
    z-index: 99999;
}

.wrapper_for_registration_confirm_form .registration_confirm_form_outer_container, .popup_for_login .login_popup_outer_container{
    max-width: 799px;
    width: calc(100% - 60px);
    position: absolute;
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    padding-bottom: 120px;
}

.registration_confirm_form_container, .login_popup_container{
    max-width: 440px;
    width: 100%;
    margin: auto
}

.registration_confirm_form_container .registration_confirm_form_content, .login_popup_container .login_popup_content, .login_popup_container .forgot_password_content{
    text-align: center;
    margin-top: 15px;
}

.registration_confirm_form_container .registration_confirm_form_content h2, .login_popup_container .login_popup_content h2, .login_popup_container .forgot_password_content h2{
    font-size: 32px;
    line-height: 128%;
    text-transform: capitalize;
    margin-bottom: 23px;
    font-weight: 600;
}

.registration_confirm_form_container .registration_confirm_form_content .separator_line, .login_popup_container .login_popup_content .separator_line, .login_popup_container .forgot_password_content .separator_line{
    width: 80px;
    margin-bottom: 31px;
    border-top: 1px solid #000000;
    height: 1px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 600;
}

.registration_confirm_form_container .registration_confirm_form_content p, .login_popup_container .login_popup_content p,
.login_popup_container .forgot_password_content p{
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 39px;
}

.registration_confirm_form_content form input, .login_popup_content form input,
.forgot_password_content form input{
    width: 100%;
    height: 54px;
    font-size: 18px;
    padding-left: 24px;
    color: #000;
    outline: none;
    border: 1px solid #68655F;
}

.login_popup_content form input, .forgot_password_content form input{
    width: initial;
}

.registration_confirm_form_content form .input-group, .login_popup_content form .input-group,
.forgot_password_content form .input-group{
    width: 100%;
    display: flex;
    margin-bottom: 20px;
    position: relative;
}

.login_popup_content form .input-group,
.forgot_password_content form .input-group{
    flex-direction: column;
    text-align: left;
}

.registration_confirm_form_outer_container .close_popup_button, .login_popup_outer_container .close_popup_button{
    display: block;
    width: 29px;
    height: 29px;
    position: relative;
    left: 100%;
    transform: translateX(-100%);
    cursor: pointer;
}

.submit_confirm_password_button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    background: #800116;
    color: white!important;
    font-size: 18px!important;
    text-transform: capitalize;
    font-weight: 600!important;
    transition: .3s;
    cursor: pointer;
}

.submit_confirm_password_button:hover{
    background: #922122;
}

.registration_confirm_form_content form, .login_popup_content form, .forgot_password_content form{
    border-bottom: 1px solid #68655F;
    padding-bottom: 43px;
}

a.back_to_login_screen{
    text-decoration: underline;
    color: #68655F;
    text-align: center;
}

.registration_confirm_form_content_footer, .login_popup_content_footer{
    margin-top: 30px;
}

.registration_confirm_form_content_footer a, .login_popup_content_footer a{
    color: #68655F!important;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 300 !important;
}

.registration_confirm_form_content form .input-group .show_password_btn, .registration_confirm_form_content form .input-group .hide_password_btn{
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.login_popup_content form .input-group .show_password_btn, .login_popup_content form .input-group .hide_password_btn{
    position: absolute;
    right: 17px;
    top: 18px;
    cursor: pointer;
}

.registration_confirm_form_content form .input-group .hide_password_btn{
    display: none;
    top: calc(50% + 2px);
}

.login_popup_content form .input-group .hide_password_btn{
    display: none;
    top: 20px;
}

.password_strength_wrapper{
    display: none;
    margin-bottom: 38px;
    margin-top: -12px;
}

.password_strength_wrapper ul{
    text-align: left;
    padding-left: 25px;
    list-style: disc;
    list-style-position: outside;
    color: #000;
    font-weight: 300;
    font-size: 14px;
    line-height: 156%;
}

.password_strength_wrapper ul li{
    color: red;
}

.password_strength_wrapper ul li.step_completed{
    color: #000;
}

.registration_confirm_form_content form a.loading{
    pointer-events: none;
}

.registration_confirm_form_content form a.loading:after{
    content: "";
    width: 24px;
    height: 24px;
    border: 4px solid #FFF;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.registration_success_message{
    text-align: center;
}

.registration_success_message h2 + img{
    display: block;
    width: 52px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 57px;
    margin-top: 28px;
}

.registration_success_message a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    background: #DBC9B9;
    color: #000000!important;
    font-size: 18px!important;
    font-weight: 600!important;
    transition: .3s;
    max-width: 327px;
    text-decoration: none;
    gap: 10px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

a.profile_icon_btn{
    display: block;
    cursor: pointer;
}

.profile_or_login_wrapper p{
    font-size: 14px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 0!important;
}

.profile_or_login_wrapper a{
    font-size: 14px!important;
    color: #000!important;
    text-decoration: underline!important;
    line-height: 1.2;
    cursor: pointer;
}

.already_trade_client_block a{
    color: #000!important;
    display: block;
    position: relative;
    text-decoration: underline!important;
}

.popup_for_login{
    display: none;
}

.popup_for_login .error{
    color: red;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 5px;
}

.popup_for_login form a.loading{
    pointer-events: none;
}

.popup_for_login form a.loading:after{
    content: "";
    width: 24px;
    height: 24px;
    border: 4px solid #FFF;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.forgot_password_content, .password_reset_success_message{
    display: none;
}

.reset_password_btn{
    color: #000!important;
    font-weight: 300!important;
    text-decoration: underline!important;
    cursor: pointer;
    font-size: 14px!important;
}

.user_logout_popup{
    display: none;
}

a.sign_out_button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
    background: #800116;
    color: white!important;
    font-size: 18px!important;
    font-weight: 600!important;
    transition: .3s;
    text-decoration: none;
    cursor: pointer;
}

a.sign_out_button:hover{
    background: #922122;
}