main.container{padding:0;margin-left:0;margin-right:0;border:0;max-width:100%}.body{width:10px;margin-top:30;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.4rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{background-color:#777575;font-family:arial}.navbarRibbon{background-color:#ece9e9}body,html{height:100%}.bg1{background-image:url(https://simplglobal.com/wp-content/uploads/2020/03/five-bulb-lights-1036936-scaled.jpg)}.bg1,.bg2{height:320vh;background-position:fixed;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;z-index:-2}.bg2{background-image:url(https://simplglobal.com/wp-content/uploads/2018/09/slider1-1.jpg)}.bg3{background-image:url(https://simplglobal.com/wp-content/uploads/2018/09/slider13.jpg)}.bg3,.bg4{height:320vh;background-position:fixed;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;z-index:-2}.bg4{background-image:url(https://simplglobal.com/wp-content/uploads/2020/03/Modified_brown-framed-light-bulb-745708-scaled.jpg)}.bg5{background-image:url(https://simplglobal.com/wp-content/uploads/2020/03/Modified_bright-buildings-clear-close-up-425202-scaled.jpg)}.bg5,.bg6{height:320vh;background-position:fixed;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;z-index:-2}.bg6{background-image:url(https://simplglobal.com/wp-content/uploads/2018/09/slider6.jpg)}.bg7{background-image:url(https://simplglobal.com/wp-content/uploads/2020/03/Modified_light-painting-at-night-327509.jpg)}.bg7,.bg8{height:320vh;background-position:fixed;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;z-index:-2}.bg8{background-image:url(https://simplglobal.com/wp-content/uploads/2020/03/white-lantern-lot-2541310-scaled.jpg)}.bg9{background-image:url(https://simplglobal.com/wp-content/uploads/2020/03/illuminated-cityscape-against-blue-sky-at-night-316093.jpg)}.bg9,.bg10{height:320vh;background-position:fixed;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;z-index:-2}.bg10{background-image:url(https://simplglobal.com/wp-content/uploads/2020/03/architecture-blur-bridge-construction-416899-scaled.jpg)}.pagination .page-item.active .page-link{background-color:tomato;border-color:tomato;color:#fff}.pagination .page-link{color:#676b6b;border-color:tomato}.pagination .page-link:hover{background-color:#ff8268;color:#fff;border-color:tomato}.simplImage{z-index:1}.navLink{color:#ffc000;border:0}.navLink,.navLink2{font-family:arial;font-size:13px;padding:5px}.navLink2{font-style:bold;font-weight:700;color:#2d5c88;margin:0}.code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.farid_small_btn{width:100px;padding:10px}.faridFormStyle{width:300px;font-weight:750;font-size:.7rem}.faridFormStyle,.table{font-family:arial;color:#2d5c88}.table{font-weight:550;font-size:10px;text-align:center;padding:0}.table tr:hover{background-color:#f5f5f5}.table thead{font-size:12px;font-weight:750;color:#199b14}.table td{text-align:center}.table th{font-size:10px;font-weight:750;color:#199b14}.tableThermostat{font-family:arial;font-weight:550;color:#2d5c88;font-size:10px;text-align:center;padding:0;background-color:none;background-clip:content-box,padding-box,border-box}.thermostatRow{border-top:2px solid #fff;border-bottom:2px solid #fff;background-color:none}.thermostatRow:hover{border-top:2px solid #34479b;border-bottom:2px solid #34479b;background-color:#d4d5e9}.tableThermostat tr{border:none}.tableThermostat tr:hover{background-color:none}.tableThermostat thead{font-size:12px;font-weight:750;color:#199b14}.tableThermostat td{text-align:center;background-color:none}.tableThermostat th{font-size:10px;font-weight:750;color:#199b14}.icon{width:50px}.formLabel{width:180px;padding-bottom:0}.form-group,.formLabel{font-family:arial;font-weight:550;color:#2d5c88;font-size:10px}.form-group{width:200px}.form-control2{width:200px;font-family:arial;font-weight:550;color:#784feb;font-size:12px;border:2px solid #cecccc;border-radius:4px;height:30px;padding-left:10px;padding-bottom:0;margin-bottom:10px}.basicButton{background-color:#e4bb34}.basicButton,.basicDisabledButton{color:#fff;border-radius:5px;font-size:13px;height:35px}.basicDisabledButton{background-color:#ead799}.iconButton{color:#fff;border-radius:0;background-color:#fff;border-color:#fff;font-size:13px;height:15px;width:15px;padding:0;margin:0;opacity:1;border-style:none}.basicParagraph{width:360px;font-size:12px}.basicParagraph,.basicParagraphMap{font-family:arial;font-weight:550;color:#2d5c88;padding-left:0;padding-bottom:0;margin-bottom:10px}.basicParagraphMap{width:85px;font-size:9px}.rtWrapper{background:#c8c8c8;width:200px;margin:20px;font-family:arial;font-weight:550;color:#2d5c88;font-size:16px}.footer{font-size:11px;position:fixed;left:0;bottom:0;padding:5px;width:100%;background-color:#ece9e9;text-align:center;z-index:4}.footer,.modal{font-family:arial;font-weight:450;color:#2d5c88}.modal{height:350px}.modalTitle{width:300px;font-family:arial;font-weight:550;font-size:10px;color:#1e90ff}.modalTextSmall{font-weight:450;font-size:10px;color:#000}.modalTextLarge{font-size:12px;text-align:Center}.modalBody{width:100%!important;margin-top:30px;margin-left:10px;font-family:arial;font-weight:750;font-size:12px;color:#2d5c88}.modalLine{width:90%;margin-left:0;margin-right:5%;height:1px;position:absolute;background-color:#e4bb34;color:#e4bb34;border:none}.table2{border:2px solid #fff;width:350px;margin:0}.table2 td{float:right;margin-left:5px;margin-right:5px}.table3{border:2px solid #fff;width:350px;position:relative;left:50%;transform:translateX(-50%)}.tableTariff{font-family:arial;font-weight:550;color:#2d5c88;font-size:10px;text-align:center;padding:10px;margin:10px}.tableTariff thead{font-size:10px;font-weight:750;color:#e01245}.tableTariff tbody{padding:0;max-width:360px}.tableTariff tr:hover{background-color:#f5f5f5;padding:0;max-width:1px}.tableTariff td{text-align:center;color:#2d5c88;margin:0;padding-right:5px;padding-left:5px;border:1px solid #cec5c5}.led-red-on{background-color:#fa0881;box-shadow:0 -1px 7px 1px #fc0101,inset 0 -1px 9px #fa0505,0 2px 12px red}.led-blue-on,.led-red-on{margin:0 auto;width:0;height:4px;border-width:0;border-radius:50%}.led-blue-on{background-color:#007bff;box-shadow:0 -1px 7px 1px #06f,inset 0 -1px 9px #0091ff,0 2px 12px #0cf}.led-red-off{margin:20px auto;width:12px;height:12px;background-color:#9e0404;border-radius:50%}.led-yellow-on{margin:0 auto;width:0;height:4px;border-width:0;border-radius:50%;background-color:#f8b704;box-shadow:0 -1px 7px 1px #f8b704,inset 0 -1px 9px #f8b704,0 2px 12px #f8b704}.led-yellow-off{margin:20px auto;width:12px;height:12px;background-color:#ca9503;border-radius:50%}.led-green-on{background-color:#04f825;box-shadow:0 -1px 7px 1px #04f825,inset 0 -1px 9px #3fcc52,0 2px 12px #04f825}.led-gray-on,.led-green-on{margin:0 auto;width:0;height:4px;border-width:0;border-radius:50%}.led-gray-on{background-color:#a5a1a1;box-shadow:0 -1px 7px 1px #555454,inset 0 -1px 9px #a5a1a1,0 2px 12px #a5a1a1}.led-green-off{margin:20px auto;width:12px;height:12px;background-color:#690;border-radius:50%}.label-cursor{cursor:pointer}.pagination-container{flex-direction:column}.pagination-container,.pagination-top-row{display:flex;align-items:center;grid-gap:6px;gap:6px}.pagination-top-row{flex-wrap:wrap}.pagination-controls{display:flex;align-items:center;grid-gap:2px;gap:2px}.pagination-controls button{border:none;background:none;padding:4px 8px;margin:0 2px;border-radius:50%;color:#333;cursor:pointer;transition:all .3s ease;font-size:10px;min-width:30px;min-height:30px}.pagination-controls button.active{background-color:#007bff;color:#fff;font-weight:700}.pagination-controls button:disabled{color:grey;cursor:not-allowed;opacity:.5;background:none}.pagination-controls button:focus{outline:2px solid #007bff;outline-offset:2px}.pagination-dropdown select{padding:2px 4px;font-size:10px;border:1px solid #ccc;border-radius:6px;background-color:#f9f9f9;color:#333;cursor:pointer;transition:border-color .3s ease;height:28px}.pagination-dropdown select:focus{border-color:#007bff;outline:none}.pagination-dropdown select:hover{border-color:#007bff}.pagination-info{display:flex;align-items:center;grid-gap:6px;gap:6px;font-family:Arial,sans-serif;font-weight:550;color:#555;font-size:10px;padding-bottom:0;margin-top:4px}div#dashboard-container-header{padding:.5em;font-size:17px;color:#1e90ff;display:flex;border-bottom-style:none;border-bottom-color:#a9a9a9;height:2em;font-style:italic;font-weight:700}#graph-area{height:250px;position:relative;left:0}#graph-area,#graph-area2{border:2px solid #fff;max-width:100%}#graph-area2{height:80px}#graph-area3{height:150px}#graph-area3,#walkin-graph-area{border:2px solid #fff;max-width:100%}#walkin-graph-area{height:250px;position:relative;left:0}#walkin-graph-area2{border:2px solid #fff;max-width:100%;height:80px}#thermostat-chart,#walkin-chart{border:2px solid #fff;max-width:100%;height:250px;position:relative;left:0}#onTime-chart,#openDoor-chart{border:2px solid #fff;max-width:100%;height:90px}#bldgPower-chart{border:2px solid #fff;max-width:100%;height:250px;position:relative;left:0}#demand-graph,#graph-area-interval{border:1px solid #fff;max-width:100%;height:350px;margin-left:10px}#graph-area-interval2{border:2px solid #fff;max-width:80%;height:300px;margin-left:150px}#money-graph{border:2px solid #fff;max-width:100%;height:350px;margin-left:10px;margin-bottom:200px}#gauge-area-1{border:0 #000;width:350px;height:400px;margin-left:50%;transform:translateX(-175px);box-shadow:50px 50px 50px 0 rgba(0,0,0,.2),50px 50px 50px 0 rgba(0,0,0,.2),50px 50px 50px 0 rgba(0,0,0,.2),50px 50px 50px 0 rgba(15,15,15,.19);z-index:1}#gauge-area-2{border:1px #000;width:250px;height:200px;margin-left:50%;transform:translate(-127px,20px)}.iconsPosition{position:absolute;top:20px;z-index:10}div#dashboard-container-header-text{flex:0 0 75%}div#dashboard-container-header-icons{flex:1 1;text-align:right}div.dash-container{background-color:#fff;padding-left:0;padding-right:0;padding-top:0;width:100%;left:0;display:flex;float:left;position:relative;flex-direction:column}div.dash-top-row{background-color:#fff;width:auto;display:flex;flex:1 0 auto;flex-direction:row}div.dash-graph-box-top{background-color:#fff;max-width:100%;margin:10px;flex:1 0 auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}div.dash-middle-row{display:flex;flex:1 0 auto;flex-direction:row;height:30em}div.dash-middle-row-half-left-column,div.dash-middle-row-half-right-column{display:flex;flex-direction:column;flex:1 0 auto;min-width:50%;max-width:50%;margin:0;padding-left:0;padding-right:0}div.dash-bottom-row-left-column{display:flex;flex-direction:column;flex:1 0 auto;min-width:33%;max-width:33%}div.dash-bottom-row-middle-column{display:flex;flex-direction:column;flex:1 0 auto;min-width:33%;max-width:34%}div.dash-bottom-row-right-column{display:flex;flex-direction:column;flex:1 0 auto;min-width:33%;max-width:33%}div.dash-history-box{background-color:#fff;margin:10px;flex:1 0 auto;height:30em;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}div#bills-pie-chart,div#history-bar-chart{width:100%;height:30em}div.dash-connect-box,div.dash-simpl-global-box{background-color:#fff;height:30em}div.dash-connect-box,div.dash-graph-box-middle,div.dash-simpl-global-box{margin:10px;flex:1 0 auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}div.dash-graph-box-middle{background-color:hsla(0,0%,100%,.99);max-width:100%;height:23em}div.dash-bill-pie-chart-box{height:30em}div.dash-bill-pie-chart-box,div.dash-devices-box{background-color:#fff;margin:10px;flex:1 0 auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}div.dash-devices-box{height:61em}div#dash-device-row-container{padding-left:15px;height:7em;border-bottom-style:solid;border-bottom-color:grey;display:flex;flex-direction:row}div#dash-device-row-logo{line-height:6.5em;flex:1 0 auto;min-width:15%;max-width:15%}div#dash-device-row-id{flex:1 0 auto;line-height:4.9em;padding-left:10px;max-height:25%;font-size:20px;color:grey}div#dash-device-row-data{flex:1 0 auto;display:flex;flex-direction:row}div#dash-device-column-power{flex:1 0 auto;padding-left:10px;min-width:33%;max-width:34%;border-left-style:solid;border-left-color:grey}.containerBoxes{border:2px solid #000;width:10%}.containerBoxMesh{border:2px #fff;top:0}.containerBoxMesh,.containerBoxNumbers{width:10%;float:right;position:relative}.containerBoxNumbers{top:-450px;right:-150px}.containerGraph{border:2px solid #fff;width:100%;height:600px;margin:0;padding:0}.orange-progress-bar{background-color:#8a0d4b!important}.progressBar1{width:480px;font-size:11px;font-weight:700;transform:rotate(270deg) translateX(310px) translateY(-220px);color:#fff;text-align:center;padding-top:0}.progressBar2{transform:rotate(270deg) translateX(325px) translateY(-195px)}.progressBar2,.progressBar3{width:480px;font-size:11px;font-weight:700;color:#fff;text-align:center;padding-left:0;padding-top:0}.progressBar3{transform:rotate(270deg) translateX(340px) translateY(-165px)}.progressBarPowerStack{width:480px;transform:rotate(270deg) translateX(340px) translateY(-165px);color:purple;padding-left:0;padding-top:0}.progressBarPowerStack,.systemClock{font-size:11px;font-weight:700;text-align:center}.systemClock{width:310px;margin-left:50%;transform:translateX(-155px)}.systemClock,.systemClockNode{border-radius:5px;color:#ffc000;background-color:#777575;padding-top:5px;padding-bottom:5px}.systemClockNode{width:1150px;margin-left:25px;font-weight:700;font-size:11px;text-align:center}.containerSimplView{width:325px}.containerSimplNodeVu,.containerSimplView{position:fixed;left:50%;transform:translateX(-50%)}.containerSimplNodeVu{width:1200px}.mainMenuIcons{width:325px}.mainMenuIcons,.mainMenuNodesIcons{background-color:#f7f1f1;border:0 solid #f7f1f1;border-radius:5px;padding-top:5px}.mainMenuNodesIcons{width:1200px}.mainMenuContainer{width:325px}.mainMenu{height:200px;width:150px;border-radius:10px;color:#fff;font-size:30px;font-weight:800;margin:5px}.graphLegend{height:7px;width:15px;border-radius:2px;margin:2px;padding:0}.ui-datepicker{width:65px;height:auto;margin:2px;padding:1px;border-width:0;font-weight:bolder;text-align:center;font:8pt Arial;box-shadow:0 0 10px 0 rgba(54,51,51,.5019607843137255)}.progressBarBox,.progressBarBoxPurple{width:130px;padding-top:0;transform:translateY(10px)}.progressBarBoxPurple{-info:#b31c7d}.percentParagraph{font-size:10px;font-weight:700;color:#fff;text-align:right;padding-top:0;transform:translateY(10px);margin:0}.indicateParagraph{border:2px solid #fff;width:60px;font-family:arial;font-weight:400;color:#2d5c88;font-size:9px;padding:0;margin:0;text-align:right}.progress.vertical{position:relative;width:30px;height:150px;display:inline-block;margin-right:10px}.progress.vertical,.progress.vertical>.progress-bar{box-shadow:0 0 10px 0 rgba(54,51,51,.5019607843137255)}.progress.vertical>.progress-bar{width:100%!important;position:absolute;bottom:0}.progress-bar{float:left;width:0;height:100%;line-height:15px;color:#fff;text-align:center;box-shadow:0 0 10px 0 rgba(54,51,51,.5019607843137255)}.ExcelTable2007{border:1px solid #fff;border-width:1px 0 0 1px;font-size:10px;font-family:arial;font-weight:100;border-spacing:0;border-collapse:collapse}.ExcelTable2007 th{background-repeat:repeat-x;font-weight:400;font-size:12px;border:1px solid #fff;border-width:0 1px 1px 0;height:17px;text-align:center;color:#fff}.ExcelTable2007 td{width:20px;background-color:#fff;padding:0 4px 0 2px;border:1px solid #fff;text-align:center}.ExcelTable2007 td b{background-color:#856565;font-weight:700;border:1px solid #fff;color:#fff}.ExcelTable2007 td.heading{background-color:#fff;text-align:center;border:1px solid #fff;border-width:0 1px 1px 0;color:#fff}.ExcelTable2007 th.heading{background-repeat:none;border:1px solid #fff}.inputTariff{background-color:#395181;width:250px;border-radius:10px;color:#fff;font-family:arial;font-size:12px}.App{text-align:center}.App-logo{animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3d63c23e.chunk.css.map */