:root {
    --mob_main_bg: #343742;
    --mob_datepicker_bg: #fff;
}
#fe_body #fe_main {
    background-color: var(--mob_main_bg);
}
#reg_user_form .registration_tbl{
    color: var(--mob_primary_txt_color);
}
#fe_body .ui-datepicker {
    background-color: var(--mob_datepicker_bg);
}
body#fe_body.registration-page .ui-datepicker th {
    color: var(--mob_quaternary_txt_color) !important;
}
body#fe_body.registration-page .ui-state-active {
    background-color: var(--mob_datepicker_cell_hover_active_bg) !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 {
    background-color: var(--input_select_bg);
    border: 1px solid var(--quaternary_border_color);
}
select option,
#fe_main .registration_container input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]), select, textarea,
#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 {
    color: var(--mob_secondary_txt_color);
    border:1px solid #fff;
}
.rfval_radio label {
    color: var(--mob_tertiary_txt_color);
}
.reg_field_button button:hover {
    background-color: var(--mob_secondary_button_bg);
    background: var(--mob_secondary_button_bg);
}
.reg_main_ttl .reg_txt {
    color: var(--mob_primary_txt_color);
}
.reg_main_ttl a {
    color: var(--mob_primary_txt_color) !important;
}

/* registration notification */
.fep909 .registration_container {
    margin: 0px auto;
    max-width: 95%;
    width: 100%;
}

.fep909 .reg_confirm_list {
    border: 5px solid #fff;
    border-radius: 10px;
    padding-left: 0;
    background: var(--secondary_color);
}

.fep909 .reg_confirm_list:before {
    position: unset;
    left: unset;
    top: unset;
    background-color: #fff;
    color: #bba7a7;
    font-size: 30px;
    display: block;
    height: 70px;
    line-height: 70px;
    margin: 20px auto 0 auto;
    text-align: center;
    width: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: var(--quinary_color) url(../images/sms.png?v=1) center center no-repeat;
    background-size: 60px;
    padding: 10px;
}

.fep909 .reg_confirm_list .reg_confirm_item {
    line-height: 20px;
    padding: 20px;
    text-align: center;
    font-weight:bold;
}

/*new update registration*/
.registration-page #fe_main{
    padding-top: 105px
}
.register-box{
    flex-direction:column;
}
.steps{
    width:100%;
}
.register-box .right,.register-box .left{
   width:100%;
   left:0;
   padding:0;
}
.registration_tbl td.reg_field_value,
td.ref_field_value.rfval_select.loc{
    padding-left:0
}
.registration_tbl td.reg_field_name{
    height:auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start; 
    padding-bottom:0;
}
.reg_field_empty,.registration_tbl td.reg_field_button.back_button_area{
    padding-top:0!important;
}
.reg_field_button button{
    border-radius:10px!important
}
.registration_tbl tr.tr_fld + tr.tr_fld{
    display: block;
    min-width: 100%;
    margin-top: 10px;

}
.rfval_radio{
    padding-top:15px!important;
}
.registration_tbl tr{
    padding-bottom:5px;
    width: 100%;
    display: table!important;
}
.registration_tbl .reg_main_ttl{
    margin-top:20px;
}
.rfval_radio{
    width:100%;
}
#fe_main button.reg_btn{
    margin-top:15px;
}
span.dt_icon:before{
    content:none;
}
span.loc_icon:before{
    background-image: url(../../images/register/location.png);
}
.btn_right, .btn_left{
    width:100%;
}
select:focus, #fe_main input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="file"]):focus {
    border-color: red;
}
.form2 .field_errors_notice, .form2 .res .field_errors_notice, .form2 .loc .field_errors_notice{
    top: -5px;
}
.swiper-slide img{
    width:100%;
}
@media(max-width:460px){
    .registration_tbl td.reg_field_name{
        width:105px;
    }
    .registration_tbl .steps,.registration_tbl .reg_steps_four {
        width: 100%;
    }
}