#top-header{height:80px;width:100%;display:flex;justify-content:space-between;align-items:flex-end;flex-shrink:0}#top-header .header-center-decoration{width:768px;height:60px;margin-top:40px}#top-header .header-left-decoration,#top-header .header-right-decoration{width:25%;height:60px}#top-header .header-right-decoration{font-size:18px}#top-header .center-title{position:absolute;font-size:40px;font-weight:700;left:960px;top:30px;transform:translateX(-50%)}.left-chart-1{width:100%;height:35%;display:flex;flex-grow:0;flex-direction:column}.left-chart-1 .lc1-header{text-align:center;height:40px;display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;margin-bottom:20px}.left-chart-1 .lc1-details{height:50px;font-size:16px;display:flex;align-items:center;text-indent:20px}.left-chart-1 .lc1-details span{color:#096dd9;font-weight:700;font-size:35px;margin-left:20px}.left-chart-1 .lc1-chart{flex:1}.left-chart-4{width:100%;height:32.5%;display:flex;flex-direction:column;box-sizing:border-box;padding-top:10px}.left-chart-4 .ccmc-middle{width:300px;height:300px}.left-chart-4 .lc2-details{height:40px;font-weight:700;font-size:20px;display:flex;align-items:center;text-indent:20px}.left-chart-4 .lc2-details span{color:#096dd9;font-weight:700;font-size:24px;margin-left:20px}.left-chart-4 .lc2-chart{height:calc(100% - 80px)}.center-cmp{width:100%;height:720px;box-sizing:border-box;margin-left:0;font-weight:700;overflow:hidden}.center-cmp .dv-scroll-board .header{font-size:20px}.center-cmp .dv-scroll-board .rows .row-item{text-align:center}.center-cmp .dv-scroll-board .rows .row-item .ceil{font-size:20px}.right-chart-1{width:100%;height:100%;display:flex;flex-grow:0;flex-direction:column}.right-chart-1 .rc1-header{font-size:20px;font-weight:700;height:40px;line-height:20px}.right-chart-1 .rc1-chart-container{flex:1;display:flex}.right-chart-1 .rc1-chart{flex:1}.right-chart-3{width:100%;height:100%;display:flex;flex-direction:column}.right-chart-3 .rc1-header{font-size:20px;font-weight:700;height:40px;line-height:30px}.right-chart-3 .rc1-chart-container{flex:1;display:flex}.right-chart-3 .rc3-chart{flex:1}.label-tag{display:flex;justify-content:center;align-items:center}.label-tag .label-item{text-align:center;font-weight:700;font-size:16px;align-items:center}.bc-water-item{display:flex;flex-direction:column;width:10%;height:100%;margin:15px;box-shadow:0 0 3px #00f;box-sizing:border-box}.bc-water-item,.water-level-chart-title{align-items:center;justify-content:center}.water-level-chart-title{font-weight:700;height:40px;font-size:20px}.chart-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.dv-water-pond-level{width:180px;height:180px;border:8px solid #19c3eb;border-radius:50%}.dv-water-pond-level ellipse{stroke:transparent!important}.dv-water-pond-level text,.label-item{font-size:20px}.label-item{margin-top:20px;height:40px;text-align:center;font-weight:700;align-items:center}.bottom-charts{display:flex;position:relative}.bottom-charts .bc-chart-item,.bottom-charts .bc-water-item{width:25%;height:100%;padding-top:10px;box-sizing:border-box}.bottom-charts .bcci-header{height:50px;text-align:center;line-height:50px;font-size:20px}.bottom-charts .dv-water-level-pond{height:calc(100% - 80px)}.bottom-charts .label-tag{height:30px}.bottom-charts .active-ring-name{font-size:18px!important}.bottom-charts .decoration-1,.bottom-charts .decoration-2,.bottom-charts .decoration-3{display:absolute;left:0}