/* Sidebar Styles */
.sidebar, .main-content {
    /* GPU acceleration */
    will-change: width, margin;
    transform: translateZ(0);
}

.sidebar {
    transition: all 0.3s ease;
    width: 300px;
    min-width: 75px;
    max-width: 300px;
    overflow-x: hidden;
}

.sidebar.collapsed {
    width: auto;
}

.main-content {
    transition: margin 0.3s ease;
    margin-left: 0px;
}

.sidebar.collapsed + .main-content {
    margin-left: 0px;
}

.no-transition {
    transition: none !important;
}

.sidebar.collapsed {
    /*width: 80px;*/
}

.sidebar.collapsed .sidebar-nav-panel .hide-when-sidebar-collapsed
{
    display: none;
}

.sidebar.collapsed .hide-when-sidebar-collapsed {
    display: none;
}

.sidebar-nav-panel {
    display: flex;
    align-items: center;
    padding: 0px;
}

.sidebar-nav-panel .pg-icon {
    margin-right: 10px;
}

.toggle-sidebar-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1050;
}