.rtl {
    direction: rtl !important;
}

.mr-2 {
    margin-left: .5rem !important;
}

a {
    text-decoration: none !important;
}

.fs-7 {
    font-size: 0.8rem;
}

.h-35 {
    height: 35px !important;
}

input.not_valid {
    border: 2px solid #dc3545 !important;
    box-shadow: 0 0 0 .2rem #ff007340 !important;
}

input.valid {
    border: 2px solid #00c267 !important;
    box-shadow: 0 0 0 .2rem #00ff8840 !important;
}

.section_pass,
.section_ready {
    color: white
}

.section_pass {
    background-color: #2abc73;
    border: 2px solid #00af64;
}

.section_ready {
    background-color: #a1a0a0;
}

.section_off {
    background-color: #b7b7b7;
    border: 2px solid #b5b5b5;
    color: #9a9a9a;
}

.form-check-input:checked {
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.form-check-input:focus {
    border-color: #008c50 !important;
    box-shadow: 0 0 0 .25rem #cfe5db !important;
}

#phone_not_valid {
    font-size: 0.8rem;
}

input.form-control,
select.form-control,
select.form-select {
    font-size: 0.8rem !important;
}

jdp-container {
    font-size: 0.8rem;
}

/* ===== sms verification btn */
#sms_verification {
    font-size: 14px;
    background-color: #00cc6d !important;
    border-color: #00cc6d !important;
    color: white !important;
}


#button_div {
    position: sticky;
    bottom: 5px;

    #next_step,
    #previous_step {
        font-size: 15px;
        height: fit-content;
        width: fit-content;
    }
}

#stepper_user,
#stepper_store,
#stepper_pos,
#stepper_verify {
    width: 50px !important;
    height: 50px !important;
}

#stepper_user_store,
#stepper_store_pos,
#stepper_pos_verify {
    width: 10%;
    height: 2px;
}