.top-left-cmp[data-v-84e6322c]{display:-webkit-box;display:-ms-flexbox;display:flex}.top-left-cmp .dc-left[data-v-84e6322c],.top-left-cmp .dc-right[data-v-84e6322c]{width:50%}.top-left-cmp .dv-border-box-5[data-v-84e6322c]{height:60%}.top-left-cmp .dc-text[data-v-84e6322c]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:35%;font-size:18px;-webkit-box-sizing:border-box;box-sizing:border-box}.top-left-cmp .dc-text span[data-v-84e6322c]{margin-left:5px;margin-bottom:5px}.top-left-cmp .dc-left .dc-text[data-v-84e6322c]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:20px}.top-left-cmp .dc-right .dc-text[data-v-84e6322c]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-top:20px}.top-left-cmp .dc-left .dv-border-box-5[data-v-84e6322c]{padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.top-left-cmp .dc-right .dv-border-box-5[data-v-84e6322c]{padding:40px;padding-left:75px;-webkit-box-sizing:border-box;box-sizing:border-box}.top-left-cmp .main-value[data-v-84e6322c]{font-weight:700;font-size:30px}.top-left-cmp .main-value span[data-v-84e6322c]{font-size:50px;color:#00c0ff;margin-right:15px}.top-left-cmp .compare-value[data-v-84e6322c]{height:20px;line-height:20px;font-size:14px}.top-left-cmp .compare-value span[data-v-84e6322c]{margin-right:30px}#water-level-chart[data-v-ca392d3c]{width:25%;-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[data-v-ca392d3c]{font-weight:700;height:100px;line-height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#water-level-chart .water-level-chart-details[data-v-ca392d3c]{height:22%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#water-level-chart .water-level-chart-details span[data-v-ca392d3c]{font-size:40px;font-weight:700;color:#00c0ff;margin:0 5px;margin-bottom:-6px}#water-level-chart .chart-container[data-v-ca392d3c]{-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[data-v-ca392d3c]{max-width:90%;width:180px;height:180px;border:3px solid #00c0ff;border-radius:50%}#water-level-chart .dv-water-pond-level ellipse[data-v-ca392d3c]{stroke:transparent!important}#water-level-chart .dv-water-pond-level text[data-v-ca392d3c]{font-size:40px}#water-level-chart[data-v-066928f2]{width:25%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:10px;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[data-v-066928f2]{font-weight:700;height:100px;line-height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#water-level-chart .water-level-chart-details[data-v-066928f2]{height:22%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#water-level-chart .water-level-chart-details span[data-v-066928f2]{font-size:40px;font-weight:700;color:#00c0ff;margin:0 5px;margin-bottom:-6px}#water-level-chart .chart-container[data-v-066928f2]{-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[data-v-066928f2]{max-width:90%;width:180px;height:180px;border:3px solid #00c0ff;border-radius:50%}#water-level-chart .dv-water-pond-level ellipse[data-v-066928f2]{stroke:transparent!important}.bottom-right[data-v-00fd1799]{width:calc(25% + 10px);height:100%;margin:0 -5px;margin-left:20px}.bottom-right .border-box-content[data-v-00fd1799]{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.bottom-right .table-name[data-v-00fd1799]{margin-top:10px;height:60px;line-height:60px;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}.bottom-right .table-name img[data-v-00fd1799]{width:30px;height:30px;margin-right:5px}.bottom-right .dv-scroll-board[data-v-00fd1799]{height:calc(100% - 60px)}#ranking-board1[data-v-8f587cd0]{width:50%;-webkit-box-shadow:0 0 3px #00c0ff;box-shadow:0 0 3px #00c0ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:rgba(6,30,93,.5);border-top:1px solid rgba(1,153,209,.5);-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px}#ranking-board1 .ranking-board-title[data-v-8f587cd0]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px}#ranking-board1 .dv-scroll-ranking-board[data-v-8f587cd0]{-webkit-box-flex:1;-ms-flex:1;flex:1}#ranking-board2[data-v-6ffa1676]{width:50%;-webkit-box-shadow:0 0 3px #00c0ff;box-shadow:0 0 3px #00c0ff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:rgba(6,30,93,.5);border-top:1px solid rgba(1,153,209,.5);-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px}#ranking-board2 .ranking-board-title[data-v-6ffa1676]{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px}#ranking-board2 .dv-scroll-ranking-board[data-v-6ffa1676]{-webkit-box-flex:1;-ms-flex:1;flex:1}#rose-chart{width:30%;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{margin-left:10px;height:40px;font-size:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#rose-chart .rose-chart-title span{font-size:40px;font-weight:700;color:#00c0ff;margin:0 5px;margin-bottom:-6px}#rose-chart .dv-charts-container{height:100%}#rose-chart .dv-capsule-chart .label-column div{line-height:40px}#rose-chart .dv-capsule-chart .capsule-item{margin:15.8px 0}#scroll-board[data-v-195902bc]{width:70%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:10px;height:100%;overflow:hidden}#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%)}#data-view{width:100%;height:100%;background-color:#030409;color:#fff;background-image:url(../img/bg.f9f9dcd5.png);background-size:100% 100%;-webkit-box-shadow:0 0 3px #00f;box-shadow:0 0 3px #00f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#data-view .main-container{height:calc(100% - 80px)}#data-view .main-container .mc-bottom,#data-view .main-container .mc-top{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px 30px 30px;display:-webkit-box;display:-ms-flexbox;display:flex}#data-view .main-container .mc-top{height:40%}#data-view .main-container .mc-bottom{height:60%}#data-view .main-container .top-left-cmp{width:32%}#data-view .main-container .top-middle-cmp,#data-view .main-container .top-right-cmp{width:34%}#data-view .main-container .bottom-left-container{width:32%;position:relative}#data-view .main-container .bottom-left-container .border-box-content{display:-webkit-box;display:-ms-flexbox;display:flex}#data-view .main-container .bottom-left-container .mcb-decoration-1,#data-view .main-container .bottom-left-container .mcb-decoration-2{position:absolute;left:50%;margin-left:-2px}#data-view .main-container .bottom-left-container .mcb-decoration-1{top:5%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}#data-view .main-container .bottom-left-container .mcb-decoration-2{top:50%}#data-view .main-container .bottom-left-container .bottom-left-chart-1,#data-view .main-container .bottom-left-container .bottom-left-chart-2{width:50%;height:100%}#data-view .main-container .bottom-right-container{width:68%;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#app,body,html{width:100%;height:100%}body,html{padding:0;margin:0}