#CALENDARCONTAINER span.pointer:hover {
    background-color: lightgray !important;
    border-radius: 5px;
    color: black !important;
}

#TIMEPICKER {
    padding: 1rem;
}


#TIMEPICKER div {
    border: 1px solid lightgray;
    border-radius: 5px;
}

#TIMEPICKER div span.pointer {
    background-color: rgb(239, 239, 239);
}

#TIMEPICKER div span.pointer:hover {
    background-color: lightgray;
}

#CALENDARCONTAINER .calendar_header select {
    background-color: transparent !important;
    color: white !important;
    border: 1px solid transparent !important;
    width: max-content !important;
}

#CALENDARCONTAINER .calendar_header select:hover {
    border: 1px solid white !important;
}

#CALENDARCONTAINER .calendar_header select:focus {
    outline: unset !important;
}

#CALENDARCONTAINER .calendar_header select option {
    color: black !important;
}