.sidebar-menu {
    z-index: 1005 !important;
    top: 0;
}

.sidebar-menu.e-dock.e-close {
    overflow: hidden;
}

.sidebar-menu .e-menu-container {
    border: 0;
}

.main-menu {
    height: 100%;
    overflow: hidden;
}

.sidebar-toggle-row {
    min-height: 50px;
}

.sidebar-toggle-button {
    width: 40px;
    height: 40px;
    padding: 0;
}

.e-sidebar {
    background-color: var(--bs-body-bg);
    border-inline-end: 1px solid var(--bs-border-color);
    box-shadow: var(--bs-box-shadow);
}

.content-page > .app-topbar {
    margin-inline-start: 0 !important;
    width: 100%;
}

.app-topbar,
.content-page {
    margin-inline-start: 0 !important;
}

.sidebar-menu .e-dock.e-close .side-nav-link .menu-text,
.sidebar-menu .e-dock.e-close .side-nav-link .menu-arrow,
.sidebar-menu .e-dock.e-close .side-nav-title,
.sidebar-menu .e-dock.e-close .sidenav-user-name,
.sidebar-menu .e-dock.e-close .sidenav-user-set-icon,
.sidebar-menu .e-dock.e-close .dropdown-menu,
.sidebar-menu .e-dock.e-close .sub-menu {
    display: none;
}

.sidebar-menu .e-dock.e-close .sidebar-toggle-row {
    justify-content: center !important;
    padding-inline: 0 !important;
}

.sidebar-menu .e-dock.e-close .side-nav-item > .side-nav-link,
.sidebar-menu .e-dock.e-close .side-nav-item > .side-nav-toggle {
    justify-content: center;
}

.app-topbar,
.app-topbar .topbar-menu,
.app-topbar .topbar-menu .topbar-item,
.app-topbar .topbar-menu .topbar-item .topbar-link,
.app-topbar .topbar-menu .topbar-item .dropdown,
.app-topbar .topbar-menu .topbar-syncfusion-menu.e-menu-wrapper,
.app-topbar .topbar-menu .topbar-syncfusion-menu .e-menu,
.app-topbar .topbar-menu .topbar-syncfusion-menu .e-menu-item {
    background: var(--bs-tertiary-bg, #dee2e6) !important;
    background-color: var(--bs-tertiary-bg, #dee2e6) !important;
    background-image: none !important;
    opacity: 1 !important;
}