/* Table Specific Declarations for Affixify */
@import url("affixify.themes.css");

:root {
    --affixify-table-hover: #F5FAFA;
    --affixify-table-header: #6C7286;
}

.page-link {
    color: var(--affixify-gray-two);
}
.page-link:hover {
    color: var(--affixify-gray-two);
}

.active > .page-link, .page-link.active:hover {
    color: white;
}

    .active > .page-link, .page-link.active {
        background-color: var(--affixify-orange) !important;
        border-color: var(--affixify-orange) !important;
    }

.sticky-th thead th {
    background-color: var(--affixify-bg-color);
    position: sticky;
    top: 0;
    z-index: 1;
}

.sticky-th thead tr th {
    background-color: var(--affixify-bg-color);
    position: sticky;
    top: 0;
    z-index: 1;
}

thead > tr > th {
    color: var(--affixify-table-header) !important;
    font-weight: 600;
    font-size: 12px;
}

th {
    color: var(--affixify-nav-active-text);
}

tr {
    border-collapse: collapse;
    border-top: 1px solid var(--affixify-border-color);
}
    tr .show-on-hover {
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
    }
    tr:hover {
        background-color: var(--affixify-table-hover);
    }

        tr:hover .show-on-hover {
            opacity: 1;
        }