.sidebar-area{position:relative;background:transparent!important;color:#fff}.sidebar-main-menu{background:#212121;border-right:1px solid #000;position:fixed;top:0;bottom:0;left:0;width:60px;overflow:hidden;transition:width .15s linear;z-index:2000}.sidebar-main-menu.sidebar-expanded,.sidebar-main-menu:hover{width:250px;overflow-y:auto}.sidebar-main-menu>ul{margin:10px 0;padding:0;list-style:none}.sidebar-main-menu li{width:250px}.sidebar-main-menu li a,.sidebar-main-menu li button{display:flex;align-items:center;background:none;border:none;width:100%;padding:12px 10px;color:#ccc;font-size:15px;text-decoration:none;cursor:pointer;text-align:left;transition:background .2s}.sidebar-icon,.sidebar-main-menu i{width:40px;text-align:center;font-size:20px;margin-right:10px;color:#e0e0e0;flex-shrink:0}.sidebar-main-menu li.sidebar-active>a,.sidebar-main-menu li.sidebar-active>button,.sidebar-main-menu li:hover>a,.sidebar-main-menu li:hover>button{background-color:#000;color:#fff}.nav-text{white-space:nowrap}.sub-menu{background:#1c1c1c;padding-left:40px;list-style:none;margin:0}.sub-menu li a{padding:8px 10px;font-size:14px;color:#ddd;display:block;text-decoration:none}.sub-menu li.sidebar-active a,.sub-menu li:hover a{background:#000;color:#fff}.sidebar-main-menu::-webkit-scrollbar{width:6px}.sidebar-main-menu::-webkit-scrollbar-thumb{background:#444}@media (max-width:1023px){.sidebar-main-menu{width:250px;transform:translateX(-100%)}.sidebar-main-menu.sidebar-mobile-open{transform:translateX(0)}}