.dynamicTables tbody tr.icon-toggle:hover, .dynamicTables th:hover {
    cursor: pointer
}

.dynamicTables tbody tr.icon-toggle:hover {
    background-color: var(--bs-table-hover-bg)
}

.dynamicTables .asc::after {
    content: "\25b4";
}

.dynamicTables .desc::after {
    content: "\25be";
}

.dynamicTables .icon-toggle td .fa-minus-circle {
    color: var(--portal-primary-color);
}

.dynamicTables .icon-toggle[aria-expanded="true"] td .fa.fa-plus-circle {
    display: none;
}

.dynamicTables .icon-toggle[aria-expanded="false"] td .fa.fa-minus-circle {
    display: none;
}

.dynamicTables #pagination button.btn {
    position: relative;
    display: block;
    padding: 0.375rem 0.75rem;
    text-decoration: none;
    background-color: #fff;
    border-radius: 0 !important;
    color: #000;
    border: 1px solid #ced4da
}

.dynamicTables #pagination button.active {
    z-index: 3;
    color: #fff;
    background-color: var(--portal-primary-color);
}

.dynamicTables #pagination button:first-child {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.dynamicTables #pagination button:last-child {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.dynamicTables #pagination button:only-child {
    border-radius: 0.25rem !important;
}