/* TABSET DEFINITIVE FIX - OFFSET LOGIC */
#wrapper {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.5s ease !important;
}

/* Default state: Sidebar Open (350px) */
#navbar-wrapper, #content-wrapper {
    position: absolute !important;
    left: 350px !important;
    width: calc(100% - 350px) !important;
    transition: all 0.5s ease !important;
}

#navbar-wrapper {
    top: 0 !important;
    height: 100px !important;
    z-index: 500 !important;
}

#content-wrapper {
    top: 100px !important;
}

/* Toggled state: Sidebar Closed */
#wrapper.toggled #navbar-wrapper,
#wrapper.toggled #content-wrapper {
    left: 0 !important;
    width: 100% !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    #sidebar-wrapper {
        width: 300px !important;
    }
    #navbar-wrapper, #content-wrapper {
        left: 0 !important;
        width: 100% !important;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 300px !important;
        z-index: 2000 !important;
    }
}