@media (max-width: 575.98px) {
    .on-xs{
        display:none;
    }
    .on-sm{
        display:none;
    }
    .on-md{
        display:none;
    }
    .on-lg{
        display:none;
    }

    table {
        font-size: 0.8rem;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .on-xs{
        display:table-cell;
    }
    .on-sm{
        display:none;
    }
    .on-md{
        display:none;
    }
    .on-lg{
        display:none;
    }

    table {
        font-size: 0.8rem;
    }
    
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .on-xs{
        display:table-cell;
    }
    .on-sm{
        display:table-cell;
    }
    .on-md{
        display:none;
    }
    .on-lg{
        display:none;
    }

    table {
        font-size: 1rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .on-xs{
        display:table-cell;
    }
    .on-sm{
        display:table-cell;
    }
    .on-md{
        display:table-cell;
    }
    .on-lg{
        display:none;
    }

    table {
        font-size: 1rem;
    }
}

@media (min-width: 1200px) {
    .on-xs{
        display:table-cell;
    }
    .on-sm{
        display:table-cell;
    }
    .on-md{
        display:table-cell;
    }
    .on-lg{
        display:table-cell;
    }

    table {
        font-size: 1rem;
    }
}

td {
    white-space: nowrap;
}

td i {
    display: inline-block;
    vertical-align: middle;
}

var textColor = (currentTheme === 'dark') ? 'white' : '';
var iconColor = (currentTheme === 'dark') ? 'lightgray' : '';
.custom-anchor {
    text-decoration: none !important;
    color: black !important;
}

.custom-anchor::before {
    content: '\F1C5';
    font-family: 'bootstrap-icons';
    display: inline-block;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    margin-right: 10px;
    color: lightseagreen;
}

@media (prefers-color-scheme: light) {
    .custom-anchor {
        text-decoration: none !important;
        color: black !important;
    }
    
    .custom-anchor::before {
        content: '\F1C5';
        font-family: 'bootstrap-icons';
        display: inline-block;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        margin-right: 10px;
        color: lightseagreen;
    }
  
    [data-bs-theme=light] .custom-anchor {
        text-decoration: none !important;
        color: black !important;
    }

    [data-bs-theme=light] .custom-anchor::before {
        content: '\F1C5';
        font-family: 'bootstrap-icons';
        display: inline-block;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        margin-right: 10px;
        color: lightseagreen;
    }
  
    [data-bs-theme=dark] .custom-anchor {
        text-decoration: none !important;
        color: white !important;
    }

    [data-bs-theme=dark] .custom-anchor::before {
        content: '\F1C5';
        font-family: 'bootstrap-icons';
        display: inline-block;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        margin-right: 10px;
        color: lightgray;
    }
  }
  
  @media (prefers-color-scheme: dark) {
    .custom-anchor {
        text-decoration: none !important;
        color: white !important;
    }

    .custom-anchor::before {
        content: '\F1C5';
        font-family: 'bootstrap-icons';
        display: inline-block;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        margin-right: 10px;
        color: lightgray;
    }
  
    [data-bs-theme=light] .custom-anchor {
        text-decoration: none !important;
        color: black !important;
    }

    [data-bs-theme=light] .custom-anchor::before {
        content: '\F1C5';
        font-family: 'bootstrap-icons';
        display: inline-block;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        margin-right: 10px;
        color: lightseagreen;
    }
  
    [data-bs-theme=dark] .custom-anchor {
        text-decoration: none !important;
        color: white !important;
    }

    [data-bs-theme=dark] .custom-anchor::before {
        content: '\F1C5';
        font-family: 'bootstrap-icons';
        display: inline-block;
        font-style: normal;
        font-weight: normal !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        margin-right: 10px;
        color: lightgray;
    }
  }