/* ========================= NAVBAR */
.navbar a {
    text-decoration: none;
}

.navbar .fs-5 {
    font-size: 1.125rem !important;
}

.navbar>header>.container {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    column-gap: 1.5rem;
}

@media (min-width: 992px) {
    .navbar>header>.container {
        display: flex;
        column-gap: 2rem;
    }
}

@media (max-width: 991.98px) {
    .scrollTop .navbar>main {
        display: none;
    }
}

.nav-link {
    color: inherit;
}


@media (min-width: 992px) {
    .navbar-nav .nav-link {
        padding: .5rem .875rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus,
    .navbar-nav .nav-link.active,
    .navbar-nav .nav-item:hover,
    .navbar-nav .nav-item:focus,
    .navbar-nav .nav-item .nav-link.active {
        background: var(--color-primary) !important;
        color: white;
    }

    .navbar>header .navbar-nav .nav-link {
        height: 86px;
    }

    .navbar>main .navbar-nav .nav-link {
        height: 56px;
    }

    .navbar .dropdown-menu {
        position: absolute;
    }
}

.dropdown-menu {
    border-color: var(--color-primary);
    border-width: 1px;
}

.navbar .dropdown-item {
    padding-top: .5rem;
    padding-bottom: .5rem;
}


/* ========================= NAVSIDE */
#navside a {
    text-decoration: none;
}

#navside .fs-5 {
    font-size: 1.125rem !important;
}

#navside .dropdown-menu {
    border-width: 0 !important;
}

#navside .offcanvas-body>header {
    padding: 1.75rem 1.25rem;
}

#navside .offcanvas-body>main {
    padding: 0;
}

#navside .offcanvas-body>main .nav-link {
    padding: .75rem 1.25rem;
}

#navside .offcanvas-body>main .nav-item:hover .nav-link,
#navside .offcanvas-body>main .nav-item:focus .nav-link,
#navside .offcanvas-body>main .nav-item .nav-link.active {
    background: var(--color-primary);
    color: white;
}

#navside .offcanvas-body>main .dropdown-item {
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 2.5rem;
}

.nav-collapse-toggle {
    background: var(--color-primary) !important;
    color: white !important;
    position: relative;
}

.nav-collapse-toggle.collapsed {
    background: transparent !important;
    color: inherit !important;
}

.nav-collapse-toggle::after {
    content: "\f077";
    font-family: 'FontAwesome';
    color: inherit;
    font-size: small;
    position: absolute;
    top: 50%;
    left: calc(100% - 1.25rem);
    transform: translate(-100%, -50%) rotate(0);
    transition: all .36s ease-in-out;
}

.nav-collapse-toggle.collapsed::after {
    transform: translate(-100%, -50%) rotate(-180deg);
}

@media (max-width: 991.98px) {
    .scrollTop #triggerFilterSidebar {
        position: fixed;
        z-index: 900;
        top: 67px;
        left: 0;
        right: 0;
        background-color: white;
        padding-bottom: .125rem;
    }

    .scrollTop #triggerFilterSidebar>.btn {
        padding: .5em .75em;
        /* font-size: 1.125em; */
    }
}


ul>li:last-of-type>.dropdown-divider {
    display: none !important;
}

@media (max-width: 991.98px) {
    #navcol1 .dropdown-item {
        white-space: wrap !important;
    }
}


/* =========================== custom table search */
#search-results-table th,
#search-results-table td {
    min-width: 100px;
}

#search-results-table th {
    padding: 1rem;
}

.table-responsive.table-search-wrapper {
    width: 100%;
    /* height: 100vh; */
    overflow: auto !important;
}

#search-results-table tbody>tr>td:nth-child(2) {
    min-width: 210px;
}


.navbar .badge {
    font-size: .75rem;
    font-weight: bold;
    background-color: red;
    color: white !important;
    position: absolute;
    top: 0;
    left: 100%;
    transform: translate(-50%, -50%);
    padding: .25rem;
    height: 20px;
    min-width: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: solid 1px white;
}