.registration_tbl {
    --input_border_radius: 50px;
    --mob_tertiary_border_color: var(--tertiary);
    --secondary_color: var(--white)
}

body#fe_body.registration-page {
    background-color: var(--primary_bg);
    overflow-x: hidden
}

#reg_user_form .registration_tbl {
    background-color: var(--registration_wrapper_bg);
    border: var(--wrapper_border);
    border-radius: var(--border-radius);
    box-shadow: var(--wrapper_box_shadow);
    color: var(--registration_wrapper_txt)
}

.reg_steps_wrapper {
    background-color: var(--reg_steps_wrapper)
}

.registration_tbl td.reg_field_button {
    text-align: unset
}

.registration_tbl .reg_field_button button,.registration_tbl .reg_field_button button:hover {
    background: var(--registration_btn_bg);
    color: var(--registration_btn_txt);
    font-weight: 600;
    margin-top: 10px;
    border-radius: var(--button_border_radius) !important
}

.registration_tbl .reg_field_button button.back_to_step_btn,.registration_tbl .reg_field_button button.back_to_step_btn:hover {
    background: var(--reg_back_btn);
    color: var(--tertiary_txt);
    border-radius: var(--button_border_radius)
}

.registration-page .registration_tbl td.reg_field_button.back_button_area,.registration-page .registration_tbl td.reg_field_button.submit_button_area {
    align-items: center
}

@media screen and (max-width: 1024px) {
    .registration-page .registration_tbl td.reg_field_button.back_button_area,.registration-page .registration_tbl td.reg_field_button.submit_button_area {
        padding:20px
    }
}

.btn_right,.btn_left {
    margin-left: 5px;
    margin-right: 5px;
    text-align: center
}

.registration_tbl td.reg_field_name,span.reg_ttl,span.reg_txt {
    color: inherit;
    line-height: 1
}

span.reg_ttl2 {
    color: var(--primary_txt);
    padding-bottom: 15px
}

.reg_steps_container .reg_steps {
    background-color: var(--reg_steps)
}

span.reg_ttl {
    font-size: 22px;
    padding: 0
}

.reg_steps_container .reg_steps.checked_step {
    background-color: var(--custom_3);
    color: var(--primary_txt);
    font-weight: 600
}

.reg_steps_container .reg_steps.selected_step {
    background-color: var(--reg_steps_selected_bg);
    color: var(--reg_steps_selected_txt);
    font-weight: 600
}

#fe_main #rf_name_surname:not(:-moz-read-only) {
    background-color: var(--input_bg);
    border: var(--input_border);
    border-radius: var(--input_border_radius);
    color: var(--input_txt)
}

#fe_main .registration_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]),#fe_main:not(:has(.digitain_outer_wrapper)) .registration_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]):focus,#fe_main #rf_name_surname:not(:read-only),#fe_web_container #fe_main .registration_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]).datepicker {
    background-color: var(--input_bg);
    border: var(--input_border);
    border-radius: var(--input_border_radius);
    color: var(--input_txt)
}

body#fe_body.registration-page .ui-datepicker th {
    color: inherit !important
}

select:focus,#fe_main input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]):focus {
    box-shadow: none;
    -webkit-appearance: auto
}

body#fe_body.registration-page .ui-state-default,body#fe_body.registration-page .ui-widget-content .ui-state-default,#fe_body .ui-widget-header .ui-state-default {
    background-color: var(--datepicker_cell_bg);
    color: inherit
}

body#fe_body.registration-page .ui-datepicker-calendar .ui-state-hover,body#fe_body.registration-page .ui-datepicker-calendar .ui-state-active {
    background-color: var(--datepicker_cell_hover_active_bg) !important;
    color: var(--datepicker_hover_txt) !important
}

.checkmark2 {
    background-color: var(--septenary);
    border: 1px solid var(--primary_border)
}

.chk_bx_cnt .checkmark2:after {
    border: solid var(--accent);
    border-width: 0 4px 5px 0
}

.chk_bx a {
    color: var(--primary_txt)
}

#fe_body .icon_eye:after {
    color: var(--primary_txt)
}

body#fe_body.registration-page .ui-datepicker .ui-datepicker-prev {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(19%) hue-rotate(349deg) brightness(106%) contrast(104%)
}

body#fe_body.registration-page .ui-datepicker .ui-datepicker-next {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(19%) hue-rotate(349deg) brightness(106%) contrast(104%)
}

#fe_web_container #fe_main .registration_container .reg_field_value input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]).datepicker {
    background: var(--input_bg);
    border: var(--input_border);
    border-radius: var(--input_border_radius)
}

.registration_tbl .keep-in-line {
    border-radius: var(--input_border_radius)
}

#fe_main .registration_container .reg_field_value input {
    border-radius: var(--input_border_radius) !important
}

#fe_main .registration_container .reg_field_value input {
    padding-left: 10px
}

body#fe_body.registration-page .ui-datepicker .ui-datepicker-header {
    background-color: var(--datepicker_header_bg)
}

.form3 div.telephone_icon:before {
    width: 9px;
    height: 26px;
    top: 9px;
    filter: brightness(0) saturate(100%) invert(73%) sepia(11%) saturate(1019%) hue-rotate(177deg) brightness(105%) contrast(103%)
}

.form2 div.pin_icon:before,.form2 div.tel_icon:before,span.loc_icon:before,span.dt_icon:before,div.usr_nm:before,.form3 div.mail_icon:before,.form3 div.pass_icon:before,.form3 div.bonus_icon:before {
    filter: brightness(0) saturate(100%) invert(73%) sepia(11%) saturate(1019%) hue-rotate(177deg) brightness(105%) contrast(103%)
}

.skin-87 span.loc_icon {
    background-color: rgba(0,0,0,0);
    border: 0
}

#fe_main .registration_container p.password_tooltip {
    font-size: 11px
}

.form1 .rfval_radio {
    padding-bottom: 30px
}

.form3 td.chk_bx {
    padding-left: 28px;
    padding-top: 10px
}

.form3 .chk_bx>div {
    font-size: 12px
}

.form3 .usr_nm,.pass_icon,.mail_icon {
    margin-bottom: 15px
}

@media(min-width: 991px) {
    .register-box {
        max-width:1200px;
        margin: auto;
        width: 100vw;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--white);
        border-radius: 15px;
        box-shadow: 5px 10px 18px rgba(0,0,0,.2);
        overflow: hidden;
        margin-top: 20px
    }

    .register-box .left {
        width: 50%;
        display: inline-block;
        z-index: 9;
        position: relative;
        overflow: hidden
    }

    .register-box .right {
        width: 50%;
        display: inline-block;
        overflow: hidden;
        height: 100%
    }
}

.swiper-slide img {
    display: block;
    width: 100%
}

#fe_footer {
    padding-top: 0;
    margin-top: 20px;
    padding-bottom: 0
}

#fe_main .back_button_area button.reg_btn.back_to_step1,#fe_main .back_button_area button.reg_btn.back_to_step2 {
    background-color: var(--reg_back_btn);
    opacity: .5;
    font-weight: normal;
    color: var(--accent_txt);
    border-radius: var(--btn_border_radius)
}

.reg_v8 .steps,.reg_v8 .reg_steps_four {
    width: 340px;
    height: 77px
}

.reg_v8 .form1 .steps {
    background-image: url(/assets/step_1.png?v=2)
}

.reg_v8 .form2 .steps {
    background-image: url(/assets/step_2.png?v=2)
}

.reg_v8 .form3 .steps {
    background-image: url(/assets/step_3.png?v=2)
}

.reg_v8 .form1 .reg_steps_four {
    background-image: url("/assets/step_1_verification.png?v=4")
}

.reg_v8 .form2 .reg_steps_four {
    background-image: url("/assets/step_2_verification.png?v=4")
}

.reg_v8 .form3 .reg_steps_four {
    background-image: url("/assets/step_3_verification.png?v=4")
}

.reg_v8 .form4 .reg_steps_four {
    background-image: url("/assets/step_4_verification.png?v=4")
}

body .gender_cnt input:checked~.checkmark {
    background-color: var(--accent)
}

/*# sourceMappingURL=register_user.css.map */