.RealTimeMonitoring[data-v-0c366570]{height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding-left:23px}.RealTimeMonitoring .dataBox[data-v-0c366570]{height:113px;width:100%;display:flex;justify-content:space-around}.RealTimeMonitoring .dataBox .dataPanel[data-v-0c366570]{width:211px;height:100%;background-image:url(../img/dataPanel.f282f2a1.png);background-size:100% 100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:18px 0 10px}.RealTimeMonitoring .dataBox .dataPanel-title[data-v-0c366570]{font-size:12px;opacity:.8}.RealTimeMonitoring .dataBox .dataPanel-value[data-v-0c366570]{font-size:30px;font-family:DIN}.RealTimeMonitoring .dataBox .dataPanel-value span[data-v-0c366570]{font-size:16px;margin-left:5px}.RealTimeMonitoring .WaterLevelElevation[data-v-0c366570]{height:372px;width:538px;background-image:url(../img/WaterLevelElevation.8ae65366.png);background-size:100% 100%}.RealTimeMonitoring .WaterLevelElevation-content[data-v-0c366570]{height:calc(100% - 85px);position:relative}.RealTimeMonitoring .WaterLevelElevation-elevation[data-v-0c366570]{height:0;width:559px;border-top:1px dashed #f74e66;color:#f74e66;font-size:12px;position:absolute;bottom:80%;left:50%;transform:translateX(-50%)}.RealTimeMonitoring .WaterLevelElevation-elevation span[data-v-0c366570]{position:absolute;top:50%;transform:translateY(-50%);left:-85px}.RealTimeMonitoring .WaterLevelElevation-waterLevel[data-v-0c366570]{width:100%;height:100%}.RealTimeMonitoring .WaterLevelElevation-waterLevel_water[data-v-0c366570]{width:100%;height:100%;background:linear-gradient(0deg,rgba(15,163,248,0),#0fa3f8 187px);position:absolute;bottom:0;left:0}.RealTimeMonitoring .WaterLevelElevation-waterLevel_water.isAlert[data-v-0c366570]{background:linear-gradient(0deg,rgba(247,78,102,0),#f74e66 187px)}.RealTimeMonitoring .WaterLevelElevation-waterLevel[data-v-0c366570]{clip-path:polygon(60px 0,calc(100% - 62px) 0,calc(100% - 262px) 100%,270px 100%)}.RealTimeMonitoring .WaterLevelElevation-text[data-v-0c366570]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center}.RealTimeMonitoring .WaterLevelElevation-text_title[data-v-0c366570]{font-size:12px}.RealTimeMonitoring .WaterLevelElevation-text_value[data-v-0c366570]{font-size:20px;font-family:DIN;color:#0fa3f8;margin-left:5px}.RealTimeMonitoring .WaterLevelElevation-text_value span[data-v-0c366570]{font-size:12px}