@media (min-width: 768px) {
    .sidebar {
        background-color: #fff !important;
    }
    .layout.is-page.has-sidebar .layout-side.is-fixed-header.is-fixed-footer .layout-menu,
    .layout.is-page .layout-side.is-fixed-header .layout-menu {
        height: calc(100vh - var(--bb-layout-user-height) - var(--bb-layout-header-height)) !important;
    }

    .layout.is-page .layout-side.is-fixed-header.is-fixed-footer .layout-menu {
        height: calc(100vh - var(--bb-layout-user-height) - var(--bb-layout-header-height) - var(--bb-layout-footer-height)) !important;
    }
}

.content code.highlight,
.alert-content code,
.content p code, .content li code {
    background-color: #fff5f8 !important;
}
.dropdown-logout {
    --bb-logout-text-color: #fff !important;
}
.layout {
    --bb-layout-sidebar-banner-background: #3e84d0;
    --bb-layout-header-background: #3e84d0;
    --bb-layout-header-color: #fff;
    --bb-layout-title-color: #fff;
    --bb-layout-user-height: 44px;
}

    .layout.is-page .layout-side {
        color: #3f4254;
        /*background-color: #fff;*/
        background-color: var(--bs-body-bg);
        max-height: 100vh;
        overflow-y: hidden;
    }

    .layout.is-page .layout-user .layout-title {
        color: var(--bs-body-color);
    }

    .layout.is-page .layout-footer {
        /*background-color: var(--bb-layout-footer-background);*/
        background-color: var(--bs-body-bg);
    }

    .layout .widget {
        margin-right: 2rem;
        --bb-widget-toggle-color: #fff;
    }

        .layout .widget .dropdown-menu {
            --bs-dropdown-min-width: 16rem;
        }
    .layout.is-page .layout-menu {
        overflow-y: auto !important;
        border-right: 1px solid var(--bs-border-color);
        height: calc(100vh - var(--bb-layout-user-height) - var(--bb-layout-header-height)) !important;
    }

.layout-header img {
    border-radius: 50%;
}

.layout-gotop {
    background: #e9ecef;
    color: #3f4254;
}

    .layout-gotop:hover {
        background-color: #dee2e6;
    }

.tabs-body {
    background-color: var(--bs-body-bg);
}

.page-layout-demo-footer-link {
    color: #3f4254;
}

.menu .nav .dropdown-menu .nav-link:not(.disabled):hover, .menu .nav .dropdown-menu .nav-link.active, .menu .submenu .nav-link.active, .menu .submenu .nav-link:not(.disabled):hover, .cascade .dropdown-item:not(.disabled):hover, .cascade .dropdown-item.active, .cascade .nav .nav-link:not(.disabled):hover, .cascade .nav .nav-link.active {
    --bb-bg-violet: #7a5cff;
    background-color: var(--bb-bg-violet);
    color: var(--bs-white);
}

/**解决升级后table滚动条begin **/
        .tabs .tabs-body {
    flex: initial;
    height: calc(100vh - var(--bb-layout-header-height) - var(--bb-tab-header-height) - var(--bb-footer-height)) !important;
}

.table-container .table-fixed {
    height: calc(100% - 86px) !important;
}

    .table-container .table-fixed .table-fixed-body {
        height: calc(100% - 38px) !important;
    }

.tabs, .tabs-body-content {
    height: 100% !important;
}
/**解决升级后table滚动条end **/


    .tabs .tabs-border-card {
        box-shadow: none !important;
    }
    .tabs-body-content .error-stack {
        height: calc(100vh - var(--bb-layout-header-height) - var(--bb-tab-header-height) - var(--bb-footer-height));
        overflow: auto;
        margin: -1rem;
        padding: 1rem;
    }


.row-redhighlight {
    /*--bs-table-striped-bg: #FF3366;
    --bs-table-bg: #FF3366;
    --bs-table-hover-bg: #FF3366;*/
    --bs-table-striped-color: #fff;
    --bs-table-color-state: #FF3366;
    --bs-table-hover-color: #FF3366;
}

.row-bluehighlight {
    /* --bs-table-striped-bg: #3366CC;
    --bs-table-bg: #3366CC;
    --bs-table-hover-bg: #3366CC;*/
    --bs-table-striped-color: #fff;
    --bs-table-color-state: blue;
    --bs-table-hover-color: blue;
}