aside{background-color:var(--primary-color);z-index:30;border-right:var(--border-color-light)1px dash;width:15rem;height:100%;transition:width .1s;position:fixed;top:0;overflow-y:auto}aside nav#sideNav{border-top:1px solid #0000004d;height:calc(100% - 68px);padding:12px 0}aside nav#sideNav ul{margin:0;padding:0;list-style:none}aside nav#sideNav ul li a{color:#fff;align-items:center;padding:10px 12px;font-size:13px;line-height:20px;text-decoration:none;transition:color .3s;display:flex;position:relative}aside nav#sideNav ul li a svg{width:14px;height:14px;margin-right:6px;padding:7px}aside nav#sideNav ul li a span{word-wrap:break-word;word-break:break-word;line-height:16px}aside nav#sideNav ul li a:hover,aside nav#sideNav ul li a.active{color:#fff;background-color:var(--primary-hover-color)}.sidenav-collapsed main{margin:110px 0 0 68px}.sidenav-collapsed header{padding-inline-start:68px}.sidenav-collapsed aside{width:68px}.sidenav-collapsed aside .logo span{display:none}.sidenav-collapsed aside nav#sideNav{padding:12px 10px}.sidenav-collapsed aside nav#sideNav a{padding:6px}.sidenav-collapsed aside nav#sideNav a span{display:none}.sidenav-collapsed aside:hover{width:15rem}.sidenav-collapsed aside:hover .logo span,.sidenav-collapsed aside:hover nav#sideNav ul li a span{display:inline}@media (max-width:992px){aside{width:0;transition:all .15s ease-in-out;overflow:hidden}aside.undefined{width:240px;transition:all .15s ease-in-out;display:block}aside .logo{display:none}}@media (max-width:768px){aside{background:#fff;box-shadow:0 0 20px #00000040}aside nav#sideNav ul li a{color:#545454}aside nav#sideNav ul li a:hover,aside nav#sideNav ul li a.active{background-color:var(--primary-color)}aside nav#sideNav{border-top:none}}