.interactive-element{cursor:pointer;transition:transform .2s,filter .2s}.interactive-element:hover{filter:drop-shadow(0 0 8px rgba(24,144,255,.6))}.svg-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.svg-container>svg{width:100%;height:100%;display:block}text{font-family:Oswald,Roboto,sans-serif;fill:#000;pointer-events:none}.bg-rect{fill:#fff}.frame-border{fill:#fff;stroke:#000}.grid-lines path{fill:none;stroke:#ddd;stroke-width:.2}.path-green,.path-green-thick{fill:none;stroke:#82b366}.tank-shape{fill:#fff2cc;stroke:#d6b656}.pipe-line{fill:none;stroke:#d6b656}.pipe-lines-dashed path{fill:none;stroke:#d6b656;stroke-width:2;stroke-dasharray:6 6}.pipe-lines-solid path{fill:none;stroke:#d6b656;stroke-width:2}.title-main{font-size:40px;font-weight:700;text-anchor:middle;text-transform:uppercase;fill:#fff!important;stroke:#000;stroke-width:4px;paint-order:stroke fill;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.title-sub{font-size:30px;font-weight:700;text-anchor:middle}.col-num{font-size:40px;font-weight:700;text-anchor:middle}.value-text{font-size:26px;font-weight:700;text-anchor:middle}.label-unit{font-family:Georgia,serif;font-size:20px;font-weight:700;text-anchor:middle}.label-code{font-size:24px;font-weight:700}.label-code-green{font-size:28px;font-weight:700;fill:#0c0}.timestamp-gieng{font-size:16px;font-weight:700;text-anchor:end}.channel-pipe{fill:#fff2cc;stroke:#d6b656;stroke-miterlimit:1.42}.channel-stroke{fill:none;stroke:#d6b656;stroke-miterlimit:4}.flow-indicator{fill:#fff2cc;stroke:#d6b656}.line-blue{fill:none;stroke:#006eaf;stroke-width:3;stroke-miterlimit:10}.panel-box{fill:none;stroke:#6c8ebf;stroke-width:3}.title-main-nuocmat{font-size:30px;font-weight:700;text-anchor:middle}.timestamp-nuoctho{font-size:16px;font-weight:700}.label-code-large{font-size:40px;font-weight:700}.label-code-med{font-size:26px;font-weight:700;text-anchor:middle}.label-pump{font-size:20px;font-weight:700}.label-num{font-size:24px;font-weight:700;text-anchor:middle}.data-text-block{font-size:30px;font-weight:700;line-height:1.2}.placeholder-img{fill:#be6a6a}.grid-lines.water-effect path{stroke:#00e5ff;stroke-width:2px;fill:none;stroke-dasharray:15 10;filter:drop-shadow(0 0 2px rgba(0,229,255,.8));animation:waterFlow 1s linear infinite;stroke-linecap:round}@keyframes waterFlow{0%{stroke-dashoffset:25}to{stroke-dashoffset:0}}.pipe-water-fill-bpa{fill:#1ba1e2;stroke:#006eaf;stroke-miterlimit:1.42}.pipe-water-light-bpa{fill:#dae8fc;stroke:#6c8ebf;stroke-miterlimit:1.42}.pipe-sludge-bpa{fill:sienna;stroke:#6d1f00;stroke-miterlimit:1.42}.pipe-stroke-bpa,.pipe-sludge-stroke-bpa,.pipe-stroke-light-bpa{fill:none;stroke-miterlimit:4}.pipe-stroke-bpa{stroke:#006eaf}.pipe-sludge-stroke-bpa{stroke:#6d1f00}.pipe-stroke-light-bpa{stroke:#6c8ebf}.lines-blue-bpa path{fill:none;stroke:#006eaf;stroke-width:3;stroke-miterlimit:10}.divider-line-bpa{stroke:#000;stroke-width:1}.data-box-border-bpa{fill:none;stroke:#82b366;stroke-width:3}.transparent-box-bpa{fill:none;stroke:none}.label-title-bpa,.label-equip-bpa{font-size:30px;font-weight:700;text-anchor:middle}.label-list-bpa{font-size:30px;font-weight:700}.label-chem-bpa{font-size:24px;font-weight:700;text-anchor:middle}.label-status-bpa{font-size:30px;font-weight:700;text-anchor:middle}.label-code-bpa{font-size:40px;font-weight:700}.timestamp-bpa{font-size:16px;font-weight:700}.data-block-bpa{font-size:30px;font-weight:700;line-height:1.2}.info-block-bpa{font-size:30px;font-weight:700}.text-underline-bpa{text-decoration:underline}.tooltip-group{cursor:pointer}.scada-tooltip-box{position:absolute;bottom:110%;left:50%;transform:translate(-50%) scale(.9);background-color:#000000e6;color:#fff;font-size:24px;font-weight:600;padding:12px 24px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:all .2s cubic-bezier(.175,.885,.32,1.275);z-index:100;box-shadow:0 6px 12px #0000004d}.scada-tooltip-box:after{content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:rgba(0,0,0,.9) transparent transparent transparent}.tooltip-group:hover .scada-tooltip-box{opacity:1;transform:translate(-50%,-10px) scale(1)}