table {
        font-size: 11pt;
        font-family: Arial, Helvetica sans-serif;
        color: black !important;
    }

    .no-break {
        white-space: nowrap;
    }

    .center {
        text-align: center;
    }

    .bold {
        font-weight: bold;
    }

    table {
        width: 100%;
    }

    table,
    th,
    td {
        border: 1px solid black;
        border-collapse: collapse;
    }

    body .data-table td {
        padding: 10px;
        text-align: left;
    }

    .data-table td:first-child {
        width: 30%;
    }

    .schedule-container {
        display: flex;  
        flex-wrap: wrap;
        justify-content: space-around;
        width: 100%;
        margin-top: 20px;
    }

    .schedule-column {
        width: 48%;
        min-width: min(350px, 80vw);
    }

    .schedule-column.schedule-column-large {
        width: 70%;
    }

    .schedule-label {
        font-weight: bold;
    }

    table.schedule-table thead tr,
    table.schedule-table td,
    table.schedule-table {
        border: none;
    }

    table.schedule-table tbody tr {
        border: 1px solid black;
    }

    table.schedule-table thead {
        font-style: italic;
    }

    table.schedule-table td:last-child,
    table.schedule-table td:nth-last-child(2) {
        color: grey;
    }

    table.schedule-table td {
        padding: 2px 5px;
        font-size: inherit;
        line-height: 100%;
    }

    .schedule-column-large table.schedule-table td {
        font-size: 9pt;
    }

    .small-font {
        font-size: 8pt;
    }

    table.schedule-table {
        width: 100%;
    }

    table.schedule-table col:first-child {
        width: 65%;
    }

    table.schedule-table tbody td:not(:first-child) {
        text-align: right;
    }

    table.schedule-table tr.inactive {
        background-color: white;
        color: grey;
    }

    table.schedule-table tr.active,
    table.schedule-table tr td.active {
        background-color: #A3C1F3;
        color: black;
        font-style: normal;
    }

    table.schedule-table tr.vacation {
        color: black;
        background-color: #FBE4CC;
    }

    table.schedule-table tr.skipped {
        color: black;
        background-color: #8192AF;
    }

    table.schedule-table tr.break,
    table.schedule-table tr td.break {
        background-color: #FEE498;
        color: grey;
        font-style: italic;
    }

    table.schedule-table tr td:first-child {
        font-style: italic;
    }

    .schedule-month {
        margin-bottom: 20px;
    }

    table.blank-table, table.blank-table tr, table.blank-table td {
        border: none;
        font-size: 8pt;
    }

    table.blank-table td:first-child {
        width: 5%;
    }