[data-loading=""],[data-loading="delay|show"],[data-loading=show]{display:none}:root{font-family:Arial,sans-serif;font-size:16px;font-weight:400}body{margin:0}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.icon,img.icon{max-height:25px;max-width:25px}.icon-container{display:flex;justify-content:center}.root{display:grid;gap:.5rem 0;grid-template-areas:"menu header" "menu main";grid-template-columns:20rem auto;grid-template-rows:4rem 1fr;height:100dvh;min-height:100vh;min-width:fit-content;&:has(#login){grid-template-areas:"main";grid-template-columns:1fr;grid-template-rows:1fr}}.menu{grid-area:menu;overflow:auto}.header{grid-area:header;min-width:max-content}.main{display:flex;flex-direction:column;gap:.5em;grid-area:main;margin:5px;overflow:auto}.menu{box-shadow:5px 0 5px rgba(0,0,0,.1);display:grid;font-weight:700;gap:1rem;grid-template-rows:5rem 1fr;padding:1rem;.menu-primary{display:grid;grid-template-columns:50px 1fr 50px;grid-template-rows:3rem}.sub-menu{display:none;ul{grid-auto-rows:3em}li{display:flex;padding-left:4rem}&.visible{display:block}}img,svg{height:100%;justify-self:center}img,span,svg{align-self:center}ul{display:grid;gap:1rem;grid-auto-rows:min-content;grid-template-columns:1fr}.arrow.down{display:none}.arrow.right{display:block}li:has(+.sub-menu.visible){.arrow.down{display:block}.arrow.right{display:none}}}.header{align-items:center;display:grid;grid-template-columns:1fr 10rem;margin:5px;z-index:2;.location-bar{box-shadow:0 0 5px rgba(0,0,0,.1);font-size:1.5rem;font-weight:700;padding:1rem}}.profile{align-items:flex-end;display:flex;justify-content:center}#profile{border-radius:8px;box-shadow:0 5px 5px rgba(0,0,0,.2);display:none;margin:0;padding:0;position:absolute;top:4rem;white-space:nowrap;&.visible{display:block}li{border-radius:8px;display:flex}a,li{list-style:none}a{color:inherit;padding:1rem;text-align:center;text-decoration:none;width:100%}}.profile .logo{align-items:center;border-radius:50%;display:flex;font-size:1.25rem;font-weight:700;height:3.75rem;justify-content:center;margin-right:.5em;width:3.75rem}:root{--primary-bg-color:#fafafa;--secondary-bg-color:#eee;--inner-bg-color:radial-gradient(circle at bottom right,#33869a 40%,#00484f 95%) fixed;--primary-cell-color:#fafafa;--secondary-cell-color:#e3e3e3;--primary-text-color:#000;--secondary-text-color:#fafafa;--hover:inherit;--primary-border-color:#e0e0e0}.reverse-color{background:var(--inner-bg-color);color:var(--secondary-text-color);&.hover,.hover{&:hover{background:var(--inner-bg-color);filter:brightness(125%)}}.selected{background:var(--inner-bg-color);filter:brightness(125%)}}.base-color{background:var(--primary-bg-color)}.text-color{background:var(--inner-bg-color);background-clip:text;color:transparent}.background{background:var(--secondary-bg-color)}.kiosk-device-text-danger{color:#ed1c24!important;font-weight:400!important;opacity:1!important}.kiosk-device-text-success{color:#009245!important;font-weight:400!important;opacity:1!important}.no-list-style{ul{margin:0;padding:0}li{list-style:none}}#client-filter,#date-filter,#site-filter,#state-filter,#transaction-type-filter{background-color:var(--primary-bg-color);border-radius:5px;box-shadow:5px 5px 5px rgba(0,0,0,.1);display:none;grid-auto-flow:row;grid-template-columns:1fr 1fr 1fr;position:absolute;&.visible{display:grid}>div{border:1px solid #d3d3d3;display:flex;flex-direction:column;padding:1rem}hr{width:100%}span:has(+input[type=checkbox]:checked){font-weight:700}}.list-popper-hide{>ul>li:not(:has(ul li)){display:none}}.list-popper-hide1{li:not(:has(span+input[type=checkbox]:checked)){display:none}input[type=checkbox]{display:none}}.list-popper{align-items:center;background:var(--primary-bg-color);border:.5rem solid var(--primary-bg-color);box-shadow:0 0 5px rgba(0,0,0,.1);display:flex;flex-direction:column;height:7rem;min-width:3rem;scrollbar-color:var(--secondary-cell-color) var(--primary-bg-color);hr{width:100%}>ul{display:flex;flex-direction:column;gap:5px;min-width:max-content;overflow-y:auto;padding:.5rem;scrollbar-width:thin;li{display:flex;flex-direction:column;gap:5px}}div.sticky{position:sticky;top:-8px}div.sticky,span:not(.sticky){font-size:.9rem;font-weight:700}}.dropdown{background-color:var(--primary-cell-color);display:none;flex-direction:column;z-index:2;>div{justify-content:space-between}&.visible,>div{display:flex}}.checkbox-select{.select-button.pressed+ul{display:block}.dropdown-checkbox{display:none}}.dropdown-checkbox.visible{background-color:var(--primary-bg-color);display:block;list-style:none;padding:0;position:absolute}.chart-bar{background:var(--primary-bg-color);display:flex;height:256px;width:100%}.show{display:block}.transition{transition:all .5s ease-out}.opacity-0{opacity:0}.opacity-1{opacity:1}.hidden{display:none}.custom-marker-cluster{aspect-ratio:1;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.1);flex-direction:column;font-weight:700;padding:1em;width:max-content}.container,.custom-marker-cluster{align-items:center;display:flex;justify-content:center}.container{background:var(--secondary-bg-color);gap:1rem;height:100%;min-height:max-content}.card,.container{color:var(--primary-text-color)}.card{background-color:var(--primary-bg-color);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);height:max-content;padding:5em}.form.container{background-color:transparent;display:flex;height:fit-content;padding:1em}.form.container.column{flex-direction:column}.flex.center{display:flex;justify-content:center}.filter-bar{background:var(--primary-bg-color);display:flex;height:40px;position:relative;width:100%}.invert{filter:invert(100%)}.field{padding:1rem 0}.field.submit{padding-bottom:0;padding-top:2em}.label-container{display:flex;justify-content:center;padding-bottom:1em}.input-container{display:flex;justify-content:center;input{border:1px solid var(--secondary-cell-color);border-radius:5px;height:2rem;padding:.5rem;width:20rem}}.error-container{color:red;display:flex;font-size:.8rem;justify-content:center;margin-top:.5rem;ul{list-style:none;margin:0;padding:0}}.select-container{display:flex;justify-content:center;select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--secondary-cell-color);border-radius:5px;height:2rem;padding:.5rem;width:20rem}}.button-container{display:flex;button{background-color:transparent;border:none;border-radius:4px;color:inherit;cursor:pointer;font-size:1rem;font-weight:700;padding:.75em;transition:all .3s ease-out;width:100%}}.kiosk-detail{display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.section{border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:1rem;h2{border-bottom:2px solid var(--primary-border-color);font-size:1.25rem;margin:0 0 1rem;opacity:.85}>div{align-items:center;display:grid;grid-template-columns:1fr 2fr;padding:.75rem 0;span:first-child{font-weight:700;opacity:.7}span:last-child{text-align:right}}}[id^=statistic_]{display:none;height:60vh;left:calc(50% + 10rem);overflow-y:auto;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2;>div:not(:last-child){display:grid;grid-template-columns:1fr 2fr;margin:0 1rem;:last-child{text-align:right}}>div:last-child{border-top:1px solid #000;display:grid;gap:.5rem;padding-top:1rem}&.visible{display:grid;gap:1rem}}[id^=ticket_popper_]{display:none;height:60vh;left:calc(50% + 10rem);overflow-y:auto;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2;>div:not(:last-child){display:grid;grid-template-columns:1fr 2fr;margin:0 1rem;:last-child{text-align:right}}>div:last-child{border-top:1px solid #000;display:grid;gap:.5rem;padding-top:1rem}&.visible{display:grid;gap:1rem}}.input-text-area{height:5rem;resize:none;width:100%}.home-grid{display:grid;gap:.5rem;grid-template-columns:1fr 4fr}.home-grid-figures{display:grid;gap:1rem;grid-template-columns:1fr}.home-section{background-color:#fff;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:1rem}.home-grid-title{display:block;font-size:1.5rem;width:100%}.home-grid-number{display:block;font-size:2rem;font-weight:700;text-align:right;width:100%}.home-buttons,.home-chart{background-color:#fff;border-radius:5px;padding:1rem}.home-buttons{font-size:1.5rem}.home-gauges{display:grid;gap:5rem;grid-template-columns:repeat(auto-fill,215px)}.home-gauge-section{background-color:#fff;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:1rem;width:245px}.home-gauge-title{display:block;font-size:1.1rem;width:100%}.home-button-selected{background-color:#228b22!important}#datetodate_popup{display:none;font-size:1rem;left:10px;overflow-y:auto;padding:20px;position:absolute;text-align:center;top:40px;transform:translate(-50%);z-index:2;&.visible{display:block}li{border-radius:8px;display:flex}a,li{list-style:none}a{color:inherit;padding:1rem;text-align:center;text-decoration:none;width:100%}button{background-color:default;border:1px solid #000;border-radius:default;color:default;cursor:pointer;font-size:default;font-weight:700;padding:default;transition:default;width:default}}.kiosk-detail-div-recycler-label{align-items:center;display:flex;float:left;justify-content:right;margin-right:4%;width:11%}.barcontainer,.kiosk-detail-div-recycler-label{height:30px;margin-top:20px;position:relative;top:50%}.barcontainer{background-color:#01646d;float:right;line-height:30px;width:85%}.barcontainer span{color:#fff;display:inline-block;position:relative;text-align:center!important;width:100%}.bar{animation:grow 1.5s ease-out forwards;background-color:#33869a;bottom:0;box-sizing:border-box;height:100%;position:absolute;transform-origin:bottom;width:80%}@keyframes grow{0%{transform:scaleX(0)}}.tooltip{position:relative}.tooltip .tooltiptext{background-color:#555;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-60px;opacity:0;padding:5px 0;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1}.tooltip .tooltiptext:after{border:5px solid transparent;border-top-color:#555;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.tooltip:hover .tooltiptext{opacity:1;visibility:visible}.div-table{border:1px solid #000;border-spacing:5px;display:table;margin-bottom:5px;margin-left:auto;width:auto}.div-table-row{display:table-row;width:auto}.div-table-col{background-color:#fff;display:table-column;float:left;width:80px}.tree-node{color:var(--primary-text-color);cursor:pointer;outline:none;padding:.5rem 1rem;text-decoration:none}.flash{align-items:center;color:var(--primary-text-color);display:flex;gap:.5rem;width:max-content;span{background-color:#000;border-radius:50%;height:.7rem;width:.7rem}&.notice span{background-color:#d3d3d3}&.success span{background-color:green}&.warning span{background-color:orange}&.danger span{background-color:red}}.flash.container{background-color:var(--primary-cell-color);border:1px solid var(--primary-border-color);border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.5);display:grid;height:fit-content;padding:1rem;position:absolute;z-index:1;&>div:first-child{display:flex;justify-content:end}&>div:last-child{display:grid;gap:.5rem;margin:1rem;max-height:60vh;overflow-y:auto}button{align-items:center;background-color:red;border:none;border-radius:50%;color:var(--secondary-text-color);display:flex;font-size:1.2rem;font-weight:700;height:1.3rem;justify-content:center;min-height:1.3rem;min-width:1.3rem;width:1.3rem;&:hover{background-color:hsl(from red h s calc(l + .3));cursor:pointer;font-size:1.3rem}}&.hidden{display:none}}.form-flash-centered{.flash.container{top:50%;transform:translateY(-50%)}}.table-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.table{width:100%;th{background:var(--inner-bg-color);border-radius:5px;color:var(--primary-cell-color);padding:1rem}td{padding:.5rem}thead tr{background:var(--inner-bg-color);color:var(--primary-cell-color);position:sticky;top:0}tbody tr{text-align:center}tbody tr:nth-child(2n){background:var(--primary-cell-color);&:hover{background:#f0f0f0}}tbody tr:nth-child(odd){background:var(--secondary-cell-color);&:hover{background:#d3d3d3}}}.detail-table{display:grid;gap:2px;text-align:center;.head{>div{background:var(--inner-bg-color);border-radius:5px;color:var(--primary-cell-color);font-weight:700;padding:1rem}}.body{display:grid;gap:2px;.row{span{align-items:center;display:flex;justify-content:center;padding:.5rem}}}.body .row:nth-child(2n) summary{span{background:var(--primary-cell-color)}&:hover span{background:#f0f0f0}}.body .row:nth-child(odd) summary{span{background:var(--secondary-cell-color)}&:hover span{background:#d3d3d3}}}.paginate{span:has(+input[type=radio]:checked){background:var(--inner-bg-color);background-clip:text;color:transparent;font-weight:700}input[type=radio]{display:none}}@media (max-device-width:1800px) and (max-device-height:900px){:root{font-size:12px}}@media (max-width:1000px){.kiosk-detail{grid-template-columns:1fr}.section{>div{grid-template-columns:repeat(2,1fr)}}}