.toast-container {
    position: fixed !important;
}

.table-excel tr td:first-child,
.table-excel tr th:first-child,
.table .fr .form-check,
.table-card .table-row .table-cell:first-child {
    display: none
}

/* Opt-in: re-show the multi-select checkbox column hidden by the rules above. */
.table-select .table-excel tr td:first-child,
.table-select .table-excel tr th:first-child {
    display: table-cell;
    width: 3rem;
    text-align: center;
    vertical-align: middle;
}

.table-select .table .fr .form-check,
.table-select .table-card .table-row .table-cell:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* The checkbox lives in a .table-cell wrapper that collapses without a width. */
.table-select .table-excel > tbody > tr > td:first-child > .table-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: visible;
}

.table-select .table-excel > tbody > tr > td:first-child > .table-cell > .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px 8px;
    min-height: auto;
}

/* Bootstrap's .form-check indents for a floated input; the table checkbox is centered instead. */
.table-select .table-excel tr td:first-child .form-check-input,
.table-select .table-excel tr th:first-child .form-check-input {
    float: none;
    margin: 0;
}

.table-md-spacing .table-striped.table > :not(caption):not(thead) > * > *,
.table-md-spacing .table-excel.table > :not(caption):not(thead) > * > * {
    padding: .75rem .75rem;
    vertical-align: middle;
}

.table-sm-spacing .table-striped.table > :not(caption):not(thead) > * > *,
.table-sm-spacing .table-excel.table > :not(caption):not(thead) > * > * {
    padding: .25rem .25rem;
    vertical-align: middle;
}

.table-striped > tbody > tr:nth-of-type(odd) > *,
.table-excel > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.badge.bg-secondary
{
    color: #fff !important;
}

.datetime-picker .form-control.has-icon {
    padding-left: 33px;
}


/* ==========================================================================
   Sidebar navigation – BootstrapBlazor <Menu> styled to match the Skote
   "colored" sidebar theme (data-sidebar="colored"). Replaces the former
   metismenu (.mm-active) styling. Active state / parent expansion is handled
   by the component itself.
   ========================================================================== */
/* DOM rendered by <Menu IsVertical>:
   ul.menu.is-vertical > .nav > li
     > a.nav-link[.active]
         > div.submenu-link > i.<icon> + span.menu-text
         > i.arrow                         (only on parent rows)
     > ul.nav.submenu.collapse[.show]     (nested children)            */
#sidebar-menu .menu,
#sidebar-menu .menu.is-vertical {
    --bb-menu-active-color: #fff;          /* active/hover text -> white */
    padding: 10px 0 30px 0;                /* override the component's 0 .5rem side padding */
    border: none;
    background: transparent;
    width: 100%;
}
#sidebar-menu .menu ul,
#sidebar-menu .menu .submenu {
    padding-left: 0;
    margin: 0;
    list-style: none;
}
#sidebar-menu ul li a i {
    font-size: 0.75rem;
    margin-left: -0.5rem;
}
#sidebar-menu .menu .nav {
    width: 100%;
    padding: 0;
    border-bottom: none;
}
#sidebar-menu .menu > .nav > li {
    border-bottom: none;
}
/* remove the default blue active indicator bar */
#sidebar-menu .menu > .nav > li:has(.active):after,
#sidebar-menu .menu > .nav > li:after {
    display: none;
}
/* top-level rows – force a single flex row so the arrow stays inline */
#sidebar-menu .menu .nav-link {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    /* !important beats the component's inline padding-left (Indent * IndentSize) */
    padding: 0.625rem 0.5rem 0.625rem 1.25rem !important;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
    border-radius: 0;
    transition: all 0.4s;
}
#sidebar-menu .menu .nav-link > .submenu-link {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    display: flex;
    align-items: center;
    gap: 0.35rem;             /* space between icon and label */
    overflow: visible;        /* don't clip the label text */
    white-space: nowrap;
}
#sidebar-menu .menu .nav-link .submenu-link > i {
    display: inline-block;
    min-width: 1.75rem;
    font-size: 1.1rem;
    line-height: 1.40625rem;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.6);
    transition: all 0.4s;
}
#sidebar-menu .menu .submenu .submenu .nav-link .submenu-link > i {
    font-size: 0.9rem;
}
#sidebar-menu .menu .nav-link .menu-text {
    font-size: 13px;
    margin: 0;
}
#sidebar-menu .menu .nav-link > .arrow {
    flex: 0 0 auto;
    margin-left: auto;
    color: rgba(255, 255, 255, 0.6);
}
#sidebar-menu .menu .nav-link:not(.disabled):hover,
#sidebar-menu .menu .nav-link.active {
    color: #fff;
    background: transparent;
}
#sidebar-menu .menu .nav-link:not(.disabled):hover .submenu-link > i,
#sidebar-menu .menu .nav-link.active .submenu-link > i {
    color: #fff;
}
#sidebar-menu .menu .submenu .submenu .nav-link {
    padding-left: 2rem !important;
}
#sidebar-menu .menu .submenu .nav-link:not(.disabled):hover,
#sidebar-menu .menu .submenu .nav-link.active {
    color: #fff;
}

@media print {
    .table-toolbar, .table-search, .table .filter-icon, .table thead .sort-icon, .table-page-info {
        display: none;
    }
}