.tbody-padding-small th,
.tbody-padding-small td {
    padding: 0 0.25rem !important;
}

td {
    white-space: normal !important;
}

td,
th {
    border-bottom: var(--bs-border-width) solid var(--bs-border-color) !important;
}

tr.bg-light td {
    background-color: #dfe6ee !important;
}

.dtcc-content {
    flex-grow: 1;
}

table.dataTable thead th.dtfc-fixed-left {
    background-color: #3D3D3D !important;
}

.filter-button {
    background-color: white !important;
    color: var(--bs-secondary) !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

.filter-button.active {
    background-color: var(--bs-secondary) !important;
    color: white !important;
}

.filter-button:hover {
    background-color: var(--bs-secondary) !important;
    color: white !important;
}

#tableSpinner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
}

.crn-link-mobile {
    font-size: larger;
}

.dt-button-group {
    border-radius: .25rem !important;
}

.title-column,
.meeting-time-column {
    min-width: 150px !important;
    max-width: 220px !important;
}

.cancelled-section-bg td {
    background-color: #ffebee !important;
}

.cancelled-section-text td {
    text-decoration: line-through !important;
}

.dt-search input {
    min-width: 350px !important;
}

#sectionTable_wrapper .dt-layout-table,
.fixedHeader-floating {
    font-size: .75rem !important;
}

#sectionTable_wrapper .dt-layout-table.large-font,
.fixedHeader-floating.large-font {
    font-size: 1rem !important;
}

.dt-hover:hover {
    background-color: var(--bs-secondary) !important;
}

@media (max-width: 768px) {
    .dt-search {
        display: flex;
    }

    .dt-search input {
        width: 100% !important;
    }

    .dt-buttons {
        margin-bottom: 0px !important;
    }

    .dt-layout-table,
    .fixedHeader-floating {
        font-size: 1rem !important;
    }

    .table-padding-small td {
        padding: 0.25rem 1rem !important;
    }
}