.request-showing-popup .modal-title {
    font-family: 'quatt-rg' !important;
    opacity: 0.5;
    color: #60605f;
    text-align: center;
    width: 100%;
    font-size: 25px;
}

.request-showing-popup .modal-content {
    border-radius: 0px !important;
    border: none !important;
    box-shadow: 1px 0px 15px 1px #000 !important;
}

.process-image img {
    width: 55%;
}

.process-image {
    text-align: center;
}

.popup-dec {
    font-size: 24px;
    text-align: center;
    color: #60605f;
    padding: 0px 63px;
    padding-bottom: 15px;
    font-family: 'quatt-rg';
    line-height: 30px;
}

.selcet_date {
    background: #f9f8f6;
}

.dia,
.mes {
    font-family: 'quces-rg';
    font-size: 18px;
}

.dia_semana {
    font-family: 'qutsn-bd';
    font-size: 18px;
}

.request-showing-popup .modal-header {
    border-bottom: none !important;
}

.form-select.scheduletime.req-form {
    border: 1px solid #a9a9a9 !important;
    font-family: 'quces-rg';
    font-size: 18px;
}

.all-select .col-md-4 {
    text-align: center;
}

.request-showing-popup .modal-footer {
    border-top: none !important;
}

.request-showing-popup .modal-footer {
    justify-content: center !important;
}

.process-image {
    padding-bottom: 35px;
}

.svg-icons-steps {
    padding: 25px;
    padding-top: 0px;
    padding-bottom: 0px !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 475px !important;
    }
}

.modal-dialog {
    margin-top: 60px !important;
}

.form-fields {
    padding: 12px 40px;
}

.form-fields input {
    padding: 7px 10px;
    font-family: 'quces-rg';
    font-size: 20px;
    color: #60605f;
}

.form-fields .form-select {
    padding: 7px 15px;
}

#step_3 .popup-dec {
    font-size: 26px;
    text-align: center;
    color: #60605f;
    padding: 0px 63px;
    padding-bottom: 25px;
    font-family: 'quatt-rg';
    line-height: 30px;
}

#step_3 .confirm-sec {
    font-size: 24px;
    text-align: center;
    color: #60605f;
    padding: 0px 63px;
    padding-bottom: 25px;
    font-family: 'quces-rg' !important;
    line-height: 30px;
}

.preferred {
    font-size: 24px !important;
    padding-bottom: 0px !important;
    padding-top: 30px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.all-select input {
    padding: 10px !important;
    border-radius: 15px !important;
    margin-right: 5px;
}

#all_msg {
    text-align: center;
    color: #60605f;
    text-decoration: none;
    cursor: pointer;
}

.all-select label {
    font-size: 21px;
}

.calender {
    text-align: center;
}

.calender-sec {
    border: 1px solid #a9a9a9;
    padding: 15px 0px !important;
    border-radius: 5px;
    width: 30.5% !important;
    margin: 0px 5px;
}

.svg-lines {
    width: 90px;
    height: 3px;
    border: 1px solid #cfcecd;
    float: left;
    position: relative;
    top: 20px;
}

.popup-time {
    padding-top: 35px !important;
}

.left-arrow {
    position: absolute;
    top: 445px;
    left: 10px;
}

.left-arrow img {
    width: 15px;
}

.right-arrow img {
    width: 15px;
}

.right-arrow {
    position: absolute;
    top: 445px;
    right: 10px;
    text-align: right;
}

.rescalendar_data_rows {
    display: none;
}

.move_to_today {
    display: none;
}

.move_to_next_month {
    display: none;
}

.move_to_last_month {
    display: none;
}

.dia_semana {
    width: 100%;
    float: left;
    text-transform: uppercase;
}

.refDate {
    visibility: hidden;
    width: 85%;
}

.move_to_yesterday {
    background: url(/brochure/img/arrow-left.png);
    border: none;
    height: 45px;
    background-repeat: no-repeat;
    padding: 7px;
    background-size: 100%;
    cursor: pointer;
}

.move_to_tomorrow {
    background: url(/brochure/img/arrow-right.png);
    border: none;
    height: 45px;
    background-repeat: no-repeat;
    padding: 7px;
    background-size: 100%;
    cursor: pointer;
}

.day_cell {
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    width: 90px;
    height: 90px;
    margin: 0px 10px;
    padding: 20px 10px;
    display: inline-block;
    cursor: pointer;
    color: #60605f;
}

.form-select.scheduletime.req-form,
.form-check-label {
    color: #60605f !important;
}

.all-select .cus-cklbl {
    color: #60605f !important;
    font-family: 'quces-rg';
}

.first-popup.popup-dec.popup-time {
    padding-bottom: 0px !important;
}

.rescalendar_table {
    position: relative;
    top: -40px;
    margin: 0 auto;
    width: 80%;
    margin: 0 auto;
}

.rescalendar_controls {
    position: relative;
    top: 20px;
}

.blockday {
    color: #a9a9a9;
    cursor: not-allowed;
}

#step_2 {
    padding-top: 0px !important;
}

.fill-schedule-req-icon path {
    fill: #d4d4d4;
}

.svg-icons-steps svg {
    float: left;
    width: 100%;
    height: 50%;
}

.introduction .fill-schedule-req-icon path {
    fill: #acacac;
}

.form .fill-schedule-req-icon path {
    fill: #d4d4d4;
}

.submitted .fill-schedule-req-icon path {
    fill: #d4d4d4;
}

.introduction {
    text-align: center;
}

.form {
    text-align: center;
}

.submitted {
    text-align: center;
}

.introduction span {
    position: relative;
    top: -20px;
    font-size: 30px;
    color: #acacac;
}

.form span {
    position: relative;
    top: -20px;
    font-size: 30px;
    color: #acacac;
    display: none;
}

.submitted span {
    position: relative;
    top: -20px;
    font-size: 30px;
    color: #acacac;
    display: none;
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    border: 1px solid #198754 !important;
}

.form-fields.all-select .row {
    padding: 3px 0px;
    width: 100%;
    margin: 0 auto;
    border-radius: 4px;
}

.form-fields.all-select .row .col-md-4 {
    padding: 0px 5px;
}

.cus-cklbl {
    color: #212529 !important;
}

.cus-ckbox {
    border-color: #212529 !important;
}

.modal.fade.request-showing-popup .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.form-control {
    border: 1px solid #a9a9a9 !important;
}

@media only screen and (max-width: 500px) {
    .day_cell {
        width: 60px;
        height: 70px;
        margin: 0px 3px;
        padding: 10px 5px;
    }

    .popup-dec {
        padding: 0px 10px !important;
    }

    .rescalendar_controls {
        position: relative;
        top: 10px;
    }

    .preferred {
        padding-top: 10px;
    }

    .modal.fade.request-showing-popup.show {
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 767px) {
    .svg-icons-steps svg {
        float: left;
        width: 40px;
        height: 50%;
    }

    .svg-icons-steps .row div {
        width: 20%;
    }

    .svg-lines {
        width: 40px;
        height: 3px;
        border: 1px solid #cfcecd;
        float: left;
        position: relative;
        top: 20px;
    }
}