:root {
    /*top-row*/
    --top-row-color: #ddddde;
    --top-row-bg-color: var(--bs-primary);
    --top-row-btn-color: #ddddde;
    /*navbar-toggler*/
    --navbar-toggler-bg-color: rgba(108, 117, 125, 0.1);
    /*sidebar*/
    --sidebar-bg-color: #e6e6e6;
    /*nav-item*/
    --nav-item-active-color: #465672;
    --nav-item-active-bg-color: rgba(108,133,177,0.25);
    --nav-item-hover-bg-color: rgba(255,255,255,0.25);
    --nav-item-show-color: #465672;
    --nav-item-show-bg-color: rgba(255,255,255,0.4);
    /*sidebar-nav*/
    --sidebar-nav-bg-color: #e6e6e6;
    /*dropdown-menu*/
    --dropdown-menu-bg-color: #ddddde;
    --dropdown-menu-border: 1px solid #63666a;
    /*submenu*/
    --submenu-active-bg-color: rgba(255,255,255,0.4);
    --submenu-active-color: #465672;
    --submenu-hover-bg-color: rgba(255,255,255,0.25);
    --submenu-hover-color: #63666a;
}

.top-row {
    background-color: var(--bs-primary);
    color: #ddddde;
}

    .top-row .btn {
        color: #ddddde;
    }

.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

[oss-navmenu] .nav-link {
    color: var(--bs-primary) !important;
}

.top-row .breadcrumb-item.active:not(:last-child) {
    color: var(--bs-secondary);
}

.top-row .breadcrumb-item::before {
    color: var(--bs-secondary);
}

.top-row .breadcrumb a {
    margin-left: unset;
    color: var(--bs-secondary) !important;
}

table.dxbl-grid-table tbody td {
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}