@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.results{margin:12px 10px 0}.results-table,.results-table-collapse{display:flex;position:relative;flex-direction:column;overflow:hidden}*{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}:root{--red: #c8102e;--white: #fff;--gray: #f5f5f5;--black1: #222;--black2: #999}#root{position:relative;max-width:100%;margin:0 auto;min-height:100vh}.main{display:flex;min-height:100vh}.main>nav{flex:0 0 auto}.bodyCollapse,.body{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.headerpositionCollapse,.headerposition{position:sticky;top:0;display:flex;width:100%;box-sizing:border-box;z-index:1000}.milwaukeelogo{position:relative;top:85vh;left:65px;right:65px}.milwaukeelogohide{display:none}.topbar{position:relative;display:flex;height:60px;justify-content:space-between;align-items:center;background-color:var(--black1);width:100%;box-sizing:border-box}.toggle{position:relative;height:40px;width:50px;left:10px;color:var(--white);text-align:center;font-size:40px;cursor:pointer}.toggle ion-icon{font-size:2.5rem;padding-right:5vh}.search{position:relative;width:250px;margin:0 10px}.search label{position:relative;width:100%}.search label input{width:100%;height:35px;border-radius:40px;padding:5px 20px 5px 35px;font-size:16px;outline:none;border:1px solid var(--black2)}.search label ion-icon{position:absolute;top:0;left:10px;font-size:1.2rem}.user{position:relative;width:35px;height:35px;border-radius:50%;overflow:hidden;cursor:pointer}.user img{width:100%;height:100%;object-fit:cover}.add-icon,.logout-icon{display:flex;text-align:center}.navigationOpen{position:sticky;top:0;width:250px;height:100vh;background:var(--red);border-left:10px solid var(--red);transition:0s;overflow:hidden}.navigationOpen ul{position:absolute;top:0;left:0;width:100%}.navigationOpen li{position:relative;width:100%;list-style:none;border-top-left-radius:30px;border-bottom-left-radius:30px}.navigationOpen ul li a{position:relative;display:block;width:100%;display:flex;text-decoration:none;color:var(--gray)}.navigationOpen ion-icon{font-size:1.75rem}.navigationOpen .icon{position:relative;display:block;min-width:60px;height:60px;line-height:64px;text-align:center;font-size:25px}.navigationOpen .title{position:relative;display:block;padding:0 10px;height:60px;line-height:60px;text-align:left;white-space:nowrap;font-weight:500}.navigationClose{position:sticky;top:0;width:75px;height:100vh;background:var(--red);border-left:10px solid var(--red);transition:0s;overflow:hidden}.navigationClose ul{position:absolute;top:0;left:0;width:100%}.navigationClose li{position:relative;width:100%;list-style:none;border-top-left-radius:30px;border-bottom-left-radius:30px}.list-setting .class-selected{background-color:var(--gray)}.class-selected .title,.class-selected .icon{color:var(--red)}.navigationClose ul li a{position:relative;display:block;width:100%;display:flex;text-decoration:none;color:var(--gray)}.navigationClose ion-icon{font-size:1.75rem}.class-selected a:before{content:"";position:absolute;right:0;top:-50px;width:50px;height:50px;background-color:transparent;border-radius:45%;box-shadow:35px 35px 0 10px var(--gray);pointer-events:none}.class-selected a:after{content:"";position:absolute;right:0;bottom:-50px;width:50px;height:50px;background-color:transparent;border-radius:45%;box-shadow:35px -35px 0 10px var(--gray);pointer-events:none}.navigationClose .icon{position:relative;display:block;min-width:60px;height:60px;line-height:64px;text-align:center;font-size:25px}.navigationClose .title{position:relative;display:block;padding:0 10px;height:60px;line-height:60px;text-align:left;white-space:nowrap;font-weight:500}.list-setting{position:relative;padding-top:100px;display:flex;position:center;flex-direction:column}.title-battery{display:flex;align-items:center;margin-top:10px;margin-left:2px}.title-reusage{color:#fff;font-size:18px;padding-left:13px;text-shadow:2px 2px 5px black}.battimg{position:relative}.navBackdrop{position:fixed;inset:0;background:#00000073;z-index:1250}@media(max-width:900px){.main>nav{min-width:75px}.navigationOpen{position:fixed;top:0;left:0;height:100%;z-index:1300;box-shadow:4px 0 20px #0006}}@media(max-width:600px){.main>nav{min-width:0}.navigationClose{display:none}}.cardBox{width:100%;margin-top:15px;padding:5px;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:15px}.cardBox .card{position:relative;background:var(--white);padding:10px;border-radius:20px;display:flex;flex-wrap:nowrap;justify-content:space-between;cursor:pointer;box-shadow:0 7px 25px #00000080}.cardBox .card .numbers{position:relative;font-weight:500;font-size:2.3rem;color:var(--blue);text-align:center}.cardBox .card .cardName{color:var(--black2);font-size:1.1rem;margin-top:5px;text-align:center}.cardBox .card .iconBx{font-size:2.2rem;color:var(--black2);align-content:center}.cardBox .card:hover{background:var(--red)}.cardBox .card:hover .numbers,.cardBox .card:hover .cardName,.cardBox .card:hover .iconBx{color:var(--white)}@media(max-width:600px){.cardBox{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,42vw);overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:12px}.cardBox .card{scroll-snap-align:start}.cardBox .card .numbers{font-size:1.9rem}.cardBox .card .cardName{font-size:.95rem}}.chart{display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;margin-top:12px;margin-right:10px;margin-left:10px}.stacked-charts{width:100%}