nav{min-width:200px;color:white;background-color:#2e6e90;padding-top:15px;cursor:default}nav div.menuLogo{display:flex;justify-content:center}nav div.menuLogo img{height:100px}nav div.closeButton{position:fixed;top:10px;right:10px;display:none;height:44px;width:44px;align-items:center;justify-content:center;color:#2e6e90;background:#f5f5f5;border-radius:5px;cursor:pointer}nav div.menuTitle{font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:1px;padding:25px 15px 10px 18px}nav div.menuTitle:first-child{padding-top:20px}nav div.menuItem{display:flex;align-items:center;font-size:14px;letter-spacing:.3px;border-left:solid 3px #2e6e90;gap:10px;padding:4px 15px 4px 10px;cursor:pointer;transition-duration:.3s}nav div.menuItem span.material-symbols-outlined{padding-bottom:1px}nav div.menuItem span.numbers{flex:1;display:flex;justify-content:end;gap:5px}nav div.menuItem span.numbers span{padding:4px 7px;border-radius:5px;box-shadow:0 0 4px 0 rgba(0,0,0,0.5)}nav div.menuItem span.numbers span.blue{color:white;background-color:#2e6e90}nav div.menuItem span.numbers span.warning{color:black;background-color:orange}nav div.menuItem span.numbers span.error{color:#f5f5f5;background-color:#a80d18}nav div.menuItem.active{cursor:default;border-left-color:#f5f5f5;background:#f5f5f5;color:#2e6e90}nav div.menuItem:hover{border-left-color:#f5f5f5}@media(max-width:768px){nav{display:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:998}nav div.closeButton{display:flex}nav.open{display:block}}