:root{--af-sidebar-open:240px;--af-sidebar-closed:68px;--af-sidebar-gap:10px;--af-topbar-height:70px;--af-sidebar-transition:.22s ease}

@media (min-width:768px){
.af-sidebar.vertical-menu{position:sticky!important;top:var(--af-topbar-height)!important;left:auto!important;right:auto!important;bottom:auto!important;width:var(--af-sidebar-open)!important;min-width:var(--af-sidebar-open)!important;max-width:var(--af-sidebar-open)!important;flex:0 0 var(--af-sidebar-open)!important;height:calc(100vh - var(--af-topbar-height) - 10px)!important;margin:0 var(--af-sidebar-gap) 20px 0!important;background:#fff!important;border-right:1px solid #edf0f2;box-shadow:0 2px 8px rgba(0,0,0,.04);overflow:hidden;z-index:100;transition:width var(--af-sidebar-transition),min-width var(--af-sidebar-transition),max-width var(--af-sidebar-transition),flex-basis var(--af-sidebar-transition)}
.af-sidebar+.w-100{flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:100%!important}
body.af-sidebar-collapsed .af-sidebar.vertical-menu{width:var(--af-sidebar-closed)!important;min-width:var(--af-sidebar-closed)!important;max-width:var(--af-sidebar-closed)!important;flex-basis:var(--af-sidebar-closed)!important}
body.af-sidebar-collapsed.af-sidebar-hover .af-sidebar.vertical-menu{width:var(--af-sidebar-open)!important;min-width:var(--af-sidebar-open)!important;max-width:var(--af-sidebar-open)!important;flex-basis:var(--af-sidebar-open)!important}
}

.af-sidebar #sidebar-menu{padding:0!important}
.af-sidebar #side-menu{padding:0!important;margin:0!important}
.af-sidebar .af-current-module{padding:5px 6px 7px}
.af-sidebar .af-current-module-btn{min-height:42px;display:flex;align-items:center;justify-content:flex-start;gap:9px;overflow:hidden;white-space:nowrap;border:1px solid #eef1f4}
.af-sidebar .af-menu-item{margin:1px 5px}
.af-sidebar .af-menu-link{min-height:40px;padding:9px 10px!important;border-radius:6px;display:flex!important;align-items:center;gap:9px;overflow:hidden;white-space:nowrap;transition:background .15s ease,color .15s ease}
.af-sidebar .af-menu-link:hover{background:#f3f7fb!important;color:#183b5b!important}
.af-sidebar .af-menu-item.active>.af-menu-link{background:#eef6fc!important;color:#174f7d!important}

.af-sidebar .af-menu-icon,.af-sidebar .af-menu-link:hover .af-menu-icon,.af-sidebar .af-current-module-btn:hover .af-menu-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:25px!important;min-width:25px!important;margin:0!important;padding:0!important;opacity:1!important;visibility:visible!important;transform:none!important;position:static!important;font-size:17px!important}

.af-sidebar .af-menu-label,.af-sidebar .af-current-label{opacity:1;visibility:visible;width:auto;max-width:180px;overflow:hidden;transition:opacity .12s ease,max-width .18s ease}

body.af-sidebar-collapsed:not(.af-sidebar-hover) .af-sidebar .af-menu-label,
body.af-sidebar-collapsed:not(.af-sidebar-hover) .af-sidebar .af-current-label{width:0!important;max-width:0!important;opacity:0!important;visibility:hidden!important}

body.af-sidebar-collapsed:not(.af-sidebar-hover) .af-sidebar .af-current-module-btn,
body.af-sidebar-collapsed:not(.af-sidebar-hover) .af-sidebar .af-menu-link{justify-content:center!important;padding-left:0!important;padding-right:0!important;gap:0!important}

body.af-sidebar-collapsed:not(.af-sidebar-hover) .af-sidebar .af-menu-icon{width:32px!important;min-width:32px!important;font-size:18px!important}

#vertical-menu-btn,#vertical-menu-btn2{cursor:pointer}

@media (max-width:767.98px){
.af-sidebar.vertical-menu{position:fixed!important;top:var(--af-topbar-height)!important;left:calc(-1 * var(--af-sidebar-open) - 20px)!important;right:auto!important;bottom:0!important;width:var(--af-sidebar-open)!important;min-width:var(--af-sidebar-open)!important;max-width:var(--af-sidebar-open)!important;height:calc(100vh - var(--af-topbar-height))!important;margin:0!important;background:#fff!important;border-right:1px solid #e4e8ec;box-shadow:6px 0 18px rgba(0,0,0,.16);overflow:hidden;z-index:1091;transition:left var(--af-sidebar-transition)}
body.af-sidebar-mobile-open .af-sidebar.vertical-menu{left:0!important}
.af-sidebar+.w-100{width:100%!important;min-width:0!important}
body.af-sidebar-mobile-open{overflow:hidden}
.af-sidebar-overlay{position:fixed;inset:var(--af-topbar-height) 0 0 0;display:none;background:rgba(15,23,42,.38);z-index:1090}
body.af-sidebar-mobile-open .af-sidebar-overlay{display:block}
}