body,html{width:100%;height:100%;font-family:Roboto,sans-serif;font-size:1em;background-color:#242857;background-image:url(../images/background.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:cover}.form-control{border-radius:0!important}nav{padding-top:10px;padding-bottom:15px;color:#fff;padding-left:27px;border-bottom:1px solid #ddd;background-color:#fff;position:fixed;width:100%;min-height:60px;top:0;z-index:9999}nav .logo{border-right:2px solid #fff;padding-right:20px;margin-top:7px}nav .logo img{width:130px}nav .logo span{margin-left:10px;font-family:Roboto,sans-serif;color:#a0a0a0;font-size:14px}nav .btn-logout{cursor:pointer;font-size:20px}nav .btn-logout .fa-power-off{color:#d0451c;font-size:21px}nav .item{margin-right:10px;border-left:1px solid #232856;padding-right:10px;padding-left:20px;font-size:.8em;white-space:nowrap;display:inline-block;line-height:23px;margin-top:7px;color:#232856}nav .item span{border-radius:50%;padding:1px 6px 0 6px;color:#232856;font-size:.7em;float:left;margin-right:10px}nav .item .ico-logout{width:15px}nav .item:first-child{padding-left:0}nav .item:nth-child(2){border-left:none;padding-left:10px}.panel-container{width:100%;display:flex;flex-direction:row;border:1px solid silver;overflow:hidden;xtouch-action:none;touch-action:none}.panel-left{flex:0 0 auto;padding:10px;width:20%;min-height:200px;min-width:150px;white-space:nowrap;background:#838383;color:#fff}.panel-right{flex:1 1 auto;padding:10px;width:80%;min-height:200px;min-width:200px;background:#eee}main{min-height:100vh;background-color:#f6f6f9;margin-top:60px}main .main-left{min-height:100vh;background-color:#232856;background-image:url(../images/background.jpg);background-repeat:no-repeat;background-position:top left;background-size:contain;padding:114px 0 50px 0;margin-top:-1px}main .main-left .title{font-size:.8em;color:#fff;padding-left:27px;font-weight:300}main .main-left .title-intro{font-size:2em;color:#fff;padding-left:27px;font-weight:400;padding-top:10px;line-height:20px}main .main-left .title-intro i{font-weight:300;font-size:20px}main .main-left .menu{list-style:none;padding:0;margin:80px 0 0 0}main .main-left .menu li.active{background-color:rgba(255,255,255,.3);box-shadow:inset 0 -22px 15px 10px rgba(0,0,0,.3),inset 0 10px 5px -5px rgba(255,255,255,.3)}main .main-left .menu li.active a{color:#fff;text-shadow:1px 1px 1px #000}main .main-left .menu li .title{padding-left:13px;width:100%;display:inline-block;padding-top:10px;padding-bottom:10px;text-decoration:none;margin-bottom:0;font-weight:400;font-size:1.1em;color:#fff;border-left:15px solid #fad630;background-color:rgba(0,0,0,.35);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}main .main-left .menu li a{font-size:.9em;color:#f6f6f9;padding-left:22px;font-weight:300;width:100%;display:inline-block;padding-top:10px;padding-bottom:10px;border-left:5px solid transparent;text-decoration:none;margin-bottom:1px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}main .main-left .menu li a.active,main .main-left .menu li a:hover{background-color:rgba(255,255,255,.15)}main .content-items{margin-top:10px}main .content-items a{text-decoration:none}main .content-items .pre-item{display:flex;margin-bottom:20px}main .content-items .item{position:relative;background-color:#fff;border-radius:0;padding:10px 15px 15px 15px;margin-bottom:22px;border:2px solid transparent;width:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}main .content-items .item .inner{margin-bottom:10px;text-align:center}main .content-items .item .title{font-weight:400;font-size:1.4em;width:calc(100% + 30px);width:-moz-calc(100% + 30px);width:-webkit-calc(100% + 30px);width:-o-calc(100% + 30px);display:block;margin:-10px 0 0 -15px;background-color:transparent;color:#fff;padding-top:10px;padding-bottom:10px}main .content-items .item .btn-detalle{display:block;background-color:transparent;color:#fff;text-transform:uppercase;z-index:1;position:absolute;width:calc(100% - 0px);width:-moz-calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-o-calc(100% - 0px);left:0;bottom:0;padding:20px 0 20px 0;font-size:20px;border:5px solid #fff}main .content-items .item.default{border-color:#ddd;border-width:1px;padding:0!important;margin:0}main .content-items .item.default .inner .btn-modificar{top:0}main .content-items .item.default .inner .btn-nuevo{top:35px}main .content-items .item.default .inner .btn-configurar{top:0}main .content-items .item.default #sec-1,main .content-items .item.default #sec-2{display:none}main .content-items .item.default #sec-1{display:block}main .content-items .item.default .title{color:#545454;font-size:15px!important;background-color:#f7f7f7;width:100%;padding:15px 140px 25px 60px;margin:0;line-height:10px;text-align:left}main .content-items .item.default .title b{font-weight:500;font-size:20px;line-height:20px}main .content-items .item.default .title .fa-fw{border-radius:50%;width:40px;height:40px;padding:7px;vertical-align:middle;background-color:#545454;color:#f7f7f7;margin-right:7px;margin-left:-50px;margin-bottom:-14px}main .content-items .item.default .texto{padding:15px;text-align:left}main .content-items .item.default .sec .texto form .btns{margin-top:30px}main .content-items .item.default .sec .texto form .btns .btn{width:auto;background-color:#ddd;color:#2b2b2b;border:1px solid #ddd;margin:0;padding:10px 30px;font-size:15px;text-transform:uppercase;border-radius:0}main .content-items .item.default .sec .texto .custom-control:nth-child(1){padding-left:0;font-size:19px;display:inline-block;vertical-align:top}main .content-items .item.default .sec .texto .custom-control.custom-switch{display:inline-block;vertical-align:text-top;margin-left:10px;margin-bottom:20px}main .content-items .item.default .btn-modificar{position:absolute;right:15px;top:5px;width:auto;background-color:#fff;color:#484848;border:1px solid #ddd;margin:10px 0 10px 15px;padding:5px 15px 5px 15px;font-size:13px;text-transform:uppercase}main .content-items .item.default .btn-modificar.disabled{opacity:.5}main .content-items .item.default .btn-nueva{position:absolute;right:15px;top:35px;width:auto;background-color:#fff;color:#484848;border:1px solid #ddd;margin:10px 0 10px 15px;padding:5px 15px 5px 15px;font-size:13px;text-transform:uppercase}main .content-items .item.default .btn-nueva.disabled{opacity:.5}main .content-items .item.default .btn-configurar{position:absolute;right:15px;top:0;width:auto;background-color:#fff;color:#484848;border:1px solid #ddd;margin:10px 0 10px 15px;padding:5px 15px 5px 15px;font-size:13px;text-transform:uppercase}main .content-items .item.default .btn-configurar.disabled{opacity:.5}main .content-items .item.economia{padding:0!important;border:1px solid #f6bf2b!important;min-height:auto!important}main .content-items .item.economia .inner{text-align:left;margin-bottom:0!important}main .content-items .item.economia .title{font-weight:300;font-size:1em;color:#afabab;margin:0;padding-bottom:5px;padding-top:0}main .content-items .item.economia .fa-coins{display:inline-block;vertical-align:middle;font-size:5em;padding:15px;height:100%;color:#fff;background-color:#f6bf2b;margin-right:10px}main .content-items .item.economia .texto{display:inline-block;vertical-align:middle;padding-left:10px}main .content-items .item.economia .texto .money{font-size:2.5em;font-weight:500;line-height:40px}main .content-items .item.economia .texto .money .fa-euro-sign{font-size:37px;margin-left:5px}main .content-items .item.demanda-hogar{border-color:#79f130}main .content-items .item.demanda-hogar.alt h5{font-weight:500;font-size:1.1em}main .content-items .item.demanda-hogar .img-holder{background-color:#79f130;margin-left:-15px;margin-right:-15px;margin-bottom:30px;margin-top:13px}main .content-items .item.demanda-hogar .img-holder .img{height:140px;background-color:#79f130}main .content-items .item.demanda-hogar p{color:#000;margin-bottom:18px;font-size:20px;font-weight:300}main .content-items .item.demanda-hogar p b{font-weight:400}main .content-items .item.demanda-hogar .title{background-color:#79f130}main .content-items .item.demanda-hogar .btn-detalle{background-color:#79f130}main .content-items .item.auto-consumo{border-color:#1673fb}main .content-items .item.auto-consumo.alt h5{font-weight:500;font-size:1.1em}main .content-items .item.auto-consumo .img-holder{background-color:#1673fb;margin-left:-15px;margin-right:-15px;margin-bottom:30px;margin-top:13px}main .content-items .item.auto-consumo .img-holder .img{height:140px;background-color:#1673fb}main .content-items .item.auto-consumo p{color:#000;margin-bottom:18px;font-size:20px;font-weight:300}main .content-items .item.auto-consumo p b{font-weight:400}main .content-items .item.auto-consumo .title{background-color:#1673fb}main .content-items .item.auto-consumo .btn-detalle{background-color:#1673fb}main .content-items .item.economia-hogar{border-color:#f9cf2e;padding-bottom:90px}main .content-items .item.economia-hogar.alt{margin-top:30px}main .content-items .item.economia-hogar.alt h5{font-weight:500;font-size:1.1em}main .content-items .item.economia-hogar .img-holder{background-color:#f9cf2e;margin-left:-15px;margin-right:-15px;margin-bottom:30px;margin-top:13px}main .content-items .item.economia-hogar .img-holder .img{height:140px;background-color:#f9cf2e}main .content-items .item.economia-hogar p{color:#000;margin-bottom:18px;font-size:20px;font-weight:300}main .content-items .item.economia-hogar p b{font-weight:400}main .content-items .item.economia-hogar .title{background-color:#f9cf2e}main .content-items .item.economia-hogar .btn-detalle{background-color:#f9cf2e}main .content-items .item b{font-weight:500}main .content-items .item p{font-size:.8em;font-weight:400;color:#555;padding:0;margin-bottom:0}main .main-right{padding:0}main .main-right .menu-options{background-color:#ececec;border-bottom:1px solid #ddd;margin-bottom:15px}main .main-right .menu-options .options .option{box-shadow:inset 0 0 30px 0 rgba(0,0,0,.3),1px 1px 0 0 rgba(255,255,255,.8);display:inline-block;margin:10px 0 10px 15px;text-decoration:none;color:#fff;text-align:center;padding:12px 15px;border-radius:0;font-weight:300;font-size:1.6em;position:relative;vertical-align:top;width:48%;width:calc(50% - 25px);width:-moz-calc(50% - 25px);width:-webkit-calc(50% - 25px);width:-o-calc(50% - 25px);overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .main-right .menu-options .options .option.servicio.activo{background-color:#62c526}main .main-right .menu-options .options .option.servicio.inactivo{background-color:red}main .main-right .menu-options .options .option.conectividad.activo{background-color:#62c526}main .main-right .menu-options .options .option.conectividad.inactivo{background-color:red}main .main-right .menu-options .options .option .ico-correct .fa-dot-circle{color:#62c526;font-size:20px}main .main-right .menu-options .options .option .ico-incorrect .fa-dot-circle{color:red;font-size:20px}main .main-right .menu-options .options .option .ico-interrumpido .fa-dot-circle{color:#bfbfbf;font-size:20px}.custom-switch .custom-control-label{cursor:pointer}.custom-switch .custom-control-label:after,.custom-switch .custom-control-label:before{border-radius:0!important}.user_card{margin-top:auto;margin-bottom:auto;background:0 0;position:relative;display:flex;justify-content:center;flex-direction:column;margin:100px 10px 100px 10px;border:1px solid #ddd;padding:50px 50px 50px 50px;background-color:#fff}.brand_logo_container{position:absolute;height:170px;width:170px;top:-75px;border-radius:50%;background:#60a3bc;padding:10px;text-align:center}.brand_logo{width:100%;max-width:175px;margin-right:5px}.form_container{margin-top:50px}.login_btn{font-family:Roboto,sans-serif;width:100%;background:#232856!important;color:#fff!important;margin-top:20px;border-radius:0}.login_btn:focus{box-shadow:none!important;outline:0!important}.login_container{padding:0}.input-group-text{background:#c0392b!important;color:#fff!important;border:0!important;border-radius:.25rem 0 0 .25rem!important}.input_pass:focus,.input_user{box-shadow:none!important;outline:0!important}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#c0392b!important}.input-group-prepend{background-color:#232856;border-radius:0;padding-top:7px;padding-left:5px;padding-right:5px}.input-group-prepend .fa-fw{color:#fff;font-size:20px}.userlogin-text{font-family:Roboto,sans-serif;color:#a0a0a0;text-align:center;font-size:19.2px;padding-left:28px;margin-top:-6px}.mensaje{font-family:Roboto,sans-serif;color:#232856;text-align:center;font-size:15px;margin-top:20px}input[type=text]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder{color:#a0a0a0}input[type=text]::-moz-placeholder,input[type=password]::-webkit-input-placeholder{color:#a0a0a0}input[type=text]:-ms-input-placeholder{color:#a0a0a0}input[type=text]:-moz-placeholder{color:#a0a0a0}.toggle-password{margin-left:-25px;z-index:2;margin-top:10px;margin-right:10px;cursor:pointer;position:absolute;right:0}.grafico-holder{background-color:#fff;border-radius:0;padding:60px 30px 60px 30px;margin-bottom:20px;border:1px solid #ddd}.grafico-holder .grafico .item{display:inline-block;width:100%;max-width:100px;position:relative}.grafico-holder .grafico .item .linea-holder{padding:3px;border-width:4px;border-style:solid;position:relative;display:inline-block;border-color:#000;background-color:#f7f7f7;border-radius:50%}.grafico-holder .grafico .item .linea-holder .linea{width:100px;height:100px;overflow:hidden;border-radius:50%;border-width:1px;border-style:solid;border-color:#000;background:#fff}.grafico-holder .grafico .item .linea-holder .linea img{width:100%;max-height:70px;margin-top:calc(50% - 35px);margin-top:-moz-calc(50% - 35px);margin-top:-webkit-calc(50% - 35px);margin-top:-o-calc(50% - 35px)}.grafico-holder .grafico .item .linea-anim .bar{background:url(../images/lineas-h.svg) repeat-x;height:5px;overflow:hidden;margin-top:0;margin-left:0}.grafico-holder .grafico .item .linea-anim-1 .bar{background:url(../images/lineas-h.svg) repeat-x;height:5px;overflow:hidden;margin-top:0;margin-left:0}.grafico-holder .grafico .item .linea-anim-2 .bar{background:url(../images/lineas-h.svg) repeat-x;height:5px;overflow:hidden;margin-top:0;margin-left:0}.grafico-holder .grafico:nth-child(1) .item:nth-child(1) .linea-anim{content:'';position:absolute;width:calc(100% - 94px);width:-moz-calc(100% - 94px);width:-webkit-calc(100% - 94px);width:-o-calc(100% - 94px);height:5px;background:#000;top:calc(50% - 5px);top:-moz-calc(50% - 5px);top:-webkit-calc(50% - 5px);top:-o-calc(50% - 5px);left:106px;z-index:0;display:inline-block}.grafico-holder .grafico:nth-child(1) .item:nth-child(1) .linea-anim-1{content:'';position:absolute;width:calc(50% - 43px);width:-moz-calc(50% - 43px);width:-webkit-calc(50% - 43px);width:-o-calc(50% - 43px);height:5px;background:#000;top:calc(50% - 5px);top:-moz-calc(50% - 5px);top:-webkit-calc(50% - 5px);top:-o-calc(50% - 5px);left:106px;z-index:0;display:inline-block}.grafico-holder .grafico:nth-child(1) .item:nth-child(1) .linea-anim-2{content:'';position:absolute;width:calc(50% - 59px);width:-moz-calc(50% - 59px);width:-webkit-calc(50% - 59px);width:-o-calc(50% - 59px);height:5px;background:#000;top:calc(50% - 5px);top:-moz-calc(50% - 5px);top:-webkit-calc(50% - 5px);top:-o-calc(50% - 5px);left:calc(50% + 63px);left:-moz-calc(50% + 63px);left:-webkit-calc(50% + 63px);left:-o-calc(50% + 63px);z-index:0;display:inline-block}.grafico-holder .grafico:nth-child(1) .item:nth-child(1){padding-right:calc(100% - 120px);padding-right:-moz-calc(100% - 120px);padding-right:-webkit-calc(100% - 120px);padding-right:-o-calc(100% - 120px)}.grafico-holder .grafico:nth-child(2) .item:nth-child(1) .linea-anim{content:'';position:absolute;width:calc(100% - 27px);width:-moz-calc(100% - 27px);width:-webkit-calc(100% - 27px);width:-o-calc(100% - 27px);height:5px;background:#000;top:calc(50% - 5px);top:-moz-calc(50% - 5px);top:-webkit-calc(50% - 5px);top:-o-calc(50% - 5px);left:106px;z-index:0;display:inline-block}.grafico-holder .grafico:nth-child(2) .item:nth-child(1){padding-right:calc(50% - 57px);padding-right:-moz-calc(50% - 57px);padding-right:-webkit-calc(50% - 57px);padding-right:-o-calc(50% - 57px)}.grafico-holder .grafico:nth-child(2){padding-top:30px}.grafico-holder .grafico:nth-child(2) .item:nth-child(2) .linea-anim{content:'';position:absolute;width:5px;height:100px;background:#000;top:-87px;left:calc(50% + 4px);left:-moz-calc(50% + 4px);left:-webkit-calc(50% + 4px);left:-o-calc(50% + 4px);display:inline-block}.grafico-holder .grafico:nth-child(3) .item:nth-child(1) .linea-anim{content:'';position:absolute;width:calc(100% - 27px);width:-moz-calc(100% - 27px);width:-webkit-calc(100% - 27px);width:-o-calc(100% - 27px);height:5px;background:#000;top:calc(50% - 5px);top:-moz-calc(50% - 5px);top:-webkit-calc(50% - 5px);top:-o-calc(50% - 5px);left:106px;z-index:0;display:inline-block}.grafico-holder .grafico:nth-child(3) .item:nth-child(1){padding-right:calc(75% - 57px);padding-right:-moz-calc(75% - 57px);padding-right:-webkit-calc(75% - 57px);padding-right:-o-calc(75% - 57px)}.grafico-holder .grafico:nth-child(3){padding-top:30px}.grafico-holder .grafico:nth-child(3) .item:nth-child(2) .linea-anim{content:'';position:absolute;width:5px;height:231px;background:#000;top:calc(-100% - 117px);top:-moz-calc(-100% - 117px);top:-webkit-calc(-100% - 117px);top:-o-calc(-100% - 117px);left:calc(50% + 4px);left:-moz-calc(50% + 4px);left:-webkit-calc(50% + 4px);left:-o-calc(50% + 4px);display:inline-block}.grafico-holder .grafico .item .linea-anim,.grafico-holder .grafico .item .linea-anim-1,.grafico-holder .grafico .item .linea-anim-2{overflow:hidden}.grafico-holder .grafico:nth-child(1) .item:nth-child(1) .datos-1{position:absolute;left:25%;top:-35px;background:#ededed;padding:10px;font-size:12px;line-height:16px;color:#353535;z-index:1}.grafico-holder .grafico:nth-child(1) .item:nth-child(1) .datos-2{position:absolute;left:74%;top:-35px;background:#ededed;padding:10px;font-size:12px;line-height:16px;color:#353535;z-index:1;min-width:100px}.grafico-holder .grafico:nth-child(2) .item:nth-child(2) .datos-3{position:absolute;left:calc(100% + 29px);left:-moz-calc(100% + 29px);left:-webkit-calc(100% + 29px);left:-o-calc(100% + 29px);top:20px;background:#ededed;padding:10px;font-size:12px;line-height:16px;color:#353535;z-index:1;min-width:123px}.grafico-holder .grafico:nth-child(2) .item:nth-child(2) .datos{position:absolute;left:71px;top:-80px;background:#ededed;min-width:140px;padding:10px;font-size:12px;line-height:16px;color:#353535;z-index:1}.grafico-holder .grafico:nth-child(2) .item:nth-child(1) .datos{position:absolute;left:50%;top:70px;background:#ededed;padding:10px;font-size:12px;line-height:16px;color:#353535;z-index:1}.grafico-holder .grafico:nth-child(3) .item:nth-child(2) .datos-3{position:absolute;left:calc(100% + 29px);left:-moz-calc(100% + 29px);left:-webkit-calc(100% + 29px);left:-o-calc(100% + 29px);top:20px;background:#ededed;padding:10px;font-size:12px;line-height:16px;color:#353535;z-index:1;min-width:150px}.grafico-holder .grafico:nth-child(3) .item:nth-child(2) .datos{position:absolute;left:71px;top:calc(-100% + 35px);top:-moz-calc(-100% + 35px);top:-webkit-calc(-100% + 35px);top:-o-calc(-100% + 35px);background:#ededed;min-width:140px;padding:10px;font-size:12px;line-height:16px;color:#353535;z-index:1}.grafico-holder .grafico:nth-child(3) .item:nth-child(1) .datos{position:absolute;left:50%;top:70px;background:#ededed;padding:10px;font-size:12px;line-height:16px;color:#353535;z-index:1}.grafico-holder .grafico:nth-child(1) .item:nth-child(1) .datos-1 .arrow{width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #ededed;position:absolute;left:calc(50% - 10px);left:-moz-calc(50% - 10px);left:-webkit-calc(50% - 10px);left:-o-calc(50% - 10px);bottom:-10px}.grafico-holder .grafico:nth-child(1) .item:nth-child(1) .datos-2 .arrow{width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #ededed;position:absolute;left:calc(50% - 10px);left:-moz-calc(50% - 10px);left:-webkit-calc(50% - 10px);left:-o-calc(50% - 10px);bottom:-10px}.grafico-holder .grafico:nth-child(2) .item:nth-child(2) .datos-3 .arrow{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ededed;position:absolute;left:-10px;top:calc(50% - 10px);top:-moz-calc(50% - 10px);top:-webkit-calc(50% - 10px);top:-o-calc(50% - 10px)}.grafico-holder .grafico:nth-child(2) .item:nth-child(1) .datos .arrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ededed;position:absolute;left:calc(50% - 10px);left:-moz-calc(50% - 10px);left:-webkit-calc(50% - 10px);left:-o-calc(50% - 10px);top:-10px}.grafico-holder .grafico:nth-child(2) .item:nth-child(2) .datos .arrow{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ededed;position:absolute;left:-10px;top:calc(50% - 10px);top:-moz-calc(50% - 10px);top:-webkit-calc(50% - 10px);top:-o-calc(50% - 10px)}.grafico-holder .grafico:nth-child(2) .item:nth-child(2) .linea-anim .bar{background:url(../images/lineas-v.svg) repeat-y;width:5px;height:100px;overflow:hidden;margin-top:0;margin-left:0}.grafico-holder.verde .grafico:nth-child(2) .item:nth-child(2) .linea-anim .bar{background:url(../images/lineas-v.svg) repeat-y;width:5px;height:200px;overflow:hidden;margin-top:0;margin-left:0;-webkit-animation:moveBars2 .8s linear infinite;-moz-animation:moveBars2 .8s linear infinite;-ms-animation:moveBars2 .8s linear infinite;-o-animation:moveBars2 .8s linear infinite;animation:moveBars2 .8s linear infinite}.grafico-holder.verde-verde .grafico:nth-child(2) .item:nth-child(2) .linea-anim .bar{background:url(../images/lineas-v.svg) repeat-y;width:5px;height:200px;overflow:hidden;margin-top:0;margin-left:0;-webkit-animation:moveBars2 .8s linear infinite;-moz-animation:moveBars2 .8s linear infinite;-ms-animation:moveBars2 .8s linear infinite;-o-animation:moveBars2 .8s linear infinite;animation:moveBars2 .8s linear infinite}.grafico-holder .grafico:nth-child(3) .item:nth-child(2) .datos-3 .arrow{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ededed;position:absolute;left:-10px;top:calc(50% - 10px);top:-moz-calc(50% - 10px);top:-webkit-calc(50% - 10px);top:-o-calc(50% - 10px)}.grafico-holder .grafico:nth-child(3) .item:nth-child(1) .datos .arrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ededed;position:absolute;left:calc(50% - 10px);left:-moz-calc(50% - 10px);left:-webkit-calc(50% - 10px);left:-o-calc(50% - 10px);top:-10px}.grafico-holder .grafico:nth-child(3) .item:nth-child(2) .datos .arrow{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ededed;position:absolute;left:-10px;top:calc(50% - 10px);top:-moz-calc(50% - 10px);top:-webkit-calc(50% - 10px);top:-o-calc(50% - 10px)}.grafico-holder .grafico:nth-child(3) .item:nth-child(2) .linea-anim .bar{background:url(../images/lineas-v.svg) repeat-y;width:5px;height:100%;overflow:hidden;margin-top:0;margin-left:0}.grafico-holder.verde .grafico:nth-child(3) .item:nth-child(2) .linea-anim .bar{background:url(../images/lineas-v.svg) repeat-y;width:5px;height:100%;overflow:hidden;margin-top:0;margin-left:0;-webkit-animation:moveBars2 .8s linear infinite;-moz-animation:moveBars2 .8s linear infinite;-ms-animation:moveBars2 .8s linear infinite;-o-animation:moveBars2 .8s linear infinite;animation:moveBars2 .8s linear infinite}.grafico-holder.verde-verde .grafico:nth-child(3) .item:nth-child(2) .linea-anim .bar{background:url(../images/lineas-v.svg) repeat-y;width:5px;height:100%;overflow:hidden;margin-top:0;margin-left:0;-webkit-animation:moveBars2 .8s linear infinite;-moz-animation:moveBars2 .8s linear infinite;-ms-animation:moveBars2 .8s linear infinite;-o-animation:moveBars2 .8s linear infinite;animation:moveBars2 .8s linear infinite}.grafico-holder.verde .grafico .item .linea-anim .bar{background:url(../images/lineas-h.svg) repeat-x;height:5px;overflow:hidden;margin-top:0;margin-left:-100px;-webkit-animation:moveBars .8s linear infinite;-moz-animation:moveBars .8s linear infinite;-ms-animation:moveBars .8s linear infinite;-o-animation:moveBars .8s linear infinite;animation:moveBars .8s linear infinite}.grafico-holder.verde-verde .grafico .item .linea-anim .bar{background:url(../images/lineas-h.svg) repeat-x;height:5px;overflow:hidden;margin-top:0;margin-left:-100px;-webkit-animation:moveBars .8s linear infinite;-moz-animation:moveBars .8s linear infinite;-ms-animation:moveBars .8s linear infinite;-o-animation:moveBars .8s linear infinite;animation:moveBars .8s linear infinite}.grafico-holder.verde-verde .grafico.verde .item .linea-anim-1{transform:rotate(180deg)}.grafico-holder.verde-verde .grafico.verde .item .linea-anim-1 .bar{background:url(../images/lineas-h.svg) repeat-x;height:5px;overflow:hidden;margin-top:0;margin-left:-100px;-webkit-animation:moveBars1 .8s linear infinite;-moz-animation:moveBars1 .8s linear infinite;-ms-animation:moveBars1 .8s linear infinite;-o-animation:moveBars1 .8s linear infinite;animation:moveBars1 .8s linear infinite}.grafico-holder.verde-verde .grafico.verde .item .linea-anim-2 .bar{background:url(../images/lineas-h.svg) repeat-x;height:5px;overflow:hidden;margin-top:0;margin-left:-100px;-webkit-animation:moveBars .8s linear infinite;-moz-animation:moveBars .8s linear infinite;-ms-animation:moveBars .8s linear infinite;-o-animation:moveBars .8s linear infinite;animation:moveBars .8s linear infinite}.grafico-holder.verde-amarillo .grafico.verde .item .linea-anim .bar{background:url(../images/lineas-h.svg) repeat-x;height:5px;overflow:hidden;margin-top:0;margin-left:-100px;-webkit-animation:moveBars .8s linear infinite;-moz-animation:moveBars .8s linear infinite;-ms-animation:moveBars .8s linear infinite;-o-animation:moveBars .8s linear infinite;animation:moveBars .8s linear infinite}.grafico-holder.amarillo .grafico .item .linea-anim .bar{background:url(../images/lineas-h.svg) repeat-x;height:5px;overflow:hidden;margin-top:0;margin-left:0}.grafico-holder.rojo .grafico .item .linea-anim .bar{background:url(../images/lineas-h.svg) repeat-x;height:5px;overflow:hidden;margin-top:0;margin-left:0}@keyframes moveBars{100%{margin-left:0}}@-webkit-keyframes moveBars{100%{margin-left:0}}@-moz-keyframes moveBars{100%{margin-left:0}}@-ms-keyframes moveBars{100%{margin-left:0}}@-o-keyframes moveBars{100%{margin-left:0}}@keyframes moveBars1{100%{margin-left:0}}@-webkit-keyframes moveBars1{100%{margin-left:0}}@-moz-keyframes moveBars1{100%{margin-left:0}}@-ms-keyframes moveBars1{100%{margin-left:0}}@-o-keyframes moveBars1{100%{margin-left:0}}@keyframes moveBars2{100%{margin-top:-50px}}@-webkit-keyframes moveBars2{100%{margin-top:-50px}}@-moz-keyframes moveBars2{100%{margin-top:-50px}}@-ms-keyframes moveBars2{100%{margin-top:-50px}}@-o-keyframes moveBars2{100%{margin-top:-50px}}.grafico-holder.verde .grafico:nth-child(1) .item:nth-child(1) .linea-anim{background:#62c526}.grafico-holder.verde .grafico:nth-child(2) .item:nth-child(1) .linea-anim{background:#62c526}.grafico-holder.verde .grafico:nth-child(2) .item:nth-child(2) .linea-anim{background:#62c526}.grafico-holder.verde .grafico:nth-child(3) .item:nth-child(1) .linea-anim{background:#62c526}.grafico-holder.verde .grafico:nth-child(3) .item:nth-child(2) .linea-anim{background:#62c526}.grafico-holder.verde .grafico .item .linea-holder{border-color:#62c526;background-color:#f8fff5}.grafico-holder.verde .grafico .item .linea{border-color:#62c526}.grafico-holder.verde-verde .grafico:nth-child(1) .item:nth-child(1) .linea-anim{background:#62c526}.grafico-holder.verde-verde .grafico:nth-child(1) .item:nth-child(1) .linea-anim-1{background:#62c526}.grafico-holder.verde-verde .grafico:nth-child(1) .item:nth-child(1) .linea-anim-2{background:#62c526}.grafico-holder.verde-verde .grafico:nth-child(2) .item:nth-child(1) .linea-anim{background:#62c526}.grafico-holder.verde-verde .grafico:nth-child(2) .item:nth-child(2) .linea-anim{background:#62c526}.grafico-holder.verde-verde .grafico:nth-child(3) .item:nth-child(1) .linea-anim{background:#62c526}.grafico-holder.verde-verde .grafico:nth-child(3) .item:nth-child(2) .linea-anim{background:#62c526}.grafico-holder.verde-verde .grafico .item .linea-holder{border-color:#62c526;background-color:#f8fff5}.grafico-holder.verde-verde .grafico .item .linea{border-color:#62c526}.grafico-holder.verde-amarillo .grafico.amarillo:nth-child(1) .item:nth-child(1) .linea-anim{background:#e8c100}.grafico-holder.verde-amarillo .grafico.amarillo:nth-child(2) .item:nth-child(1) .linea-anim{background:#e8c100}.grafico-holder.verde-amarillo .grafico.amarillo:nth-child(2) .item:nth-child(2) .linea-anim{background:#e8c100}.grafico-holder.verde-amarillo .grafico.amarillo:nth-child(3) .item:nth-child(1) .linea-anim{background:#e8c100}.grafico-holder.verde-amarillo .grafico.amarillo:nth-child(3) .item:nth-child(2) .linea-anim{background:#e8c100}.grafico-holder.verde-amarillo .grafico.amarillo .item .linea-holder{border-color:#e8c100;background-color:#fffef8}.grafico-holder.verde-amarillo .grafico.amarillo .item .linea{border-color:#e8c100}.grafico-holder.verde-amarillo .grafico.verde:nth-child(1) .item:nth-child(1) .linea-anim{background:#62c526}.grafico-holder.verde-amarillo .grafico.verde:nth-child(2) .item:nth-child(1) .linea-anim{background:#62c526}.grafico-holder.verde-amarillo .grafico.verde:nth-child(2) .item:nth-child(2) .linea-anim{background:#62c526}.grafico-holder.verde-amarillo .grafico.verde:nth-child(3) .item:nth-child(1) .linea-anim{background:#62c526}.grafico-holder.verde-amarillo .grafico.verde:nth-child(3) .item:nth-child(2) .linea-anim{background:#62c526}.grafico-holder.verde-amarillo .grafico.verde .item .linea-holder{border-color:#62c526;background-color:#f8fff5}.grafico-holder.verde-amarillo .grafico.verde .item .linea{border-color:#62c526}.grafico-holder.amarillo .grafico:nth-child(1) .item:nth-child(1) .linea-anim{background:#e8c100}.grafico-holder.amarillo .grafico:nth-child(2) .item:nth-child(1) .linea-anim{background:#e8c100}.grafico-holder.amarillo .grafico:nth-child(2) .item:nth-child(2) .linea-anim{background:#e8c100}.grafico-holder.amarillo .grafico:nth-child(3) .item:nth-child(1) .linea-anim{background:#e8c100}.grafico-holder.amarillo .grafico:nth-child(3) .item:nth-child(2) .linea-anim{background:#e8c100}.grafico-holder.amarillo .grafico .item .linea-holder{border-color:#e8c100;background-color:#fffef8}.grafico-holder.amarillo .grafico .item .linea{border-color:#e8c100}.grafico-holder.rojo .grafico:nth-child(1) .item:nth-child(1) .linea-anim{background:red}.grafico-holder.rojo .grafico:nth-child(2) .item:nth-child(1) .linea-anim{background:red}.grafico-holder.rojo .grafico:nth-child(2) .item:nth-child(2) .linea-anim{background:red}.grafico-holder.rojo .grafico:nth-child(3) .item:nth-child(1) .linea-anim{background:red}.grafico-holder.rojo .grafico:nth-child(3) .item:nth-child(2) .linea-anim{background:red}.grafico-holder.rojo .grafico .item .linea-holder{border-color:red;background-color:#fff8f8}.grafico-holder.rojo .grafico .item .linea{border-color:red}.contenedor{position:relative;background-color:#fff;border-radius:0;padding:30px;margin-bottom:15px;border:1px solid #ddd}.contenedor.alt{padding:50px 30px 30px 30px;border:1px solid #ddd!important}.btn-exportar{position:absolute;top:20px;right:30px;background:#232756;color:#fff;padding:10px 15px 10px 15px}.estado{position:relative;font-family:Roboto,sans-serif;font-size:25px;font-weight:400}.estado .title{font-family:Roboto,sans-serif;font-size:20px;font-weight:400}.estado b{font-weight:500}.estado .texto{font-family:Roboto,sans-serif;font-size:15px;font-weight:300;margin-bottom:20px}.estado .fa-check-circle{color:#62c526;font-size:25px}.estado .fa-times-circle{color:red;font-size:25px}#canvas-1,#canvas-2{background-color:#fff;border-radius:0;padding:10px;margin-bottom:20px;border:1px solid #ddd}#weatherWidget{background-color:#212857;padding:30px;font-family:Roboto,sans-serif}#weatherWidget .info-extra{font-family:Roboto,sans-serif;font-size:13px;color:#fff;margin-top:20px;border:1px solid rgba(255,255,255,.3);padding:10px 0 10px 0;margin-left:0;margin-right:0;font-weight:300}#weatherWidget .info-extra .salida{display:inline-block;vertical-align:top;padding-bottom:15px;padding-right:15px;width:calc(50% - 5px);width:-moz-calc(50% - 5px);width:-webkit-calc(50% - 5px);width:-o-calc(50% - 5px)}#weatherWidget .info-extra .salida .ico-sun-up{width:42px;height:49px;display:block;padding-bottom:5px}#weatherWidget .info-extra .puesta{display:inline-block;vertical-align:top;padding-bottom:15px;width:calc(50% - 5px);width:-moz-calc(50% - 5px);width:-webkit-calc(50% - 5px);width:-o-calc(50% - 5px)}#weatherWidget .info-extra .puesta .ico-sun-down{width:42px;height:49px;display:block;padding-bottom:5px}#weatherWidget .info-extra b{font-weight:500}#weatherWidget .info-extra .porcentaje{font-size:35px;line-height:50px;font-weight:400}#weatherWidget .weather-grids{display:inline-block;vertical-align:top;width:calc(33.3% - 4px);width:-moz-calc(33.3% - 4px);width:-webkit-calc(33.3% - 4px);width:-o-calc(33.3% - 4px)}#weatherWidget .weather-grids.weather-mdl{text-align:center}#weatherWidget .weather-grids:nth-child(3){text-align:right}#weatherWidget .weather-grids h3{font-size:.9em;color:#fff;font-weight:300}#weatherWidget .weather-grids h3.fri{font-weight:400;color:gold;margin-top:0;margin-bottom:0;font-size:2em}#weatherWidget .weather-grids h2{font-size:2em;font-weight:100;color:#fff;margin-bottom:0}#weatherWidget .weather-grids h4{font-size:.6em;color:#fff;margin-bottom:0}#weatherWidget .weather-bottom{text-align:center;margin-top:10px}#weatherWidget .weather-bottom ul{display:flex;flex-direction:row;margin-bottom:0}#weatherWidget .weather-bottom ul li{display:inline-block;padding:.5em 0;flex-grow:1}#weatherWidget .weather-bottom ul li.bg:nth-child(even){background-color:rgba(255,255,255,.2)}#weatherWidget .weather-bottom ul li.bg:nth-child(odd){background-color:rgba(255,255,255,.1)}#weatherWidget .weather-bottom h4{font-size:.5em;color:#fff;font-weight:100;margin-bottom:0}#weatherWidget figure.icons{margin:5px 0 0 0}#weatherWidget .weather-bottom h5{font-size:.7em;color:#fff;font-weight:600;margin-bottom:0}#weatherWidget .weather-bottom h6{font-size:.6em;color:gold;margin-top:0;margin-bottom:0}.ui-resizable-e{opacity:0}.ui-resizable-e:hover{background-color:#fad52f;width:10px;box-shadow:0 0 15px rgba(0,0,0,.2);opacity:1}.ui-resizable-e:before{content:'';width:2px;height:10px;position:absolute;left:calc(50% - 3px);left:-moz-calc(50% - 3px);left:-webkit-calc(50% - 3px);left:-o-calc(50% - 3px);top:calc(50% - 50px);top:-moz-calc(50% - 50px);top:-webkit-calc(50% - 50px);top:-o-calc(50% - 50px);background-color:#23265a}.ui-resizable-e:after{content:'';width:2px;height:10px;position:absolute;left:calc(50% - -1px);left:-moz-calc(50% - -1px);left:-webkit-calc(50% - -1px);left:-o-calc(50% - -1px);top:calc(50% - 50px);top:-moz-calc(50% - 50px);top:-webkit-calc(50% - 50px);top:-o-calc(50% - 50px);background-color:#23265a}.modal .modal-title{font-family:Roboto,sans-serif;font-size:1.5em;font-weight:500}.modal .modal-dialog{margin-top:100px;font-family:Roboto,sans-serif;font-size:1em;font-weight:400}.modal .modal-dialog .btn{background-color:#fff;font-family:Roboto,sans-serif;color:#484848;border:1px solid #ddd;margin:10px 0 10px 15px;padding:5px 15px 5px 15px;font-size:13px;text-transform:uppercase;border-radius:0}.modal .conexiones{text-align:left}.modal .conexiones .conexion{background-color:#242857;padding-top:10px;padding-bottom:0;border-bottom:1px solid #fff}.modal .conexiones .conexion a{width:100%;display:block;padding:10px 10px 10px 10px}.modal .conexiones .conexion a:last-child{border-bottom:0}.modal .conexiones .conexion a .icono{display:inline-block;vertical-align:top;width:40px;height:55px;font-size:40px;text-align:center;color:#fff;transform:rotate(-45deg);padding-top:0;margin-bottom:-15px}.modal .conexiones .conexion a .icono .ico{margin-top:-20px;margin-left:2px;margin-right:-13px}.modal .conexiones .conexion a .nombre{display:inline-block;vertical-align:top;width:calc(100% - 74px);width:-moz-calc(100% - 74px);width:-webkit-calc(100% - 74px);width:-o-calc(100% - 74px);color:#fff;line-height:15px;font-size:20px}.modal .conexiones .conexion a .nombre b{font-weight:300;color:#a5a5a5;font-size:14px}.modal .conexiones .conexion .form{padding:0 10px 10px 10px;border-bottom:1px solid #656565}.modal .conexiones .conexion .form input{border:0;margin-bottom:10px;margin-top:0}.modal .conexiones .conexion .form .btn-cancelar,.modal .conexiones .conexion .form .btn-siguiente,.modal .conexiones .conexion .form button{border:0;background-color:#fff;padding:5px 15px 5px 15px;font-size:15px;font-weight:400;cursor:pointer;display:inline;color:#242857;text-decoration:none}#nueva-conexion-modal .modal-body{padding:5px}.speedbox{height:236px;position:relative;display:inline-block;margin-top:0}.speedbox.demanda-hogar .speedbox__score{border:20px solid #79f130;border-color:transparent transparent #79f130 #79f130}.speedbox__up{font-size:22px;line-height:15px}.speedbox__down{font-size:22px;line-height:15px}.speedbox.auto-consumo .speedbox__score{border:20px solid #1673fb;border-color:transparent transparent #1673fb #1673fb}.speedbox__score{position:absolute;left:0;top:0;transform:rotate(-45deg);-webkit-transform:rotate(0);height:230px;width:230px;background:0 0;border-radius:50%;border:20px solid transparent;border-color:transparent transparent transparent transparent;box-sizing:border-box;cursor:pointer;z-index:1;transition:transform .3s ease}.speedbox__groove{height:115px;width:230px;background:0 0;border-top-left-radius:115px;border-top-right-radius:115px;border:20px solid #eee;border-bottom:0;box-sizing:border-box;position:absolute;left:0;top:0}.speedbox__base{width:230px;height:150px;background:#fff;position:relative;top:100px;z-index:1}.speedbox__odo{position:absolute;color:#000;bottom:25px;left:0;width:100%;z-index:2}.speedbox__odo>div{margin-bottom:30px;padding-bottom:10px}.speedbox__odo span{font-size:.8em;font-weight:300;line-height:25px}@media (max-width:522px){.estado{font-size:23px}#weatherWidget .weather-grids{display:inline-block;vertical-align:top;width:calc(33.33% - 4px);width:-moz-calc(33.33% - 4px);width:-webkit-calc(33.33% - 4px);width:-o-calc(33.33% - 4px)}#weatherWidget .weather-grids #clear-day{width:40px;height:40px}#weatherWidget .weather-grids h2{font-size:1.2em}#weatherWidget .weather-grids h3{font-size:.7em}#weatherWidget .weather-grids h3.fri{font-size:1em}#weatherWidget .weather-grids h4{font-size:.5em}#weatherWidget .weather-bottom ul{display:block}#weatherWidget .weather-bottom ul li{width:calc(50% - 5px);width:-moz-calc(50% - 5px);width:-webkit-calc(50% - 5px);width:-o-calc(50% - 5px);margin-bottom:5px}#weatherWidget .weather-bottom ul li.bg:nth-child(2n){background-color:rgba(255,255,255,.1)}#weatherWidget .weather-bottom ul li.bg:nth-child(2n - 1){background-color:rgba(255,255,255,.1)}}@media (max-width:480px){main .main-right .menu-options .options .option{font-size:1.1em!important;font-weight:400}main .main-right .menu-options .options .option .fa-fw{width:100%}main .content-items .item.default:last-child{margin-bottom:10px!important}main .content-items .item.default .title{padding:15px 0 25px 60px!important;line-height:20px!important}main .content-items .item.default .btn-configurar,main .content-items .item.default .btn-modificar,main .content-items .item.default .btn-nueva{right:inherit!important;top:inherit!important;position:relative!important;margin:0 0 10px 0!important;padding:10px!important;width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-o-calc(100% - 30px);max-width:100%!important;display:inline-block}main .content-items .item.default .sec .texto form .btns .btn{margin-bottom:10px!important;width:100%!important}}@media (max-width:350px){main .main-right .menu-options .options .option{font-size:.9em!important}}@media (max-width:768px){main .grafico-holder{padding-top:60px!important;padding-bottom:60px!important;padding-left:15px!important;padding-right:15px!important}main .grafico-holder .grafico .item{max-width:0}main .grafico-holder .grafico .item .linea-holder .linea{width:50px;height:50px}main .grafico-holder .grafico .item .linea-holder .linea img{max-height:35px;margin-top:calc(50% - 18px);margin-top:-moz-calc(50% - 18px);margin-top:-webkit-calc(50% - 18px);margin-top:-o-calc(50% - 18px)}main .grafico-holder .grafico:nth-child(1) .item:nth-child(1){width:calc(100% - 60px);width:-moz-calc(100% - 60px);width:-webkit-calc(100% - 60px);width:-o-calc(100% - 60px);padding-right:calc(100% - 63px);padding-right:-moz-calc(100% - 63px);padding-right:-webkit-calc(100% - 63px);padding-right:-o-calc(100% - 63px)}main .grafico-holder .grafico:nth-child(1) .item:nth-child(1) .linea-anim-1{left:64px;width:calc(50% - 31px);width:-moz-calc(50% - 31px);width:-webkit-calc(50% - 31px);width:-o-calc(50% - 31px)}main .grafico-holder .grafico:nth-child(1) .item:nth-child(1) .linea-anim-2{left:calc(50% + 33px);left:-moz-calc(50% + 33px);left:-webkit-calc(50% + 33px);left:-o-calc(50% + 33px);width:calc(50% - 29px);width:-moz-calc(50% - 29px);width:-webkit-calc(50% - 29px);width:-o-calc(50% - 29px)}main .grafico-holder .grafico:nth-child(1) .item:nth-child(1) .linea-anim{left:64px;width:calc(100% - 60px);width:-moz-calc(100% - 60px);width:-webkit-calc(100% - 60px);width:-o-calc(100% - 60px)}main .grafico-holder .grafico:nth-child(1) .item:nth-child(1) .datos-1{left:24%;top:-44px;padding:5px;font-size:10px;line-height:13px}main .grafico-holder .grafico:nth-child(1) .item:nth-child(1) .datos-2{left:calc(50% + 20%);left:-moz-calc(50% + 20%);left:-webkit-calc(50% + 20%);left:-o-calc(50% + 20%);top:-44px;padding:5px;font-size:10px;line-height:13px}main .grafico-holder .grafico:nth-child(2){padding-top:60px}main .grafico-holder .grafico:nth-child(2) .item:nth-child(1){padding-right:calc(50% - 35px);padding-right:-moz-calc(50% - 35px);padding-right:-webkit-calc(50% - 35px);padding-right:-o-calc(50% - 35px)}main .grafico-holder .grafico:nth-child(2) .item:nth-child(1) .datos{padding:5px;font-size:10px;line-height:13px;top:46px;left:calc(50% - 16px);left:-moz-calc(50% - 16px);left:-webkit-calc(50% - 16px);left:-o-calc(50% - 16px);margin-right:-44px}main .grafico-holder .grafico:nth-child(2) .item:nth-child(1) .datos-3{padding:5px;font-size:10px;line-height:13px;top:63px;left:calc(50% - 16px);left:-moz-calc(50% - 16px);left:-webkit-calc(50% - 16px);left:-o-calc(50% - 16px);margin-right:-44px}main .grafico-holder .grafico:nth-child(2) .item:nth-child(1) .linea-anim{width:calc(100% - 60px);width:-moz-calc(100% - 60px);width:-webkit-calc(100% - 60px);width:-o-calc(100% - 60px);left:64px}main .grafico-holder .grafico:nth-child(2) .item:nth-child(2) .datos{padding:5px;font-size:10px;line-height:13px;left:47px;top:-67px}main .grafico-holder .grafico:nth-child(2) .item:nth-child(2) .datos-3{padding:5px;font-size:10px;line-height:13px;left:74px;top:3px;min-width:113px}main .grafico-holder .grafico:nth-child(2) .item:nth-child(2) .linea-anim{left:calc(50% + 30px);left:-moz-calc(50% + 30px);left:-webkit-calc(50% + 30px);left:-o-calc(50% + 30px);top:-92px}main .grafico-holder .grafico:nth-child(3){padding-top:60px}main .grafico-holder .grafico:nth-child(3) .item:nth-child(1){padding-right:calc(75% - 35px);padding-right:-moz-calc(75% - 35px);padding-right:-webkit-calc(75% - 35px);padding-right:-o-calc(75% - 35px)}main .grafico-holder .grafico:nth-child(3) .item:nth-child(1) .datos{padding:5px;font-size:10px;line-height:13px;top:46px;left:calc(50% - 16px);left:-moz-calc(50% - 16px);left:-webkit-calc(50% - 16px);left:-o-calc(50% - 16px);margin-right:-44px}main .grafico-holder .grafico:nth-child(3) .item:nth-child(1) .datos-3{padding:5px;font-size:10px;line-height:13px;top:46px;left:calc(50% - 16px);left:-moz-calc(50% - 16px);left:-webkit-calc(50% - 16px);left:-o-calc(50% - 16px);margin-right:-44px}main .grafico-holder .grafico:nth-child(3) .item:nth-child(1) .linea-anim{width:calc(100% - 60px);width:-moz-calc(100% - 60px);width:-webkit-calc(100% - 60px);width:-o-calc(100% - 60px);left:64px}main .grafico-holder .grafico:nth-child(3) .item:nth-child(2) .datos{padding:5px;font-size:10px;line-height:13px;left:47px;top:calc(-515px);top:-moz-calc(-515px);top:-webkit-calc(-515px);top:-o-calc(-515px);min-width:100px}main .grafico-holder .grafico:nth-child(3) .item:nth-child(2) .datos-3{padding:4px;font-size:10px;line-height:13px;left:75px;top:calc(-100% + 70px);top:-moz-calc(-100% + 70px);top:-webkit-calc(-100% + 70px);top:-o-calc(-100% + 70px);min-width:97px}main .grafico-holder .grafico:nth-child(3) .item:nth-child(2) .linea-anim{left:calc(50% + 30px);left:-moz-calc(50% + 30px);left:-webkit-calc(50% + 30px);left:-o-calc(50% + 30px);top:calc(-100% - 152px);top:-moz-calc(-100% - 152px);top:-webkit-calc(-100% - 152px);top:-o-calc(-100% - 152px)}}@media (max-width:480px){main .grafico-holder{padding-bottom:70px!important}main .grafico-holder .grafico:nth-child(3) .item:nth-child(2) .datos{left:40px}main .grafico-holder .grafico:nth-child(3) .item:nth-child(2) .datos-3{left:0;top:calc(-100% + 140px);top:-moz-calc(-100% + 140px);top:-webkit-calc(-100% + 140px);top:-o-calc(-100% + 140px)}main .grafico-holder .grafico:nth-child(3) .item:nth-child(2) .datos-3 .arrow{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ededed;left:calc(50% - 25px);left:-moz-calc(50% - 25px);left:-webkit-calc(50% - 25px);left:-o-calc(50% - 25px);top:-20px}}@media (max-width:991px){nav{padding-left:10px}main .main-left{background-size:cover;padding:30px 0 30px 0;min-height:auto;position:relative}main .main-left .menu{margin-top:30px}main .main-right{margin:0}main .main-right .content-items{margin-top:60px;padding-top:80px}main .main-right .content-items.autoconsumo,main .main-right .content-items.demanda-hogar{margin-top:0}main .main-right .content-items.economia{margin-top:0;padding-top:30px}main .main-right .content-items.main-demanda-hogar{margin-top:0;padding-top:0}main .main-right .content-items.default{margin-top:0;padding-top:30px;padding-bottom:60px}main .main-right .menu-options .options .option{width:calc(50% - 22px);width:-moz-calc(50% - 22px);width:-webkit-calc(50% - 22px);width:-o-calc(50% - 22px);max-width:none;font-size:1.4em}.content-items .item.economia .title{padding-bottom:0!important}.content-items .item.economia .texto{padding-left:0!important;font-size:13px}.content-items .item.economia .texto .money .fa-euro-sign{font-size:30px!important}.content-items .item.economia .fa-coins{font-size:3.3em!important}}