.flat-tariff{overflow:auto}
.flat-tariff .invoice-upload{margin-bottom:0}
.flat-tariff .invoice-upload .no-margin-top-filter{margin-top:0 !important}
.flat-tariff .header-container{position:fixed;background:white;width:100%;z-index:24;border-bottom:1px solid lightgray;border-bottom-style:solid;height:70px}
.flat-tariff .header-container .flat-tariff-header{width:100%;display:flex;align-items:center;justify-content:space-between}
.flat-tariff .header-container .flat-tariff-header .top-right-header{display:flex}
.flat-tariff .header-container .flat-tariff-header .top-right-header .help-funnel{margin-right:30px}
.flat-tariff .header-container .eon-it-navbar__topline{display:flex}
.flat-tariff .header-container .eon-it-navbar__topline__left{width:70%;height:.4rem;background-color:#1ea2b1}
.flat-tariff .header-container .eon-it-navbar__topline__right{width:15%;height:.4rem;background-color:#e3e000}
.flat-tariff .header-container .eon-it-navbar__topline__narrow-right{width:15%;height:.4rem;background-color:#b00402}
.flat-tariff .stickybar-flat-tariff-desktop{position:fixed;background-color:#e3e000;height:80px;top:70px;z-index:23;width:100%}
@media only screen and (max-width:767px){.flat-tariff .stickybar-flat-tariff-desktop{position:sticky}
}
.flat-tariff .stickybar-flat-tariff-desktop .text-and-icon{align-items:center}
.flat-tariff .stickybar-flat-tariff-desktop .text-and-icon .sticky-icon{min-height:40px;min-width:40px}
.flat-tariff .stickybar-flat-tariff-desktop .text-and-icon .sticky-text{font-size:20px;line-height:24px;color:#a00311}
.flat-tariff .stickybar-flat-tariff-desktop .text-and-icon .sticky-text p{margin:0 0 0 10px !important;font-size:2.2rem !important}
@media only screen and (max-width:767px){.flat-tariff .stickybar-flat-tariff-desktop .text-and-icon .sticky-text p{font-size:1.8rem !important;margin-left:10px}
}
.flat-tariff .filter-invoice-upload{margin-top:50px}
.flat-tariff .filter-invoice-upload.enable-sticky{margin-top:120px}
@media only screen and (max-width:767px){.flat-tariff .filter-invoice-upload.enable-sticky{margin-top:0}
}
.flat-tariff .step-0 .title-page{font-weight:900;margin-top:40px;margin-bottom:20px}
.flat-tariff .step-0 .title-paragraph{font-weight:900;margin-bottom:10px}
.flat-tariff .step-0 .rata-personalizzata{align-items:center;margin:20px 0}
.flat-tariff .step-0 .rata-personalizzata .icon-personalize{max-height:20px;max-width:20px}
.flat-tariff .step-0 .consumo-annuo .filter-container{border-radius:15px 15px 15px 15px;width:100%}
.flat-tariff .step-0 .consumo-annuo .filter-container eon-ui-dropdown{background:white}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container{background-color:#fbf8ed}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container .selezione-multiselect{margin:10px 0 20px}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container .dropdownmultiselect-power{margin:10px 0 20px}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container .unit-counter input{height:55px;width:55px;border:2px solid #bfbfbf;border-radius:3px;margin-bottom:0;font-size:18px;text-align:center;-webkit-appearance:none;-moz-appearance:textfield}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red{background-color:#f9f6f4}
@media only screen and (max-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob{display:flex;flex-direction:column}
}
@media only screen and (min-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob{display:flex}
}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob .selezione-multiselect{margin:10px 0 20px}
@media only screen and (max-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob .select-people{display:flex;flex-direction:column;align-items:center}
}
@media only screen and (min-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob .select-people{display:flex;flex-direction:column;margin-left:10px}
}
@media only screen and (max-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob .select-people .dropdownmultiselect-power{margin-left:-20px}
}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob .dropdownmultiselect-power{margin:10px 0 20px}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob .unit-counter input{height:55px;width:55px;border:2px solid #bfbfbf;border-radius:3px;margin-bottom:0;font-size:18px;text-align:center;-webkit-appearance:none;-moz-appearance:textfield}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob .button-calcola-consumo{display:flex}
@media only screen and (max-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob .button-calcola-consumo{flex-direction:column;margin-right:10px;margin-left:10px}
}
@media only screen and (min-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .consumo-manuale-desk-mob .button-calcola-consumo{align-items:center}
}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .allinea-modifica{display:flex}
@media only screen and (min-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .allinea-modifica{display:flex;align-items:center}
}
@media only screen and (max-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .allinea-modifica{flex-direction:column;align-items:flex-start}
}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .allinea-modifica .pointer-mouse{cursor:pointer}
@media only screen and (max-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .allinea-modifica .pointer-mouse{display:flex;flex-direction:row}
}
@media only screen and (min-width:767px){.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .allinea-modifica .pointer-mouse{display:flex}
}
.flat-tariff .step-0 .consumo-annuo .filter-container .background-filter-container-red .allinea-modifica .underline-text-red{border-bottom:2px solid #e20}
.flat-tariff .consumo-annuo-manuale-input{display:flex;margin-left:-24px}
@media only screen and (max-width:767px){.flat-tariff .consumo-annuo-manuale-input{flex-direction:column}
}
@media only screen and (min-width:767px){.flat-tariff .consumo-annuo-manuale-input .consumo-manuale-input-row{display:flex}
}
@media only screen and (max-width:767px){.flat-tariff .consumo-annuo-manuale-input .consumo-manuale-input-row{display:flex;flex-direction:column}
}
.flat-tariff .consumo-annuo-manuale-input .consumo-manuale-input-row .input-consumo-manuale{margin-left:-20px}
@media only screen and (min-width:767px){.flat-tariff .consumo-annuo-manuale-input .consumo-manuale-input-row .modifica-consumo-manuale{display:flex;margin-left:10px}
}
@media only screen and (max-width:767px){.flat-tariff .consumo-annuo-manuale-input .consumo-manuale-input-row .modifica-consumo-manuale{display:flex;flex-direction:row;margin-left:-25px;margin-top:25px}
}
.flat-tariff .potenza-impiegata .potenza-impiegata-title{margin-top:35px}
.flat-tariff .fornitura-residenziale{margin-bottom:100px}
.flat-tariff .tipologia-uso .tipologia-uso-title{margin-top:35px}
.flat-tariff .tipologia-uso .checkBox-gas{margin-top:20px}
.flat-tariff .cap{margin-left:-25px;margin-bottom:300px}
.flat-tariff .cap .cap-title{margin-top:40px}
.flat-tariff .cap .cap-input{margin-top:20px}
.flat-tariff .recap-filter .title-page{font-weight:900;margin-top:40px;margin-bottom:20px;color:red}
@media only screen and (max-width:767px){.flat-tariff .recap-filter .title-page{font-size:26px}
}
.flat-tariff .recap-filter .dati-richiesti-text{font-family:'EON Brix Sans';font-weight:700;font-size:20px;line-height:30px}
.flat-tariff .recap-filter .info-dati-personalizzati{align-items:center;margin:20px 0}
.flat-tariff .recap-filter .info-dati-personalizzati .icon-eon{min-width:20px;display:flex;justify-content:center}
@media only screen and (max-width:767px){.flat-tariff .recap-filter{margin-bottom:120px}
}
.flat-tariff .final-step-filter .title-page{font-weight:900;line-height:48px}
.flat-tariff .final-step-filter .box-prezzo{background-color:#b0dade;flex-direction:column;padding:24px;border-radius:4px;margin-top:40px}
.flat-tariff .final-step-filter .box-prezzo .rata-mensile{font-weight:900;line-height:38px}
.flat-tariff .final-step-filter .box-prezzo .prezzo{display:flex}
.flat-tariff .final-step-filter .box-prezzo .prezzo .prezzo-euro{font-weight:900;line-height:88px}
.flat-tariff .final-step-filter .box-prezzo .prezzo .descrizione-prezzo{flex-direction:column;margin-left:16px}
.flat-tariff .final-step-filter .box-prezzo .prezzo .descrizione-prezzo .scritta-prezzo-euro{font-weight:500;line-height:48px}
.flat-tariff .final-step-filter .box-prezzo .prezzo .descrizione-prezzo .durata-prezzo{font-weight:500;line-height:30px}
.flat-tariff .final-step-filter .box-prezzo .activate-button{margin-top:24px}
.flat-tariff .final-step-filter .titolo-recap-destra-prezzo{font-size:24px;line-height:24px;color:#144d62;margin-bottom:24px}
.flat-tariff .final-step-filter .recap-destra-prezzo{margin-top:40px}
@media only screen and (max-width:767px){.flat-tariff .final-step-filter .recap-destra-prezzo{margin-top:0}
}
.flat-tariff .final-step-filter .recap-destra-prezzo .info-dati-recap{margin-bottom:24px;margin-right:30px}
@media only screen and (max-width:767px){.flat-tariff .final-step-filter .testo-finale-conferma{margin-top:0 !important}
}
.flat-tariff .footer-container,.flat-tariff .footer-container-flat{z-index:25;position:fixed;width:100%;bottom:0;box-shadow:-1px -1px 4px 0 rgba(0,0,0,0.15)}
.flat-tariff .footer-container .flat-tariff-footer,.flat-tariff .footer-container-flat .flat-tariff-footer{width:100%;padding:10px 0;display:flex;flex-direction:row}
.flat-tariff .footer-container .flat-tariff-footer .avanti-button,.flat-tariff .footer-container-flat .flat-tariff-footer .avanti-button{align-items:center}
.flat-tariff .footer-container .flat-tariff-footer .avanti-button .footer-text-message,.flat-tariff .footer-container-flat .flat-tariff-footer .avanti-button .footer-text-message{margin-right:20px}
.flat-tariff eon-ui-icon{width:20px}
@media only screen and (min-width:767px){.flat-tariff .title-page{font-size:35px;font-weight:900;margin-top:40px;margin-bottom:20px}
.flat-tariff .title-paragraph{font-size:25px}
.flat-tariff .dati-richiesti-text{font-weight:400;font-size:20px;line-height:150%}
.flat-tariff .box-prezzo .rata-mensile{font-size:30px}
.flat-tariff .box-prezzo .prezzo .prezzo-euro{font-size:80px}
.flat-tariff .box-prezzo .prezzo .descrizione-prezzo .scritta-prezzo-euro{font-size:40px}
.flat-tariff .box-prezzo .prezzo .descrizione-prezzo .durata-prezzo{font-size:20px}
.flat-tariff .titolo-recap-destra-prezzo{display:flex}
.flat-tariff .footer-container,.flat-tariff .footer-container-flat{background:white}
.flat-tariff .footer-container .text-footer,.flat-tariff .footer-container-flat .text-footer{color:#ea1c0a}
}
@media only screen and (max-width:767px){.flat-tariff .step-0 .title-page{font-size:25px}
.flat-tariff #doveLoTrovoPotenzaImpegnata{justify-content:flex-end}
.flat-tariff .final-step-filter .title-page{font-size:40px;line-height:40px}
.flat-tariff .final-step-filter .box-prezzo .rata-mensile{font-size:24px}
.flat-tariff .final-step-filter .box-prezzo .prezzo .prezzo-euro{font-size:56px}
.flat-tariff .final-step-filter .box-prezzo .prezzo .descrizione-prezzo .scritta-prezzo-euro{font-size:32px}
.flat-tariff .final-step-filter .box-prezzo .prezzo .descrizione-prezzo .durata-prezzo{font-size:16px}
.flat-tariff .final-step-filter .titolo-recap-destra-prezzo{display:inline-block}
.flat-tariff .footer-container,.flat-tariff .footer-container-flat{background-color:#a00311}
.flat-tariff .footer-container .flat-tariff-footer .text-footer,.flat-tariff .footer-container-flat .flat-tariff-footer .text-footer{color:white}
.flat-tariff .footer-container .flat-tariff-footer .avanti-button .footer-text-message,.flat-tariff .footer-container-flat .flat-tariff-footer .avanti-button .footer-text-message{display:none}
}
.flat-tariff .modal-click-to-call{overflow:scroll}
.flat-tariff .modal{text-align:center;padding:0 !important}
.flat-tariff .modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}
.flat-tariff .modal .position-right{position:absolute;right:50px}
.flat-tariff .modal-dialog{display:inline-block;text-align:left;vertical-align:middle}
@media only screen and (min-width:767px){.flat-tariff .modal-dialog{width:800px}
}
.flat-tariff .modal-dialog .modal-body-error-price{display:flex;flex-direction:column;align-items:center}
.flat-tariff .modal-dialog-cambio-consumo-manuale{display:inline-block;text-align:left;vertical-align:middle}
@media only screen and (min-width:767px){.flat-tariff .modal-dialog-cambio-consumo-manuale{width:1000px}
}
@media only screen and (min-width:767px){.flat-tariff .modal-dialog-cambio-consumo-manuale .modal-content-cambio-manuale{margin-top:100px;width:1000px}
}
@media only screen and (max-width:767px){.flat-tariff .modal-dialog-cambio-consumo-manuale .modal-content-cambio-manuale{margin-top:60px;margin-right:10px;margin-left:5%;width:90%}
}
@media only screen and (min-width:767px){.flat-tariff .modal-dialog-cambio-consumo-manuale .modal-content-cambio-manuale .titolo-modale-consumo-manuale{margin-right:auto;margin-left:auto;justify-content:space-between}
}
@media only screen and (max-width:767px){.flat-tariff .modal-dialog-cambio-consumo-manuale .modal-content-cambio-manuale .titolo-modale-consumo-manuale{flex-direction:column-reverse}
}
@media only screen and (min-width:767px){.flat-tariff .modal-dialog-cambio-consumo-manuale .modal-content-cambio-manuale .titolo-modale-consumo-manuale #cambio-consumo-annuo-manuale{right:50px}
}
@media only screen and (max-width:767px){.flat-tariff .modal-dialog-cambio-consumo-manuale .modal-content-cambio-manuale .titolo-modale-consumo-manuale #cambio-consumo-annuo-manuale{padding:15px}
}
@media only screen and (max-width:767px){.flat-tariff .modal-dialog-cambio-consumo-manuale .modal-content-cambio-manuale .titolo-modale-consumo-manuale .cross-close-modal{align-self:flex-end}
}
@media only screen and (min-width:767px){.flat-tariff .modal-dialog-cambio-consumo-manuale .button-modale-consumo-manuale{justify-content:center}
}
@media only screen and (max-width:767px){.flat-tariff .modal-dialog-cambio-consumo-manuale .button-modale-consumo-manuale{justify-content:space-evenly}
}
.flat-tariff .media-image{max-height:420px}
.flat-tariff .popupLink{color:#1ea2b1;text-decoration:underline;font-weight:bold;font-size:14px;margin:0}
.flat-tariff .title-and-modal{display:flex}
@media only screen and (max-width:767px){.flat-tariff .title-and-modal{justify-content:space-between;align-items:baseline}
}
.flat-tariff .warning-concumo-basso{color:#ea1b0a}
.flat-tariff #tabella-conguaglio-popup #title-tabella-conguaglio{color:#ea1b0a;font-size:26px;font-style:normal;font-weight:700;line-height:normal}
.flat-tariff #tabella-conguaglio-popup .tabella-conguaglio-note{color:#39393a;font-size:12px;font-style:normal;font-weight:400;line-height:130%}
.flat-tariff #tabella-conguaglio-popup .recap-dati-title{color:#ea1b0a;font-size:26px;font-style:normal;font-weight:700;line-height:normal}
.flat-tariff #tabella-conguaglio-popup .recap-dati-title .info-dati-recap{color:#404040;font-size:18px;font-style:normal;font-weight:400;line-height:24px}
.flat-tariff #tabella-conguaglio-popup .rect-yellow,.flat-tariff #tabella-conguaglio-popup .rect-red{width:14px;height:9px;margin-top:6px}
@media only screen and (max-width:767px){.flat-tariff #tabella-conguaglio-popup .rect-yellow,.flat-tariff #tabella-conguaglio-popup .rect-red{width:36px;height:10px}
}
.flat-tariff #tabella-conguaglio-popup .rect-yellow{background-color:#f2efa3}
.flat-tariff #tabella-conguaglio-popup .rect-red{background-color:#f6c1b0}