body{display:flex;min-height:100vh;flex-direction:column}#main{flex:1 0 auto}header,main,footer{padding-left:240px}@media only screen and (max-width: 992px){header,main,footer{padding-left:0}}.container{width:90%}.btn-actions{padding:0 1rem !important}.pointer{cursor:pointer}.purple-app-bg,.purple-app-bg:hover,.purple-app-bg:focus{background-color:#543c8b}.orange-app-color{color:#d36e2f}.orange-app-bg,.orange-app-bg:hover,.orange-app-bg:focus{background-color:#d36e2f}.orange-bright-app-bg{background-color:#ff6905}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.btn.radius{border-radius:20px}.btn-icon-wrapper{position:relative}.btn-icon-wrapper .btn{width:100%;text-transform:uppercase;background-color:#797979}.btn-icon-wrapper .chevron-circle{top:-7px;left:-10px;width:50px;position:absolute;z-index:9}.rating{unicode-bidi:bidi-override;direction:rtl}.rating > span{color:#FF6804;font-size:30px;margin-right:15px;position:relative;display:inline-block}.rating > span:hover:before,.rating > span:hover ~ span:before{content:"\2605";position:absolute}nav{background-color:#fff !important}.nav-wrapper{background-color:#1f2040}nav #nav-mobile li a{text-transform:uppercase}nav .clients{text-transform:uppercase !important}nav .clients p{color:#f7941d;font-weight:bold;height:45px;margin:0}nav .clients a{top:-15px;margin-right:10px;position:relative}nav .clients a:hover{text-decoration:underline}nav .clients a i{font-size:18px;vertical-align:middle}.login-wrapper{margin-left:0;margin-right:0}@media only screen and (min-width: 993px){nav a.button-collapse{display:block}#index{height:90vh}#index img{max-width:75%}#index .btn{width:100%;margin-bottom:20px}#index .make-order{color:#fff;width:220px;height:220px;margin:auto;display:table;text-transform:uppercase}#index .make-order span{width:100%;font-weight:bold;display:table-cell;vertical-align:middle}.profile-heading{padding:15px 0}.profile-heading .user-photo{width:170px;border:6px solid #fff;background-color:#fff}.profile-heading .user-name{color:#fff;margin:5px 0 0}.well{padding:10px;margin:10px 0 50px;border-radius:40px;border:1px solid #aaa;background-color:#eee}div[class*="box"]{top:-5px;margin-bottom:20px;position:relative;border-radius:15px;border:1px solid #aaa}div[class*="box"] div[class*="heading"]{color:#fff;padding:5px 10px;border-top-left-radius:15px;border-top-right-radius:15px}div[class*="box"] div[class*="heading"] img{width:20px}.pedido-body{padding:15px}.pedido-body .alert{padding:10px;text-align:center;text-transform:uppercase;background-color:#FFFF00}.pedido-body .alert ~ p{font-weight:bold;margin:5px 0}.pedido-body .alert + p{color:#20448C}.pedido-body .alert + p + p{color:#57A6E5}#historial{height:90vh}.collection{margin:0;border:none;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.collection li{position:relative}.collection .status{color:#fff;top:8px;right:0;left:12%;width:165px;margin:auto;padding:2px 10%;border-radius:5px;position:absolute;text-transform:uppercase;background-color:#00A514}.collection .secondary-content img{width:23px;float:right}#historial .img-container{margin-top:30px}#historial .img-container img{max-width:80%}#pedido .step{font-size:23px}.estacionario img{width:90%;margin:25px auto;display:block}.portatil img{width:40%;margin:auto;display:block}.pedido:after{content:'';clear:both;display:block}.pedido form .range-field{position:relative}.pedido form .range-field:before{content:'';top:4px;left:-24px;width:25px;height:25px;position:absolute;display:block;background:url(../images/fuego-gris.svg) center no-repeat;background-size:100%;z-index:99}.pedido form .range-field:after{content:'';top:-1px;right:-33px;width:35px;height:35px;position:absolute;display:block;background:url(../images/fuego-naranja.svg) center no-repeat;background-size:100%;z-index:99}.pedido .regulator button{width:40px;height:40px;position:relative;border:none;display:inline-block;background-color:#fff}.pedido .regulator button:before{content:'';top:0;left:0;width:100%;height:100%;display:block;background-size:100%;position:absolute}.pedido .regulator button#minus:before{background:url(../images/btn-minus.svg) center no-repeat}.pedido .regulator button#plus:before{background:url(../images/btn-plus.svg) center no-repeat}.pedido .regulator input{top:-13px;width:100px;height:40px;text-align:center;margin:0 5px;position:relative;border:1px solid #bbb;display:inline-block}.pedido .recarga{height:80px;display:block;background-size:cover;background:url(../images/tanque-azul.svg) center no-repeat}.pedido .recarga.selected{background:url(../images/checked.png) center no-repeat}.pedido .pide-text{color:#002E80;font-size:21px;font-weight:bold}.pedido .total{color:#A7A8A7;font-size:28px;line-height:1.2;text-transform:uppercase}.pedido .total span{font-size:1.5em;color:#353535;display:block}.pedido .img-efectivo img{width:75%}.pedido .img-efectivo p{top:-16px;position:relative}.pedido button{width:100%}#portatil .sizes{overflow:hidden;position:relative}#portatil .chico img{width:75%}#portatil .chico{padding-top:49px}#portatil .mediano img{width:85%}#portatil .mediano{padding-top:25px}#portatil .grande img{width:95%}#portatil .sizes input{width:40%;margin:0 auto;text-align:center}.verificar-pedido .row .col > p{font-size:23px;line-height:1}.verificar-pedido .info-group{overflow:hidden}.verificar-pedido .info-group p{font-size:20px;margin-bottom:0}.verificar-pedido .info-group span{font-size:20px}.verificar-pedido .info-group img{width:75%;margin-top:10px}.verificar-pedido .info-group.tipo{padding-bottom:20px;border-bottom:1px solid #999}.verificar-pedido .info-group.tipo p{font-size:20px;margin-bottom:0}.verificar-pedido .info-group.tipo p.tipo-info{color:#999;margin-top:10px}.verificar-pedido .info-group.total p{height:55px}.verificar-pedido .btn{width:100%;margin-top:30px}.pedido-terminado{padding-top:50px}.pedido-terminado p{font-size:25px}.pedido-terminado p.unidad{margin-bottom:0}.pedido-terminado .rating{margin-bottom:20px}.pedido-terminado .bar{color:#fff;padding:5px 0;margin-bottom:20px}.pedido-terminado .bar span{font-size:18px}.pedido-terminado .total h4{font-size:25px;line-height:1.3;padding-bottom:30px;border-bottom:1px solid #999}.pedido-terminado .total h4 span{color:#45649F;font-size:40px;display:block}.pedido-terminado .comentario p{font-size:20px}.pedido-terminado .comentario textarea{width:95%;min-height:100px;padding:10px;border-radius:10px;border-top:1px solid #9e9e9e;border-left:1px solid #9e9e9e;border-right:1px solid #9e9e9e}.pedido-terminado .comentario button{width:100%;margin:auto}#sensores{padding-top:50px}#sensores .group{overflow:hidden;margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #999}#sensores .group img{width:70%}#sensores .group p{font-size:25px}#sensores .group p span{color:#123c89;font-size:.9em;display:block}#sensores .btn{width:100%}#sensores .detalles .group{padding-bottom:0;border:none}#sensores .detalles .group p{margin:0 0}#sensores .detalles .bar{color:#fff;margin-bottom:10px;background-color:#000}#sensores .detalles .bar span{font-size:35px;line-height:initial}#sensores .detalles a[class^="btn-"]{width:100%;height:36px;display:block}#sensores .detalles .btn-aviso{background:url(../images/btn-aviso.svg) center no-repeat}#sensores .detalles .btn-estadisticas{background:url(../images/btn-estadisticas.svg) center no-repeat}#sensores .detalles .btn-herramientas{background:url(../images/btn-herramientas.svg) center no-repeat}#sensores .detalles .btn-aviso:hover{background:url(../images/btn-aviso-hover.svg) center no-repeat}#sensores .detalles .btn-estadisticas:hover{background:url(../images/btn-estadisticas-hover.svg) center no-repeat}#sensores .detalles .btn-herramientas:hover{background:url(../images/btn-herramientas-hover.svg) center no-repeat}#sensores .detalles .grafica{margin-top:50px}}footer.page-footer{color:#fff;padding-top:10px;padding-bottom:10px;padding-left:0;background-color:#1f2040}footer .row{margin-bottom:0}.footer-nav{padding:40px 0 20px}.footer-nav,.footer-nav a{color:#f7941d;text-transform:uppercase}.footer-nav a:hover{text-decoration:underline}footer .copyright a{color:#fff}footer img{max-width:100%}@media (max-width: 992px){nav{height:140px !important}nav img[alt]{margin:10px auto 0 !important;display:block}nav .clients{text-align:center}nav.login-nav{height:110px !important}nav.login-nav .right-align{margin-top:-15px;text-align:center}footer div{text-align:center}footer img{width:20%}.footer-nav{padding:15px 0 15px}}@media (max-width: 600px){nav .clients a i{vertical-align:text-top}nav .button-collapse{margin-top:6px}nav.login-nav .right-align{margin-top:-5px}footer img{width:40%}}@media (max-width: 400px){nav.login-nav img{max-width:70% !important;height:auto;margin-top:15px !important}}