.candyLayout{height:100%;-webkit-flex-flow:column;flex-flow:column;display:-webkit-flex;display:flex}.candyLayout>div{-webkit-flex:0 1;flex:0 1}.candyLayout>div.headerLayout .MuiSvgIcon-root{margin-top:14px;color:#444;opacity:.7}.candyLayout>div.statusLayout{margin-top:10px}.candyLayout>div.statusLayout .header{font-weight:700;font-size:20px}.candyLayout>div.topNavBar{display:-webkit-flex;display:flex;border-bottom:1px solid #e8e8e8}.candyLayout>div.topNavBar>div{-webkit-flex:1 1;flex:1 1;text-align:center;color:#747474;font-size:14px;padding-bottom:5px}.candyLayout>div.topNavBar>div.isSelected{color:#ff7300;position:relative}.candyLayout>div.topNavBar>div.isSelected:before{content:"";width:50%;display:block;position:absolute;border-bottom:2px solid #ff7300;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.candyLayout>div.layoutBody{-webkit-flex:1 1;flex:1 1;background-color:#e8e8e8}#root,#root>div{height:100%}.siteChart{width:100%;margin-top:7px;background-color:#fff}.siteChart .timeTypeSelector{display:-webkit-flex;display:flex;margin-top:10px;width:100%}.siteChart .timeTypeSelector>div{font-size:14px;-webkit-flex:1 1;flex:1 1;text-align:center;color:#747474}.siteChart .timeTypeSelector>div.isSelected{color:#ff7300;padding-bottom:6px;position:relative}.siteChart .timeTypeSelector>div.isSelected:before{content:"";width:50%;display:block;position:absolute;border-bottom:3px solid #ff7300;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.siteChart .timePick{width:100%;margin-top:10px;padding:1px 15px;display:-webkit-flex;display:flex}.siteChart .timePick>div{-webkit-flex:0 1;flex:0 1}.siteChart .timePick>div.disable{color:#e8e8e8}.siteChart .timePick .MuiFormControl-root{-webkit-flex:1 1;flex:1 1}.siteChart .timePick .MuiFormControl-root .MuiInputBase-root:after,.siteChart .timePick .MuiFormControl-root .MuiInputBase-root:before{border:none}.siteChart .timePick .MuiFormControl-root .MuiInputBase-root input{color:#444;text-align:center;font-size:15px}.siteChart .chart .arrow_box{font-size:12px;margin:4px}.siteChart .chart .fa-expand-alt{color:#ff7300;font-size:23px;opacity:.8;background-color:#f2f2f2;padding:2px;border-radius:2px}.siteOverview .statusRow{background-color:#fff}.siteOverview .statusRow .container{margin:5px 0;font-size:14px;color:#747474}.siteOverview .statusRow .container .statusText{color:#444}.siteOverview .statusRow .container .statusText .statusIndicate:before{content:"";width:12px;height:12px;margin-right:8px;display:inline-block;background-color:#54c242;border-radius:13px}.siteOverview .statusRow .container .statusText .statusIndicate.alarm:before{background-color:#ff7300}.siteOverview .statusRow .container .statusText .statusIndicate.fault:before{background-color:#d32f2f}.siteOverview .statusRow .container .statusText .statusIndicate.offline:before{background-color:#a3a3a3}.siteOverview .product .siteCard{background-color:#fff;margin-top:7px}.siteOverview .product .siteCard .mainRow{color:#444;padding-top:10px}.siteOverview .product .siteCard .mainRow .textRow{font-size:14px}.siteOverview .product .siteCard .mainRow .valueRow{font-size:20px;text-align:right;display:block;padding-bottom:5px;border-bottom:1px solid #e8e8e8}.siteOverview .product .siteCard .mainRow .valueRow .valueUnit{font-size:14px;margin-left:4px}.siteOverview .product .siteCard .subRow{font-size:13px;color:#747474;padding:7px 0}.siteOverview .product .siteCard .subRow .valueRow{text-align:right;display:block}.innerBarWatt p{margin-bottom:0;color:#317ad4}.innerBarWatt p.description{font-size:13px;margin-bottom:-7px;opacity:.7}.innerBarWatt p.currentPower{font-size:27px;font-weight:700}.innerBarWatt p.unitPower{opacity:.7;margin-top:-7px;font-size:15px;font-weight:500}.customBadge{padding-top:20px;color:#444;background-color:#fff;display:-webkit-flex;display:flex}.customBadge .badgeAvatar{-webkit-flex:0 1;flex:0 1}.customBadge .badgeBody{-webkit-flex:1 1;flex:1 1;padding-bottom:7px;border-bottom:1px solid #e8e8e8}.customBadge .badgeBody p{margin-bottom:0;width:100%}.customBadge .badgeBody .header p{font-weight:700;font-size:15px;margin-top:2px;margin-bottom:3px}.customBadge .badgeBody .info{font-size:13px;color:#747474;display:grid}.deviceBadge .deviceAvatar{display:block;margin-right:7px;margin-top:10px;width:15px;height:15px;border-radius:100%;background-color:#54c242}.deviceBadge .deviceAvatar.alarm{background-color:#ff7300}.deviceBadge .deviceAvatar.fault{background-color:#d32f2f}.deviceBadge .deviceAvatar.offline{background-color:#a3a3a3}.innerBarDevices{color:#317ad4}.innerBarDevices p{margin-bottom:0}.innerBarDevices .okayDevices{font-size:27px;font-weight:700}.innerBarDevices .totalDevices{font-size:15px;font-weight:500}.innerBarDevices .description{font-size:13px;font-weight:500;opacity:.7;margin-top:-7px}.eventBadge .info .typeCol svg{font-size:16px;margin-right:7px}.eventBadge .info .typeCol svg.alarm{color:#ff7300}.eventBadge .info .typeCol svg.fault{color:#d32f2f}.eventBadge .info .statusCol{text-align:right}.eventBadge .info .statusCol.active{color:#d32f2f}.eventBadge .info .statusCol.processing{color:#ff7300}.eventBadge .info .statusCol.resolved{color:#54c242}.eventBadge .info .statusCol.unconfirmed{color:#a3a3a3}.loginPage .loginBody{margin-top:30px}.loginPage .loginBody form{width:100%;padding:20px}.loginPage .loginBody form img{display:block;max-width:60%;border-radius:100%;margin:5px auto 20px}.loginPage .loginBody form .MuiFormControl-root{width:100%!important;margin-bottom:7px}.loginPage .loginBody form .MuiFormControl-root .Mui-checked{color:#ff7300}.loginPage .loginBody form .MuiFormControl-root .MuiFormControlLabel-root{margin-bottom:0}.loginPage .loginBody form .errorText{font-size:13px}.loginPage .loginBody form button.btn-primary{margin-top:10px;width:100%;background-color:#ff7300;border:none!important;border-radius:5px}.loginPage .loginBody form button.btn-link{font-size:13px;width:100%;margin-top:10px}.registerModal .MuiDialog-paper{padding:20px}.registerModal .MuiDialog-paper p{font-weight:700}.registerModal .MuiDialog-paper button{background-color:#ff7300;border:none}.freshestLayout{height:100%;-webkit-flex-flow:column;flex-flow:column;display:-webkit-flex;display:flex}.freshestLayout>div{-webkit-flex:0 1;flex:0 1}.freshestLayout>div.layoutBody{-webkit-flex:1 1;flex:1 1}.freshestLayout .headerLayout>.MuiSvgIcon-root{position:absolute;margin-top:14px;color:#444;opacity:.7;z-index:10;left:15px}.freshestLayout .navbar{width:100%;padding-bottom:0;display:-webkit-flex;display:flex}.freshestLayout .navbar .navbar-brand{color:#444;font-weight:700;font-size:18px;opacity:.9}.freshestLayout .navbar .navbar-collapse{-webkit-flex:1 1;flex:1 1;text-align:right;color:#ff7300}.logoutModal .MuiDialog-paper{padding:20px 40px}.logoutModal .MuiDialog-paper h2{text-align:center}.logoutModal .MuiDialog-paper button{display:block;width:100%;margin:10px 0;min-width:150px}.logoutModal .MuiDialog-paper button.btn-primary{background-color:#ff7300;border:none}.logoutModal .MuiDialog-paper button.btn-outline-primary{border-color:#ff7300;color:#ff7300}.chartDetail .chartBody{height:100%;-webkit-flex-flow:column;flex-flow:column;display:-webkit-flex;display:flex}.chartDetail .chartBody>div{-webkit-flex:0 1;flex:0 1}.chartDetail .chartBody>div.chartBox{border-radius:10px}.chartDetail .chartBody>div.timeBox{-webkit-flex:1 1;flex:1 1;background-color:#fff;border-top-left-radius:30px;border-top-right-radius:30px;box-shadow:0 0 5px #e8e8e8;overflow:hidden}.chartDetail .chartBody>div.timeBox .timeInner{padding-top:20px;max-height:100%;overflow-y:scroll}.chartDetail .chartBody>div.timeBox .timeInner .MuiTimelineOppositeContent-root{color:#a3a3a3;font-size:15px}.chartDetail .chartBody>div.timeBox .timeInner .MuiTimelineDot-root.active{background-color:#54c242;width:18px;height:18px}.chartDetail .chartBody>div.timeBox .timeInner .MuiTimelineContent-root{font-size:20px;font-weight:500;padding-top:0;color:#317ad4}.chartDetail .chartBody>div.timeBox .timeInner .MuiTimelineContent-root .unitPower{font-size:15px;opacity:.7}.siteBadge .badgeAvatar{margin-right:15px;padding-top:10px}.siteBadge .badgeAvatar img{width:35px;border-radius:5px}.siteBadge .info .statusIndicate:before{content:"";width:10px;height:10px;margin:0 5px;display:inline-block;background-color:#54c242;border-radius:13px}.siteBadge .info .statusIndicate.alarm:before{background-color:#ff7300}.siteBadge .info .statusIndicate.fault:before{background-color:#d32f2f}.siteBadge .info .statusIndicate.offline:before{background-color:#a3a3a3}.freshFilter{width:100%}.freshFilter .dropdown button{opacity:.9;width:100%;background-color:transparent!important;border:none!important;box-shadow:none!important;font-size:14px;color:#747474!important}.freshFilter .dropdown button:after{margin-left:7px;border-top:.3em solid #747474;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.freshFilter .dropdown .dropdown-menu{width:100%;border-radius:0;border:none;border-top:1px solid #e8e8e8;padding:0}.freshFilter .dropdown .dropdown-menu a{text-align:center;margin-top:5px;width:100%;color:#444;border-bottom:1px solid #e8e8e8}.sitesList .headerLayout .navbar-brand{color:#ff7300}.sitesList .sitesBody{width:100%}.sitesList .sitesBody .filterRow{border-bottom:1px solid #e8e8e8}.globalEvent .eventBody{width:100%}.homePage{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.homePage .homeBody{-webkit-flex:1 1;flex:1 1;overflow:scroll}.homePage .homeNav{-webkit-flex:0 1;flex:0 1;border-top:1px solid #e8e8e8}.homePage .homeNav .MuiBottomNavigationAction-root{padding-top:2px;padding-bottom:2px}.homePage .homeNav .MuiBottomNavigationAction-root.Mui-selected{color:#ff7300}.homePage .homeNav .MuiBottomNavigationAction-root .MuiBottomNavigationAction-label{font-size:12px!important}body{height:100vh}body .noData{font-size:13px;text-align:center;width:100%;margin-top:30px;color:#a3a3a3}body{margin:0;font-family:-apple-system,system-ui,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}