body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}scrollbar{width:12px}scrollbar-thumb{background-color:#888}scrollbar-thumb:hover{background-color:#555}*{margin:0;padding:0;box-sizing:border-box}nav{display:flex;width:100vw;position:relative;z-index:100;align-items:center;justify-content:space-between;padding:15px 20px;background-image:linear-gradient(to right,#cef8ff,#2ac4dc);box-shadow:0 0 10px 4px #b4046599}#navbar{display:flex;position:relative;align-items:center;justify-content:center;max-width:800px;width:100%}.clogo{color:#000;display:flex;align-items:center;font-weight:600;justify-content:center}.seticon{display:flex;align-items:center;cursor:pointer;justify-content:center}#navbar li{list-style:none;padding:0 20px;position:relative}.mylinks{display:flex;justify-content:center;align-items:center;list-style:none;margin:0}#navbar li a.active{background-color:#fff;border-radius:10px;box-shadow:0 0 2px 1px #0006;padding:10px}#navbar li a{text-decoration:none;font-size:18px;font-weight:600;color:#000;transition:.3sec ease-in-out}.sidebar{padding-right:25px;position:fixed;top:76px;right:-400px;width:320px;height:100%;transition:right .3s;z-index:1000;bottom:0;overflow-y:auto;overflow-x:hidden}.sidebar.open{right:0}.closeButton{position:absolute;top:10px;right:10px;background-color:transparent;border:none;cursor:pointer}.closeButton:focus{outline:none}.closeButton:hover{color:red}a{color:#000;text-decoration:none}#navbar li a:hover:after,#navbar li a.active:after{content:"";width:30%;height:3px;background:#570b4b;position:absolute;bottom:-4px;left:30px}#mobile icon{justify-content:center}.sidebar .activeListItem:after{content:"";display:block;width:50%;height:4px;background-color:#570b4b;position:absolute;bottom:3px}@media screen and (max-width: 768px){#navbar{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;position:fixed;z-index:20;top:90px;right:-300px;height:100vh;width:300px;background-image:linear-gradient(to top,#1b8899,#1faec5);box-shadow:0 40px 60px #0000001a;padding:40px 0 0 10px}#navbar.active{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;position:absolute;top:76px;right:0;height:100vh;width:300px;background-image:linear-gradient(to top,#1b8899,#1faec5);box-shadow:0 40px 60px #0000001a;padding:40px 0 0 10px;transition:.3sec ease-in-out}.sidebar ul a,.sidebar ul li{width:90%!important}#mobile{display:block}#navbar li{margin-bottom:25px}#mobile icon{font-size:24px;cursor:pointer}}#SvgjsLine1613{stroke-width:2}@media screen and (max-width: 768px){.css-95g4uk{flex-direction:column!important;width:100%!important}.css-dmufe2-MuiGrid-root{flex-direction:column!important}}@media screen and (min-width: 850px) and (max-width: 1300px){.radialChartOuter{display:flex;flex-direction:row;align-items:center}.css-yp45mw-MuiGauge-container,.css-1pp5nhl-MuiGauge-container,.css-ejlhd8-MuiGauge-container,.css-zx89n7-MuiGauge-container{width:200px!important}.css-1cubbgr{padding:2px!important;height:5rem}.css-1a2cb24{margin-left:0!important}.css-1o7apob-MuiGrid-root{padding-left:1px!important}.css-zow5z4-MuiGrid-root>.MuiGrid-item{padding-left:15px!important}.css-zow5z4-MuiGrid-root>.MuiGrid-item{padding-top:37px!important}.css-3o42dk{padding:55px 14px!important}.css-1u6vyp7,.css-xkld3b,.css-adx8wm,.css-1t7ap0{width:225px!important}}.css-10hburv-MuiTypography-root{color:#8d7171}.sidebar{background-color:#1faec5}.sidebar ul a,.sidebar ul li{background-color:#fff;margin:12px;border-radius:10px}.css-1ygcj2i-MuiTableCell-root{font-size:16px;font-weight:600!important}.css-1ex1afd-MuiTableCell-root{font-weight:500}.css-1jy569b-MuiFormLabel-root-MuiInputLabel-root{background-color:#fff}.table-cell{border-right:1px solid white;width:200px;padding:10px 0}.tablecellstyle{background-color:#1faec5;width:200px;padding:10px}.css-1jy569b-MuiFormLabel-root-MuiInputLabel-root{font-weight:600!important;letter-spacing:1px!important}.snackbar-right{left:auto!important;right:10px!important}.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input,.css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root{border:1px solid black!important;border-radius:3px!important}tabindex{border-radius:5px!important}.css-1jy569b-MuiFormLabel-root-MuiInputLabel-root{background-color:#f1f1f1}.css-1blu1sr-MuiGrid-root{flex-basis:20%!important}.css-1ald77x{background:#eaeaea!important;font-weight:600!important;font-size:19px!important}.operationschart{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;margin-top:-24px;width:calc(100% + 80px);margin-left:-24px}.css-19kzrtu{padding:0!important}.css-175vtcd-MuiGrid-root{width:100%!important}.css-1knjxvk{border:2px solid white!important;padding:4px!important}.css-3zx7e6{flex-basis:0%!important}.css-1hw9j7s,.css-sghohy-MuiButtonBase-root-MuiButton-root{background-color:#4895a1!important;color:#000!important}.css-3zx7e6{box-sizing:border-box;margin:0;flex-direction:row;flex-basis:50%;-webkit-box-flex:0;flex-grow:0;max-width:55%}.container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#bbb}.form-container .right-content{text-align:center;width:100%;padding:30px 50px;display:inline-block;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #570b4b;margin:50px auto;display:block;background:#fff;border-radius:5px}body{background:#74747421}.form-container .right-content .form-title{color:#1faec5;font-family:Oswald,sans-serif;font-size:40px;font-weight:400;text-align:left;text-transform:uppercase;padding:0 0 2px;margin:0 0 30px;border-bottom:2px solid #1FAEC5}.form-container .right-content .form-horizontal{color:#5b5959;font-size:14px;text-align:left;margin:0 0 15px}.form-container .form-horizontal .form-group{margin:0 0 20px}.form-container .form-horizontal .form-group:nth-of-type(2){margin-bottom:20px}.form-container .form-horizontal .form-group label{font-weight:500;font-size:16px}.form-container .form-horizontal .form-control{color:#888;outline:none;background:#bbdefb78;font-weight:400;letter-spacing:1px;height:40px;padding:6px 12px;border-radius:5px;border:none;box-shadow:none;width:100%;margin-top:10px}.form-container .form-horizontal .form-control:focus{box-shadow:0 0 5px #1faec5}.form-container .form-horizontal .signin{margin-top:16px!important;color:#fff;background:linear-gradient(to right,#1faec5,#199aad);font-size:18px;font-weight:500;letter-spacing:.5px;text-transform:capitalize;width:100%;padding:14px 11px;margin:0 0 20px;border-radius:50px;transition:all .3s ease 0s;border:none}.form-container .form-horizontal .btn:hover,.form-container .form-horizontal .btn:focus{box-shadow:0 0 10px #ff97a8;outline:none}.form-container .form-horizontal .remember-me{width:calc(100% - 105px);display:inline-block}.form-container .form-horizontal .remember-me .check-label{color:#5b5959;font-size:12px;font-weight:400;vertical-align:top;display:inline-block;margin-left:4px}.form-container .form-horizontal .remember-me .checkbox{height:17px;width:17px;min-height:auto;margin:0 1px 0 0;border:2px solid #1FAEC5;border-radius:5px;cursor:pointer;display:inline-block;position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;transition:all .3s ease 0s}.form-container .form-horizontal .remember-me .checkbox:before{content:"";height:5px;width:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg);position:absolute;left:2px;top:2.5px;transition:all .3s ease}.form-container .form-horizontal .remember-me .checkbox:checked{background-color:#ff97a8}.form-container .form-horizontal .remember-me .checkbox:focus{outline:none}.form-container .form-horizontal .forgot{color:#999;font-size:13px;text-align:right;width:100px;vertical-align:top;display:inline-block;transition:all .3s ease 0s;text-decoration:none}.form-container .form-horizontal .forgot:hover{text-decoration:underline}.form-container .right-content .separator{color:#999;font-size:15px;text-align:center;margin:0 0 15px;display:block}.form-container .right-content .social-links{text-align:center;padding:0;margin:0 0 25px;list-style:none}.form-container .right-content .social-links li{margin:0 2px 5px;display:inline-block}.form-container .right-content .social-links li a{color:#fff;background-color:#f16262;font-size:12px;padding:9px 12px;border-radius:5px;display:block;transition:all .3s ease 0s}.form-container .right-content .social-links li:nth-child(2) a{background-color:#1faec5}.form-container .right-content .social-links li a i{margin-right:10px}.form-container .right-content .social-links li a:hover{box-shadow:0 0 5px #00000080}.form-container .right-content .signup-link{color:#999;font-size:13px}.form-container .right-content .signup-link a{color:#f16262;transition:all .3s ease 0s}.form-container .right-content .signup-link a:hover{text-decoration:underline}@media only screen and (max-width:767px){.form-container .left-content,.form-container .right-content{width:100%;padding:30px}.form-container .left-content .title{margin:0 0 20px}.form-container .left-content .sub-title{font-size:40px}}.signinpointer{cursor:pointer}@media screen and (max-width:500px){.css-1blu1sr-MuiGrid-root{box-sizing:border-box;margin:0;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;max-width:80%!important}.css-3zx7e6{flex-basis:25%;-webkit-box-flex:0;flex-grow:0;max-width:80%}.css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input{font:inherit;letter-spacing:inherit;color:currentColor;border:0;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:60%!important;-webkit-animation-name:mui-auto-fill-cancel;animation-name:mui-auto-fill-cancel;-webkit-animation-duration:10ms;animation-duration:10ms;padding:16.5px 14px}.addmodalbox{border-radius:10px;position:absolute;top:55%!important;left:28%!important;transform:translate(-50%,-50%);background-color:#fff;padding:20px;width:350px!important}.css-8e6b53-MuiFormControl-root{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;min-width:0;padding:0;margin:0 0 10px;border:0;vertical-align:top;width:35ch}}.css-i0bk1x-MuiPaper-root{background-color:#03033ee6!important}.css-p1sr87-MuiGauge-referenceArc{fill:#f5f5f5!important}.css-1k2u9zb-MuiChartsAxis-root .MuiChartsAxis-tickLabel{color:#fff!important}.css-svfogg-MuiPaper-root{border:2px solid white!important;padding:4px!important}.css-b9rdri-MuiGauge-referenceArc{fill:#7ac3db!important}.css-c1c6ll{background-color:#03033ee6!important}.css-9j2lqz,.css-1k2u9zb-MuiChartsAxis-root .MuiChartsAxis-tickLabel{fill:#fff!important}.css-1k2u9zb-MuiChartsAxis-root .MuiChartsAxis-line,.css-1k2u9zb-MuiChartsAxis-root .MuiChartsAxis-tick,.css-34hspi .MuiChartsAxis-line,.css-34hspi .MuiChartsAxis-tick{stroke:#fff!important}.css-34hspi .MuiChartsAxis-tickLabel{fill:#fff!important}@media screen and (min-width: 850px) and (max-width: 1300px){.css-1ganbka-MuiGauge-container{width:135px!important}.css-1vljm5v{box-sizing:border-box;flex-flow:wrap;margin-top:-72px;width:100%!important;margin-left:0!important;display:flex}.css-1tawr6l{width:135px!important}.css-1s1hjbx-MuiGrid-root>.MuiGrid-item{padding-left:4px!important}.css-1s1hjbx-MuiGrid-root{width:100%!important;margin-left:0!important}.css-1vljm5v>.MuiGrid-item{padding-left:4px!important}.css-1vljm5v{margin-left:0;width:100%}.mainOperations{padding:10px 30px 10px 10px}.airQualityBox{width:280px!important}.dieselGensetBox{width:345px!important}.AQButton{margin-left:30px}}@media screen and (min-width: 1300px) and (max-width: 1600px){.dieselGensetBox{width:535px!important}.AQButton{margin-left:85px}.gensetEnergyLabel{margin-right:40px!important}.engeryCurrentLabel{margin-right:20px!important}}@media screen and (min-width: 850px) and (max-width: 1300px){.css-15x5qbl{width:310px!important;height:170px!important}}.css-3nargb>.MuiGrid-item{padding-top:"9px"}.css-1pxa9xg-MuiAlert-message{padding:8px 0;min-width:90%!important;overflow:auto}.css-1klwkaa{background-color:#fff}.vertical-menu{display:flex;padding:15px}.dropdown-select{cursor:pointer;border-radius:5px;padding:5px;font-size:18px;margin-left:30px;margin-bottom:10px}.dropdown-container{display:none}.dropdown-container.active{display:block}.dropdown-container a{display:block;padding:5px 10px;text-decoration:none;color:#000}.dropdown-container a:hover{background-color:#f0f0f0}