#nav-breadcrumb {
    position: -webkit-sticky;
    position: sticky;
    top: 4.25rem;
    z-index: 7;
}

.vl-icon {
    background: #ffffff url('/assets/logo_sm.png') no-repeat center;
    border-radius: 50%
}

.nav-tabs-block>.nav-item>.nav-link.active,
.nav-tabs-block>.nav-item.show>.nav-link {
    /* color: #ffffff; */
    background-color: #e6e6e6;
}

body.swal2-toast-shown .swal2-container {
    width: 435px !important
}

#table-header-sticky {
    overflow-y: auto;
    overflow-x: auto;
}

#table-header-sticky>table>thead>tr>th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 30;
}

.dark-mode #table-header-sticky>table>thead>tr>th {
    background-color: #161920;
    border-style: solid #161920;
}

.color-input.user>.box {
    width: 31px !important;
    height: 31px !important;
}


table>tbody>tr.selected {
    opacity: .75;
    --bs-table-hover-bg: transparent !important;
    --bs-table-hover-color: #ffffff;
}

table.dataTable.table-striped>tbody>tr.selected {
    --bs-table-striped-bg: transparent;
    --bs-table-striped-color: #ffffff;
}

table.dataTable.table-striped>tbody>tr.selected {
    --bs-table-hover-bg: transparent;
    --bs-table-hover-color: #ffffff;
}

div.dataTables_scrollBody {
    border-left: 0 !important;
}

.dataTables_info {
    padding-top: .3rem !important
}

td.dt-controls {
    background: url('/assets/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.dt-hasChild td.dt-controls {
    background: url('/assets/details_close.png') no-repeat center center;
}

#bg-app-logo {
    background-color: #f2f3f4;
}

.dark-mode #bg-app-logo {
    background-color: #35393e;
}