body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-wrapper{align-items:flex-start;background-color:#edf2f6;display:flex;overflow-x:hidden;padding-bottom:50px;width:100%}.dashboard-content{align-items:flex-start;display:flex;flex-direction:column;padding-left:9%;width:90%}.dashboard-container{height:100%;padding-top:11%}#dashboard-container{align-items:flex-start;display:flex;margin-left:30px;width:100%}.dashboard-container-left{align-items:flex-start;display:flex;flex-direction:column;width:96%}.company-logos-div{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.td-logo{height:70px;width:200px}.powered-text{font-size:24px;font-weight:600;margin-top:0}.dashboard-left-top{align-items:center;display:flex;justify-content:space-between;width:95%}.dashboard-topLeft,.dashboard-topRight{height:100px;width:48%}.nitda-frame{height:100px;width:100%}.dashboard-topLeft-cont,.dashboard-topRight-cont{align-items:flex-start;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:230px;justify-content:space-between;width:100%}.dashboard-topLeft-cont{background-color:initial}.dashboard-title{margin-left:5%}.average-heading,.dashboard-title{font-style:normal}.average-heading,.average-heading-t,.dashboard-title{color:#272727;display:flex;font-size:36px;font-weight:600}.average-heading-t{margin-bottom:-2%}.dashboard-container-right{align-items:flex-start;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:100%;margin-top:-30px;padding-bottom:50px;padding-left:20px;padding-top:30px;width:30%}.average-container{margin-top:5%;width:100%}.pickUp-content{align-items:flex-start;display:flex;flex-direction:column;margin-top:10px;width:130%}.pickUp-info{align-items:center;border-left:3px solid #ed5b75;display:flex;justify-content:space-between;margin-bottom:20px;padding-left:5px;width:100%}.name-loc{align-items:flex-start;display:flex;flex-direction:column;width:60%}.pickUp-name{color:#272727;font-size:14px;font-style:normal;font-weight:700;margin-bottom:0;margin-top:0;text-transform:uppercase;width:100%}.pickUp-loc,.pickUp-time{color:#959595;font-size:11px;font-style:normal;font-weight:600;margin-bottom:0;margin-top:5px}.pickUp-time{width:30%}.pickUp-info img{height:14px;margin-left:-25px;width:14px}.dashboard-topLeft-bottom{align-items:center;display:flex;height:45%;justify-content:space-between;margin-top:20%;width:140%}.bin-info{align-items:flex-start;background-color:#ffe2e5;border-radius:5px;display:flex;flex-direction:column;height:100%;padding:8px 5px 5px 8px;width:25%}#used-bins{background-color:#fff4de}#empty-bins{background-color:#dcfce7}.bin-no{color:#000;font-size:13px;font-style:normal;font-weight:700;margin-top:8px}.bin-status{color:#272727;font-size:10px;font-style:normal;font-weight:400;margin-top:-5px}.bin-des{color:#b5b5b5;font-size:6px;font-style:normal;font-weight:600;margin-top:0}.dashboard-rightBottom{margin-top:30px}.dashboard-topLeft-top{align-items:flex-start;border-radius:10px;display:flex;flex-direction:column;height:45%;width:95%}.bin-frame{height:150%;width:150%}.waste-text{color:#000;font-size:24px;font-style:normal;font-weight:600;line-height:36px;margin-left:2%;margin-top:-30%;width:80%}.dashboard-topRight-bottom{align-items:center;display:flex;justify-content:space-around;width:100%}.bin-dot{align-items:center;display:flex;margin-bottom:10px}.bin-stat{color:#000;font-size:13px;font-style:normal;font-weight:700;margin-left:10px}.dashboard-left-center{margin-top:100px;width:95%}.dashboard-rightTop{flex-direction:column}.bin-stat-div,.dashboard-rightTop,.dashboard-rightTop-cont{align-items:flex-start;display:flex;width:100%}.bin-statss{background-repeat:no-repeat;background-size:cover;border-radius:8px;color:#fff;height:110px;padding:10px;width:85%}.bin-statss,.deployed-bins,.undeployed-bins{align-items:flex-start;display:flex;flex-direction:column}.deployed-bins,.undeployed-bins{font-size:10px;font-style:normal;font-weight:600;margin-top:-15px}.deployed-no{font-size:26px;font-weight:800}.deployed-no,.undeployed-no{font-style:normal;margin-top:5px}.undeployed-no{font-size:18px;font-weight:600}.deployed-bin{margin-top:0}.full-bin-stat-div{margin-left:-15px;margin-top:-20px}.full-bin-stat{-webkit-backdrop-filter:blur(71.05000305175781px);backdrop-filter:blur(71.05000305175781px);background:#ed5b75;border:2px solid #fff;border-radius:200px;color:#fff;font-size:11px;font-style:normal;font-weight:800;padding:5px 8px;text-align:center}.dashboard-left-bottom{margin-top:50px;width:94%}.line-chart-container{background-color:#fff;border-radius:10px;height:200px;padding-bottom:20px;padding-left:10px;padding-top:5px;width:100%}.line-chart{height:100%;width:100%}.custom-tooltip{align-items:center;display:flex;flex-direction:column}.tooltip-amount{color:#fff;font-size:13px;font-weight:700;line-height:12px;margin-top:-23px}.recharts-cartesian-axis-line{display:none}.tagImg{width:60px}.dashboard-topRight-top{width:100%}.dashboard-topRight-top,.pieChart-cont{align-items:flex-start;display:flex;justify-content:center}.pieChart-cont{height:170px;margin-left:-100px;width:200px}.pieChart{height:100%;width:100%}.percent{color:#000;font-size:20px;font-style:normal;font-weight:500;margin-left:-115px;margin-top:80px}.symbol{color:#babec6}#mobile-dashboard-bins{display:none}.desktop-header{display:block}.menu-div,.mobile-header{display:none}.all-charts{align-items:center;justify-content:space-between}.all-average-cards,.all-charts{display:flex;flex-wrap:wrap;width:100%}.chart-cont{margin:3%;width:40%}.footer-cont{width:100%}@media (max-width:1300px){#dashboard-container{margin-left:30px;width:80.8%}.dashboard-container-right{padding-right:10px;width:29%}}@media (max-width:1250px){.nav-section{border-right:2px solid #f1f5f3;width:8%}.dashboard-content{padding-left:8%}.header-div{border-bottom:2px solid #f1f5f3;margin-left:2px;z-index:99}.dashboard-container{height:100%;padding-top:15%}#dashboard-container{margin-left:30px;width:100%}.dashboard-container-left{width:65%}.dashboard-left-top{width:100%}.dashboard-topLeft,.dashboard-topRight{height:100px;width:48%}.dashboard-topLeft-cont,.dashboard-topRight-cont{border-radius:10px;height:230px;width:100%}.dashboard-title{font-size:16px}.dashboard-container-right{margin-left:0;margin-top:-30px;padding-left:20px;padding-right:10px;padding-top:30px;width:25%}.pickUp-content{margin-top:10px;width:130%}.pickUp-info{margin-bottom:20px;padding-left:20px;width:100%}.name-loc{width:60%}.pickUp-name{font-size:12px;margin-bottom:0;margin-top:0}.pickUp-loc,.pickUp-time{font-size:9px;margin-bottom:0;margin-top:5px}.pickUp-time{width:30%}.pickUp-info img{height:12px;margin-left:0;width:12px}.dashboard-topLeft-bottom{height:45%;margin-top:-20%;width:100%}.bin-info{background-color:#ffe2e5;border-radius:5px;height:92%;padding:8px 5px 5px 8px;width:25%}.td-logo{height:60px;width:180px}.powered-text{font-size:22px;font-weight:600}.bin-no{font-size:12px;margin-top:8px}.bin-status{font-size:9px;margin-top:-5px}.bin-des{font-size:7px;margin-top:0}.dashboard-rightBottom{margin-top:30px}.dashboard-topLeft-top{border-radius:10px;height:45%;width:95%}.bin-frame{height:100%;width:106%}.waste-text{font-size:10px;line-height:16px;margin-left:20px;margin-top:-60px}.dashboard-topRight-bottom{width:100%}.bin-dot{margin-bottom:10px}.bin-stat{font-size:11px;margin-left:10px}.dashboard-left-center{margin-top:100px;width:85%}.bin-stat-div,.dashboard-rightTop,.dashboard-rightTop-cont{width:100%}.bin-statss{border-radius:8px;height:110px;padding:10px;width:65%}.deployed-bins,.undeployed-bins{font-size:8px;margin-top:-5px}.deployed-no{font-size:17px;margin-top:10px}.undeployed-no{font-size:16px;margin-top:5px}.deployed-bin{margin-top:0}.full-bin-stat-div{margin-left:-15px;margin-top:-20px}.full-bin-stat{border:2px solid #fff;border-radius:200px;color:#fff;font-size:9px;padding:5px 8px;text-align:center}.dashboard-left-bottom{margin-top:50px;width:84%}.line-chart-container{border-radius:10px;height:200px;padding-bottom:20px;padding-left:10px;padding-top:5px}.tooltip-amount{color:#fff;font-size:13px;margin-top:-23px}.tagImg{width:60px}.dashboard-topRight-top{align-items:flex-start;display:flex;justify-content:center;width:100%}.pieChart-cont{height:170px;margin-left:-100px;width:200px}.percent{font-size:18px;margin-left:-115px;margin-top:80px}.symbol{color:#babec6}.recentlyAdded-div{width:100%}.recentlyAdded-content{border-radius:5px;margin-bottom:20px;padding:10px 25px 10px 15px;width:160px}.recentlyAdded-content:hover{scale:1.025}.swiper-horizontal{overflow-x:scroll}.rc-rightSide{margin-left:10px}.rc-down-part{margin-top:-10px}.rc-des,.rc-loc{font-size:10px}.rc-loc{margin-bottom:5px}}@media (max-width:600px){.nav-section{border-right:2px solid #f1f5f3;width:8%}.dashboard-content{padding-left:0}.header-div{border-bottom:2px solid #f1f5f3;margin-left:2px;z-index:99}.td-logo{height:40px;width:120px}.powered-text{font-size:10px;font-weight:600;margin-top:0}.dashboard-container{height:100%;padding-top:20%}#dashboard-container{flex-direction:column;margin-left:30px;width:100%}.dashboard-container-left,.dashboard-left-top{width:100%}.dashboard-topLeft,.dashboard-topRight{height:100px;width:100%}.dashboard-topRight{height:40px;width:30%}.nitda-frame{height:120%;width:150px}.dashboard-topLeft-cont,.dashboard-topRight-cont{border-radius:10px;height:230px;width:100%}.average-heading,.dashboard-title{font-size:16px;margin-left:0}.dashboard-container-right{margin-left:0;margin-top:5%;padding-left:20px;padding-right:10px;padding-top:30px;width:85%}.pickUp-content{margin-top:10px;width:130%}.pickUp-info{margin-bottom:20px;padding-left:20px;width:100%}.name-loc{width:60%}.pickUp-name{font-size:12px;margin-bottom:0;margin-top:0}.pickUp-loc,.pickUp-time{font-size:9px;margin-bottom:0;margin-top:5px}.pickUp-time{width:30%}.pickUp-info img{height:12px;margin-left:0;width:12px}.dashboard-topLeft-bottom{height:45%;margin-top:-20%;width:90%}.bin-info{background-color:#ffe2e5;border-radius:5px;height:92%;margin-top:-20%;padding:8px 5px 5px 8px;width:20%}.bin-no{font-size:12px;margin-top:8px}.bin-status{font-size:9px;margin-top:-5px;text-align:left;width:100%}.bin-des{font-size:7px;margin-top:0}.dashboard-rightBottom{margin-top:30px}.dashboard-topLeft-top{border-radius:10px;height:45%;width:95%}.bin-frame{height:100%;margin-top:-5%;width:70%}.waste-text{font-size:12px;line-height:16px;margin-left:1.5%;margin-top:-60px;width:50%}.dashboard-topRight-bottom{width:100%}.bin-dot{margin-bottom:10px}.bin-stat{font-size:11px;margin-left:10px}.dashboard-left-center{margin-top:100px;width:85%}.bin-stat-div,.dashboard-rightTop,.dashboard-rightTop-cont{width:100%}.bin-statss{border-radius:8px;height:110px;padding:10px;width:90%}.deployed-bins,.undeployed-bins{font-size:8px;margin-top:-5px}.deployed-no{font-size:17px;margin-top:10px}.undeployed-no{font-size:16px;margin-top:5px}.deployed-bin{margin-top:0}.full-bin-stat-div{margin-left:-15px;margin-top:-20px}.full-bin-stat{border:2px solid #fff;border-radius:200px;color:#fff;font-size:9px;padding:5px 8px;text-align:center}.dashboard-left-bottom{margin-top:50px;width:84%}.line-chart-container{border-radius:10px;height:200px;padding-bottom:20px;padding-left:10px;padding-top:5px}.tooltip-amount{color:#fff;font-size:13px;margin-top:-23px}.tagImg{width:60px}.dashboard-topRight-top{align-items:flex-start;display:flex;justify-content:center;width:100%}.pieChart-cont{height:170px;margin-left:-100px;width:200px}.percent{font-size:18px;margin-left:-115px;margin-top:80px}.symbol{color:#babec6}.recentlyAdded-div{width:100%}.recentlyAdded-content{border-radius:5px;margin-bottom:20px;padding:10px 25px 10px 15px;width:160px}.recentlyAdded-content:hover{scale:1.025}.swiper-horizontal{overflow-x:scroll}.rc-rightSide{margin-left:10px}.rc-down-part{margin-top:-10px}.rc-des,.rc-loc{font-size:10px}.rc-loc{margin-bottom:5px}.average-container,.footer-cont{margin-top:10%}.footer-cont{margin-bottom:-7%;width:108%}.chart-cont{margin:3% 0;width:100%}.company-logos-div{justify-content:flex-start;width:100%}}.header-container{align-items:center;background-color:#fff;display:flex;justify-content:flex-start;padding:1%;position:fixed;width:200%;z-index:100}.header-title{color:#5c5c5c;font-size:24px;font-weight:700}.header-daqtank-logo,.mobile-menu{display:none}@media (max-width:900px){.header-title{color:#5c5c5c;font-size:20px;font-weight:700}}@media (max-width:768px){.header-title{color:#5c5c5c;font-size:14px;font-weight:700}}@media (max-width:600px){.header-container{justify-content:space-between;padding:3% 10% 3% 5%;position:fixed;width:90%}.header-daqtank-logo{color:#4285f4;display:block;font-size:16px;font-style:italic;font-weight:700;text-decoration:none}.header-title{display:none}.mobile-menu{display:block}}.nav-wrapper{background-color:#fff;border-right:2px solid #f1f5f3;height:100vh;position:fixed;width:9%;z-index:111}.nav-content{display:flex;flex-direction:column;height:100vh}.binLogo-div{align-items:center;display:flex;justify-content:center;margin-top:18px}.binLogo{height:30px;margin-bottom:0;width:90px}.low-nav-content{align-items:flex-start;height:100%;justify-content:space-between}.low-nav-content,.nav-links{display:flex;flex-direction:column}.nav-links{margin-top:25px;padding-left:3px}.nav-link{margin-top:30px;padding-left:50px}.activeLink{border-left:5px solid #4285f4;padding-left:45px}.logout img,.nav-link img{height:24px;width:24px}.logout img{margin-bottom:50px;margin-left:53px}.daqtanklogo{color:#4285f4;font-size:18px;font-style:italic;font-weight:700;text-decoration:none}.mobile-nav{display:none}@media (max-width:1200px){.binLogo-div{margin-top:23px}.binLogo{height:25px;margin-bottom:0;width:70px}.nav-links{margin-top:25px;padding-left:3px}.nav-link{margin-top:30px;padding-left:50px}.activeLink{border-left:5px solid #4285f4;padding-left:45px}.nav-link img{height:20px;width:20px}.logout img{height:24px;margin-bottom:50px;margin-left:53px;width:24px}.daqtanklogo{font-size:16px}}@media (max-width:900px){.binLogo-div{margin-top:15px}.binLogo{height:25px;margin-bottom:0;width:60px}.nav-links{margin-top:10px;padding-left:3px}.nav-link{margin-top:30px;padding-left:40px}.activeLink{padding-left:35px}.nav-link img{height:17px;width:17px}.logout img{height:18px;margin-bottom:70px;margin-left:40px;width:18px}.daqtanklogo{font-size:12px}}@media (max-width:768px){.binLogo-div{margin-top:8px}.binLogo{height:25px;margin-bottom:0;width:40px}.nav-links{margin-top:10px;padding-left:3px}.nav-link{margin-top:30px;padding-left:25px}.activeLink{border-left:3px solid #4285f4;padding-left:20px}.nav-link img{height:13px;width:13px}.logout img{height:14px;margin-bottom:100px;margin-left:25px;width:14px}.daqtanklogo{font-size:8px}}@media (max-width:600px){.nav-wrapper{align-items:center;background-color:initial;justify-content:center;top:4.7%;width:100%}.nav-content{display:none}.mobile-nav{background-color:#fff;height:40vh;justify-content:center;padding:20px;width:100%}.binLogo{height:25px;margin-bottom:0;width:40px}.nav-links{justify-content:center;margin-left:-20px;margin-top:10px}.nav-link,.nav-links{align-items:center;display:flex;padding-left:0}.nav-link{color:#4285f4;font-size:16px;font-weight:600;margin-top:20px;padding-bottom:0;text-decoration:none;text-transform:capitalize}.activeLink{border:3px solid #4285f4;border-radius:5px;padding:0 5px}.nav-link img{height:18px;margin-right:10px;width:18px}.logout{align-items:center;display:flex;margin-top:50px}.logout,.logout p{text-decoration:none}.logout p{color:#4285f4;font-size:16px;font-weight:600}.logout img{height:18px;margin-bottom:0;margin-left:0;margin-right:10px;width:18px}}.footer-wrapper{align-items:center;background-color:#fff;flex-direction:column;gap:20px;margin-bottom:-5%;padding:1%;width:100%}.footer-top,.footer-wrapper{display:flex;justify-content:space-between}.footer-top{align-items:flex-start;padding:1% 3%;width:95%}.footer-top a{align-items:center;color:#000;display:flex;gap:5px;text-decoration:none}.footer-top a:hover{color:#4285f4}.copywright-wrapper{border-top:1px solid #dcdcdc;display:flex;justify-content:center;width:100%}.copywright-wrapper h2{color:#5a5858}.copywright-wrapper h2,.footer-right p{font-size:18px;font-weight:600}.footer-right img{height:40px;width:100px}@media (max-width:600px){.footer-top{flex-direction:column;gap:10px;justify-content:flex-start;padding:3%}}.tank-wrap{border-radius:10px;display:flex;flex-direction:column;height:100%;padding:1% 5% 5%;width:90%}.tank-visualization-cont{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2%}.tank-visualization-left{width:45%}.tank-visualization-right{display:flex;flex-wrap:wrap;margin-top:-5%;width:50%}.tank-content{align-items:center;justify-content:center}.cylinder,.tank-content{height:250px;position:relative}.cylinder{background-color:#f0f0f0;border:2px solid #0a2540;border-radius:50px/25px;overflow:hidden;width:150px}.cylinder-fill{background-color:#007bff;bottom:0;height:0;left:0;position:absolute;transition:height .5s ease-in-out,background-color .5s ease-in-out;width:100%}.cylinder-base{background-color:#0a2540;border-radius:50%;height:20px;margin:5px auto 0;width:120px}.percentage-scale{display:flex;flex-direction:column;height:250px;justify-content:space-between;left:130px;position:absolute}.percentage-scale span{color:#333;font-size:10px}.tank-location{color:#666;font-size:12px;margin-top:8px;text-align:center}.tank-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tank-title{color:#374151;font-size:1.125rem;font-weight:500}.alert-container{align-items:center;display:flex;gap:4px}.alert-message{align-items:center;color:#f59e0b;display:flex}.alert-message span{font-size:.875rem;font-weight:500;margin-left:4px}.tank-visualization{background-color:#f3f4f6;border-radius:.5rem;height:16rem;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.tank-border{border:2px solid #e5e7eb;border-radius:.5rem;inset:0;position:absolute}.water-level{background:linear-gradient(0deg,#0d76ff,#3396ff);bottom:0;box-shadow:inset 0 0 20px #3b82f680;transition:height 1s ease-out}.water-level,.water-surface{left:0;position:absolute;right:0}.water-surface{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#66b0ff;height:8px;opacity:.3;top:0}.water-surface-2{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;animation-delay:.5s;background-color:#99cbff;height:4px;left:0;opacity:.2;position:absolute;right:0;top:4px}.level-markers{display:flex;flex-direction:column;height:99%;justify-content:space-between;padding:8px 3% 5% 4px;position:absolute;right:0;width:24px}.level-marker{font-size:.75rem;font-weight:600}.level-indicator{left:4px;position:absolute;transform:translateY(50%);transition:bottom 1s ease-out}.level-value{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000000d;color:#0d76ff;font-size:1.55rem;font-weight:600;padding:0 4px}.stat-card-cont{display:flex;justify-content:center;margin-top:5%;width:100%}.stat-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:.75rem;width:100%}.stat-card.full-width{width:100%}.stat-label{font-size:.875rem;font-weight:600}.stat-value{color:#1f2937;font-size:1.25rem;font-weight:600}.trend-container{align-items:center;display:flex}.trend-value{color:#1f2937;font-size:1.25rem;font-weight:600;margin-right:.5rem}.trend-indicator{align-items:center;display:flex}.trend-indicator.increasing{color:#22c55e}.trend-indicator.decreasing{color:#ef4444}.trend-indicator.stable{color:#6b7280}.trend-indicator span{font-size:.875rem;margin-left:4px}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.15}}@media (max-width:920px){.tank-visualization-cont{flex-direction:column;margin-bottom:0}.tank-visualization-left{width:100%}.tank-visualization-right{margin-top:0;width:100%}.stat-card-cont{margin-top:5%}}@media (max-width:600px){.tank-wrap{width:85%}.level-markers{padding-right:5%}.stat-card-cont{flex-direction:column;gap:5%}.stat-card.full-width{margin-top:5%;width:100%}}.average-card{background:linear-gradient(0deg,#0d76ff,#2a8ef9);border-radius:15px;display:flex;height:100px;justify-content:space-between;margin:8% 2.5%;padding:5%;width:35%}.card-left{align-items:flex-start;display:flex;flex-direction:column}.card-left p{color:#fff;font-size:16px;font-weight:500;margin-top:0}.card-left h2{color:#fff;font-size:18px;font-weight:700;margin-top:0}.card-icon-wrapper{align-items:center;background:#e5e8eb;border-radius:5px;display:flex;height:50px;justify-content:center;width:50px}@media (max-width:920px){.average-card{margin:2%;width:35%}.card-left p{font-size:14px}.card-left h2{font-size:16px}.card-icon-wrapper{height:35px;width:35px}}@media (max-width:600px){.average-card{margin:5% 3%;width:100%}.card-left p{font-size:16px}.card-left h2{font-size:20px}.card-icon-wrapper{height:40px;width:40px}}.chart-container{margin-bottom:20px;position:relative;width:100%}.chart-container,.large-volume{align-items:center;display:flex;flex-direction:column}.large-volume{background-color:#f5f9ff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:15px 25px}.large-volume .volume-value{color:#ffb347;font-size:24px;font-weight:700;margin-bottom:5px}.volume-value{font-size:36px;font-weight:600;position:absolute;right:40%;text-align:center;top:28%}.large-volume .volume-label{color:#666;font-size:14px}.small-graph{border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .2s ease;width:100%}.small-graph:hover{box-shadow:0 4px 8px #0000001a;transform:scale(1.02)}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;padding:25px;position:relative;width:80%}.modal-content h3{color:#2f6ccd;margin-bottom:20px;margin-top:0;text-align:center}.large-graph{display:flex;height:350px;justify-content:center;width:100%}.modal-close-button{background:none;border:none;color:#555;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px;transition:color .2s ease}.modal-close-button:hover{color:red}#bin-wrapper{justify-content:flex-start;width:100%}#bin-wrapper,.tank-content{display:flex;flex-direction:column}#tank-container{align-items:flex-start;display:flex;margin-left:10%;padding-top:10%;width:86%}.add-bin-div{display:flex;justify-content:flex-end;width:100%}.add-bin-btn{align-items:center;background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-style:normal;font-weight:600;height:40px;justify-content:center;padding:0 10px}.add-bin-btn:hover{background-color:#12489f}.add-bin-btn img{margin-right:5px}.bin-table-div{align-items:center;width:100%}.bin-table,.bin-table-div{display:flex;flex-direction:column}.bin-table{background:#fff;border:1px solid #f8f9fa;border-radius:20px;box-shadow:0 4px 20px 0 #eeeeee80;height:80vh;margin-bottom:50px;margin-left:30px;margin-top:20px;padding:5px 20px 20px;width:95%}.table-title{color:#272727;font-size:18px;font-style:normal;font-weight:600;margin-left:30px;text-align:justify}.bin-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.bin-table-header div{align-items:center;color:#96a5b8;display:flex;font-size:15px;font-style:normal;font-weight:400;justify-content:center;width:25%}.bin-table-row{align-items:center;border-top:1.5px solid #5c5c5c;cursor:pointer;display:flex;height:50px;justify-content:space-between}.bin-table-row:hover{background-color:#f8f9fa}.bin-table-row div{align-items:center;color:#272727;display:flex;font-size:14px;font-style:normal;font-weight:700;justify-content:center;text-align:justify;width:25%}#bin-num,#index{justify-content:flex-start;margin-left:30px}.see-more-btn{align-items:center;background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-style:normal;font-weight:600;height:40px;justify-content:center;padding:0 10px;width:128px}.see-more-btn:hover{background-color:#12489f}@media (max-width:600px){#tank-container{padding-top:20%;width:75%}.table-title{font-size:10px;margin-left:10px}.bin-table-row div{font-size:7px}.bin-table-header div{font-size:8px}#footer-cont{margin-bottom:-8%;margin-left:-13%;width:130%}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.tank-details-content{align-items:center;display:flex;flex-direction:column;width:"100%"}.tank-full-details{display:flex;flex-direction:column;width:100%}#stat-details{font-size:24px;margin-bottom:10px}#tankstat-details{align-items:center;display:flex;font-size:14px;gap:5%;width:40%}#tank-heading{color:#124ca9;font-size:28px}.tankstat-cont{display:flex;flex-wrap:wrap}.close-iccon{display:flex;justify-self:flex-end;width:50px}#tank-stat-details{display:flex;justify-self:flex-start;text-decoration-line:underline;width:100%}@media (max-width:768px){#stat-details{font-size:18px;margin-bottom:10px}#tankstat-details{font-size:12px;width:50%}#tank-heading{font-size:20px}.close-iccon{width:40px}}@media (max-width:600px){#stat-details{font-size:18px}#tankstat-details{font-size:12px;width:100%}#tank-heading{font-size:18px}.close-iccon{width:40px}}.bin-details-wrapper{align-items:center;background-color:rgba(0,0,0,.418);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:111}.save-btn:hover{background-color:#12489f}.bin-details{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px 0 #eeeeee80;margin-bottom:40px;padding:10px 30px 30px;width:60%}.bin-details-heading{color:#5c5c5c;font-size:18px;font-style:normal;font-weight:700;margin-bottom:30px}.bin-reg-form{display:grid;grid-template-columns:1fr 1fr}.bin-reg-form label{display:flex;flex-direction:column;margin-bottom:15px}#select-field,.bin-reg-form label,.bin-reg-form label input{color:#272727;font-size:14px;font-style:normal;font-weight:600}#select-field,.bin-reg-form label input{background:#c4c4c440;border:none;border-radius:5px;height:40px;margin-top:10px;outline:none;padding-left:15px;padding-right:10px;width:90%}.bin-reg-form label input::placeholder{color:#b5b5b5}#select-field{width:96%}.save-cancel-btn{align-items:center;display:flex;justify-content:center;margin-top:40px}.cancel-btn,.save-btn{background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-style:normal;font-weight:600;height:40px;margin-right:10px;width:105px}.cancel-btn{background-color:#fff;border:1px solid #4285f4;color:#4285f4}.cancel-btn:hover{background-color:#f8f9fa;border:1px solid #12489f;color:#12489f}@media (max-width:650px){.bin-reg-form{display:grid;grid-template-columns:1fr}.save-cancel-btn{margin-top:25px}.cancel-btn,.save-btn{font-size:10px;height:30px;width:80px}.bin-details-heading{font-size:14px}.bin-reg-form label{font-size:11px}#select-field,.bin-reg-form label input{font-size:11px;height:30px;margin-top:5px}}#user-container{display:flex;flex-direction:column;margin-left:-50px;width:100%}#user-containn{margin-bottom:300px;margin-top:-10%;width:90%}.user-top{align-items:center;display:flex;justify-content:space-between;width:100%}.user-top-left-div{background-color:#fff;border-radius:15px;padding:10px 30px 30px;width:90%}.user-top-left-div,.userTop-left{align-items:flex-start;display:flex;justify-content:flex-start}.userTop-left{flex-direction:column;margin-right:-20px}.userTop-center{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-left:30px}.statistic{color:#272727;font-size:16px;font-style:normal;font-weight:600}.stat-cont,.stat-status{align-items:flex-start;display:flex;flex-direction:column}.bin-stat{align-items:center;display:flex}.stat-text{color:#000;color:var(--colors-black-100,#000);font-size:13px;font-style:normal;font-weight:400;margin-left:10px}.user-bottom{width:100%}.user-table{background:#fff;border:1px solid #f8f9fa;border-radius:20px;box-shadow:0 4px 20px 0 #eeeeee80;display:flex;flex-direction:column;margin-bottom:50px;margin-top:20px;padding:5px 20px 20px;width:96%}.user-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.user-table-header div{align-items:center;color:#96a5b8;display:flex;font-size:15px;font-style:normal;font-weight:400;justify-content:flex-start;margin-right:20px;width:18%}.user-table-row{align-items:center;border-top:1.5px solid #5c5c5c;display:flex;height:50px;justify-content:space-between}.user-table-row div{align-items:center;color:#272727;display:flex;font-size:14px;font-style:normal;font-weight:700;justify-content:flex-start;text-align:justify;width:14%}#numb,#serial{margin-left:30px;width:9%}#serial{width:7%}#us-email{margin-left:30px;margin-right:50px;width:20%}#u-det{color:#4285f4;cursor:pointer;text-decoration:underline}#u-det:hover{color:#12489f}#full{color:#ed5b75}#used{color:#fbb142}#empty{color:#4fdfb1}.first-chart{align-items:center;display:flex;flex-direction:column;justify-content:center}.binChart-cont{border-radius:100px;height:200px;width:200px}.binChart{height:100%;width:100%}.chart-bg{align-items:center;background-color:#dcfce7;border-radius:50%;display:flex;height:140px;justify-content:center;margin-top:-180px;width:140px}#fullBin{background-color:#ffd7d7}#usedBin{background-color:#fdecd1}#unassignedBin{background-color:#dad7fe}@media (max-width:1300px){.userTop-center{display:grid;grid-template-columns:1fr 1fr 1fr;margin-left:30px}}@media (max-width:1100px){.user-top{align-items:flex-start;width:90%}.user-top-left-div{justify-content:space-between;width:60%}.userTop-center{display:grid;grid-template-columns:1fr 1fr;margin-left:60px}}@media (max-width:950px){.user-top{width:110%}.userTop-center{display:grid;grid-template-columns:1fr;margin-left:40px}}@media (max-width:850px){.user-top{width:140%}.user-table-header div,.user-table-row div{font-size:9px;margin-right:20px}}@media (max-width:650px){.user-top{width:150%}.user-table-header div,.user-table-row div{font-size:7px;margin-right:20px}}@media (max-width:600px){#user-wrap{padding-left:7%}.user-top{flex-direction:column-reverse;margin-left:-20px;width:160%}.user-top-left-div{margin-top:20px;width:70%}.user-table-header div,.user-table-row div{font-size:4px;margin-right:5px}.user-bottom{margin-top:-10%}#user-containn{width:100%}#us-email,#user-email{width:10%}#user-footer-cont{width:98%}}#user-details{background-color:#fff;box-shadow:-2px 2px 4px 0 #2665c9;display:flex;flex-direction:row;height:650px;padding:10px}.user-details-left,.user-details-right{width:50%}.leaflet-container{border-radius:5px;height:80vh;width:100%;z-index:1}.close-div{display:flex;justify-content:flex-end;margin-bottom:20px}.close-div img{cursor:pointer;height:30px;width:30px}.trash-div{align-items:center;display:flex;justify-content:center}.trash-img{border:2px solid #a6bee4;border-radius:15px;padding:10px}.user-details-right{display:flex;flex-direction:column;overflow:scroll;padding:20px 20px 20px 50px}.user-details-con,.user-full-details{align-items:flex-start;display:flex;flex-direction:column}.user-details-con{margin-right:10px;margin-top:8px}.details-des,.details-title{color:#272727;font-size:12px;font-style:normal;font-weight:600;margin-top:0}.details-title{color:#4285f4;font-size:12px;margin-bottom:1px}.tankstat-div{align-items:flex-start;display:flex;flex-direction:column}.tantstat-cont,.usertank-detais{display:grid;grid-template-columns:1fr 1fr}.tankstat-details{align-items:center;color:#959595;display:flex;font-size:9px;font-weight:400;gap:5px;margin-right:15px}.stat-details{color:#272727;font-size:13px;margin-bottom:0;text-decoration:underline}@media (max-width:600px){#user-details{background-color:#fff;display:flex;flex-direction:column-reverse;padding:10px}.user-details-left,.user-details-right{width:100%}.user-details-right{margin-bottom:10px;padding-left:0}}
/*# sourceMappingURL=main.d1f10cb3.css.map*/