/* ========== SIDEBAR FIXES ========== */
.navbar-menu {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 280px !important;
    height: 100vh !important;
    z-index: 1002 !important;
    overflow-y: auto !important;
    transition: all 0.3s ease !important;
}

/* Sidebar logo */
.navbar-menu .navbar-brand-box {
    display: block !important;
    padding: 20px !important;
    text-align: center !important;
    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

.navbar-menu .logo-lg img {
    display: block !important;
    height: 60px !important;
    width: auto !important;
    margin: 0 auto !important;
}

/* ========== ALWAYS SHOW MENU TEXT ========== */
[data-sidebar-size="sm-hover"] .navbar-menu {
    width: 280px !important;
}

[data-sidebar-size="sm-hover"] .nav-link span {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.navbar-menu .nav-link span {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ========== DEFAULT LAYOUT (SIDEBAR OPEN) ========== */
#page-topbar {
    margin-left: 280px !important;
    width: calc(100% - 280px) !important;
    position: fixed !important;
    top: 0 !important;
    z-index: 1001 !important;
    transition: all 0.3s ease !important;
}

.main-content {
    /*margin-left: 280px !important;*/
    width: calc(100% - 280px) !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    transition: all 0.3s ease !important;
}

footer {
    margin-left: 280px !important;
    width: calc(100% - 280px) !important;
    display: block !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

.page-content {
    /*margin-top: 80px !important;*/
    padding: 20px !important;
    min-height: calc(100vh - 200px) !important;
}

/* ========== SIDEBAR CLOSED STATE ========== */
.navbar-menu.menu-closed {
    transform: translateX(-280px) !important;
}

.navbar-menu.menu-closed + .main-content #page-topbar,
.navbar-menu.menu-closed ~ .main-content {
    margin-left: 0 !important;
    width: 100% !important;
}

.navbar-menu.menu-closed ~ .main-content footer {
    margin-left: 0 !important;
    width: 100% !important;
}

/* ========== SCROLLBAR FIXES ========== */
body {
    overflow-x: hidden !important;
}

#layout-wrapper {
    overflow-x: hidden !important;
}


/* Remove any default horizontal layout behaviors */
[data-layout="horizontal"] .navbar-menu {
    all: unset !important;
}