:root {
    --nv-sidebar-width: 280px;
    --nv-topbar-height: 56px;

    --dark-border-color: color-mix(
        in srgb,
        var(--bs-dark) 70%,
        white 20%
    );
}

#sidebar .nav-link {
    color: #adb5bd;
    padding-right: 0.5rem;
}

#sidebar .nav-link:hover {
    color: #fff;
}


.btn-close-sidebar,
.btn-close-sidebar:hover
{
    border-color: white;
    color: white;
    background: var(--bs-dark);
    position: absolute;
    right: -34px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    z-index: 2001;
}

.table th {
    /*color: var(--nv-color-primary);*/
}

/* TABLE */

.column-sort {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
/*  color: var(--nv-color-primary);*/
  text-decoration: none;
  gap: 0.25rem;
}

.column-sort:hover {
  /*color: var(--nv-color-active);*/
  text-decoration: none;
}

.column-sort .bi {
  font-size: 0.75rem;
  opacity: 0.6;
  transition: transform 0.2s, opacity 0.2s;
}

.column-sort.active {
  /*color: var(--nv-color-active);*/
}

.table-responsive table thead tr > th:first-child,
.table-responsive table tbody tr > td:first-child {
    padding-left: 0.9rem;
}

.table-responsive table thead tr > th:last-child,
.table-responsive table tbody tr > td:last-child {
    padding-right: 0.9rem;
}


/*#main {
    flex-grow: 1;
    overflow: auto;
    background: linear-gradient(to bottom, rgba(33, 37, 41, 0.05), transparent 40px),
    var(--bs-body-bg);
}*/

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000; /* Above most elements, below Bootstrap modals */
}

.loading-box {
    text-align: center;
    color: white;
}

.loading-box .spinner-border {
    width: 3rem;
    height: 3rem;
}

[data-nv-theme="dark"] #main {

}

[data-nv-theme="dark"] #sidebar {
    border-right: solid 1px var(--dark-border-color);
}

[data-nv-theme="dark"] #app-topbar {
    border-bottom: solid 1px var(--dark-border-color);
}