.TimetableCell {
    width: 125px;
}
.TimetablePeriodCell {
    width: 50px;
}


.timetable-report-courses {
    position: fixed !important;
    bottom: 0;
}

.timetable-report {
    height: 100%;
}

/*.timetable-report .timeperiod {
    text-align: right;
}*/

.timetable-report > tbody > tr > th.time > p {
    width: 130px;
}

.timetable-report > thead > tr >td > ol > li.search-model-title {
    display: inline-block;
}

/* Timetable Cell Widths *
    /* Days = 6 */
        /* MaxColSpan = 2 */
        .timetable-report[data-maxcolspan="2"][data-days="6"] td[colspan="1"] {
            width: calc(100% / (2 * 6));
        }
        .timetable-report[data-maxcolspan="2"][data-days="6"] td[colspan="2"] {
            width: calc(100% / (2 * 6 * (1/2)));
        }
        .timetable-report[data-maxcolspan="2"][data-days="6"] td[colspan="3"] {
            width: calc(100% / (2 * 6 * (1/3)));
        }
        /* MaxColSpan = 3 */
        .timetable-report[data-maxcolspan="3"][data-days="6"] td[colspan="1"] {
            width: calc(100% / (3 * 6));
        }
        .timetable-report[data-maxcolspan="3"][data-days="6"] td[colspan="2"] {
            width: calc(100% / (3 * 6 * (1/2)));
        }
        .timetable-report[data-maxcolspan="3"][data-days="6"] td[colspan="3"] {
            width: calc(100% / (3 * 6 * (1/3)));
        }
        /* MaxColSpan = 4 */
        .timetable-report[data-maxcolspan="4"][data-days="6"] td[colspan="1"] {
            width: calc(100% / (4 * 6));
        }
        .timetable-report[data-maxcolspan="4"][data-days="6"] td[colspan="2"] {
            width: calc(100% / (4 * 6 * (1/2)));
        }
        .timetable-report[data-maxcolspan="4"][data-days="6"] td[colspan="3"] {
            width: calc(100% / (4 * 6 * (1/3)));
        }

 /* Timetable Cell Heights */
    :root { --four-period-height: 90px; }
    .timetable-report[data-periods="4"] > tbody > tr > td > div { height: var(--four-period-height); }
    
    :root { --twelve-period-height: 40px; }
    .timetable-report[data-periods="12"] > tbody > tr > td[rowspan="1"] > div { height: var(--twelve-period-height); }
    .timetable-report[data-periods="12"] > tbody > tr > td[rowspan="2"] > div { height: calc(var(--twelve-period-height) * 2); }
    .timetable-report[data-periods="12"] > tbody > tr > td[rowspan="3"] > div { height: calc(var(--twelve-period-height) * 3); }