.appointment-schedule {
    margin: -20px 0 0 0;
    overflow-y: scroll;
    /*overflow-x: scroll;*/
    max-height: 80vh;
}

.appointment-schedule::-webkit-scrollbar {
    width: 12px;
}

.appointment-schedule.appointment-schedule::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.appointment-schedule::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.4);
}

.container-booking-request {
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.btn-booking-request{
    white-space:normal !important;
}

.intl-tel-input {
    display: table-cell;
}
.intl-tel-input .selected-flag {
    z-index: 4;
}
.intl-tel-input .country-list {
    z-index: 5;
}
.input-group .intl-tel-input .form-control {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
}

.dx-scheduler-timeline .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline .dx-scheduler-date-table-cell {
    width: 80px !important;
}

.showtime-preview > div:first-child {
    font-size:12px;
    white-space: normal;
}

.showtime-preview > div:not(:first-child) {
    font-size: 11px;
    white-space: normal;
}