* {font-family: 'Open Sans', Helvetica, Arial, sans-serif;}
html, body {    
    font-size: 14px;
    background-color: #f8f9fa;
    height: 100%;    
}

h1:focus {
    outline: none;
}

#calendar-container {
    position: absolute;
    top: 105px;
    left: 20px;
    right: 20px;
    bottom: 10px;
}

.no-outline .mud-select-input::after {
    display: none;
}

.booked-day:not(.mud-selected) {    
    background-color: #e6f2ff !important;
}

td.fc-timegrid-slot-label:has(~ td.fc-timegrid-slot-lane:hover) {
    background-color: #fff4b9 !important;
}

th.fc-col-header-cell.fc-day {
    font-size: 0.8rem;
}
    th.fc-col-header-cell.fc-day .fc-col-header-cell-cushion {
        padding:0;
    }

/* MudBlazor overrides */
.mud-table-cell {
    font-size: 1.0rem;
}
.mud-button {
    font-size: 0.85rem;
}

.mud-dialog form.mud-form .mud-input-control {
    margin-bottom: 6px;
}

.overview-tooltip {
    background-color: #fff;
    max-width: 420px;
    max-height: 420px;
    position: absolute;
    top: -1000px;
    left: -1000px;
    border: solid 1px #000;
    border-radius: 4px;
    padding: 10px;
    z-index: 2;
    opacity: 0; /* Start with zero opacity */
    display: block;
    transition: opacity 0.3s ease; /* Add transition for opacity */
}

    .overview-tooltip.show {
        opacity: 1; /* Change opacity to fully visible */        
    }