/*********************************************\
 * QSPilot.info Website
 * Custom Website CSS
 * Custom-built & © 2025 QSPilot.info, LLC
 * https://qspilot.info
\*********************************************/

.calendar-holiday-icon, .calendar-pref-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2em;
    pointer-events: none;
}

#pay-scales-output {
    width: 100%;
    max-height: 90vh;
    overflow: auto;
}

.pay-scale-table {
    white-space: nowrap;
    table-layout: auto;
    width: max-content;
    min-width: 100%;
}

.pay-scale-table td,
.pay-scale-table th {
    padding: 0.5rem 1rem;
    min-width: 120px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pay-scale-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.pay-scale-table td {
    padding: 4px 5px;
    text-align: center;
    min-width: 120px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pay-scale-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}

.pay-scale-table tbody th {
    text-align: left;
    position: relative;
    position: sticky;
    left: 0;
    z-index: 1;
}

.pay-scale-table .table-today {
    background-color: #6ae474 !important;
    font-weight: bold;
}