.vertical-navigation-mode-over{position:fixed!important;transform:translateZ(0);left:0!important;top:0!important;bottom:0}@media (max-width:960px){#nav{position:fixed;z-index:50;box-shadow:8px 0 30px rgba(0,0,0,.3)}#nav.hide-menu{transform:translateX(-100%);visibility:hidden}}#nav{transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:visibility,margin-left,margin-right,transform,width,max-width,min-width;background:linear-gradient(180deg,#4285f4,#3367d6);position:-webkit-sticky;position:sticky;display:flex;flex-direction:column;flex:1 0 auto;top:0;width:260px;min-width:260px;max-width:260px;height:100vh;min-height:100vh;max-height:100vh;z-index:10;box-shadow:4px 0 24px rgba(0,0,0,.12)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px;background:hsla(0,0%,100%,.05);border-bottom:1px solid hsla(0,0%,100%,.08)}.sidebar-logo{width:38px;height:38px;border-radius:10px;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,.15)}.sidebar-brand-text{margin-left:10px;font-weight:700;font-size:17px;color:#fff;letter-spacing:.3px}.sidebar-close-btn{background:none;border:none;outline:none;cursor:pointer;color:hsla(0,0%,100%,.6);transition:color .2s}.sidebar-close-btn:hover{color:#fff}.sidebar-close-btn .material-icons{font-size:24px}.sidebar-menu{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 12px 20px}.sidebar-menu::-webkit-scrollbar{width:5px}.sidebar-menu::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:5px}.sidebar-menu::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.35);border-radius:5px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.sidebar-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:hsla(0,0%,100%,.6);padding:18px 12px 6px;margin-top:4px}.link-menu{color:#fff;border-radius:8px;transition:all .2s ease;font-size:14px;font-weight:500;padding:9px 12px;margin:1px 0}.link-menu .material-icons{font-size:20px;color:#fff;margin-right:10px;margin-left:0}.link-menu .text-menu{font-size:13.5px;color:#fff}.link:hover,.link:hover .link-menu{background:hsla(0,0%,100%,.15);color:#fff;border-radius:8px}.link:hover .link-menu .material-icons{opacity:1}.router-link-exact-active:not(.no-active){background:hsla(0,0%,100%,.2)!important;border-radius:8px;color:#fff!important;margin:0}.router-link-exact-active:not(.no-active) .material-icons{color:#fff}.sub-link,.sub-sub-link{margin:0;padding-left:30px}.child .sub-link{padding-left:40px}.sub-link .link-menu,.sub-sub-link .link-menu{font-size:13px;padding:7px 12px;color:hsla(0,0%,100%,.85)}.sub-link:hover .link-menu,.sub-sub-link:hover .link-menu{color:#fff}.img-link img:last-child{display:none}.link:hover img:last-child{display:block}.link .router-link-active img:first-child,.link:hover img:first-child{display:none}.link .router-link-active img:last-child{display:block}.dashbord img{width:40px}.flag-img{width:22px;height:16px;border-radius:2px;margin-left:6px;-o-object-fit:cover;object-fit:cover}