.container[data-v-73efed12]{width:100%;height:93.5vh}.map-container[data-v-73efed12]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:93.5vh}.side-panel[data-v-73efed12]{width:300px;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#00796b}.panel-block[data-v-73efed12],.side-panel[data-v-73efed12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal}.panel-block[data-v-73efed12]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-bottom:10px;background:hsla(0,0%,100%,.2);border-radius:8px;padding:10px;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.panel-block[data-v-73efed12]:last-child{margin-bottom:0}.panel-value[data-v-73efed12]{font-size:18px;margin-bottom:5px;color:#fff;text-align:center}.panel-chart[data-v-73efed12]{width:100%;height:60%}#map[data-v-73efed12]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#e0f7fa}.header-box[data-v-73efed12]{width:100%;height:60px;line-height:60px;text-align:center;font-size:24px;font-weight:700;color:#fff;background:-webkit-gradient(linear,left top,right top,from(#00796b),to(#26a69a));background:linear-gradient(90deg,#00796b,#26a69a);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.3)}.header-logo[data-v-73efed12]{float:left;width:120px}.header-logo img[data-v-73efed12]{height:40px;width:auto}.header-title[data-v-73efed12]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;font-size:24px;font-weight:700;color:#fff}.bottom-value[data-v-73efed12]{width:50%;border:1px solid #02a7f0;float:left}.water-quality-container h3[data-v-73efed12]{text-align:center;margin-bottom:16px;color:#fff}.table-wrapper[data-v-73efed12]{width:100%;max-width:700px;margin:0 auto;overflow-x:auto}.table-header[data-v-73efed12],.table-row[data-v-73efed12]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;line-height:40px;background:#339489;min-width:300px}.table-header[data-v-73efed12]{font-weight:700;background:#339489;color:#333}.table-row[data-v-73efed12]:nth-child(2n),.table-row[data-v-73efed12]:nth-child(odd){background:#339489}.table-header span[data-v-73efed12],.table-row span[data-v-73efed12]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;border-right:1px solid #02a7f0;font-size:14px}.table-header span[data-v-73efed12]:last-child,.table-row span[data-v-73efed12]:last-child{border-right:none}.scroll-wrapper[data-v-73efed12]{height:160px;overflow:hidden;background-color:#00796b}