:root{--header-height:3rem;--nav-width:68px;--navitem-hover-color:#eae9f2;--navitem-color:#919aa3;--z-fixed:100;--sidebar-toggle-color:#363636;--header-background-color:#fff;--sidebar-background-color:#000;--brand-color:#fff;--sidebar-item-hover-color:#939292;--submenu-text-color:#ccc;--navitem-active-background-color:#919aa3;--navitem-active-color:#fff}.body-container{position:relative;margin:2rem 0 0 0;padding-right:1rem;padding-left:1rem;transition:.5s}.header{width:100%;height:var(--header-height);position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:var(--header-background-color);z-index:var(--z-fixed);transition:.5s}.header-toggle{color:var(--sidebar-toggle-color);font-size:1.5rem;cursor:pointer}.left-navbar{position:fixed;top:0;left:-40%;width:var(--nav-width);height:100%;background-color:var(--sidebar-background-color);transition:.5s;z-index:var(--z-fixed);-ms-overflow-style:none;scrollbar-width:none;height:100%;display:flex;flex-direction:column;overflow-y:scroll;flex-wrap:wrap;min-height:100vh}.left-navbar::-webkit-scrollbar{display:none}.nav-logo{height:35px;width:100px}.brand a{align-items:center;text-decoration:none;font-weight:bold;color:var(--brand-color)}.body-pd{padding-left:calc(var(--nav-width) + 1rem)}@media screen and (min-width:768px){.body-container{padding-left:calc(var(--nav-width) + 1rem)}.header{padding:0 1rem 0 calc(var(--nav-width) + 1rem)}.left-navbar{left:0}.navbar-show{width:calc(var(--nav-width) + 155px)}.body-pd{padding-left:calc(var(--nav-width) + 170px)}.me-md-10{margin-right:31%!important}}@media screen and (max-width:780px){.body-container{padding-left:15px!important}.body-pd{padding-left:0}.navbar-show{width:100vw}.left-navbar{transition:.5s}.header{transition:0s}.nav-logo{display:flex!important}.nav-logo img{content:var(--logo-url)}.navbar-show .menu-close{width:unset;opacity:1!important;transition:opacity 2s;padding-right:15px}.navbar-show .chevron{padding-right:15px}}.sidebar-item:hover{background-color:var(--sidebar-item-hover-color)}.sidebar-item:hover a{color:var(--submenu-text-color)!important}.sidebar-item:hover .chevron{color:var(--submenu-text-color)!important}.sidebar-item:has(.active){background-color:var(--navitem-active-background-color)}.sidebar-item:has(.active) i{color:var(--navitem-active-color)}.sidebar-item:has(.active) span{color:var(--navitem-active-color)}.sidebar-item:has(.active) .chevron{color:var(--navitem-active-color)}footer{position:fixed;bottom:0}#footer{width:inherit}.menu-close{opacity:0;width:0;cursor:pointer;color:var(--navitem-color)}.menu-close i{font-size:30px}.nav-list a:hover{text-decoration:none}.nav-list .active{color:var(--navitem-hover-color)}.nav-icon{font-size:1.25rem;width:45px}.nav-item{cursor:pointer;transition:.1s;white-space:nowrap}.nav-item a{color:var(--navitem-color);transition:.1s;text-decoration:none}.nav-item .chevron{color:var(--navitem-color);transition:.1s}.nav-item:hover{color:var(--navitem-hover-color)}.nav-item:hover a{color:var(--navitem-hover-color)!important}.nav-item:hover .chevron{color:var(--navitem-hover-color)!important}.nav-item a div i{font-size:1.25rem;width:30px}.chevron i{transition:transform .2s}.show-submenu{background:rgba(255,255,255,.4)}.show-submenu .chevron i{transform:rotate(-180deg)}.navbar-show{left:0}.navbar-show .nav-item span{transition:opacity 1s}.navbar-show .chevron{transition:opacity 1s}.navbar-show .show-submenu .submenu-container{max-height:100%}.navbar-show .hide-submenu .submenu-container{overflow:hidden;max-height:0}.navbar-small .menu-header .nav-logo{justify-content:unset!important}.navbar-small .nav-item span{opacity:0;transition:opacity .5s}.navbar-small .chevron{opacity:0;transition:opacity .5s}.navbar-small .navitem-container{background:unset}.navbar-small .submenu-container{overflow:hidden;max-height:0}.navbar-small .submenu{padding-right:15px}.navbar-small .navitem-container:hover{background:rgba(255,255,255,.1)}.navbar-small .navitem-container:hover .submenu{background:rgba(255,255,255,.1)}.navbar-small .navitem-container:hover .submenu-container{transform:translate(68px,-46px);position:fixed;max-height:100%;background:#000}.navbar-small .navitem-container:hover .submenu-container span{opacity:1;transition:unset}.brand a{text-decoration:none}