#menu-container{left:0;overflow-y:auto;position:fixed;top:0;width:83px;z-index:1008}#menu-container.active{width:inherit}#menu-container.active li>ul>li:has(ul.submenu):not(.menu-separator):after{color:#fff;content:"›";font-size:1.125rem;margin-left:auto;opacity:.9}#content-after-menu{margin-left:83px}#menu{display:flex;flex-flow:column;flex-shrink:0;height:100vh;padding-top:18px;z-index:999}#menu,#menu:before{background:var(--erp-primary);width:83px}#menu:before{content:"";height:100%;left:0;position:fixed;top:0}#menu .bg{bottom:120px;left:-220px;overflow:hidden;position:absolute;width:300px}#menu .logo{flex-shrink:0;margin-bottom:68px;margin-left:18px;overflow:hidden;pointer-events:none;white-space:nowrap;z-index:2}#menu .logo img:last-child{opacity:1;transition:opacity .3s ease-in-out .15s}#menu .sidebar{position:relative;z-index:2}#menu .sidebar ul{list-style:none;padding-left:0}#menu .sidebar .show-collapsed{display:none}#menu .sidebar .h2{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;line-height:1;padding:11px 16px;text-decoration:none;white-space:nowrap;width:100%}#menu .sidebar .submenu{max-height:0}#menu .sidebar .submenu a[href="#"]{opacity:.5;pointer-events:none}#menu .sidebar>ul>li>a{width:50px}#menu .sidebar>ul>li>a:hover{background:var(--erp-primary);filter:brightness(110%)}#menu .sidebar a{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:1rem;font-weight:400;line-height:1;overflow:hidden;padding:11px 16px;text-decoration:none;white-space:nowrap}#menu .sidebar a span{opacity:0;text-indent:-999px}#menu .sidebar a img{display:flex;flex-shrink:0;height:18px;margin-right:20px;opacity:.6;pointer-events:none;width:18px}#menu .sidebar li{height:38px;margin-bottom:10px;margin-left:14px;position:relative}#menu .sidebar li:has(ul.submenu):not(.menu-separator){align-items:center;display:flex;justify-content:space-between}#menu .sidebar li.active>a{background:var(--erp-primary);color:#fff;filter:brightness(110%)}#menu .sidebar li.active>a img,#menu .sidebar li.active>a span{opacity:1!important}#menu .sidebar li.active .submenu{height:auto}#menu .sidebar li.active .submenu a.active{background:var(--erp-primary)}#menu .sidebar li.active .submenu a.active span:before{content:"";font-family:bootstrap-icons;font-size:.625rem;margin-right:4px}#menu .sidebar li .submenu{background:var(--erp-primary);filter:brightness(110%);left:-100%;min-width:160px;opacity:0;overflow:visible;padding:4px 10px;pointer-events:none;position:absolute;top:0;transition:opacity .1s ease-in .5s,left 0s ease-in .5s,max-height 0s ease-in .5s,z-index 0s linear 0s;z-index:9999}#menu .sidebar li .submenu:before{content:"";inset:-15px;pointer-events:auto;position:absolute}#menu .sidebar li .submenu li{margin-bottom:0;margin-left:0}#menu .sidebar li .submenu li:hover>a span{opacity:1}#menu .sidebar li .submenu a{font-weight:400;white-space:nowrap}#menu .sidebar li:hover>.submenu{left:100%;max-height:100vh;opacity:1;pointer-events:all;transition:opacity .15s ease-out .5s,left 0s linear 0s,z-index 0s linear 0s,max-height 0s linear .5s}#menu .sidebar li:last-child{margin-bottom:0}#menu .menu-badge{align-items:center;background:#fff;border-radius:19px;color:#141533;display:flex;font-size:.75rem;font-weight:400;height:19px;justify-content:center;left:16px;margin-left:15px;opacity:1!important;position:absolute;text-indent:0!important;top:0;transition:all .3s ease-in-out .15s;width:19px}#menu:hover{margin-right:-177px;width:260px}#menu:hover:before{width:260px}#menu:hover .sidebar>ul>li>a{width:calc(100% - 20px)}#menu:hover .sidebar li.with-submenu:hover>a{border-radius:6px 0 0 6px;transition:width 0s;width:100%!important}#menu:hover .sidebar li:hover>.submenu{left:100%;max-height:100vh;opacity:1;pointer-events:all;transition:opacity .15s ease-out .5s,left 0s ease-out .5s,pointer-events 0s linear .5s,max-height 0s linear .5s}#menu:hover .sidebar .submenu:hover+a{background:var(--erp-primary);border-radius:6px 0 0 6px;filter:brightness(110%);width:100%!important}#menu:hover .sidebar .submenu:hover+a img,#menu:hover .sidebar .submenu:hover+a span{opacity:1}#menu:hover .sidebar a span{opacity:.6;text-indent:0;transition:opacity .15s ease-in-out}#menu:hover .sidebar a img{opacity:.6}#menu:hover .sidebar a:hover img,#menu:hover .sidebar a:hover>span{opacity:1;transition:opacity .15s ease-in-out}.menu-separator{align-items:center;display:flex;list-style:none;padding:0 12px;pointer-events:none;width:100%}.menu-separator span{color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:1px;opacity:.8;text-transform:uppercase;white-space:nowrap}.menu-separator:after,.menu-separator:before{background:hsla(0,0%,100%,.25);content:"";flex:1;height:1px}.menu-separator:before{margin-right:12px}.menu-separator:after{margin-left:12px}