@import url(https://fonts.googleapis.com/css?family=Roboto:300,500);@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;src:local("Ubuntu Regular"),local("Ubuntu-Regular"),url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoKfw72nU6AFw.woff2) format("woff2")}@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;src:local("Ubuntu Bold"),local("Ubuntu-Bold"),url(https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoCjC3jsGyNPYZvgw.woff2) format("woff2")}*{box-sizing:border-box}#dashDate{align-items:center;display:flex;height:5%;justify-content:center;width:100%}.material-symbols-outlined{word-wrap:normal;font-feature-settings:"linga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Ubuntu;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}:root{--primary:#058810;--error:#f00c0c}body{background:#eaedea;overflow:hidden}.defaultButton,body{font-family:Ubuntu;margin:0}.defaultButton{background:#9aaf9a;border:none;border-radius:0;color:#384975;cursor:pointer;font-size:1em;padding:3px 5px}.defaultButton.select{background-color:#384975;color:#9aaf9a}.dataExTime{display:flex;flex-direction:column;position:relative;top:.5rem}.dataExTime button{left:50%;margin-left:-5rem;position:relative;width:10rem}.defaultButton:hover{background:#d3cccc66}.defaultButton:disabled{background-color:#ccc;border-color:#e03030;color:#666;cursor:not-allowed}header{background:#fff}header .container{align-items:center;background-color:#9aaf9a;display:flex;height:10vh;justify-content:space-between;margin-bottom:0;margin-top:0;padding:0 1rem}header a{color:#333;text-decoration:none}.pages{height:90vh;margin-bottom:0;margin-top:0;max-height:100vh;max-width:100vw;overflow:disabled;padding-bottom:0;padding-top:0;position:relative}@keyframes color-fade{0%{background-color:#85615b00}50%,to{background-color:rgba(133,97,91,.452)}}.sidebar-overlay{animation:color-fade 1s linear forwards;background-color:rgba(133,97,91,.452);height:100%;position:absolute;width:100vw;z-index:3}.fade{opacity:0;transition-delay:.3s,0s;transition-duration:0s,.3s;transition-property:visibility,opacity;transition-timing-function:linear;visibility:hidden}.fade.is-shown{opacity:1;transition-delay:0s;visibility:visible}.sidebar-tab{background-color:#384975dd;border-bottom-right-radius:.7rem;cursor:pointer;flex:1 1;height:2rem;left:0;top:0;transition:.3s;width:2rem;z-index:4}.sidebar-tab.hide{width:0}.sidebar-container{display:flex;flex-direction:row;min-width:0;position:absolute}.sidebar{align-items:flex-start;background-color:#9aaf9a;display:flex;height:100vh;left:0;overflow:hidden;overflow-wrap:normal;transition:.3s;white-space:nowrap;width:0;z-index:3}.sidebar.show{width:20rem}.sidebar.show-mobile{width:75vw}.site{grid-gap:100px;display:grid;gap:100px;grid-template-columns:3fr 1fr;height:80vh;overflow-x:hidden;width:100vw}.site-container{margin-top:1.5rem;max-height:50vh;overflow-y:auto}.sitePage-flex{position:absolute}.sitePage-container{max-height:75vh;max-width:30vw;min-width:11rem;overflow-y:auto}#chartHeader{display:flex;height:6.5rem;justify-content:space-between;width:100%}#liveChartData{font-size:5rem}#displayChartTitle,#liveChartData{color:#fff;flex:1 1;text-align:center}#displayChartTitle h2{font-size:3rem;font-weight:100;margin-bottom:0;margin-top:.5rem}.arrow-parent{align-items:center;display:flex;height:100%;justify-content:space-between;position:relative;width:100%}.arrow-container{flex-shrink:0;height:4rem;position:relative;width:3rem}.arrow-container.left{margin-left:.3rem}.arrow-container.right{margin-right:.3rem}.arrow-left,.arrow-right{background-color:#384975;height:100%;position:absolute;width:60%}.arrow-left{-webkit-clip-path:polygon(100% 0,0 50%,100% 100%);clip-path:polygon(100% 0,0 50%,100% 100%);left:0}.arrow-right{-webkit-clip-path:polygon(0 0,100% 50%,0 100%);clip-path:polygon(0 0,100% 50%,0 100%);right:0}.mid-arrow{flex-grow:1;height:100%}#overViewBar{background-color:#333;border-radius:2rem;height:95%;margin-bottom:2.5%;margin-right:.5rem;margin-top:1.5%;position:absolute;right:0;top:0;width:26vw;z-index:5}#liveOverview{background-color:#ffffff63;border-radius:2rem;padding:5%;position:absolute;right:5%;top:3%}#liveOverview,.liveOvTab{display:flex;flex-direction:column;width:90%}.liveOvTab{align-items:center;font-family:Ubuntu;font-size:2rem;font-weight:700;height:5rem;justify-content:center;left:50%;margin-left:-45%;position:relative}.liveOvLable{font-size:1.2rem;left:0;position:absolute;top:0}.loadImgDiv{align-items:center;display:flex;height:100%;justify-content:center}#chartLogo{flex:1 1}.liveData-container{max-height:75vh;min-width:25rem;overflow-x:hidden;overflow-y:auto}.liveData_portrait-container{align-items:center;max-height:80vh;max-width:100vw;min-width:11rem;overflow-x:hidden;overflow-y:scroll;padding-left:2vw;padding-right:2vw}.liveData-container ul,.liveData_portrait-container ul{padding-left:0}.liveData-holder{margin-bottom:3rem;overflow-x:hidden;width:100%}.sitePage-list{overflow:auto}.chartContainer{background-color:#9aaf9a;border-radius:10px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;color:#fff;display:flex;flex-direction:column;height:96vh;margin-left:auto;margin-right:auto;max-width:92vw;padding:1%;position:relative;width:100%}.gateway{grid-gap:100px;display:grid;gap:100px;grid-template-columns:3fr 1fr}.gateway-container{margin-top:1.5rem;max-height:50vh;overflow-y:auto}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#cfeafb00;border-radius:0}::-webkit-scrollbar-thumb{background:#e1e1e1;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#bcbbbb}.nav-container{flex-direction:column;gap:1.3rem;overflow-x:auto;overflow-y:auto;overflow:hidden;padding-block:2rem;padding-left:.5rem;width:100%;z-index:2}#liveDataDiv{color:inherit}ul.nav-container li{background-color:none;border-radius:10rem 0 0 10rem;color:#f7f5f5;cursor:pointer;font-size:1.6rem;font-weight:200;padding:.5rem 1rem;text-align:center;text-shadow:0 -3px 3px #fff3;white-space:nowrap;width:100%;z-index:3}a:hover,a:visited,ul.nav-container li a{color:#666;text-decoration:none}ul.nav-container li:hover{background-color:#9aaf9a}ul.nav-container li.active{background-color:#7d967d;position:relative}ul.nav-container li.active:after,ul.nav-container li.active:before{--border-radius:1rem;background-color:#9aaf9a;border-radius:100vw;content:"";height:var(--border-radius);position:absolute;right:0;width:var(--border-radius)}ul.nav-container li.active:before{border-radius:0 0 100vw 0;box-shadow:5px 5px 0 5px #7d967d;top:calc(var(--border-radius)*-1)}ul.nav-container li.active:after{border-radius:0 100vw 0 0;bottom:calc(var(--border-radius)*-1);box-shadow:5px -5px 0 5px #7d967d}.nav-filler{background-color:#7d967d;height:100%;margin-left:auto;width:1rem}.manage-details{align-content:center;background:#fffefe;border-radius:4px;box-shadow:2px 2px 5px #0000000d;display:flex;justify-content:space-between;margin:2px auto;padding:20px;position:relative}.manage-details h4{color:#058810;color:var(--primary);font-size:1.2em;margin:0 0 10px}.manage-details p{color:#555;font-size:.9em;margin:0}.manage-details span{background:#f1f1f1;border-radius:50%;color:#333;cursor:pointer;margin-left:10px;padding:6px;position:absolute;position:static;right:20px;top:20px}input,label{display:block}input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;margin-bottom:20px;margin-top:10px;padding:10px;width:100%}div.error{background:#ffefef;border:1px solid #f00c0c;border:1px solid var(--error);border-radius:4px;color:#f00c0c;color:var(--error);margin:20px 0;padding:10px}input.error{border:1px solid #f00c0c;border:1px solid var(--error)}nav{align-items:center;display:flex;width:100%;z-index:0}nav a,nav button{font-family:Ubuntu;margin-left:10px}form.login{margin:40px auto;max-width:400px;padding:20px}form.login,form.signup{background:#bdbaba;border-radius:4px;font-family:Ubuntu}form.signup{margin:1vw auto;padding:1vw;width:15vw}.navLogo{height:10vh}.chartLogo,.navLogo{margin-top:.5rem;width:auto}.chartLogo{flex:1 1;height:12vh;margin-left:.5rem}.material-symbols-outlined :hover{background-color:#000}#dashboard-container{background-color:#152d3e;box-shadow:5px 7px 12px #00000080;display:flex;flex-grow:1;height:97%;padding:1vh 1vw 3vh}#chart-container{background-color:#273241;border-radius:0;box-shadow:0 7px 12px #0006;height:100%;margin-bottom:10vh;padding-bottom:1vh;width:85%}.liveData{background-color:#373737;border-radius:1px;color:#cfcfcf;font-size:2.5em;margin-bottom:.3vw;margin-top:.3vh;width:16vw}.liveData:after{content:"W";font-size:1em}.liveData-image{margin:0;max-height:100%;width:100%}.fullscreen-content{height:85vh;left:0;margin-bottom:0;margin-left:0;margin-right:0;padding:10px;position:fixed;right:0;top:10vhx;width:98.66%}#fullscreenButton{position:fixed}#chartSize{height:100%}@color-card-background: #2d3638;@color-tag-background: #191e20;@color-anchor: #e37544;@color-body-copy: #b9bcbd;@default-border-radius: 10px;@breakpoint-medium: "screen and (min-width: 700px)";.background{background-position:50%;background-size:cover;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.bckgImage{height:100%;opacity:.6;width:100%}#liveViewChart,#overviewBoard{overflow:hidden}.content{height:100%;position:relative;width:100%;z-index:2}.content.overview{height:100%;padding-bottom:0;width:80vw}.pieChartContainer{background-color:#fff9;border-radius:2rem;bottom:0;height:50%;margin-bottom:5%;margin-left:5%;margin-right:5%;padding-left:5%;padding-right:5%;padding-top:2%;position:absolute;width:90%}.form-popup-bg{align-content:center;background-color:#727272e6;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;overflow:hidden;overflow-y:auto;position:absolute;position:fixed;right:0;top:0;transition:opacity .3s 0s,visibility 0s .3s;visibility:hidden;width:100%;z-index:10000}.form-popup-bg.is-visible{opacity:1;transition:opacity .3s 0s,visibility 0s 0s;visibility:visible}.form-container{background-color:#9aaf9a;border-radius:10px;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;color:#fff;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-height:80vh;max-width:80vw;overflow:auto;padding:1.5%;position:relative;width:100%}.close-button{z-index:1}.form-popup-bg:before{background-color:#fff;bottom:0;content:"";left:0;opacity:.25;position:absolute;right:0;top:0}table{border-collapse:collapse;width:100%}td,th{padding:8px;text-align:center}td:first-child,th:first-child{text-align:left}.error{border:1px solid red}.dropdown,.input{border:1px solid #ccc;border-radius:3px;font-size:14px;outline:none;padding:5px}.input{transition:border-color .3s}button,input,keygen::-webkit-keygen-select,optgroup,select,select[_moz-type=-mozilla-keygen],textarea{color:automatic;font:inherit;margin:.5em 0 0}#formScrollContainer{height:100%;overflow-y:auto}.formButton{height:2em;width:9em}.dashboard-button{align-items:center;border:none;border-radius:0;box-shadow:0 4px 8px #0000001a;color:#384975;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-top:10px;min-height:3rem;padding-left:.1rem;padding-right:.1rem;text-decoration:none;transition:background-color .3s ease-in-out;width:99%}.dashboard-button,.innerSpan-div{background-color:#9aaf9a;text-align:center;-webkit-user-select:none;user-select:none}.innerSpan-div{flex-grow:1;padding:1rem 2rem}.dash-chart-mobile{height:0}.dash-chart-mobile-select{height:auto}.svg1{height:2rem;position:relative;transition:.4s linear;width:0}.svg1-active{width:2rem}.glossy-frame:before{background:#ffffff4d;background:linear-gradient(top,#ffffff1a,#ffffff4d);border-bottom-left-radius:200px 20px;border-bottom-right-radius:200px 10px;border-top-right-radius:5px 100px;content:"";height:45%;position:absolute;right:-5%;top:-15%;transform:rotate(10deg);width:130%}.expired{color:red}.cards{align-items:center;display:flex;height:90vh;justify-content:center;overflow:hidden;width:100vw}.card-container{display:flex;flex-direction:row;max-width:100vw;overflow-x:scroll;padding-bottom:3rem;width:auto}.card{align-items:center;background-color:#d3bebe4d;box-shadow:0 6px 6px #00000030,0 3px 3px #0000003b;display:flex;flex-direction:column;height:22rem;justify-content:space-between;margin-inline:.4rem;min-width:12rem;padding:.8rem;position:relative;width:12rem}.card .navLink{background-color:#fff;z-index:1}.card h2{z-index:1}.card-background{align-items:center;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100%}.card-background img{height:100%;object-fit:cover;width:auto}.card h2{margin:0;text-align:center;text-justify:center}.sitePage-flex{display:flex;width:100vw}.sitePage-container{max-height:70vh;max-width:50vw;min-width:20rem;overflow-y:scroll;padding-left:1rem;padding-right:1rem}.sitePage-timeContainer{overflow:scroll}.sitePage-list{max-height:30vh;overflow:none}ul{list-style-type:none}.chartContainer-vertical{background-color:#9aaf9a;border-radius:0;box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b;display:flex;flex-direction:column;max-width:100vw;padding:0;width:100%}.adCon{position:relative}.adInfo{bottom:0;color:#000;font-size:.6rem}.adInfo,.close-button{position:absolute;right:0}.close-button{background:none;border:none;color:#fff;height:40px;top:0;width:40px}.sitePage-timeContainer{max-height:30vh;overflow-x:auto;overflow-y:auto}.sitePage-devices{background:red}.paramList{color:#384975;max-height:30vh;overflow-x:hidden;overflow-y:scroll;padding-left:.5rem;transition:.2s linear}.paramList-closed{max-height:0}.paramList-open{max-height:30vh}.paramList li{align-items:center;background:#8fa68f91;cursor:pointer;display:flex;flex-direction:row;margin:.2rem;padding-bottom:.3rem;padding-left:.5rem;padding-top:.3rem;-webkit-user-select:none;user-select:none}.paramList li:hover{background:#65756591}.overLay{background:#eaeaea00;display:flex;flex-direction:row;height:80vh;padding-left:0;padding-right:0;position:absolute;right:-90vw;right:0;top:0;transition:.4s linear;width:100vw;z-index:1}.overLay-true{right:0}.overLay-false{right:-90vw}.overlayTab{align-items:center;background:#0000;display:flex;justify-content:center;width:10vw}.overlayTab span{cursor:pointer;-webkit-user-select:none;user-select:none}.overlayTab div{-moz-border-radius-topleft:15px;-moz-border-radius-bottomleft:15px;align-items:center;background-color:#9aaf9a;border-radius:-4px;-webkit-border-bottom-left-radius:15px;border-bottom-left-radius:15px;-webkit-border-top-left-radius:15px;border-top-left-radius:15px;display:flex;height:4rem;justify-content:center;width:100%}.checkbox-container{align-items:baseline;display:flex;margin:1rem}.checkbox-label{margin-right:10px}
/*# sourceMappingURL=main.ca8df42e.css.map*/