#top-header{position:relative;width:100%;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0}#top-header .header-center-decoration{width:40%;height:60px;margin-top:30px}#top-header .header-left-decoration,#top-header .header-right-decoration{width:25%;height:60px}#top-header .center-title{position:absolute;font-size:30px;font-weight:700;left:50%;top:15px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#ranking-board{width:30%;-webkit-box-shadow:0 0 3px #00f;box-shadow:0 0 3px #00f;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px}#ranking-board,#ranking-board .ranking-board-title{display:-webkit-box;display:-ms-flexbox;display:flex}#ranking-board .ranking-board-title{font-weight:700;height:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px}#ranking-board .dv-scroll-ranking-board{-webkit-box-flex:1;-ms-flex:1;flex:1}#rose-chart{width:67%;height:100%;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);-webkit-box-sizing:border-box;box-sizing:border-box}#rose-chart .rose-chart-title{height:50px;font-weight:700;text-indent:20px;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#rose-chart .dv-charts-container{height:calc(100% - 50px)}#water-level-chart{width:30%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:20px;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#water-level-chart .water-level-chart-title{font-weight:700;height:50px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px}#water-level-chart .water-level-chart-details,#water-level-chart .water-level-chart-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#water-level-chart .water-level-chart-details{height:15%;font-size:17px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#water-level-chart .water-level-chart-details span{font-size:35px;font-weight:700;color:#58a1ff;margin:0 5px;margin-bottom:-5px}#water-level-chart .chart-container{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#water-level-chart .dv-water-pond-level{max-width:90%;width:200px;height:200px;border:10px solid #19c3eb;border-radius:50%}#water-level-chart .dv-water-pond-level ellipse{stroke:transparent!important}#water-level-chart .dv-water-pond-level text{font-size:40px}#scroll-board{width:97%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:10px;height:50%;overflow:hidden}#data-view{width:100%;height:100%;background-color:#030409;color:#fff}#data-view #dv-full-screen-container{background-image:url(../../static/img/bg.837e99ea.png);background-size:100% 100%;-webkit-box-shadow:0 0 3px #00f;box-shadow:0 0 3px #00f;-ms-flex-direction:column;flex-direction:column}#data-view #dv-full-screen-container,#data-view .main-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}#data-view .main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}#data-view .block-left-right-content{margin-top:20px}#data-view .block-left-right-content,#data-view .block-top-bottom-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}#data-view .block-top-bottom-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:20px}#data-view .block-top-content{height:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:20px}