@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#nav{padding:30px;padding:20px;border-bottom:1px solid #777}#nav img{width:200px}#nav h1{font-size:24px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.uppercase{text-transform:uppercase}.request-blue{background-color:#3498db}.request-blue,.request-red{padding:5px;border-radius:4px;color:#fff;font-weight:700;text-transform:capitalize}.request-red{background-color:#e74c3c}.request-green{background-color:#2ecc71;padding:5px;border-radius:4px;color:#fff;font-weight:700;text-transform:capitalize}[data-title]:hover:after{opacity:1;transition:all .1s ease .5s;visibility:visible}[data-title]:after{content:attr(data-title);color:#575757;font-size:150%;position:absolute;padding:4px 8px;bottom:-1.6em;left:100%;white-space:nowrap;box-shadow:1px 1px 3px #222;opacity:0;border:1px solid #111;z-index:99999;visibility:hidden}[data-title]{position:relative}.cursor-pointer{cursor:pointer}.white-icon{fill:#fff}.direction-separator{position:absolute;left:-5px;top:35px}.form-container{padding:0 100px}.form-container--box{max-width:460px;margin:0 auto;padding:0}@media(max-width:992px){.form-container{padding:0}}.application-number{background-color:#eee;border-radius:8px;padding:10px 20px}.bold{font-weight:700}.bg-yellow{background-color:rgba(251,223,6,.6)}.bg-blue{background-color:rgba(52,152,219,.6)}.bg-green{background-color:rgba(46,204,113,.6)}.bg-red{background-color:rgba(251,32,37,.6)}.document{width:50%;padding:5px 10px;border-radius:8px;border:1px solid #575757;margin-top:10px}.document a{text-decoration:none;color:#575757!important;font-weight:700}.document img{max-width:100%}.screen-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.screen-loader .spinner{fill:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.privacy-modal{position:fixed;width:100vw;height:100vh;z-index:999;top:0;left:0;display:flex;justify-content:center;align-items:center}.privacy-modal .backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed}.privacy-modal .modal-box{width:100%;max-width:90%;max-height:90%;min-height:100px;background-color:#fff;padding:15px;border-radius:8px;z-index:9999;top:0;overflow:scroll;position:relative;font-size:14px;text-align:left}.privacy-modal .modal-box h2{color:#fb2025}.privacy-modal .modal-box h3{font-size:18px;font-weight:700}.privacy-modal .modal-box h4{font-size:18px}.error-modal{position:fixed;width:100vw;height:100vh;z-index:999;top:0;left:0;display:flex;justify-content:center;align-items:center}.error-modal .backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute}.error-modal .modal-box{width:100%;max-width:450px;min-height:100px;background-color:#fff;padding:15px;border-radius:8px;z-index:9999;position:relative;font-size:22px}.required-docs-list{width:500vw!important;height:300vh!important}.historial-modal{position:fixed;width:100vw;height:100vh;z-index:999;top:0;left:0;display:flex;justify-content:center;align-items:center}.historial-modal .backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute}.historial-modal .modal-box{overflow:scroll;width:100%;max-width:45%;min-height:400px;max-height:600px;background-color:#fff;padding:15px;border-radius:8px;z-index:9999;position:relative;font-size:14px}.carga-modal{position:fixed;width:100vw;height:100vh;z-index:999;top:0;left:0;display:flex;justify-content:center;align-items:center}.carga-modal .backdrop{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute}.carga-modal .modal-box{overflow:scroll;width:100%;max-width:39%;min-height:400px;max-height:600px;background-color:#fff;padding:15px;border-radius:8px;z-index:9999;position:relative;font-size:20px}.steps-wrap{display:flex;justify-content:center}.steps-wrap .step{display:flex;position:relative;align-items:center;margin-right:10px;text-align:center;width:150px;padding:5px 10px;border-radius:12px;font-weight:700;border:2px solid #0f8943;-webkit-user-select:none;-moz-user-select:none;user-select:none}.steps-wrap .step.done{background-color:#2ecc71;color:#fff}.steps-wrap .step.active{background-color:#3498db;color:#fff;border:2px solid #3498db;animation:activeMove 1s infinite}@keyframes activeMove{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.steps-wrap .step:not(:first-child):before{content:"";position:absolute;width:10px;height:2px;background-color:#575757;left:-12px}.app-icon :hover{fill:#fb2025;cursor:pointer}.service-box{xdisplay:flex;flex-direction:column;justify-content:space-between;padding:10px;border-radius:10px;border:2px solid #777;max-width:280px;width:100%}.service-box.opacity{opacity:.5;transition:.3s}.service-box:hover{opacity:1}.service-box--yellow{border:2px solid #fbdf06}.service-box--blue{border:2px solid #3498db}.service-box .service-box-header{background-color:#ededed;padding:20px 10px;border-radius:10px;color:#000;text-align:center;font-weight:700;margin-bottom:20px}.service-box ul{list-style:circle;padding-left:30px;margin:0}.app-btn{width:-moz-max-content;width:max-content;height:45px;color:#fff;background-color:#fb2025;text-transform:uppercase;font-size:.7rem;font-weight:700;text-decoration:none;display:block;border-radius:5px;border:0;display:flex;justify-content:center;align-items:center;transition:all .4s;cursor:pointer;transition:.3s}@media (max-width:992px){.app-btn{padding:6px}}.app-btn--sm{height:30px;font-size:12px;padding:0 10px}.app-btn:hover{transform:scale(1.03);color:#fff;text-decoration:none}.app-btn--green{background-color:#2ecc71!important;border:0;color:#fff!important}.app-btn--green.button--loading:after{background-color:#fff}.app-btn--green.button--loading:before{background-color:#2ecc71!important}.app-btn--yellow{background-color:#fbdf06;border:0;color:#000!important}.app-btn--admin{border-radius:0;border:0}.app-btn--admin:hover{border:0}.app-btn--blue{background-color:#3498db;color:#fff!important}.app-btn--blue-imp{background-color:#3498db!important;color:#fff!important}.app-btn--red{background-color:#e74c3c;color:#fff!important}.app-btn--purple{background-color:#8e44ad;color:#fff!important}.app-btn--big{width:350px;height:80px}.app-btn--200{width:200px}.app-btn--250{width:220px}.app-btn--300{width:250px}.app-btn.opacity{opacity:.6}.input-wrap .file{padding:10px 20px;border:1px solid #000;display:table;color:#000;border-radius:8px;cursor:pointer}.input-wrap label{margin:3px}.input-wrap input[type=file]{display:none}.input-wrap .file-selected{padding:5px 15px;border-radius:5px;border:1px solid #777;background-color:#eee;display:table}.input-wrap.image-input{position:relative}.input-wrap.image-input input{visibility:hidden;height:0;width:0;left:0;top:0;position:absolute}.input-wrap input,.input-wrap select,.input-wrap textarea{padding:10px;border-radius:4px;border:1px solid #ccc;margin-bottom:10px;width:100%}.input-wrap input:focus,.input-wrap select:focus,.input-wrap textarea:focus{outline:none}.input-wrap input:last-child,.input-wrap select:last-child,.input-wrap textarea:last-child{margin-bottom:0}.input-wrap input.error,.input-wrap select.error,.input-wrap textarea.error{border:1px solid #e74c3c}.input-wrap input.ok,.input-wrap select.ok,.input-wrap textarea.ok{border:1px solid #2ecc71}.input-wrap input.disabled,.input-wrap select.disabled,.input-wrap textarea.disabled{background-color:#ccc;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.radio{margin:.5rem}.radio input[type=radio]{position:absolute;opacity:0;width:20px}.radio input[type=radio]+.radio-label:before{content:"";border-radius:100%;border:1px solid #990306;display:inline-block;width:1.4em;height:1.4em;position:relative;top:0;margin-right:1em;vertical-align:top;cursor:pointer;text-align:center;transition:all .25s ease}.radio input[type=radio]:checked+.radio-label:before{background-color:#fff;box-shadow:inset 0 0 0 5px #fb2025}.radio input[type=radio]:focus+.radio-label:before{outline:none;border-color:#b31217}.radio input[type=radio]:disabled+.radio-label:before{box-shadow:inset 0 0 0 4px #fb2025;border-color:#990306;background:#990306}.radio input[type=radio]+.radio-label:empty:before{margin-right:0}@media print{.no-print,.no-print *{display:none!important}.si-print,.si-print *{display:block!important}}.infoTab{line-height:1!important}.puesta-en-servicio{background-color:#f3ffe6}.factibilidad-servicio{background-color:#ffc}.aprobacion-disenos{background-color:#ffebcc}.ejecucion-obras{background-color:#e6f9ff}.solicitud-servicio{background-color:#e6e6ff}.anulado{background-color:#ffa9a9}.finalizado{background-color:#ace5ac}.form .service-img{border-radius:10px;width:100%;max-width:250px}.form .small-container{max-width:800px}.sub{border-bottom:1px solid red;color:#000}.list-group-item{padding:.2rem 1rem!important}.list{max-width:750px}.icon{width:16px;height:16px}.icon-account-login{fill:red}.rotate{transform:rotate(90deg)}.document-wrap{display:flex;flex-direction:column;align-items:center;width:100px}.document-wrap .document{width:60px;height:60px;display:flex;justify-content:center;align-items:center;background-color:#777;border-radius:4px}.requestHistory{border:1px solid #575757;border-radius:4px}.requestHistory .requestHistory--header{background-color:#3498db;color:#fff;padding:10px 15px;font-weight:700;border-radius:4px 4px 0 0;margin-bottom:10px;cursor:pointer}.requestHistory .requestHistory--header svg{transition:.3s}.infoTab{border:1px solid #575757;border-radius:4px}.infoTab--body{padding:20px}.infoTab--green{border:1px solid #2ecc71}.infoTab--green .infoTab--header{background-color:#2ecc71!important;color:#fff!important}.infoTab--red{border:1px solid #fb2025}.infoTab--red .infoTab--header{background-color:#fb2025!important;color:#fff!important}.infoTab--blue{border:1px solid #3498db}.infoTab--blue .infoTab--header{background-color:#3498db!important;color:#fff!important}.infoTab .infoTab--header{display:flex;justify-content:space-between;background-color:#ccc;color:#575757;padding:10px 15px;font-weight:700;border-radius:4px 4px 0 0;margin-bottom:10px;cursor:pointer}.infoTab .infoTab--header svg{transition:.3s}.form{padding:50px 0}