@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);.rec.rec-carousel-wrapper .rec-carousel:focus,.rec.rec-carousel-wrapper .rec-slider-container .rec-slider:focus,.rec.rec-carousel-wrapper .rec-slider-container .rec-slider div:focus,.rec.rec-carousel-wrapper .rec-slider-container:focus,.rec.rec-carousel-wrapper:focus{outline:none}.rec.rec-carousel-wrapper .rec-slider-container{background:#fff;font-size:small}.fyDwak{padding:8px}.rec.rec-carousel-wrapper .rec-carousel button{background:#fff;border:none!important;color:#376fff;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:24px;height:20px;line-height:18px;font-size:18px}.controls-wrapper{width:100%;padding:8px}.rec.rec-carousel-wrapper .rec-pagination .rec.rec-dot.rec{box-shadow:none;background:rgba(0,0,0,.1)}.rec.rec-carousel-wrapper .rec-pagination .rec.rec-dot.rec.rec-dot_active{background:#fff;border:1px solid #376fff}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{background:#eff0f5;color:#444}a{color:#fff;text-decoration:none}.mainFlex{display:inline-block}.SideBar{background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:0;width:300px;left:0;height:100%;border-right:1px solid #d1d1d1;z-index:100}.SideBar .logo{display:inline-block;position:relative;width:75%;text-align:center}.SideBar .logo img{margin-top:10px;display:inline-block;width:150px}.SideBar ul{width:100%;position:relative;margin-top:24px}.SideBar ul li a{font-size:18px;font-weight:200;margin:0;padding:5px;color:#444}.SideBar ul li:hover{background-color:#eff0f5}.SideBar ul li:hover img{-webkit-filter:invert(40%) sepia(66%) saturate(3292%) hue-rotate(222deg) brightness(97%) contrast(94%);filter:invert(40%) sepia(66%) saturate(3292%) hue-rotate(222deg) brightness(97%) contrast(94%)}.SideBar ul li:hover a{color:#5d64ee}.SideBar ul li.selected .menuicon{fill:#5d64ee}.SideBar ul li.selected img{-webkit-filter:invert(40%) sepia(66%) saturate(3292%) hue-rotate(222deg) brightness(97%) contrast(94%);filter:invert(40%) sepia(66%) saturate(3292%) hue-rotate(222deg) brightness(97%) contrast(94%)}.SideBar ul li.selected a{color:#5d64ee}.baseWidget{width:160px;height:111px;margin:16px}.radialProgress{display:inline-block;width:250px;height:250px;margin:10px;position:relative;font-size:18px}.radialProgress .CircularProgressbar .CircularProgressbar-path{stroke:#5d64ee;stroke-linecap:butt}.radialProgress .CircularProgressbar .CircularProgressbar-trail{stroke:#ff4242}.radialProgress .textZone{position:absolute;width:100%;top:75px;display:flex;flex-direction:column;align-items:center}.locationWidget{min-height:605px;min-width:75%;padding:10px;box-sizing:initial;display:inline-block}.widgetPool{display:inline-block;width:400px;min-height:100px;text-align:right}.listWidget{display:inline-block;min-height:300px}.listWidget h2{padding-top:20px;padding-left:20px;font-size:18px}.listWidget .list ul{margin:0;padding-top:10px;padding-left:20px;list-style-type:none}.listWidget .list ul li{font-size:14px}.listWidget .list ul li.alert p{color:#ff4242}.listWidget .list ul li.warning p{color:orange}.listWidget .list ul li span{float:left;margin:5px;width:8px;height:8px}.graphWidget{width:400px;min-height:325px;display:inline-block}.waterConsumptionWidget{width:450px;min-height:268px;display:inline-block;vertical-align:top}.waterConsumptionWidget h2{width:100%;text-align:left;font-size:18px;font-weight:300;padding:10px}.waterConsumptionWidget .droplet{width:50%;float:left;display:inline-block;height:100%;margin-top:20px;position:relative}.waterConsumptionWidget .droplet img{width:90px;left:70px;position:absolute;z-index:0;opacity:.3}.waterConsumptionWidget .droplet h1{position:relative;color:#5d64ee;font-size:50px;font-weight:400;margin-top:33px}.waterConsumptionWidget .droplet p{position:relative;margin-top:33px;font-size:16px;font-weight:100}.waterConsumptionWidget .droplet h1,.waterConsumptionWidget .droplet p{z-index:1}.sensorWidget{text-align:center;display:inline-block;margin:5px;max-width:170px;padding:10px 40px 20px;box-sizing:border-box;vertical-align:top}.sensorWidget h2{font-size:45px;font-weight:400;color:#444}.sensorWidget p{color:#444;font-weight:300;font-size:15px}.lineGraph,.lineGraph h2{display:inline-block}.lineGraph h2{font-size:18px;color:#444;margin-left:20px}.notificationWidget{width:450px;padding-left:10px}.notificationWidget #closeicon,.notificationWidget #closeicon:hover{opacity:1%}.riskMeter{width:250px;margin-top:25px;display:inline-block}.riskMeter text{font-size:12px;fill:#fff;font-weight:500;letter-spacing:-.05em}.riskMeter path{stroke:#fff;stroke-miterlimit:10;stroke-width:4}.buttonGroup,.buttonGroup .uButton{display:inline-block}.buttonGroup.full-page-fill{width:100%}.buttonGroup.centerItems{text-align:center}.uButton{width:200px}.uButton,.uButton button{cursor:pointer;position:relative}.uButton button{outline:none;border:none;color:#fff;text-align:left;background-color:#d0d0d0;font-size:20px;font-weight:500;padding:10px 30px}.uButton button:hover{background-color:#5d64ee}.uButton button.withIcon{cursor:pointer;padding:5px 15px 10px 10px}.uButton button img{padding:0;top:5px;margin:0 10px 0 0;position:relative;width:20px}.textbox{padding:10px 100px;text-align:center;font-size:20px}.textbox,.textbox2{outline:none;border:none;box-shadow:0 2px 5px 0 rgba(0,0,0,.25);background-color:#fff}.textbox2{width:365px;padding:10px 20px;text-align:left;font-size:18px;font-weight:300}.deviceWidget{text-align:center;display:inline-block;margin:5px;width:200px;height:200px;padding:20px}.deviceWidget svg{width:150px}.deviceWidget h2{font-size:18px;font-weight:400;color:#444;padding-bottom:15px}.deviceWidget p{color:#444;font-weight:300;font-size:15px}.toggleSwitch{-webkit-user-select:none;user-select:none;cursor:pointer}.toggleSwitch rect,.toggleSwitch text{transition:all .3s ease-in-out}.rowdefault{color:#444;width:820px}.mapWidget{width:500px;height:450px;position:relative}.TimeFrameSelector{width:100%;text-align:left;vertical-align:top;min-height:10px;position:relative;display:inline-block;font-size:12px}.TimeFrameSelector .item{position:relative;float:left;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 30px;display:inline-block}.TimeFrameSelector .item.selected{background-color:#5d64ee;color:#fff}.trackBar{position:relative}.trackBar input{position:absolute;top:-6px;left:-3px;width:100%;opacity:0}.trackBar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #000;height:50px;width:30px;opacity:0;border-radius:1px;padding:15px;background:#fff;cursor:pointer;top:10px;margin-top:0}.trackBarWrapper{position:relative;display:inline-block;width:400px}.trackBarWrapper .trackBar,.trackBarWrapper .wrapperValue,.trackBarWrapper h5{display:inline-block;float:left;font-size:16px}.trackBarWrapper .wrapperValue{width:50px;text-align:center}.trackBarWrapper .wrapperValue,.trackBarWrapper h5{margin-right:5px;margin-left:5px}.trackBarWrapper h5{width:120px;text-align:left}.trackBarWrapper .trackBar{width:200px}.settingoptions{padding-left:20px;font-size:20px;text-align:left}.OnOfftoggle{float:right;-webkit-user-select:none;user-select:none;cursor:pointer}.OnOfftoggle circle{transition:all .3s ease-in-out}.loadingData{margin:10px;font-size:16px}.loadingData .lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.loadingData .lds-ripple div{position:absolute;border:4px solid #5d64ee;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.loadingData .lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0;left:0;width:72px;height:72px;opacity:0}}.crumbs .crumb{position:relative;display:inline-block}.crumbs .crumb:not(:last-child):after{content:">";margin-left:5px;margin-right:5px;font-size:15px}.crumbs .crumb a{font-size:18px;color:#444;font-weight:300}.crumbs .crumb a:hover{color:#5d64ee;text-decoration:underline}.listTable{width:100%;text-align:left;border-collapse:collapse}.listTable>caption{font-size:20px;text-align:left;color:#5d64ee;padding-bottom:10px}.listTable thead{font-size:13px;font-weight:lighter}.listTable tr{border-bottom:1px solid #eff0f5}.listTable tbody{color:#444;font-size:20px}.listTable tbody .details{color:#5d64ee;width:100%;text-align:center;font-size:15px;font-weight:400;display:inline-block;vertical-align:middle;padding-bottom:5px;padding-top:5px}.listTable tbody .details:hover{text-decoration:underline}.indicator{position:relative;width:16px;height:16px;border-radius:100%;vertical-align:middle;display:inline-block}.indicator.alert{background-color:#ff4242}.indicator.warning{background-color:orange}.indicator.green{background-color:#46c26f}header{margin-top:50px;padding-left:15px;display:block;position:relative}.locationsetting{display:inline-block;float:right}.settingbutton{vertical-align:bottom;display:inline-block;float:left;padding-bottom:50px;padding-top:20px}.radialProgress .wrapper{width:100px;height:100px;position:absolute;clip:rect(0,100px,100px,50px)}.radialProgress .circle{width:80px;height:80px;border:10px solid green;border-radius:50px;position:absolute;clip:rect(0,50px,100px,0)}.radialProgress div[dataAnim~=base]{-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-webkit-animation-timing-function:linear}.radialProgress .wrapper[dataAnim~=wrapper]{-webkit-animation-duration:.01s;-webkit-animation-delay:3s;-webkit-animation-name:close-wrapper}.radialProgress .circle[dataAnim~=left]{-webkit-animation-duration:6s;-webkit-animation-name:left-spin}.radialProgress .circle[dataAnim~=right]{-webkit-animation-duration:3s;-webkit-animation-name:right-spin}@-webkit-keyframes right-spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(180deg)}}@-webkit-keyframes left-spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-webkit-keyframes close-wrapper{to{clip:rect(auto,auto,auto,auto)}}.homeSection .homeWidgets{width:100%}.homeSection .row{vertical-align:top}.locations .mainGrid{margin-top:132px;text-align:center}.grid-container{width:1230px;min-width:300px;margin-left:auto;margin-right:auto}@media(max-width:600px){.grid-container{width:300px}}.chart-indicator-box{display:flex;justify-content:center;align-items:center;margin-left:.5rem;margin-right:.5rem}.chart-indicator{width:18px;height:18px;border-radius:50%;background-color:#58ca8a;margin-right:.5rem}.color-primary{color:#46c26f}.color-alert{color:#ff4242}.color-highlighter{color:#5d64ee}.clearFonts{font-size:0}
/*# sourceMappingURL=main.29bbff43.chunk.css.map */