@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}*{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}.bodyCollapse{position:relative;left:75px;height:100%;width:calc(100% - 75px);display:flex;flex-direction:column;overflow-y:auto}.body{position:relative;left:250px;height:100%;width:calc(100% - 250px);display:flex;flex-direction:column;overflow-y:auto}.headerpositionCollapse{position:fixed;display:flex;width:calc(100vw - 75px);box-sizing:border-box;z-index:1000}.headerposition{position:fixed;display:flex;width:calc(100vw - 250px);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:100vw;box-sizing:border-box;left:0;right:0}.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}.results{margin-top:5px;margin-left:10px}.results-table{display:flex;position:relative;flex-direction:column;margin-top:1vw;overflow:hidden}.results-table-collapse{display:flex;position:relative;flex-direction:column;margin-top:90px;overflow:hidden}.navigationOpen{position:fixed;width:250px;height:100%;background:var(--red);border-left:10px solid var(--red);transition:0s;overflow:hidden;left:0;top:0;bottom:0;right:0}.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:fixed;width:75px;height:100%;background:var(--red);border-left:10px solid var(--red);transition:0s;overflow:hidden;left:0;top:0;bottom:0;right:0}.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}.cardBox{position:relative;top:75px;width:100%;padding:5px;display:grid;grid-template-columns:repeat(7,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)}.chart{display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:center;margin-top:90px;margin-right:10px;margin-left:10px}.stacked-charts{width:100%}.bottoms-bar{margin-top:6.8px}.checkinlabel{color:#fff;font-size:21px;margin:10px 30px 10px 20px;white-space:nowrap;flex-shrink:0}.checkinlabel-loading{color:#fff;font-size:21px;margin:10px 0 10px 20px;white-space:nowrap}.check-table{display:flex;position:relative;flex-direction:column;margin-top:1.4vw;width:100%}.check-tableGraph{display:flex;position:relative;flex-direction:column;margin-top:90px;width:100%}.swal2-input{margin-bottom:15px;margin-top:15px;width:70%;font-size:16px}.scaninput{width:60%;text-align:center;height:50;font-size:medium}.scancomment{text-align:justify;font-size:medium}.form-inputs{height:45px}.scaninputeva{width:50%;text-align:center;height:50;font-size:medium}.scaneva{height:50}.swal-dg-table{width:100%;border-collapse:collapse;font-family:Roboto,Arial,sans-serif;font-size:14px}.swal-dg-header{background-color:#f4f6f8;font-weight:600;text-align:left;padding:10px;border:1px solid #d0d7de}.swal-dg-cell{padding:8px 10px;border:1px solid #d0d7de;white-space:nowrap}.swal-dg-table tr:hover{background-color:#eef4ff}.table-expanded{display:flex;position:relative;flex-direction:column;margin-top:1vw;overflow:hidden}.table-collapsed{display:flex;position:relative;flex-direction:column;margin-top:90px;overflow:hidden}.checkoutlabel{color:#fff;font-size:21px;margin:10px 80px 10px 20px;white-space:nowrap}.swal2-container-high-zindex{z-index:1500!important}