.wrapper{height:100vh}.details-container{width:25%;position:absolute;top:20px;left:74vw}.map-container{width:100%;border:1px solid black}.location-container{height:10%;padding:5%}.link-container{width:50%;display:flex;justify-content:space-around;align-items:center;height:8%}.link-container>img{width:10%}.aqi-live-health-container{height:20%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3px;gap:3px;text-align:center}.data-status-container{background-color:#e2e2e2;color:#009600;height:80%;padding:15%}.data-status-container>h1{font-size:35px}.data-status-container>p{color:#2d2d2d;margin-top:15px;font-size:12px}.sidebar{position:absolute;left:40px;top:20px;border-radius:26px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.meter-container{height:20%}.time-series-graph-data-container{height:30%;background-color:#7b7b7b;color:white}.date-container{height:5%}.select-map-type{width:15vw;padding:0;height:5vh;font-weight:400;font-size:14px}.aqi-scale{margin:1vh auto 0;width:90%;height:10%!important;border-radius:3px}.aqi-labels{display:flex;justify-content:space-between;width:90%;font-size:12px;margin:.6rem auto 0}.aqi-labels span{flex:1 1}.selectbox-container{background-color:white;height:max-content;border-radius:6px;position:absolute;left:84vw;top:20px;display:flex;flex-direction:column;padding:0;outline:none;border:none;box-shadow:0 4px 6px #0000001a}.left{left:57.5vw}.location-container{background-color:#FCFCFC;padding:4%;display:flex;border-radius:5px;box-shadow:0 4px 6px #0000001a}.location-name{font-size:1rem;font-weight:700;color:#123A69}.location-name-details{font-size:.8rem;color:#575757;font-weight:300}.icon-container{display:flex;justify-content:space-between;width:30%;margin-top:5%}.status-container{background-color:#FCFCFC;height:15vh;border-radius:5px;display:flex;justify-content:space-evenly;align-items:center;margin-top:2vh;text-align:center;box-shadow:0 4px 6px #0000001a}.link-icons{width:18%;height:18%}.circle{width:26px;height:26px;border-radius:50%;background-color:#E9D51E}.status-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:80%}.status-header{font-size:13px;font-weight:500;text-align:center}.value-p{font-size:1.5rem;font-weight:800}.small-result{font-size:15px;font-weight:500}.smaller-result{font-size:12px;font-weight:300}.dashboard-report-container{background-color:#FCFCFC;max-height:45vh;overflow-y:auto;border-radius:5px;margin-top:2vh;display:flex;justify-content:start;align-items:center;flex-direction:column;padding-bottom:5%;box-shadow:0 4px 6px #0000001a}.select-container{display:flex;justify-content:space-evenly;align-items:center;width:100%;padding:2%}.location-icon{height:45%}.date-list-select,.parameter-list-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='black'><path d='M7 10l5 5 5-5H7z'/></svg>");background-repeat:no-repeat;background-position:calc(100% - 30px);background-size:16px;background-color:#F5F6FA;color:#1a1a1a;font-size:.81rem;font-weight:400;padding:3% 5%;border:none;outline:none;border-radius:8px;width:40%}.data-point-container{display:grid;grid-template-columns:repeat(3,1fr);width:90%;height:100%;text-align:center;place-items:center}.data-point-container>div{background-color:#f1f1f1;padding:10px;max-height:2vh;text-align:center}.charts-container{height:45%;border:1px solid black;width:90%;text-align:center;padding:3%}.text-container{margin-top:8%;border-radius:8px;width:100%;padding:5%}.aqi{margin-top:3.5%!important}.close-button{color:#E89F9F;position:fixed;top:3%;right:1.5%;cursor:pointer}.logo-banner{width:80%;margin:auto;cursor:pointer}.map-searchbox{width:20%;height:3%;position:absolute;top:20px;left:6.5vw;border-radius:30px;padding:1.3%;color:#202224;background-color:white;border:none;outline:none;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000}.select-map-type{height:35px}.aqi-labels{margin-top:.4rem}.location-finder-button{height:2rem;width:2rem;position:absolute;bottom:10vh;right:.4rem;z-index:100;background-color:white;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1)}.location-finder-svg{width:50%;color:#858585}.data-icon{justify-content:center}.data-icon,.data-item{display:flex;align-items:center}.data-item{padding:0 5%;width:100%;margin-top:2vh;justify-content:space-evenly}.data-item>*{width:100%}.data-icon-image{width:35%}.data-key{font-size:1.4rem;font-weight:500}.data-value{font-size:1.5rem;font-weight:800;text-align:center}.data-unit{font-size:1rem;font-weight:400}.data-key,.data-unit{text-align:center}.timeseriescontainer{background-color:#151515B0;width:95%;height:7%;position:absolute;top:90%;left:2%;border-radius:5px;color:white;display:flex;justify-content:space-around;align-items:center;padding:.3% .3% .3% 4%}.datetimetext{font-weight:400;font-size:.82rem;line-height:100%}.slider{width:55%}.time-option{font-weight:500;font-size:15px}.MuiSpeedDialAction-staticTooltipLabel{box-shadow:none!important}@media only screen and (min-width:992px){#MenuBar-actions{margin-top:-50px}.sidebar{width:4.5%;top:10px}.map-searchbox{left:8vw;height:35px}.selectbox-container{left:78vw;width:20%}.select-map-type{width:100%;height:max-content}.left{left:52vw!important}.close-button{width:1.5%!important;top:2.5%}.location-icon{height:35%}.location-name{font-size:.8rem}.location-name-details{font-size:.65rem}.humid-value,.temp-value{font-size:1rem;color:#123A69;font-weight:400;margin-bottom:.5rem}.aqi-value{font-weight:600;font-size:1.7rem}.aqi-text{font-weight:500;font-size:1rem;color:#123A69;margin-top:auto}.humid-text,.temp-text{color:#123A69;font-weight:500;font-size:.8rem}.aqi-not-used{font-size:.5rem;color:white;font-weight:500}.humid-unit,.temp-unit{color:#808080;font-weight:500;font-size:.5rem}.data-key{font-size:.8rem}.data-value{font-size:1rem;font-weight:600}.data-unit{font-size:.8rem}.location-finder-button{bottom:11vh}}@media only screen and (min-width:1024px){.map-searchbox{height:40px;width:25%;top:10px;left:7vw}.sidebar,.sidebar-expanded{height:auto;padding:1% 0}.sidebar-expanded{width:18%}.MuiSpeedDialAction-staticTooltip,.main-fab-button{width:100%!important}.main-fab-button{top:5px;border-radius:15px!important}.MuiSpeedDialAction-tooltipPlacementRight{margin-left:-60px}#MenuBar-actions{margin-top:-35px;width:40px}.sidebar.sidebar-expanded .sidebar-action{background-color:transparent!important}.sidebar-action{margin:auto!important}.MuiInputBase-input,.MuiOutlinedInput-input,.MuiSelect-outlined,.MuiSelect-select{padding:16px}.legend-container{background-color:#F1F1F1;border-radius:0 0 6px 6px;height:6vh}.css-1thqmle-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-1thqmle-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-1thqmle-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{padding:10px}.timeseriescontainer{width:90%}.datetimetext{font-size:.7rem}.location-finder-button{bottom:12vh}.location-finder-svg{width:60%!important;margin-top:3px}}@media only screen and (min-width:1280px){.map-searchbox{left:7.5vw}.main-fab-button{top:10px}.sidebar-action{margin:2px auto!important}#MenuBar-actions{margin-top:-28px}.sidebar-expanded{width:15%}}@media only screen and (min-width:1280px) and (min-height:950px){.sidebar-action{margin:3px auto!important}}@media only screen and (min-width:1366px){.map-searchbox{padding:.7rem;top:15px}}@media only screen and (min-width:1440px){.map-searchbox{left:5.9vw;height:45px;top:10px}.sidebar{width:4%}.sidebar-expanded{width:13.5%}.MuiSpeedDialAction-staticTooltipLabel{font-size:1.1rem!important}.legend-container{height:4vh}.select-map-type{height:45px}.selectbox-container{width:16%;left:83vw}.left{left:57vw!important}.location-name{font-size:1rem}.location-name-details{font-size:.7rem}.humid-value,.temp-value{font-size:1.3rem}.humid-text,.temp-text{font-size:1rem}.aqi-value{font-size:2rem}.aqi-text{font-size:1.2rem}.aqi-not-used{font-size:1rem}.humid-unit,.temp-unit{font-size:.8rem}.data-value{font-size:1.3rem;font-weight:600}.location-finder-button{bottom:10vh}}@media only screen and (min-width:1600px){.legend-container{height:5vh}.sidebar{width:3.5%}.sidebar-expanded{width:12%}.css-1thqmle-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-1thqmle-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.css-1thqmle-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{padding:14px}.map-searchbox{height:55px;padding:1rem;font-size:1.1rem}.timeseriescontainer{top:91%;height:6.5%;width:93%}.location-finder-button{bottom:8.3vh}.datetimetext{font-size:1rem}.status-container{height:11vh}.aqi-labels{font-size:14px}.data-key{font-size:1.1rem}.data-value{font-size:1.5rem}.data-unit{font-size:.9rem}.location-name{font-size:1.2rem}.location-name-details{font-size:.85rem}}@media only screen and (min-width:1920px){.sidebar{width:2.8%;left:2vw!important}.sidebar-expanded{width:12%}.map-searchbox{left:5.5vw}.selectbox-container{width:14%;left:85vw}.status-container{height:14vh}.left{left:59vw!important}.legend-container{height:5vh}.location-name{font-size:1.5rem}.location-name-details{font-size:.9rem}.humid-value,.temp-value{font-size:1.8rem}.aqi-value{font-size:2.5rem}.humid-text,.temp-text{font-size:1.3rem}.humid-unit,.temp-unit{font-size:1rem}.aqi-text{font-size:1.5rem}.aqi-not-used{font-size:1.2rem}.data-key{font-size:1.1rem}.data-value{font-size:1.7rem;font-weight:700}.data-unit{font-size:1.1rem}.location-finder-button{bottom:8.5vh}}@media only screen and (min-width:1920px) and (min-height:1200px){.sidebar-expanded{width:10.5%}}@media only screen and (min-width:2048px){.map-searchbox{height:60px;padding:1.3rem}.sidebar-action{width:50px!important;height:50px!important;margin:3.5px auto!important}.sidebar-expanded{width:10%}.location-finder-button{bottom:7vh}.datetimetext{font-size:1.5rem}.legend-container{height:4vh}}@media only screen and (min-width:2560px){.datetimetext{font-size:1.6rem}.play-pause-btn{font-size:30px!important}.sidebar-action{height:55px!important;width:55px!important}.sidebar-expanded{width:9%}.chart-scroll-wrapper{height:65vh}.map-searchbox{height:65px;font-size:1.3rem;padding:1.5rem}}