.sidebar-wrapper{z-index:990;height:100vh;position:fixed;top:0;left:0}.side-bar{background-color:var(--fourth-color);flex-direction:column;width:240px;height:100vh;display:flex;box-shadow:0 4px 10px #0000004d;transition:all .3s cubic-bezier(.25,.8,.25,1)!important}.side-bar.minimized{width:60px!important;min-width:60px!important}.side-bar.maximized{width:240px!important;min-width:240px!important}.content_container{width:calc(100% - 240px);transition:width .3s ease-in-out}.content_container.minimized{width:calc(100% - 60px)!important}.toggle-arrow{color:#fff;z-index:1050;cursor:pointer;background-color:#e5a100;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s ease-in-out;display:flex;position:fixed;top:95px;box-shadow:0 0 10px #0000004d}.toggle-arrow.maximized-toggle{left:250px}.toggle-arrow.minimized-toggle{left:70px}.toggle-arrow:hover{background-color:#f0b000;transform:scale(1.1)}.toggle-arrow:active{background-color:#d19000;transform:scale(.95)}.toggle-arrow.toggling{pointer-events:none;opacity:.7}.side-bar-top{flex-shrink:0;padding:10px 0;overflow:hidden}.minimized .minimized-text,.minimized .minimized-link{justify-content:center;align-items:center;padding:10px 0;display:flex}.side-menu-container{scrollbar-width:thin;scrollbar-color:#666 #222;flex:1;overflow:hidden auto;padding-top:10px!important;padding-bottom:10px!important}.side-menu-container::-webkit-scrollbar{width:6px}.side-menu-container::-webkit-scrollbar-thumb{background-color:#666;border-radius:4px}.side-menu-container::-webkit-scrollbar-track{background:#222}.side-menu{width:100%;padding:0 5px;padding-bottom:40px!important}.side-btn{background-color:var(--fourth-color-background);color:#fff;text-align:left;cursor:pointer;border:none;border-radius:6px;gap:10px;width:100%;margin-bottom:8px;font-size:16px;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;padding:.6rem 1rem!important;transition:all .2s!important;display:flex!important;position:relative!important}.side-btn svg:not(.arrow-icon){order:-1!important;margin-right:10px!important}.side-btn .menu-item-text{text-align:right!important;flex:1!important;margin-right:10px!important}.side-btn:hover{background-color:var(--fourth-color-hover);transform:scale(1.02)}.side-btn.active,.side-btn[data-active=true],.side-btn.forced-active{color:#fff!important;background-color:#007bff33!important;border-right:4px solid #0d6efd!important;font-weight:700!important}.floating-submenu .side-btn.active,.floating-submenu .side-btn[data-active=true]{background-color:#007bff4d!important;border-left:4px solid #0d6efd!important;border-right:none!important}.sub-menu .side-btn.active,.sub-menu .side-btn[data-active=true]{border-left:4px solid #0d6efd!important;border-right:none!important;padding-left:12px!important}.menu-item-container{width:100%;margin-bottom:5px;position:relative}.side-bar.minimized .side-btn{justify-content:center;height:60px;margin:10px 0;padding:0!important}.side-bar.minimized .side-btn span,.side-bar.minimized .side-name{display:none}.side-bar.minimized .side-btn svg{padding:5px;margin:0 auto!important;font-size:1.7rem!important}.arrow-icon{color:#ffffffb3;transition:transform .3s;position:relative;top:1px;order:1!important;margin-left:0!important;margin-right:8px!important;font-size:.75rem!important}.side-btn.menu-open .arrow-icon{color:#fff;transform:rotate(90deg)!important}.side-bar.minimized .arrow-icon{display:none}.side-btn.menu-open{background-color:var(--fourth-color-hover);box-shadow:0 0 0 2px var(--secondary-color)}.side-bar.minimized .side-btn.menu-open:after{content:"";background-color:var(--secondary-color);width:4px;height:100%;position:absolute;top:0;right:0}.sub-menu{opacity:0;flex-direction:column;width:100%;max-height:0;padding:0;display:flex;overflow:hidden;transition:max-height .4s ease-in-out,opacity .3s ease-in-out!important}.sub-menu.open{opacity:1;max-height:500px}.sub-menu .side-btn{text-align:left;background-color:#ffffff1a;width:calc(100% - 15px);margin-left:15px;padding:10px 15px}.floating-submenu{background-color:var(--fourth-color);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;border-radius:0 8px 8px 0;flex-direction:column;width:220px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;left:60px;padding:8px 0!important;box-shadow:0 4px 15px #0003!important}.floating-submenu.open{opacity:1;visibility:visible;pointer-events:auto;animation:.2s forwards fadeInSubmenu!important}.floating-submenu .side-btn{white-space:nowrap;text-align:left;background-color:#ffffff1a;border-radius:6px;width:100%;margin-bottom:5px;padding:12px 15px;font-size:16px}.floating-submenu .side-btn span{display:inline!important}.sidebar-submenu-overlay{display:none!important}.transition{transition:all .3s}[dir=rtl] .side-bar{left:auto;right:0}[dir=rtl] .toggle-arrow.maximized-toggle{left:auto;right:250px;transform:rotate(180deg)}[dir=rtl] .toggle-arrow.minimized-toggle{left:auto;right:70px;transform:rotate(180deg)}[dir=rtl] .floating-submenu{border-radius:8px 0 0 8px;left:auto;right:60px;box-shadow:-4px 4px 10px #0000004d}[dir=rtl] .side-bar.minimized .side-btn.menu-open:after{left:0;right:auto}.submenus-container{pointer-events:none;z-index:1000;width:100vw;height:100vh;position:fixed;top:0;left:0}@media (max-width:768px){.side-btn{padding:.7rem .5rem!important}.side-menu-container{padding-bottom:80px!important}.floating-submenu .side-btn{min-height:44px!important;padding:.8rem 1rem!important}.toggle-arrow{border-radius:20px!important;width:40px!important;height:40px!important}.floating-submenu{max-height:60vh!important;overflow-y:auto!important}}@keyframes fadeInSubmenu{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}