.digital-flop{position:relative;-ms-flex-negative:0;flex-shrink:0;justify-content:flex-start;align-items:flex-start;background-color:rgba(6,30,93,.5)}.digital-flop,.digital-flop .digital-flop-item{display:-ms-flexbox;display:flex;-ms-flex-pack:start;-ms-flex-align:start}.digital-flop .digital-flop-item{width:100%;height:100%;padding:8px 16px;-ms-flex-direction:row;flex-direction:row;justify-content:start;align-items:start;border-left:3px solid #061e5d;border-right:3px solid #061e5d}.digital-flop .show-number{height:50px}.digital-flop .digital-flop-title{width:60px;font-size:28px}#scroll-board[data-v-7aeafacb]{width:15%;box-shadow:0 0 3px #00f;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);box-sizing:border-box;padding:0 30px;height:98%;overflow:hidden}#scroll-board .ranking-board-title[data-v-7aeafacb]{font-weight:700;height:50px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:20px}#rose-chart{width:30%;height:100%;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);box-sizing:border-box}#rose-chart .rose-chart-title{height:50px;font-weight:700;text-indent:20px;font-size:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#rose-chart .dv-charts-container{height:calc(100% - 50px)}#line-chart{width:100%;height:45%;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);box-sizing:border-box}#line-chart .line-chart-title{height:40px;font-weight:700;text-indent:20px;font-size:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#water-level-chart{width:20%;box-sizing:border-box;margin-left:20px;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#water-level-chart .water-level-chart-title{font-weight:700;height:50px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:20px;-ms-flex-pack:center;justify-content:center}#water-level-chart .water-level-chart-details{height:15%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;font-size:17px;-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{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content: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}#cards{height:100%;width:60%}#cards,#cards .card-item{display:-ms-flexbox;display:flex}#cards .card-item{margin-left:20px;background-color:rgba(6,30,93,.5);border-top:2px solid rgba(1,153,209,.5);width:50%;-ms-flex-direction:column;flex-direction:column}#cards .card-header{display:-ms-flexbox;display:flex;height:20%;-ms-flex-align:center;align-items:center}#cards .card-header .card-header-left{font-size:18px;font-weight:700;padding-left:20px}#cards .card-header .card-header-right{padding-right:20px;font-size:40px;color:#03d3ec}#cards .ring-charts{height:55%}#cards .card-footer{height:25%;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:end;-ms-flex-pack:distribute;justify-content:space-around}#cards .card-footer-item{padding:5px 10px 0 10px;box-sizing:border-box;width:100%;background-color:rgba(6,30,93,.7);border-radius:3px}#cards .card-footer-item .footer-title{font-size:15px;margin-bottom:5px}#cards .card-footer-item .footer-detail{font-size:20px;color:#1294fb;display:-ms-flexbox;display:flex;font-size:18px;-ms-flex-align:center;align-items:center}#cards .card-footer-item .footer-detail .dv-digital-flop{margin-right:5px}body[data-v-0f211f24]{margin:0}.container[data-v-0f211f24]{background-image:url(../img/bg.837e99ea.png);background-size:100% 100%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.container .center-title[data-v-0f211f24]{position:absolute;font-size:120%;font-weight:700;left:50%;top:15px;transform:translateX(-50%)}.data-panel[data-v-0f211f24]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:90%}.overview[data-v-0f211f24]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:30%}.overview .overview-number[data-v-0f211f24]{height:30%}.detail[data-v-0f211f24]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:70%}