#app{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;padding:4px}.menu{color:#015162;font-size:20px;font-weight:700}nav{width:1920px!important;background-color:#bdbdbd!important}.componente[data-v-874bc328]{width:100px;height:200px;position:absolute;cursor:move;z-index:100}.reservatorio[data-v-874bc328]{position:relative;border:5px solid #000;border-top:1px solid transparent;border-radius:10px;border-top-left-radius:1px;border-top-right-radius:1px;background-position:100% 0;background-repeat:repeat-x;background-color:#fff;z-index:0;overflow:hidden}.water[data-v-874bc328]{background-color:#9cc6ff;background-position:100% 0;position:absolute;bottom:0;width:100%;height:50%;-webkit-transition:all 3s ease-out;transition:all 3s ease-out;border-radius:2px;z-index:-1;overflow:hidden}.valor-res[data-v-874bc328]{position:relative;font-size:23px;margin-bottom:-15px;text-align:center;font-weight:bolder;z-index:1}.nivel-res-img[data-v-874bc328]{height:100%;padding:2;position:absolute;padding-left:1px;padding-bottom:2px;z-index:1}.nome-res[data-v-874bc328]{margin:0;padding:1px;padding-top:35%;text-align:center;font-weight:bolder;font-size:13px;z-index:1}.bubbleArea[data-v-874bc328]{width:100%;height:100%;margin:0 auto;position:relative}@-webkit-keyframes bluePulse-data-v-874bc328{0%{-webkit-box-shadow:0 0 30px #54a9ed}50%{-webkit-box-shadow:0 0 80px #69abdf}to{-webkit-box-shadow:0 0 30px #54a9ed}}@-webkit-keyframes bubbleFloat1-data-v-874bc328{0%{top:89%;-webkit-transform:scale(.9);transform:scale(.9);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}1%{bottom:10%;-webkit-transform:scale(.3);transform:scale(.3);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}30%{bottom:20%;-webkit-transform:scale(.8);transform:scale(.8);opacity:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}95%{bottom:85%;-webkit-transform:scale(.3);transform:scale(.3);opacity:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}99%{bottom:80%;-webkit-transform:scale(1);transform:scale(1);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{top:0;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes bubbleFloat1-data-v-874bc328{0%{top:89%;-webkit-transform:scale(.9);transform:scale(.9);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}1%{bottom:10%;-webkit-transform:scale(.3);transform:scale(.3);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}30%{bottom:20%;-webkit-transform:scale(.8);transform:scale(.8);opacity:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}95%{bottom:85%;-webkit-transform:scale(.3);transform:scale(.3);opacity:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}99%{bottom:80%;-webkit-transform:scale(1);transform:scale(1);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{top:0;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.bubbleArea span.glow[data-v-874bc328]{width:10%;height:10%;position:relative;display:block;border-radius:200px;animation-name:bluePulse-data-v-874bc328;-webkit-animation-name:bluePulse-data-v-874bc328;-moz-animation-name:bluePulse-data-v-874bc328;-o-animation-name:bluePulse-data-v-874bc328;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.bubbleArea span.bubble[data-v-874bc328]{position:relative;animation-duration:5s;-webkit-animation-duration:5s;-moz-animation-duration:5s;-o-animation-duration:5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.bubbleArea span.bubble2[data-v-874bc328],.bubbleArea span.bubble[data-v-874bc328]{display:block;background:#fff;background:radial-gradient(ellipse at center,rgba(105,171,223,.2) 0,#54a9ed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3369abdf",endColorstr="#54a9ed",GradientType=1);width:20%;height:20%;border-radius:50%;animation-name:bubbleFloat1-data-v-874bc328;-webkit-animation-name:bubbleFloat1-data-v-874bc328;-moz-animation-name:bubbleFloat1-data-v-874bc328;-o-animation-name:bubbleFloat1-data-v-874bc328}.bubbleArea span.bubble2[data-v-874bc328]{position:relative;position:absolute;left:75%;animation-duration:4.2s;-webkit-animation-duration:4.2s;-moz-animation-duration:4.2s;-o-animation-duration:4.2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.bubbleArea span.bubble3[data-v-874bc328]{left:50%;animation-duration:4.25s;-webkit-animation-duration:4.25s;-moz-animation-duration:4.25s;-o-animation-duration:4.25s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.bubbleArea span.bubble3[data-v-874bc328],.bubbleArea span.bubble4[data-v-874bc328]{display:block;position:relative;background:#fff;background:radial-gradient(ellipse at center,rgba(105,171,223,.2) 0,#54a9ed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3369abdf",endColorstr="#54a9ed",GradientType=1);width:20%;height:20%;border-radius:50%;position:absolute;animation-name:bubbleFloat1-data-v-874bc328;-webkit-animation-name:bubbleFloat1-data-v-874bc328;-moz-animation-name:bubbleFloat1-data-v-874bc328;-o-animation-name:bubbleFloat1-data-v-874bc328}.bubbleArea span.bubble4[data-v-874bc328]{left:25%;animation-duration:4.5s;-webkit-animation-duration:4.5s;-moz-animation-duration:4.5s;-o-animation-duration:4.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.component{position:absolute;height:100px;width:100px;cursor:move;z-index:200}.nome-bomba{margin:0;text-align:center;font-weight:bolder;font-size:12px;z-index:1}.componenteCano[data-v-1873359d]{width:100px;height:13px;position:absolute;cursor:move}.cano[data-v-1873359d]{border:1px solid #000;border-radius:2px;border-top-left-radius:3px;border-top-right-radius:3px;background-position:100% 0;background-repeat:repeat-x}.cano[data-v-1873359d],.waterCano[data-v-1873359d]{width:100%;height:100%;z-index:-100}.waterCano[data-v-1873359d]{background-color:#9cc6ff;background-position:100% 0;position:absolute;bottom:0;width:80%;-webkit-transition:all 3s ease-out;transition:all 3s ease-out;border-radius:2px}.bubbleAreaCano[data-v-1873359d]{width:100%;height:100%;margin:0 auto;position:relative}@-webkit-keyframes bluePulseCano-data-v-1873359d{0%{-webkit-box-shadow:0 0 30px #54a9ed}50%{-webkit-box-shadow:0 0 80px #69abdf}to{-webkit-box-shadow:0 0 30px #54a9ed}}@-webkit-keyframes bubbleFloatCano1-data-v-1873359d{0%{right:89%;-webkit-transform:scale(.9);transform:scale(.9);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}1%{left:10%;-webkit-transform:scale(.3);transform:scale(.3);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}30%{left:20%;-webkit-transform:scale(.8);transform:scale(.8);opacity:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}95%{left:85%;-webkit-transform:scale(.3);transform:scale(.3);opacity:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}99%{left:80%;-webkit-transform:scale(1);transform:scale(1);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{left:0;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}@keyframes bubbleFloatCano1-data-v-1873359d{0%{right:89%;-webkit-transform:scale(.9);transform:scale(.9);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}1%{left:10%;-webkit-transform:scale(.3);transform:scale(.3);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}30%{left:20%;-webkit-transform:scale(.8);transform:scale(.8);opacity:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}95%{left:85%;-webkit-transform:scale(.3);transform:scale(.3);opacity:1;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}99%{left:80%;-webkit-transform:scale(1);transform:scale(1);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}to{left:0;-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}}.bubbleArea span.glow[data-v-1873359d]{width:10%;height:10%;position:relative;display:block;border-radius:200px;animation-name:bluePulseCano-data-v-1873359d;-webkit-animation-name:bluePulseCano-data-v-1873359d;-moz-animation-name:bluePulseCano-data-v-1873359d;-o-animation-name:bluePulseCano-data-v-1873359d;animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.bubbleAreaCano span.bubbleCano[data-v-1873359d]{width:10px;height:10px;border-radius:100%;bottom:5%;animation-duration:5s;-webkit-animation-duration:5s;-moz-animation-duration:5s;-o-animation-duration:5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.bubbleAreaCano span.bubble2Cano[data-v-1873359d],.bubbleAreaCano span.bubbleCano[data-v-1873359d]{display:block;background:#fff;background:radial-gradient(ellipse at center,rgba(105,171,223,.2) 0,#54a9ed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3369abdf",endColorstr="#54a9ed",GradientType=1);position:relative;animation-name:bubbleFloatCano1-data-v-1873359d;-webkit-animation-name:bubbleFloatCano1-data-v-1873359d;-moz-animation-name:bubbleFloatCano1-data-v-1873359d;-o-animation-name:bubbleFloatCano1-data-v-1873359d}.bubbleAreaCano span.bubble2Cano[data-v-1873359d]{width:4px;height:4px;bottom:70%;border-radius:200px;animation-duration:4.8s;-webkit-animation-duration:4.8s;-moz-animation-duration:4.8s;-o-animation-duration:4.8s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.bubbleAreaCano span.bubble3Cano[data-v-1873359d]{display:block;background:#fff;background:radial-gradient(ellipse at center,rgba(105,171,223,.2) 0,#54a9ed 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3369abdf",endColorstr="#54a9ed",GradientType=1);bottom:70%;width:5px;height:5px;border-radius:200px;position:relative;animation-name:bubbleFloatCano1-data-v-1873359d;-webkit-animation-name:bubbleFloatCano1-data-v-1873359d;-moz-animation-name:bubbleFloatCano1-data-v-1873359d;-o-animation-name:bubbleFloatCano1-data-v-1873359d;animation-duration:3.5s;-webkit-animation-duration:3.5s;-moz-animation-duration:2.5s;-o-animation-duration:3.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}.componenteJuncao{position:absolute;height:100px;width:100px;cursor:move;z-index:200}.box{position:absolute;display:table}.box p{text-align:center;vertical-align:middle;display:table-cell}.distribuicao{z-index:1}.componenteBombaPoco{position:absolute;height:100px;width:100px;cursor:move;z-index:200}.nome-bombaPoco{margin:0;padding:1px;text-align:center;font-weight:bolder;font-size:13px;z-index:1}