/* Nobat Plus Local 2.5.0 - classic-inspired presentation layer. */
#sab-appointment-form,
.sab-appointment-form {
    direction: rtl;
}

#sab-appointment-form .pish,
.sab-appointment-form .pish {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 20px 0;
}

#sab-appointment-form .pish p,
.sab-appointment-form .pish p {
    margin: 5px;
    padding: 14px 20px;
    border-radius: 5px;
    background: rgba(120, 120, 120, .14);
}

#sab-appointment-form input,
#sab-appointment-form select,
#sab-appointment-form textarea,
#sab-appointment-form button,
#sab-appointment-form .sab-date-radio-group label,
#sab-appointment-form .sab-time-radio-group label,
#sab-appointment-form #sab-captcha-canvas,
#sab-appointment-form .sab-success-message,
#sab-appointment-form .sab-error-message {
    border-radius: 5px;
}

#sab-appointment-form .sab-date-radio-group,
#sab-appointment-form .sab-time-radio-group {
    gap: 5px;
}

#sab-appointment-form .calendar-days {
    gap: 3px;
}

#sab-appointment-form .calendar-day,
#sab-appointment-form .day-header {
    border-radius: 5px;
}

#sab-appointment-form .day-header {
    background: rgba(125, 125, 125, .16);
}

@media (min-width: 1024px) {
    #sab-appointment-form .sab-date-radio-group,
    #sab-appointment-form .sab-time-radio-group {
        grid-template-columns: repeat(auto-fill, minmax(85px, 1fr));
    }
}

@media (max-width: 767px) {
    #sab-appointment-form .pish,
    .sab-appointment-form .pish {
        grid-template-columns: 1fr;
    }

    #sab-appointment-form .sab-date-radio-group,
    #sab-appointment-form .sab-time-radio-group {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        padding: 10px;
    }
}