.calendar-time-container {
    display: flex;
    flex-direction: row!important;
}
.datetime-display {
    margin-bottom: 15px!important;
}

div#datePickerModal h3 {
    font-family: 'Roboto'!important;
}

div#datePickerModal .modal-header {
    margin-bottom: 10px;
}

div#datePickerModal .modal-content {
    padding: 15px 12px;
}

div#timeSlots {
    display: flex;
    flex-direction: column;
    height: 300px;
    overflow-y: scroll;
    flex-wrap: nowrap;
}
div#datePickerModal select {
    padding: 0px 10px!important;
    height: 50px;
}
span#selectedDateDisplay {
    text-align: left;
}

.calendar-day {
    width: 28px!important;
    height: 28px!important;
}