/*
 *
 * BY ing. Nicolò Chiellini n.chiellini@4sigma.it
 * dott. Valeria La Mantia v.lamantia@4sigma.it
 * dott. Livia Ranzini l.ranzini@4sigma.it
 *
 */
:root {
    --scrollbar-width: 0px;
    --vh: 1vh;
    --bianco: #fff;
    --nero: #000;
    --giallo: #d8d332;
    --blue: #575ef2;
    --azzurro: #575ef2;
    --arancio: #ff991f;
    --verde: #1ce394;
    --grigio: #878796;
    --bianco-sporco: #f5f5f0;
    --magenta: #ff5279;
    --grigio-filetti: #D4D4D4;
    --viola: #575ef2;
    --blue-scuro: #2D3044;
    --prugna: #42256a;

    --inviata: #39b2ff;
    --intestata: #575ef2;
    --creata: #ec00ff;
    --in_lavorazione: #ff991f;
    --incompleta: #ff5278;
    --depositata: #1ce394;
    --conclusa: #7d7d7d;
    --scaduta: #353535;
    --ritardo: #ffe600;
    --annullata: #42256a;
}

html {
    width: 100%;
    min-height: 100%;
    margin: 0px;
    float: left;
    padding: 0px;
    font-family: 'Poppins';
    font-size: 15px;
    line-height: 22px;
    background-color: var(--bianco);
    color: var(--grigio);
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body {
    border: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    min-height: 100vh;
    float: left;
    -webkit-text-size-adjust: 100%;
    font-weight: 400;
    position: relative;
    color: var(--grigio);
    overflow-x: hidden;
}

td {
    border: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
div, p, h1, h2, h3, h4, h5, h6, ul,
footer, header, nav, article, main, aside,
section, form, fieldset, marquee,
figure, figcation {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: left;
    text-decoration: none;
    -webkit-text-size-adjust: 100%;
}
img {
    text-decoration: none;
    border: none;
    vertical-align: middle;
}
svg {
    border: none;
    border-image-width: 0;
    stroke-width: 0px;
}
iframe {
    margin: 0px;
    padding: 0px;
    border: none;
/*    height: auto;
    width: 100%;*/
}
video[poster] {
    height:100%;
    object-fit: cover;
}
video {
    max-width: 100%;
}
table, td, tr {
    margin: 0px;
    padding: 0px;
    border: none;
}
table {
    float: left;
}
label {
    cursor: pointer;
}
a {
    outline: none;
    text-decoration: none;
    cursor: pointer;
    color: var(--blue);
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
}
li {
    outline: none;
}

i, em, .italic {
    font-style: italic;
    font-weight: inherit;
}
i strong, em strong {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}
*:-placeholder
{
    color: #bdbdbd;
}
button::-moz-focus-inner {
  border: 0;
}
a:focus {
    outline: none;
}
input:focus:-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder  { color:transparent; }

input,
textarea,
select,
button {
    outline: none;
    border: none;
    padding: 0px;
    -webkit-border-radius: 0px;
    font-family: 'Poppins';
}
input[type=checkbox] {
    cursor: pointer;
}
select {
    -webkit-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAWCAYAAAAW5GZjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ2MCwgMjAyMC8wNS8xMi0xNjowNDoxNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYWZiZjdlZi01YWI5LTQxOTgtYWM4NS03NjY3MTY0OTY4MzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUFGNzc5RkEzNjI0MTFFQkEyMjdCNDFBRUE1NjNBNkUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUFGNzc5RjkzNjI0MTFFQkEyMjdCNDFBRUE1NjNBNkUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRUM3M0JFODJEOTYxMUVCQThENkYzNzEzNEFCMjA0NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRUM3M0JFOTJEOTYxMUVCQThENkYzNzEzNEFCMjA0NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PivKHYoAAACeSURBVHjaYvz//z8DsYCJgQQwSBSzgAhGLU9ksQwgngDEBUA8Ayb4/9p2iGIkkAnE06Ds6SBzoDSGM5AVwsA0qDiKYmwKMTTAFHcT8Fs33INAoAnEwngUv0VW/BiKCQcdEMgSYfJjmOLrQMyNR/FXIOaBebCUgAtKkUMDFPBZOBRmwSIGOVKwacjCFYMwDaAI+AmlpyNLMg7BnAIQYADcuSEq6NODFQAAAABJRU5ErkJggg==);
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    background-size: 11px 22px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=date] {
    -moz-appearance:textfield;
}
button {
    cursor: pointer;
    -webkit-appearance: none;
    background-color: transparent;
    font-family: 'Poppins';
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -webkit-border-radius: auto;
    vertical-align: middle;
}
input[type="radio"] {
/*    -webkit-appearance: checkbox;
    -webkit-border-radius: auto;*/
    vertical-align: middle;
}
input[type=submit] {
    -webkit-border-radius:0px;
    -webkit-appearance: none;
}
.hidden,
#accedi-recupera-form .hidden,
#aggiornamento-utente-form .hidden,
.show-tab {
    display: none;
}
.over_hidden {
    overflow: hidden;
}
.block {
    display: block;
}
.flex {
    display: flex;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile {
    display: none;
}
.opacity_0 {
    opacity: 0;
}
.opacity_03 {
    opacity: 0.3;
}
.opacity_05 {
    opacity: 0.5;
}
.opacity_06 {
    opacity: 0.6;
}
.inline-block {
    display: inline-block;
}
.inline-desktop {
    display: inline;
}
.table {
    display: table;
    float: none;
    table-layout: fixed;
}
.table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.table-row {
    display: table-row;
    float: none;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.pointer {
    cursor: pointer;
}
.cursor-default {
    cursor: default;
}
.wait {
    cursor: wait;
}
.left {
    float: left;
}
.right {
    float: right;
}
.none {
    float: none;
}
.clear {
    clear: both;
}
.v_top {
    vertical-align: top;
}
.text_top {
    vertical-align: text-top;
}
.v_middle {
    vertical-align: middle;
}
.v_bottom {
    vertical-align: bottom;
}
.m_auto {
    margin: 0px auto
}
.w_auto {
    width: auto;
}
.max_w100pe {
    max-width: 100%;
}
.max_w80pe {
    max-width: 80%;
}
.max_w75pe {
    max-width: 75%;
}
.max_w70pe {
    max-width: 70%;
}
.max_w50pe {
    max-width: 50%;
}
.w_33pe {
    width: 33.333333%;
}
.maxw_100pe {
    max-width: 100%;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.extralight {
    font-weight: 200;
}
.light {
    font-weight: 300;
}
.normal {
    font-weight: 400;
}
.style-normal {
    font-style: normal;
}
.strike {
    text-decoration: line-through;
}
.medium {
    font-weight: 500;
}
.semibold {
    font-weight: 600;
}
.bold,
strong,
b {
    font-weight: 700;
}
.extrabold {
    font-weight: 900;
}
.red {
    color: red;
}
.green {
    color: green;
}
.black,
.nero {
    color: var(--nero);
}
.white, .bianco {
    color: var(--bianco);
}

.blue, .blu,
#gestionepratica-btn-text.blue {
    color: var(--blue);
}
.grigio {
    color: var(--grigio);
}
.arancio {
    color: var(--arancio);
}
.verde {
    color: var(--verde);
}
.magenta {
    color: var(--magenta);
}
.bianco-sporco {
    color: var(--bianco-sporco);
}

.bg-blue, .bg-blu {
    background-color: var(--blue);
}
.bg-grigio {
    background-color: var(--grigio);
}
.bg-arancio {
    background-color: var(--arancio);
}
.bg-verde {
    background-color: var(--verde);
}
.bg-magenta {
    background-color: var(--magenta);
}

.bg-creata {
    background-color: var(--creata);
}
.bg-intestata {
    background-color: var(--intestata);
}
.bg-inviata {
    background-color: var(--inviata);
}
.bg-in_lavorazione {
    background-color: var(--in_lavorazione);
}
.bg-incompleta {
    background-color: var(--incompleta);
}
.bg-depositata {
    background-color: var(--depositata);
}
.bg-conclusa {
    background-color: var(--conclusa);
}
.bg-scaduta {
    background-color: var(--scaduta);
}
.bg-annullata {
    background-color: var(--annullata);
}
.bg-ritardo {
    background-color: var(--ritardo);
}
.colore-creata {
    color: var(--creata);
}
.colore-intestata {
    color: var(--intestata);
}
.colore-inviata {
    color: var(--inviata);
}
.colore-in_lavorazione {
    color: var(--in_lavorazione);
}
.colore-incompleta {
    color: var(--incompleta);
}
.colore-depositata {
    color: var(--depositata);
}
.colore-conclusa {
    color: var(--conclusa);
}
.colore-scaduta {
    color: var(--scaduta);
}
.colore-annullata {
    color: var(--annullata);
}

.cover {
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.cover-picture img {
    object-fit: cover;
    width: 100%;
    height: auto;
}
.cover-picture-full img {
    object-fit: cover;
    min-width: 100%;
    height: 100%;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.font_20_28 {
    font-size: 20px;
    line-height: 28px;
}
.two-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.ritch-cont {
    overflow: hidden;
}
.ritch-cont * {
}

.ritch-cont a {
    font-weight: bold;
}
.ritch-cont ul,
.ul-list {
    width: 100%;
    box-sizing: border-box;
    list-style-type: disc;
    padding-left: 20px;
    display: block;
}
.ritch-cont ol,
.ul-list ol {
    width: 100%;
    box-sizing: border-box;
    list-style-type: decimal;
    padding-left: 20px;
}
.ritch-cont li,
.ul-list li {
    float: left;
    width: 100%;
}
.ritch-cont img {
    max-width: 100% !important;
    height: auto !important;
}
.gen-text-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex-reverse-row {
    flex-direction: row-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.video-cover-image {
    display: none !important;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.titolo-big {
    font-size: 50px;
    line-height: 53px;
}
.titolo-medium {
    font-size: 30px;
    line-height: 33px;
}
/* Honey POT anti SPAM */
.hnpt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: transparent;
    height: 100%;
    z-index: 100;
}
#over-box {
    display: none;
    position: fixed;
    z-index: 9998;
    background-color: transparent;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.noscroll {
    position: fixed;
    overflow-y: scroll
}
.blur {
    filter: blur(3px);
}
#modal-sigaro-cont {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 90px;
    left: 0px;
    width: 100%;
    padding: 0px 80px;
    box-sizing: border-box;
}
.modal-sigaro {
    display: block;
    position: relative;
    margin-bottom: 10px;
}
.modal-sigaro.hidden {
    display: none;
}
.modal-sigaro-int {
    width: 100%;
    min-height: 20px;
    font-size: 15px;
    line-height: 20px;
    min-height: 60px;
    border-radius: 30px;
    padding: 20px 60px 20px 30px;
    box-sizing: border-box;
    color: var(--bianco);
    box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.1);
}
.modal-errore {
    background-color: var(--magenta);
}
.modal-notifica {
    background-color: var(--arancio);
}
.modal-messaggio {
    background-color: var(--verde);
}
.modal-sigaro-chiudi-btn {
    display: block;
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--bianco);
    font-size: 15px;
}
#modal-sigaro-cont.show {
    display: block;
}
.form-half-input-cont,
.label-form.form-half-input-cont {
    width: calc(50% - 10px);
}
.form-half-input-cont:last-child {
    width: calc(50% - 10px);
    float: right;
}
.form-third-input-cont,
.label-form.form-third-input-cont {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
}
.form-third-input-cont:last-child {
    margin-right: 0px;
}
.form-checkbox-fancy {
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    border-radius: 10px;
    background-color: var(--bianco-sporco);
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}
.form-checkbox-fancy-cont input {
    visibility: hidden;
}
.form-checkbox-fancy-cont {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
}
.form-checkbox-fancy-ico {
    display: none;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    background-color: var(--grigio);
}
input[type="checkbox"]:checked+.form-checkbox-fancy .form-checkbox-fancy-ico,
input[type="radio"]:checked+.form-checkbox-fancy .form-checkbox-fancy-ico {
    display: inline-block;
}

.label-form-error input[type="checkbox"]:checked+.form-checkbox-fancy .form-checkbox-fancy-ico {
/*     background-color: var(--bianco); */
    width: 18px;
    height: 18px;
}
.label-form-error input[type="checkbox"]:checked+.form-checkbox-fancy {
    line-height: 27px;
}
.label-form {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.label-form-span {
    display: block;
    float: left;
    width: 100%;
    padding: 0px 30px;
    box-sizing: border-box;
    color: var(--grigio);
    font-size: 12px;
}
.form-input {
    width: 100%;
    height: 59px;
    line-height: 59px;
    border-radius: 30px;
    background-color: var(--bianco-sporco);
    border: 0.5px solid var(--bianco-sporco);
    font-size: 13px;
    color: var(--nero);
    padding: 0px 29px;
    box-sizing: border-box;
    display: block;
    float: left;
}
.form-input-error {
    border: 0.5px solid red;
}
.span-input {
    width: 100%;
    height: 59px;
    line-height: 59px;
    border-radius: 30px;
    background-color: var(--white);
    border: 0.5px solid var(--grigio-filetti);
    font-size: 15px;
    color: var(--nero);
    padding: 0px 29px;
    box-sizing: border-box;
    display: block;
    float: left;
}
.form-input-textarea {
    width: 100%;
    height: 120px;
    border-radius: 30px;
    background-color: var(--bianco-sporco);
    border: 0.5px solid var(--bianco-sporco);
    font-size: 13px;
    color: var(--nero);
    display: block;
    float: left;
    padding: 24px 29px;
    box-sizing: border-box;
    resize: none;
}
.form-input:focus,
.form-input-textarea:focus {
    border: 0.5px solid var(--grigio);
}
.label-form-error .form-input {
    border: 0.5px solid var(--magenta);
}
.label-form-error .form-checkbox-fancy {
/*     background-color: var(--magenta); */
    border: 1px solid var(--magenta);
    box-sizing: border-box;
}
.label-form-w-ico .form-input {
    padding-left: 49px;
    padding-right: 49px;
}
.form-input-ico {
    position: absolute;
    top: calc(52px - 7.5px);
    left: 30px;
}
.form-errors {
    display: block;
    float: left;
    width: 100%;
    color: var(--magenta);
    padding: 0px 30px;
    box-sizing: border-box;
    font-size: 11px;
}
.form-show-hide-pwd {
    position: absolute;
    top: calc(30px + 23px - 12.5px);
    right: 30px;
}
input[type=text]+.form-show-hide-pwd i:first-child {
    display: none;
}
input[type=password]+.form-show-hide-pwd i:last-child {
    display: none;
}
.form-checkbox-row {
    line-height: 30px;
    padding-left: 40px;
    box-sizing: border-box;
    position: relative;
}
.form-checkbox-row .label-checkbox {
    position: absolute;
    left: 0px;
    top: 0px;
}
.form-checkbox-row .pt_5 {
    padding-top: 0px;
}
.label-radio {
    position: relative;
}
.btn-small {
    height: 45px;
    line-height: 45px;
    border-radius: 30px;
    font-size: 15px;
    box-sizing: border-box;
    padding: 0px 30px;
    min-width: 160px;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.btn-thin {
    height: 45px;
    line-height: 45px;
    border-radius: 30px;
    font-size: 13px;
    box-sizing: border-box;
    padding: 0px 10px;
    min-width: 120px;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.pratica-box .btn-small,
.pratica-riga .btn-small {
    min-width: 135px;
    max-width: calc((100% - 30px) / 2 );
    color: var(--bianco);
    font-weight: bold;
}
.btn {
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    font-size: 18px;
    box-sizing: border-box;
    padding: 0px 30px;
    min-width: 190px;
    text-align: center;
}
#pratica-dettaglio .btn {
    color: var(--bianco);
    font-weight: bold;
}
.btn-bianco {
    background-color: var(--bianco);
    color: var(--blue);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.bg-bianco {
    background-color: var(--bianco);
}
.btn-arancio {
    background-color: var(--arancio);
    color: var(--bianco);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.bg-arancio {
    background-color: var(--arancio);
}
.btn-magenta {
    background-color: var(--magenta);
    color: var(--bianco);
}
.bg-magenta {
    background-color: var(--magenta);
}
.btn-grigio,
.btn-disabled {
    background-color: var(--grigio);
    color: var(--bianco);
}
.btn-disabled {
    opacity: 0.5;
    cursor: default;
}
.bg-grigio {
    background-color: var(--grigio);
}
.bg-bianco-sporco {
    background-color: var(--bianco-sporco);
}
.btn-blue {
    background-color: var(--blue);
    color: var(--bianco);
}
.bg-blue {
    background-color: var(--blue);
}
.btn-verde {
    background-color: var(--verde);
    color: var(--bianco);
}
.bg-verde {
    background-color: var(--verde);
}
.btn-blue, .btn-grigio, .btn-magenta, .btn-arancio,
.btn-bianco, .btn-border-blue {
    font-weight: bold;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.btn-magenta.sel,
.btn-arancio.sel {
    background-color: var(--blue);
    color: var(--bianco);
}
.btn-border-blue {
    background-color: transparent;
    border: 0.5px solid var(--blue);
    color: var(--blue);
}
/* MAIN */
.main-v-center {
    #nav-header a:nth-child(1)::beforeisplay: flex;
    align-items: center;
}
.page,
.page-menu,
.page-small {
    max-width: 1640px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    float: none;
}
.page {
    padding-left: 60px;
    padding-right: 60px;
}
.page-small {
    max-width: 740px;
}
.page-piccolo {
    max-width: 1280px;
    padding: 0px 20px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    float: none;
}
.barretta-colorata {
    height: 10px;
    width: 60px;
}
header {
    padding-top: 12.5px;
    box-sizing: border-box;
    height: 120px;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: var(--bianco);
    z-index: 9000;
}
header .page-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.shadow-header {
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
}
#logo-header {
    display: block;
    float: left;
}
#logo-header img {
    height: 35px;
}
#payoff-header {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    height: 35px;
    color: var(--arancio);
    margin-left: 10px;
}
#nav-header,
#nav-header-interno-utente {
    float: right;
    width: auto;
    height: 45px;
}
#nav-header a,
#nav-header-interno-utente a {
    height: 45px;
    display: block;
    float: left;
    position: relative;
    margin: 0px 0px;
    padding: 0px 10px;
    font-size: 15px;
}
#nav-header-interno-utente a {
    padding-left: 20px;
    padding-right: 0px;
    box-sizing: border-box;
}
#nav-header a:last-child,
#nav-header-interno-utente a:last-child {
    margin-right: 0px;
}
#nav-header a:first-child,
#nav-header-interno-utente a:first-child {
    margin-left: 0px;
}
#nav-header-interno-utente a:first-child {
    margin-right: 40px;
}
#nav-header a::before,
#nav-header-interno-utente a::before {
    height: 45px;
    line-height: 45px;
    position: absolute;
    width: 100%;
    text-align: left;
    left: 0;
    top: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
#nav-header-interno-utente a::before {
    left: 22px;
}
/*
#nav-header a:nth-child(1)::before {
    content: 'home';
    color: var(--blue);
}
#nav-header a:nth-child(1)::before {
    content: 'cosa devi fare?';
    color: var(--blue);
}
*/
#nav-header-interno-utente a:nth-child(1)::before {
    content: 'logout';
    color: var(--blue);
}
#nav-header-interno-utente a:nth-child(2)::before {
    content: 'shop';
    color: var(--blue);
}
#nav-header-interno-utente a:nth-child(3)::before {
    content: 'carrello';
    color: var(--blue);
}
#nav-header-interno-utente a:nth-child(4)::before {
    content: 'notifiche';
    color: var(--blue);
}
#nav-header-interno-utente a:nth-child(5)::before {
    content: 'area riservata';
    color: var(--blue);
}
#nav-header-interno-utente .sel::before {
    font-weight: bold;
}
#nav-header .btn-magenta {
    margin-right: 5px;
}
.nav-header-int,
.nav-header-ico {
    height: 45px;
    line-height: 48px;
    display: block;
    float: left;
}
.nav-header-ico {
    color: var(--arancio);
    position: relative;
    left: -22px;
    width: 20px;
    text-align: right;
}
.nav-header-int {
    color: transparent;
}
#nav-bottom-header-cont {
    margin-top: 12.5px;
    height: 50px;
    background-color: var(--bianco-sporco);
}
#nav-bottom-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    height: 50px;
}
#nav-bottom-header a {
    font-size: 16px;
    font-weight: 700;
    color: var(--arancio);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
#nav-bottom-header a.sel {
    color: var(--blue);
}
main {
    padding: 120px 0px 40px 0px;
    box-sizing: border-box;
    min-height: 100vh;
}
footer {
    box-sizing: border-box;
    background-color: var(--bianco-sporco);
    padding: 80px 0px;
}
#logo-footer {
    display: block;
    float: left;
}
#logo-footer img {
    height: 30px;
}
#footer-int {
    display: flex;
    margin-top: 20px;
}
.footer-col {
    width: 33.33333%;
    font-size: 15px;
    line-height: 22px;
}
footer a {
    color: var(--grigio);
    font-weight: bold;
}
#switch-recuperapassword-login {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
}
#text-non-sei-registrato {
    font-size: 30px;
    line-height: 65px;
    height: 60px;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid var(--grigio-filetti);
    display: flex;
    justify-content: center;
}
#form-registrati-chekbox {
    display: flex;
    /*align-items: t;*/
    justify-content: space-between;
}
#registrazione-payoff {
    font-size: 20px;
    line-height: 28px;
    margin: 40px 0px;
    color: var(--grigio);
}
#fatturazione-radio-cont {
    line-height: 30px;
}
#nav-area-personale {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 40px 0px 20px 0px;
}
#nav-area-personale a,
#nav-area-personale span {
    height: 60px;
    display: block;
    float: left;
    /*width: calc((100% - 40px) / 5);*/
    width: calc((100% - 30px) / 4);
    border-radius: 30px;
    box-sizing: border-box;
    padding: 0px 30px;
    font-size: 15px;
    line-height: 59px;
    border: 0.5px solid var(--grigio);
    background-color: var(--bianco);
    color: var(--grigio);
    margin-right: 10px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
#nav-area-personale a:last-child {
    margin-right: 0px;
}
#nav-area-personale .sel {
    border: 0.5px solid var(--blue);
    background-color: var(--blue);
    color: var(--bianco);
}
#nav-area-personale .sel i {
    color: var(--arancio);
}
.pratica-box {
    width: 320px;
    height: 400px;
    border-radius: 30px;
    background-color: var(--bianco);
    border: 0.5px solid var(--bianco);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pratica-box-nome {
    font-size: 20px;
    line-height: 25px;
    color: var(--nero);
    font-weight: bold;
}
.pratica-box-abstract {
    font-size: 13px;
    line-height: 18px;
    color: var(--grigio);
    margin-top: 10px;
}
.extrapratica-box-abstract {
    font-size: 12px;
    line-height: 15px;
}
.extrapratica-box .btn-small {
    max-width: 100%;
    width: 100%;
}
/*
.extrapratica-box.pratica-box {
    height: 320px;
}
*/
.pratica-box-prezzo {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}
.pratica-elemento.pratica-sel {
    background-color: var(--bianco-sporco);
}
.pratica-box.pratica-sel {
    border: 0.5px solid #dfdfdf;
}
/*#gestione-pratiche-associate.pratiche-layout-righe .pratica-riga:last-child,
#gestione-pratiche-free.pratiche-layout-righe .pratica-riga:last-child,*/
/*#gestione-pratiche-associate .pratica-riga-carrello:last-child,
#gestione-pratiche-free .pratica-riga-carrello:last-child*/
.pratica-riga:has(+ .pratica-riga.pratica-sel),
#pratiche-list.pratiche-layout-righe .pratica-riga:last-child,
.pratiche-list.pratiche-layout-righe .pratica-riga:last-child,
#pratiche-list .pratica-riga-carrello:last-child,
.pratiche-list .pratica-riga-carrello:last-child {
    border-bottom: unset;
}
.pratica-riga.pratica-sel {
    border-radius: 10px;
    border-top: 0.5px solid #dfdfdf;
}
.pratica-riga,
.pratica-riga-carrello,
.pratica-riga-ordine {
    border-bottom: 0.5px solid #dfdfdf;
    padding-top: 20px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.pratica-riga-categoria img {
    display: block;
    float: left;
    width: 100px;
    margin-right: 10px;
}
.discount-elemento .pratica-riga-carrello-remove {
    height: 50px;
}
.pratica-riga-carrello-has-discountcarnet.pratica-riga-carrello {
    border-bottom: unset;
    margin-bottom: unset;
    padding-bottom: unset;
}
.pratica-riga-carrello-discountcarnet-cont,
.pratica-riga-ordine-discountcarnet-cont {
    border-bottom: 0.5px solid #dfdfdf;
}
.pratica-riga-categoria-info {
    width: calc(100% - 110px);
    height: 100px;
    display: flex;
    flex-flow: column;
}
.pratica-riga-nome {
    width: calc((100% - 685px) / 2);
    box-sizing: border-box;
    padding-left: 10px;
    padding-top: 20px;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: var(--nero);
}
.extrapratica-riga-carrello .pratica-riga-nome {
    width: calc(((100% - 685px) / 2) + 140px);
    padding-left: 0px;
}
.extrapratica-riga-carrello .pratica-riga-abstract {
    width: calc((100% - 685px) / 2);
}
.discount-elemento .pratica-riga-nome {
    width: auto;
    padding-top: 5px;
    padding-left: 5px;
}
.pratica-riga-categoria {
    width: 250px;
}
.pratica-riga-carrello-discountcarnet,
.pratica-riga-ordine-discountcarnet {
    display: flex;
/*     margin-bottom: 20px; */
    padding-left: 25px;
    box-sizing: border-box;
    align-items: center;
}
.pratica-riga-ordine-discountcarnet {
    padding-left: 0px;
}
.pratica-riga-carrello-discountcarnet img,
.pratica-riga-ordine-discountcarnet img {
    width: 75px;
    margin-right: 10px;
}
.pratica-riga-carrello-discountcarnet-text,
.pratica-riga-ordine-discountcarnet-text {
    display: block;
    float: left;
    width: calc(100% - 285px);
    padding-left: 25px;
    box-sizing: border-box;
}
.pratica-riga-carrello-discountcarnet-text {
    width: calc(100% - 250px);
}
.extrapratica-riga-carrello .pratica-riga-categoria {
    width: 110px;
}
.discount-elemento .pratica-riga-categoria {
    width: auto;
}
.pratica-riga-abstract {
    width: calc((100% - 685px) / 2);
    font-size: 12px;
    line-height: 18px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-top: 20px;
}
.pratica-riga-prezzo {
    width: 130px;
    text-align: right;
    box-sizing: border-box;
    padding-right: 10px;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: var(--grigio);
    padding: 25px 10px 0px 0px;
}
.pratica-riga-prezzo-carrello,
.pratica-riga-prezzo-ordine {
    width: 200px;
    text-align: right;
    box-sizing: border-box;
    padding-right: 10px;
    font-size: 20px;
    line-height: 20px;
    color: var(--grigio);
    padding: 0px 10px 0px 0px;
}
.pratica-riga-prezzo-carrello span {
    display: block;
    float: left;
    width: 100%;
}
.pratica-riga-prezzo-carrello-unitario,
.pratica-riga-prezzo-carrello-iva {
    font-size: 15px;
    line-height: 20px;
    color: var(--nero);
}
.pratica-riga-prezzo-carrello-iva {
    font-size: 12px;
}

#carrello-alert-gestionepratica-ritardo {
    margin-top: 20px;
    font-size: 18px;
    line-height: 26px;
    color: black;
    padding: 0px 40px;
    box-sizing: border-box;
}

#ordine-pagina #carrello-alert-gestionepratica-ritardo {
    margin-top: 40px;
}
#gestione-pratica-cont #carrello-alert-gestionepratica-ritardo {
    padding: 0px;
}
.pratica-riga-prezzo-carrello-bl,
.pratica-riga-prezzo-ordine-ro {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
}
.pratica-riga-bottoni {
    width: 280px;
    box-sizing: border-box;
    padding-top: 10px;
}
.pratica-riga-quantita {
    width: 210px;
    box-sizing: border-box;
/*     padding-top: 10px; */
}
.pratica-riga-checkbox,
.pratica-riga-carrello-remove {
    display: block;
    float: left;
    height: 100px;
    line-height: 100px;
    width: 25px;
    text-align: right;
}
.pratica-riga-quantita-input-cont {
    display: block;
    float: right;
    background-color: var(--bianco-sporco);
    border: 0.5px solid var(--bianco-sporco);
    height: 59px;
    line-height: 59px;
    border-radius: 30px;
    padding: 0px;
    box-sizing: border-box;
}
.pratica-riga-quantita-input-label {
    display: block;
    float: right;
    width: 160px;
    padding: 0px 20px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
}
.pratica-riga-quantita-input-cont input {
    background-color: transparent;
    color: var(--grigio);
    display: block;
    float: left;
    text-align: center;
    width: 78px;
    height: 59px;
    line-height: 59px;
    font-weight: bold;
    color: var(--nero);
}
.pratica-riga-quantita-minus,
.pratica-riga-quantita-plus {
    width: 40px;
    height: 59px;
    line-height: 59px;
    display: block;
    float: left;
    color: var(--grigio);
    position: relative;
    z-index: 1;
}
.pratica-riga-quantita-minus {
    text-align: right;
}
.pratica-riga-quantita-left {
    text-align: left;
}
.basket-info-pagamento {
    width: calc(100% - 410px);
    padding-bottom: 10px;
}
.scelta-griglia-lista-label-text {
    font-size: 13px;
}
input[type="radio"]:checked+.scelta-griglia-lista-label {
    background-color: var(--grigio);
    color: #fff;
    z-index: 3;
    height: 49px;
    font-size: 13px;
    line-height: 49px;
    top: 5px;
    width: calc(55% - 5px);
}
input[type="radio"]:checked+#scelta-griglia-label {
    left: 5px;
}
input[type="radio"]:checked+#scelta-lista-label {
    right: 5px;
}
#pratiche-search {
    display: flex;
    justify-content: space-between;
    margin: 40px 0px;
}
#pratiche-search-testo-label {
    display: block;
    float: left;
    width: calc((100% - 280px) * 0.5);
    position: relative;
}
#pratiche-search-testo-label input {
    padding-right: 60px;
}
#pratiche-search-testo-label button {
    z-index: 10;
    display: block;
    position: absolute;
    right: 0px;
    top: 22px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    width: 60px;
}
#pratiche-search-prezzo-label {
    display: block;
    float: left;
    width: calc((100% - 280px) * 0.25);
}
#pratiche-search-categoria-label {
    display: block;
    float: left;
    width: calc((100% - 280px) * 0.25);
}
#pratiche-search-visualizza-label {
    width: 250px;
    display: block;
    float: right;
}
.scelta-griglia-lista-label {
    position: absolute;
    top: 0px;
    z-index: 2;
    display: block;
    float: left;
    width: 55%;
    height: 59px;
    line-height: 59px;
    border-radius: 30px;
    background-color: var(--bianco-sporco);
    border: 0.5px solid var(--bianco-sporco);
    font-size: 15px;
    color: var(--grigio);
    padding: 0px 29px;
    box-sizing: border-box;
    display: block;
    float: left;
}
#scelta-griglia-label {
    left: 0px;
}
#scelta-lista-label {
    right: 0px;
}
#scelta-griglia-lista-label-cont input {
    visibility: hidden;
}
#scelta-griglia-lista-label-cont {
    padding-top: 30px;
    box-sizing: border-box;
    text-align: center;
}
#scelta-griglia-lista-label-cover {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--bianco-sporco);
    border-radius: 30px;
    overflow: hidden;
    top: 0px;
    left: 0px;
    height: 60px;
}
#btn-pratiche-aggiungi-basket {
    display: block;
    float: left;
    position: fixed;
    bottom: 40px;
    left: calc(50% - 136px);
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.3);
    z-index: 10;
}
#btn-pratiche-aggiungi-basket.hidden {
    display: none;
}

#pratica-dettaglio {
    background-color: var(--bianco-sporco);
    border-radius: 30px;
    padding: 40px;
    box-sizing: border-box;
}
#pratica-breadcrumb {
    font-size: 12px;
    line-height: 15px;
}
#pratica-breadcrumb a {
    font-weight: bold;
}
#pratica-prezzo {
    margin-top: 40px;
    font-size: 40px;
}
#pratica-categoria {
    margin-top: 20px;
    font-size: 15px;
    color: var(--grigio);
}
#pratica-nome {
    margin-top: 20px;
    font-size: 35px;
    line-height: 43px;
    font-weight: bold;
    color: var(--nero);
}
#pratica-testo {
    margin-top: 40px;
    font-size: 16px;
    line-height: 24px;
}
#pratica-stato-cont-flex {
    display: flex;
}
#carrello-scelta-indirizzo {
    padding-top: 20px;
}
#carrello-scelta-indirizzo .labe-radio {
    width: calc(33% - 20px);
    height: 200px;
    display: block;
    float: left;
    position: relative;
    font-size: 13px;
    line-height: 20px;
    border: 0.5px solid var(--grigio-filetti);
    border-radius: 25px;
    padding: 25px 20px 20px 60px;
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 20px;
}
#carrello-scelta-indirizzo .form-checkbox-fancy-cont {
    position: absolute;
    top: 20px;
    left: 20px;
}
#carrello-scelta-indirizzi-cont,
#dati-utente-scelta-indirizzi-cont {
    position: relative;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}
#carrello-vuoto-cont .form-checkbox-fancy-cont {
    display: none;
}
#btn-aggiungi-indirizzo-fatturazione {
    /*position: static;
    right: 0px;*/
}
#carrello-scelta-indirizzi-cont #btn-aggiungi-indirizzo-fatturazione {
    position: static;
}
.scelta-indirizzo {
    display: block;
    float: left;
    margin-bottom: 20px;
    width: calc(33% - 20px);
    height: 300px;
    margin-right: 20px;
    position: relative;
    padding: 40px;
    box-sizing: border-box;
    border: 0.5px solid var(--grigio-filetti);
    border-radius: 25px;
}
.scelta-indirizzo .labe-radio {
    box-sizing: border-box;
    display: block;
    float: left;
    width: 100%;
    padding: 5px 0px 0px 35px;
    font-size: 13px;
    line-height: 20px;
    height: 135px;
    box-sizing: border-box;
}
.scelta-indirizzo .form-checkbox-fancy-cont {
    position: absolute;
    left: 40px;
    top: 40px;
}
.scelta-indirizzo-btns {
    display: block;
    float: left;
    width: 100%;
    margin-top: 5px;
    padding-top: 10px;
    position: absolute;
    bottom: 40px;
    left: 40px;
}
.btn-modifica-indirizzo-fatturazione,
.btn-elimina-indirizzo-fatturazione {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
}
#btn-carrello-prosegui {
    min-width: 160px;
    max-width: 160px;
}

#ordine-recap {
    display: flex;
    margin-top: 40px;
    justify-content: space-between;
}
.ordine-recap-col {
    width: calc((100% - 260px) / 3);
    padding-right: 20px;
    box-sizing: border-box;
}

/* CSS VALE */
#top-section-hp,
#top-section-cosa-fare,
#top-section-guida-conto-termico {
    background-color: var(--blue);
}
#third-section-hp {
    background-color: var(--bianco-sporco);
}
#fourth-section-hp,
#top-section-contatti,
#top-section-news-list {
    background-color: var(--arancio);
}
#top-section-come-funziona {
    background-color: var(--verde);
}
#top-section-hp,
#top-section-cosa-fare,
#top-section-guida-conto-termico,
#second-section-hp,
#third-section-hp,
#fourth-section-hp,
#last-section-hp,
#top-section-contatti,
#top-section-come-funziona,
#top-section-news-list,
#top-section-news {
    padding: 80px 0px;
    box-sizing: border-box;
}
#top-section-hp-left,
#fourth-section-hp-left {
    width: 55%;
}
#top-section-hp-right,
#fourth-section-hp-right {
    width: 35%;
    float: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#top-section-hp h1,
#top-section-come-funziona h1 {
    font-size: 70px;
    line-height: 84px;
    font-weight: 700;
    color: var(--bianco);
}
#top-section-contatti h1,
#top-section-news-list h1 {
    font-size: 70px;
    line-height: 84px;
    font-weight: 700;
    color: var(--blue);
}
#news-titolo-fascia {
    font-size: 70px;
    line-height: 84px;
    font-weight: 700;
    color: var(--bianco);
}
#top-section-contatti h2 {
    font-size: 70px;
    line-height: 84px;
    font-weight: 700;
    color: var(--bianco);
}
#top-section-cosa-fare h1,
#top-section-guida-conto-termico h1 {
    font-size: 70px;
    line-height: 84px;
    font-weight: 700;
    color: var(--arancio);
}
#top-section-hp h2,
#top-section-cosa-fare h2 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: var(--bianco);
}
#top-section-hp ul li {
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    color: var(--bianco);
    margin-bottom: 10px;
}
#second-section-hp-item-cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
.second-section-hp-item {
    width: 350px;
}
.second-section-hp-item h3 {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    max-height: 70px;
    text-align: center;
    color: var(--blue);
}
.second-section-hp-item p {
    text-align: center;
    color: var(--nero);
}
.second-section-hp-item-img {
    height: 120px;
    text-align: center;
    margin-bottom: 20px;
}
.second-section-hp-item-img img {
    height: 100%;
}
#third-section-hp-item-cont {
    margin: 40px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}
.third-section-hp-item {
    width: calc((100% - 60px) / 4);
}
.third-section-hp-item-circle {
    width: 75px;
    height: 75px;
    font-size: 40px;
    font-weight: 700;
    color: var(--bianco);
    line-height: 75px;
    border-radius: 40px;
    background-color: var(--arancio);
    text-align: center;
    margin-bottom: 20px;
}
.third-section-hp-item-title {
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: var(--blue);
}
.third-section-hp-item-text {
    max-width: 80%;
    margin-top: 10px;
    font-size: 18px;
    line-height: 25px;
    color: var(--nero);
}
#third-section-hp-line-cont {
    position: absolute;
    top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.third-section-hp-line {
    width: calc((100% - 440px) / 4);
    margin: 0px 20px 0px 95px;
    height: 4px;
    background-color: var(--arancio);
}
#fourth-section-hp-left {
    color: var(--blue);
}
.fourth-section-hp-text {
    width: 70%;
    font-size: 50px;
    line-height: 64px;
    font-weight: 700;
    color: var(--blue);
}
/*
#fourth-section-hp-right {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: var(--blue);
}
*/
#last-section-hp {
    color: var(--nero);
    font-size: 25px;
    line-height: 35px;
}
.testo-25 {
    font-size: 15px;
    line-height: 22px;
}
#last-section-hp-title {
    margin: 80px 0px 40px 0px;
    color: var(--arancio);
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}
#contatti-form input[type="checkbox"]:checked+.form-checkbox-fancy .form-checkbox-fancy-ico,
#contatti-form input[type="radio"]:checked+.form-checkbox-fancy .form-checkbox-fancy-ico {
    display: block;
}
#contatti-grazie {
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    color: var(--blue);
}
.cosa-devi-fare-title-bottom {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
}
#burger-menu,
#burger-menu-interno {
    display: none;
}

#ordini-list,
#gestione-pratiche-list,
#carnet-list {
    margin-top: 40px;
}
.ordini-list-row,
.gestione-pratiche-list-row,
.carnet-list-row {
    display: flex;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 0.5px solid var(--grigio-filetti);
    font-size: 12px;
    line-height: 15px;
}
.gestione-pratiche-list-row {
    justify-content: space-between;
}
#ordini-list .ordini-list-row:first-child,
#gestione-pratiche-list .gestione-pratiche-list-row:first-child  {
    border-bottom: none;
    font-size: 12px;
}
#ordini-list,
#gestione-pratiche-list,
#carnet-list {
    overflow-x: auto;
    margin-top: 40px;
}
.ordini-list-data {
    width: calc(((95% - 120px) / 5) + 5%);
}
.ordini-list-numero {
    width: calc((95% - 120px) / 5);
}
.ordini-list-metodo {
    width: calc((95% - 120px) / 5);
}
.ordini-list-importo {
    width: calc((95% - 120px) / 5);
}
.ordini-list-azioni {
    width: calc((95% - 120px) / 5);
    font-size: 12px;
}
.ordini-list-stato {
    width: 120px;
}
.ordini-list-row .btn-small,
.gestione-pratiche-list-row .btn-small {
    height: 45px;
    line-height: 45px;
    border-radius: 30px;
    font-size: 15px;
    box-sizing: border-box;
    padding: 0px 30px;
    min-width: 150px;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    font-weight: normal;
    color: var(--bianco);
}
.gestione-pratiche-list-ordine {
    width: calc((100% - 130px) * 0.1);
    font-size: 13px;
}
.gestione-pratiche-list-categoria {
    width: calc((100% - 130px) * 0.15);
    font-size: 13px;
}
.gestione-pratiche-list-azioni {
    width: calc((100% - 130px) * 0.06);
    font-size: 13px;
}
.gestione-pratiche-list-data-conclusione {
    width: calc((100% - 130px) * 0.13);
    font-size: 13px;
}
.gestione-pratiche-list-data-modifica {
    width: calc((100% - 130px) * 0.13);
    font-size: 13px;
}
.gestione-pratiche-list-pratica {
    width: calc((100% - 130px) * 0.2);
    font-size: 13px;
}
.gestione-pratiche-list-data-intestatario {
    width: calc((100% - 130px) * 0.18);
    font-size: 13px;
}
.carnet-list-data {
    width: calc((100% - 100px) * 0.15);
    font-size: 13px;
}
.carnet-list-codice {
    width: calc((100% - 100px) * 0.1);
    font-size: 13px;
}
.carnet-list-pratica-servizio {
    width: calc((100% - 100px) * 0.4);
    font-size: 13px;
}
.carnet-list-quantita {
    width: calc((100% - 100px) * 0.2);
    font-size: 13px;
}
.carnet-list-scadenza {
    width: calc((100% - 100px) * 0.15);
    font-size: 13px;
}
.carnet-list-attivo {
    width: 100px;
    font-size: 13px;
}
#form-ricerca-gestionepratiche {
    display: flex;
    justify-content: space-between;
    margin: 20px 0px 10px 0px;
    position: relative;
}
#form-ricerca-gestionepratiche #label-id_testo {
    width: calc((100% - 190px - 40px) * 0.4);
}
#form-ricerca-gestionepratiche #label-id_ordine,
#form-ricerca-gestionepratiche #label-id_categoria,
#form-ricerca-gestionepratiche #label-id_stato {
    width: calc((100% - 190px - 40px) * 0.2 );
}
#btn-reset-search-gestione-pratiche {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    color: var(--magenta);
    position: absolute;
    top: -40px;
    right: 20px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
#impersonate-barra {
    min-height: 40px;
    padding: 10px 30px;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    position: fixed;
    z-index: 9999;
    bottom: 0px;
    left: 0px;
    background-color: var(--magenta);
    color: white;
}
#gestionepratica-btn-cont {
    display: flex;
    justify-content: flex-end;
}
#gestionepratica-btn-text {
    display: block;
    float: right;
    margin-right: 10px;
    font-size: 15px;
    line-height: 18px;
    margin-top: 14px;
    font-weight: bold;
    color: var(--nero);
}
#gestionepratica-btn-nav {
    left: 0px;
    padding: 15px 0px;
    background-color: white;
    z-index: 100;
}
#gestionepratica-btn-nav.absolute {
    position: absolute;
    bottom: -40px;
}
#gestionepratica-btn-nav.fixed {
    position: fixed;
    bottom: 0px;
    box-shadow: rgba(100, 100, 111, 0.5) 0px 7px 29px 0px;
}
#gestione-pratica-cont {
    padding-bottom: 60px;
}
.iubenda-nostyle {
    display: inline !important;
    width: auto !important;
    height: auto !important;
}
.gp-scheda-tecnica-txt {
    display: block;
    float: left;
    font-size: 15px;
    line-height: 18px;
    margin-top: 13px;
}
#gp-paddato-cont {
    padding: 0px 40px;
    box-sizing: border-box;
}
.pratica-file-input-cont {
    position: relative;
}
.form-file-input-abs-label,
.readonly-file-input-abs-label {
    min-height: 120px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: var(--bianco-sporco);
    border: 0.5px solid var(--bianco-sporco);
    z-index: 10;
    display: block;
    float: left;
    width: 100%;
    position: relative;
    z-index: 10;
}
.form-file-input-abs-label:focus {
    border: 0.5px solid var(--grigio);
}
.form-file-input-abs.form-input-file-ajax {
    opacity: 0;
    position: absolute;
    top: 10px;
    left: 10px;
}
.ico-upload-abs {
    display: block;
    float: left;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 20px);
    font-size: 40px;
    color: #d6d6d4;
}
.text-upload-abs {
    display: block;
    float: left;
    position: absolute;
    top: calc(50% + 20px);
    left: calc(50% - 75px);
    font-size: 12px;
    line-height: 15px;
    font-weight: bold;
    color: #d6d6d4;
}
.documento-pratica {
    width: 250px;
    padding: 12.5px 10px;
    box-sizing: border-box;
    height: auto;
    border-radius: 5px;
    border: 0.5px solid var(--grigio-filetti);
    background-color: white;
    color: var(--grigio);
    position: relative;
    z-index: 11;
    margin: 0px 10px 10px 0px;
}
.documento-pratica-filename {
    display: block;
    float: left;
    width: 100%;
}
.documento-pratica-nome {
    display: block;
    float: left;
    max-width: calc(100% - 20px);
    font-size: 11px;
    line-height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.documento-pratica-ext {
    display: block;
    float: left;
    width: 20px;
    font-size: 11px;
    line-height: 14px;
}
.documento-pratica a {
    display: block;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    padding-top: 10px;
}
.documento-pratica .up-bar {
    height: 14px;
    width: 100%;
    border-radius: 5px;
    margin-top: 5px;
}
.documento-pratica .up-percent {
    height: 6px;
    margin-top: 6px;
    width: 0%;
    border-radius: 5px;
    left: 0px;
    background-color: var(--blue);
    font-size: 11px;
}
@keyframes hidedoc {
    0% {
        transform: scale(1);
        display: block;
    }
    99% {
        transform: scale(0);
    }
    100% {
        display: none;
    }
}
.hide-doc {
    animation-fill-mode: forwards;
    animation-name: hidedoc;
    animation-duration: 0.5s;
    animation-delay: 0s;
}
#id_mgck-email {
    height: 45px;
    line-height: 44px;
}
#form-gestione-pratica-cont #getionepratica-data-fine-lavori-txt {
    display: block;
    float: left;
    margin-top: 20px;
    padding: 0px 25px;
    box-sizing: border-box;
}
.priority_pass {
    display: inline-block;
    margin-top: 5px;
    padding: 0px 10px;
    border-radius: 10px;
    line-height: 20px;
    font-size: 10px;
    background-color: #ff991f;
    color: white;
    font-weight: bold;
}
.icona-text-cont {
    margin-bottom: 80px;
}
.icona-cont {
    width: 100px;
    margin-right: 70px;
}
.icona-cont img {
    width: 100%;
}
.text-cont {
    width: calc(100% - 170px);
    float: right;
}
.cosa-devi-fare-sottotitolo-bottom {
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
}
#filtri-news-list {
    margin: 40px 0px;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}
#filtri-news-list a.sel {
    font-weight: 700;
}
.news-list-item {
    padding: 40px 0px;
    border-bottom: 1px solid var(--blue);
    box-sizing: border-box;
}
#news-list .news-list-item:nth-child(4) {
    border-bottom: none;
}
.news-list-item-text-title {
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    color: var(--blue);
}
.news-img {
    width: 100%;
    height: 450px;
}
.news-detail-intro {
    font-size: 25px;
    line-height: 35px;
    color: var(--blue);
    margin-bottom: 40px;
}
.news-detail-text {
    color: var(--blue);
    margin-bottom: 40px;
}
.news-download-pills-cont {
    margin-bottom: 40px;
}
.news-info-bottom {
    padding: 15px 5px;
    border-top: 1px solid var(--arancio);
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.pagination {
    font-size: 20px;
    line-height: 20px;
    margin-top: 40px;
}
.pagination span,
.pagination a {
    padding-right: 20px;
    box-sizing: border-box;
}

/* Qui vanno gli eventi di Hover. Non metterli da altre parti!!!!! */
@media only screen and (min-width:1201px) and (max-width:10000px) {
    a:hover {
        transition: color 0.2s;
        -webkit-transition: color 0.2s;
        color: var(--arancio);
    }
    #nav-header a:hover::before,
    #nav-header-interno-utente a:hover::before {
        color: var(--arancio);
        font-weight: bold;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    #nav-bottom-header a:hover {
        color: var(--blue);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .btn-arancio:hover,
    .btn-magenta:hover {
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        background-color: var(--blue);
        color: var(--bianco);
    }
    .btn-blue:hover,
    .btn-bianco:hover {
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        background-color: var(--arancio);
        color: var(--bianco);
    }
    #fourth-section-hp-right .btn-bianco:hover {
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        background-color: var(--blue);
        color: var(--bianco);
    }
    #fourth-section-hp-right a:hover {
        color: var(--bianco);
    }
    .btn-border-blue:hover {
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        background-color: var(--blue);
        color: var(--bianco);
    }
    .btn-grigio:hover {
        background-color: var(--grigio);
        color: var(--bianco);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    #top-section-guida-conto-termico-right .btn-arancio:hover,
    .guida-conto-termico-call-to-action .btn-arancio:hover {
        background-color: var(--magenta);
        color: var(--bianco);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .btn-disabled:hover {
        background-color: var(--grigio);
        color: var(--bianco);
    }
    #form-registrati-chekbox .btn-grigio:hover {
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        background-color: var(--arancio);
        color: var(--bianco);
    }
    .modal-sigaro-chiudi-btn:hover {
        color: var(--blue);
    }
    #nav-area-personale a:hover {
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        border: 0.5px solid var(--blue);
        background-color: var(--blue);
        color: var(--bianco);
    }
    .pratica-elemento .btn-small:hover
    /*#pratica-dettaglio .btn:hover*/ {
        background-color: var(--blue);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    #btn-reset-search-gestione-pratiche:hover {
        color: var(--blue);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    .form-file-input-abs-label:hover {
        border: 0.5px solid var(--grigio);
    }
}
@media only screen and (min-width:1500px) and (max-width:10000px) {
    .pratica-box {
        margin-right: calc(( 100% - 1280px) / 3);
        margin-top: clamp(20px, 40px, calc(( 100% - 1280px) / 3));
    }
    .pratica-box:nth-child(4n) {
        margin-right: 0px;
    }
}
@media only screen and (min-width:1024px) and (max-width:1499px) {
    /*#gestione-pratiche-associate,
    #gestione-pratiche-free*/
    #pratiche-list,
    .pratiche-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .pratica-box {
        margin-top: calc(( 100% - 960px) / 2);
        margin-top: clamp(20px, 40px, calc(( 100% - 960px) / 2));
    }
    #gp-paddato-cont {
        padding: 0px 0px;
    }
}
@media only screen and (min-width:220px) and (max-width:1279px) {
    #gp-paddato-cont {
        padding: 0px 0px;
    }
}
@media only screen and (min-width:760px) and (max-width:1023px) {
    /*#gestione-pratiche-associate,
    #gestione-pratiche-free*/
    #pratiche-list,
    .pratiche-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .pratica-box {
        margin-top: clamp(20px, 40px, calc( 100% - 640px));

    }
}
/* Tablet Landscape */
@media only screen and (min-width:1024px) and (max-width:1279px) {
    .page {
        padding-left: 20px;
        padding-right: 20px;
    }
    #top-section-hp h1,
    #top-section-cosa-fare h1,
    #top-section-guida-conto-termico h1,
    #top-section-come-funziona h1,
    #top-section-contatti h1,
    #top-section-news-list h1,
    #top-section-contatti h2,
    #news-titolo-fascia {
        font-size: 60px;
        line-height: 74px;
    }
    #top-section-hp h2,
    #top-section-cosa-fare h2 {
        font-size: 15px;
        line-height: 20px;
    }
    #top-section-hp-right, #fourth-section-hp-right {
        width: 43%;
    }
    #top-section-hp-right {
        box-sizing: border-box;
        padding-left: 20px;
    }
    #top-section-hp ul li {
        font-size: 20px;
        line-height: 25px;
    }
    #second-section-hp-item-cont {
        gap: 10px;
    }
    .second-section-hp-item {
        width: calc( calc(100% - 20px) / 3 );
    }
    .fourth-section-hp-text {
        font-size: 40px;
        line-height: 50px;
    }
    #form-registrati-bottom-left {
        width: calc(100% - 210px);
    }
    #footer-int .footer-col {
        width: 30%;
    }
    #footer-int .footer-col:last-child {
        width: 40%;
    }
    /*
    #pratiche-list.pratiche-layout-box {
        padding-left: calc((100% - 640px - 40px) / 2);
        padding-right: calc((100% - 640px - 40px) / 2);
        box-sizing: border-box;
    }
    */
    .pratica-riga-bottoni {
        width: 135px;
    }
    .pratica-riga-categoria-info p {
        font-size: 12px;
        line-height: 15px;
    }
    .pratica-riga-nome {
        font-size: 15px;
        line-height: 20px;
    }
    /*
    .pratica-riga-categoria {
        width: 215px;
    }
    .pratica-riga-nome {
        width: calc(((100% - 535px) / 2) + 30px);

    }
    .pratica-riga-abstract {
        width: calc((100% - 535px) / 2);
    }
    */
    .extrapratica-riga-carrello .pratica-riga-nome {
        width: calc(((100% - 685px) / 2) + 190px);
    }
    .extrapratica-riga-carrello .pratica-riga-abstract {
        padding-left: 0px;
    }
    .pratica-riga-bottoni a:last-child {
        margin-top: 10px;
    }
    .pratica-riga-quantita-input-cont input {
        width: 59px;
    }
    .pratica-riga-quantita {
        width: 160px;
    }
    .pratica-riga-prezzo-carrello {
        width: 160px;
    }
    .pratica-riga-carrello-discountcarnet-cont .pratica-riga-prezzo-carrello {
        width: 200px;
        padding-top: 0px;
    }
    .pratica-riga-prezzo-carrello-bl {
        font-size: 22px;
        line-height: 30px;
    }
    .pratica-riga-quantita,
    .pratica-riga-prezzo-carrello {
        padding-top: 25px;
    }
    .discount-elemento .pratica-riga-prezzo-carrello {
        padding-top: 0px;
    }
    .discount-elemento .pratica-riga-nome {
        padding-top: 15px;
    }
    .basket-info-pagamento {
        width: calc(100% - 200px);
    }
    #basket-carrello-metodi-pagamento-cont {
        display: block;

    }
    #basket-carrello-metodi-pagamento .label-radio {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    #basket-carrello-metodi-pagamento .label-radio:last-child {
        margin-bottom: 0px;
    }
    #basket-carrello-totale-paga-btn-cont {
        display: flex;
        flex-wrap: wrap;
        width: 200px;
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    #basket-carrello-totale-paga-btn-cont .pratica-riga-quantita {
        padding-top: 65px;
    }
    #form-gestione-pratica-cont .w_80pe {
        width: 70%;
    }
    #form-gestione-pratica-cont .w_20pe {
        width: 30%;
    }
    #id_privacy-cont {
        line-height: 20px;
    }
}
/* Tablet Portrait */
@media only screen and (min-width:768px) and (max-width:1023px) {
    .page {
        padding-left: 20px;
        padding-right: 20px;
    }
    #logo-header img {
        height: 25px;
    }
    #nav-header-interno-utente a:first-child {
        margin-right: 0px;
    }
    #nav-header-interno-utente a {
        font-size: 12px;
        padding-left: 15px;
    }
    #top-section-hp-left, #fourth-section-hp-left {
        width: 100%;
    }
    #top-section-hp-right, #fourth-section-hp-right {
        width: 100%;
    }
    #top-section-hp h1,
    #top-section-cosa-fare h1,
    #top-section-guida-conto-termico h1,
    #top-section-cosa-fare h1,
    #top-section-guida-conto-termico h1,
    #top-section-come-funziona h1,
    #top-section-contatti h1,
    #top-section-news-list h1,
    #top-section-contatti h2,
    #news-titolo-fascia {
        font-size: 50px;
        line-height: 65px;
    }
    .fourth-section-hp-text {
        width: 100%;
    }
    #top-section-hp-right {
        margin-top: 20px;
    }
    #second-section-hp-item-cont {
        justify-content: center;
    }
    #second-section-hp-item-cont {
        gap: 40px;
    }
    .third-section-hp-item-title {
        font-size: 18px;
        line-height: 23px;
    }
    .third-section-hp-item-text {
        font-size: 15px;
        line-height: 20px;
    }
    #fourth-section-hp-right {
        margin-top: 20px;
    }
    #last-section-hp .w_46pe {
        font-size: 20px;
        line-height: 25px;
    }
    .footer-col {
        font-size: 12px;
        line-height: 20px;
    }
    #footer-int .footer-col {
        width: 30%;
    }
    #footer-int .footer-col:last-child {
        width: 40%;
    }
    .pratica-riga-quantita-input-cont input {
        max-width: 68px;
        width: 100%;
    }
    .pratica-riga, .pratica-riga-carrello, .pratica-riga-ordine,
    .extrapratica-riga-carrello {
        flex-wrap: wrap;
    }
    .discount-elemento.pratica-riga-carrello,
    .discount-elemento.pratica-riga-ordine {
        flex-wrap: unset;
    }
    .discount-elemento .pratica-riga-nome {
        padding-top: 15px;
    }
    .pratica-riga-categoria-info p {
        font-size: 12px;
        line-height: 15px;
    }
    .pratica-riga-nome {
        width: calc(100% - 275px);
        font-size: 15px;
        line-height: 20px;
    }
    .pratica-riga-abstract,
    .extrapratica-riga-carrello .pratica-riga-abstract {
        width: calc(100% - 280px - 130px);
        padding: 20px 20px 0px 0px;
    }
    .extrapratica-riga-carrello .pratica-riga-nome {
        width: calc(100% - 135px);
    }
    .scelta-griglia-lista-label-text {
        display: none;
    }
    /*
    #pratiche-list.pratiche-layout-box {
        padding-left: calc((100% - 640px - 40px) / 2);
        padding-right: calc((100% - 640px - 40px) / 2);
        box-sizing: border-box;
    }
    */
    #pratiche-search-visualizza-label {
        width: 150px;
    }
    #pratiche-search-prezzo-label {
        display: block;
        float: left;
        width: calc((100% - 430px) * 0.50);
    }
    #pratiche-search-categoria-label {
        display: block;
        float: left;
        width: calc((100% - 430px) * 0.50);
    }
    .scelta-indirizzo {
        width: calc(50% - 20px);
    }
    .hide-tab {
        display: none;
    }
    .show-tab {
        display: inline;
    }
    #nav-area-personale a,
    #nav-area-personale span {
        font-size: 13px;
    }
    #fatturazione-radio-cont .mr_20 {
        margin-right: 10px;
    }
    #payoff-header {
        display: none;
    }
    .basket-info-pagamento {
        width: calc(100% - 200px);
    }
    #basket-carrello-metodi-pagamento-cont {
        display: block;
    }
    #basket-carrello-metodi-pagamento .label-radio {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    #basket-carrello-metodi-pagamento .label-radio:last-child {
        margin-bottom: 0px;
    }
    #basket-carrello-totale-paga-btn-cont {
        display: flex;
        flex-wrap: wrap;
        width: 200px;
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    #basket-carrello-totale-paga-btn-cont .pratica-riga-quantita {
        padding-top: 90px;
    }
    #carrello-scelta-indirizzo .labe-radio {
        width: calc(50% - 20px);
    }
    #nav-area-personale a, #nav-area-personale span {
        padding: 0px 20px;
    }
    #ordine-recap {
        display: flex;
        margin-top: 40px;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .ordine-recap-col {
        width: 50%;
        padding-right: 20px;
        box-sizing: border-box;
        margin-bottom: 40px;
    }
    .pratica-riga-quantita-input-cont {
        width: 150px;
    }
    #ordini-list .ordini-list-row,
    #gestione-pratiche-list .gestione-pratiche-list-row,
    #carnet-list .carnet-list-row {
        font-size: 12px;
    }
    .carnet-list-row,
    .ordini-list-row,
    .gestione-pratiche-list-row {
        width: 1280px;
        position: relative;
    }
    #form-gestione-pratica-cont .w_80pe {
        width: 70%;
    }
    #form-gestione-pratica-cont .w_20pe {
        width: 30%;
    }
    #form-ricerca-gestionepratiche {
        flex-wrap: wrap;
    }
    #form-ricerca-gestionepratiche #label-id_testo,
    #form-ricerca-gestionepratiche #label-id_ordine {
        width: calc((100% - 10px) * 0.5);
        margin-bottom: 10px;
    }
    #form-ricerca-gestionepratiche #label-id_categoria,
    #form-ricerca-gestionepratiche #label-id_stato {
        width: calc((100% - 190px - 20px) * 0.5);
    }
    #id_privacy-cont {
        line-height: 20px;
    }
    #gestionepratica-btn-text {
        margin-top: 7.5px;
    }
    #form-gestione-pratica-cont #getionepratica-data-fine-lavori-txt {
        font-size: 12px;
    }
}
/* Cellulari */
@media only screen and (min-width:220px) and (max-width:767px) {
    header .w_auto {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    #burger-menu, #burger-menu-interno {
        display: inline-block;
        font-size: 20px;
        line-height: 23px;
        color: var(--blue);
    }
    #burger-menu.open i:first-child,
    #burger-menu i:last-child,
    #burger-menu-interno.open i:first-child,
    #burger-menu-interno i:last-child {
        display: none;
    }
    #burger-menu.open i:last-child,
    #burger-menu i:first-child,
    #burger-menu-interno.open i:last-child,
    #burger-menu-interno i:first-child {
        display: block;
    }
    header {
        height: 50px;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    header.open {
        min-height: 50vh;
        position: relative;
    }
    header.open #nav-bottom-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: auto;
        flex-direction: column;
        align-items: end;
    }
    #nav-header.open {
        height: auto;
        display: block;
        float: right;
        margin: 30px 0px 0px 0px;
    }
    #nav-header.open .btn-small {
        margin-bottom: 30px;
    }
    header .page-menu {
        justify-content: right;
    }

    #nav-header, #nav-header-interno-utente {
        height: auto;
        display: none;
    }
    #nav-header .btn-magenta {
        float: left;
        margin: 0px;
        min-width: 135px;
    }
    #nav-header .btn-arancio {
        float: right;
        margin: 0px;
        min-width: 140px;
    }
    #nav-header-interno-utente.open {
        height: auto;
        display: block;
    }
    #nav-bottom-header-cont {
        display: none;
    }
    #nav-bottom-header-cont.open {
        display: block;
        margin-top: 0px;
        height: auto;
        background-color: var(--bianco);
        width: 100%;
    }
    .page {
        padding-left: 10px;
        padding-right: 10px;
    }
    main {
        padding: 50px 0px 40px 0px;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
    }
    #logo-header img {
        height: 25px;
    }
    #nav-header-interno-utente a {
        margin-right: 0px;
    }
    #nav-header-interno-utente {
        margin-top: 10px;
    }
    #nav-header a:first-child {
        width: auto;
    }
    #nav-header a:last-child {
        width: auto;
        margin-left: 20px;
    }
    #nav-header a, #nav-header-interno-utente a {
        padding: 0px;
    }
    #nav-header-interno-utente a {
        width: 100%;
    }
    .nav-header-ico {
        left: 0px;
    }
    #nav-header-interno-utente a::before {
        left: 30px;
    }
    .btn {
        font-size: 16px;
    }
    .titolo-big {
        font-size: 38px;
        line-height: 45px;
    }
    #top-section-hp, #top-section-cosa-fare, #top-section-guida-conto-termico,
    #second-section-hp, #third-section-hp, #fourth-section-hp, #last-section-hp {
        padding: 60px 0px;
    }
    #top-section-hp h1,
    #top-section-cosa-fare h1,
    #top-section-guida-conto-termico h1,
    #top-section-cosa-fare h1,
    #top-section-guida-conto-termico h1,
    #top-section-come-funziona h1,
    #top-section-contatti h1,
    #top-section-news-list h1,
    #top-section-contatti h2,
    #news-titolo-fascia {
        font-size: 35px;
        line-height: 40px;
    }
    #top-section-cosa-fare .w_70pe {
        width: 100%;
    }
    #top-section-hp ul li {
        font-size: 20px;
        line-height: 25px;
    }
    #top-section-hp-left, #fourth-section-hp-left {
        width: 100%;
    }
    #top-section-hp-right, #fourth-section-hp-right {
        width: 100%;
    }
    .fourth-section-hp-text {
        width: 100%;
    }
    #top-section-hp-right {
        margin-top: 20px;
    }
    #second-section-hp-item-cont {
        justify-content: center;
    }
    #second-section-hp-item-cont {
        gap: 40px;
    }
    .third-section-hp-item-title {
        font-size: 18px;
        line-height: 23px;
    }
    .third-section-hp-item-text {
        max-width: 100%;
        font-size: 15px;
        line-height: 20px;
    }
    .third-section-hp-item {
        width: calc((100% - 20px) / 2);
    }
    #third-section-hp-line-cont {
        display: none;
    }
    #fourth-section-hp-right {
        margin-top: 20px;
    }
    .fourth-section-hp-text {
        font-size: 38px;
        line-height: 50px;
    }
    #last-section-hp .w_46pe {
        width: 100%;
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px;
    }
    #last-section-hp-title,
    .cosa-devi-fare-title-bottom {
        font-size: 32px;
        line-height: 38px;
    }
    .page-piccolo .cosa-devi-fare-title-bottom {
        font-size: 22px;
        line-height: 28px;
    }
    .form-half-input-cont, .label-form.form-half-input-cont,
    .form-third-input-cont, .label-form.form-third-input-cont {
        width: 100%;
        margin-right: 0px;
    }
    .form-half-input-cont:last-child,
    .label-form.form-third-input-cont {
        width: 100%;
        margin-top: 20px;
    }
    .label-form.form-third-input-cont:first-child {
        margin-top: 0px;
    }
    #form-registrati-chekbox {
        display: block;
    }
    .form-checkbox-row {
        line-height: 20px;
    }
    .form-checkbox-row .pt_5 {
        padding-top: 5px;
    }
    #id_richiesta_rivenditore_1-cont {
        margin-top: 25px;
    }
    #form-registrati-chekbox .w_auto {
        margin-bottom: 20px;
    }
    #form-registrati-bottom-left,
    #form-registrati-bottom-right {
        width: 100%;
        margin-bottom: 20px;
    }
    #footer-int {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px 10px;
    }
    #footer-int .footer-col {
        width: calc(50% - 10px);
        font-size: 12px;
        line-height: 20px;
    }
    #footer-int .footer-col:last-child {
        width: 100%;
    }
    #footer-int .footer-col:last-child .w_45pe {
        width: calc(50% - 10px);
    }
    #text-non-sei-registrato {
        font-size: 25px;
        line-height: 35px;
        height: auto;
        display: block;
    }
    #text-non-sei-registrato .ml_20 {
        margin-left: 0px;
        margin-top: 20px;
    }
    .pratica-riga-quantita-input-cont input {
        max-width: 68px;
        width: 100%;
    }
    .pratica-riga, .pratica-riga-carrello, .pratica-riga-ordine {
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 20px;
    }
    .extrapratica-riga-carrello {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding-bottom: 20px;
    }
    .discount-elemento.pratica-riga-carrello,
    .discount-elemento.pratica-riga-ordine {
        flex-wrap: unset;
    }
    .pratica-riga-categoria-info p {
        font-size: 12px;
        line-height: 15px;
    }
    .pratica-riga-nome,
    .extrapratica-riga-carrello .pratica-riga-nome {
        width: 100%;
        font-size: 15px;
        line-height: 20px;
        padding: 0px 20px;
    }
    .pratica-riga-abstract,
    .extrapratica-riga-carrello .pratica-riga-abstract {
        width: 100%;
        padding: 20px;
    }
    .pratica-riga-prezzo {
        width: 100%;
        text-align: left;
        padding: 20px;
    }
    .pratica-riga-bottoni {
        width: 100%;
        padding: 10px 20px;
    }
    .scelta-griglia-lista-label-text {
        display: none;
    }
    /*
    #pratiche-list.pratiche-layout-box {
        padding: 0px;
    }
    */
    .pratica-box {
        width: 100%;
        margin-bottom: 20px;
    }
    .pratica-riga-categoria {
        width: calc(100% - 40px);
    }
    .font_20_28.mt_30 {
        margin-top: 0px;
    }
    #pratiche-search {
        display: block;
        margin: 20px 0px 40px 0px;
    }
    #pratiche-search-prezzo-label {
        display: block;
        float: left;
        width: 100%;
    }
    #pratiche-search-testo-label {
        width: 100%;
        margin-bottom: 20px;
    }
    #pratiche-search-categoria-label {
        width: 100%;
        margin: 20px 0px;
        display: block;
        float: left;
    }
    #pratiche-search-visualizza-label {
        width: 100%;
    }
    #btn-pratiche-aggiungi-basket {
        left: calc(50% - 124px);
    }
    .scelta-indirizzo {
        width: calc(50% - 20px);
    }
    .hide-tab {
        display: none;
    }
    .show-tab {
        display: inline;
    }
    #nav-area-personale {
        flex-wrap: wrap;
        gap: 10px;
        margin: 20px 0px;
    }
    #nav-area-personale a:first-child {
        width: 100%;
    }
    #nav-area-personale a,
    #nav-area-personale span {
        font-size: 13px;
        width: calc((100% - 10px) / 2);
        margin-right: 0px;
    }
    #fatturazione-radio-cont .mr_20 {
        margin-right: 10px;
    }
    #payoff-header {
        display: none;
    }
    .basket-info-pagamento {
        width: calc(100% - 200px);
    }
    #basket-carrello-metodi-pagamento-cont {
        display: block;
    }
    #basket-carrello-metodi-pagamento .label-radio {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    #basket-carrello-metodi-pagamento .label-radio:last-child {
        margin-bottom: 0px;
    }
    #basket-carrello-totale-paga-btn-cont {
        display: flex;
        flex-wrap: wrap;
        width: 200px;
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    #basket-carrello-totale-paga-btn-cont .pratica-riga-quantita {
        padding-top: 80px;
    }
    #carrello-scelta-indirizzo .labe-radio {
        width: 100%;
        margin-right: 0px;
    }
    #ordine-recap {
        display: flex;
        margin-top: 40px;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .ordine-recap-col {
        width: 50%;
        padding-right: 20px;
        box-sizing: border-box;
        margin-bottom: 40px;
    }
    .pratica-riga-quantita-input-cont {
        width: 150px;
    }
    #carrello-scelta-indirizzi-cont, #dati-utente-scelta-indirizzi-cont {
        width: 100%;
        display: block;
    }
    #btn-aggiungi-indirizzo-fatturazione {
        position: relative;
        display: block;
        float: left;
        margin-bottom: 20px;
    }
    #fatturazione-radio-cont .labe-radio {
        display: block;
        float: left;
        margin-bottom: 10px;
    }
    #form-indirizzo-fatturazione-cont .btn {
        width: 100%;
    }
    .scelta-indirizzo {
        width: 100%;
        margin-right: 0px;
        padding: 20px;
        height: 250px;
    }
    .scelta-indirizzo .form-checkbox-fancy-cont {
        left: 20px;
        top: 20px;
    }
    .scelta-indirizzo-btns {
        left: 20px;
        bottom: 20px;
    }
    .pratica-riga-quantita {
        width: 50%;
    }
    .pratica-riga-prezzo-carrello {
        width: 50%;
        margin-top: 10px;
    }
    .pratica-riga-prezzo-carrello-bl {
        font-size: 20px;
    }
    .pratica-riga-quantita-input-cont,
    .pratica-riga-quantita-input-label {
        float: left;
    }
    #basket-carrello-totale-paga-btn-cont {
        width: 140px;
    }
    .basket-info-pagamento {
        width: calc(100% - 140px);
    }
    #basket-carrello-totale-paga-btn-cont .pratica-riga-quantita,
    #basket-carrello-totale-paga-btn-cont .pratica-riga-prezzo-carrello {
        width: 100%;
    }
    #btn-carrello-prosegui {
        max-width: 140px;
        min-width: 140px;
    }
/*    #ordini-list,
    #gestione-pratiche-list {
        overflow-x: auto;
    }*/
    .ordini-list-row,
    .gestione-pratiche-list-row,
    .carnet-list-row {
        width: 1000px;
        position: relative;
    }
    .ordini-list-stato {
/*        position: fixed;
        right: 0px;
        background-color: white;
        height: 100%;*/
    }
    #ordini-list .ordini-list-row,
    #gestione-pratiche-list .gestione-pratiche-list-row,
    #gestione-pratiche-list .carnet-list-row {
        font-size: 12px;
    }
    #form-ricerca-gestionepratiche {
        display: block;
    }
    #form-ricerca-gestionepratiche #label-id_testo {
        width: 100%;
        margin-bottom: 10px;
    }
    #form-ricerca-gestionepratiche #label-id_ordine,
    #form-ricerca-gestionepratiche #label-id_categoria,
    #form-ricerca-gestionepratiche #label-id_stato {
        width: 100%;
        margin-bottom: 10px;
    }
    #form-ricerca-gestionepratiche .btn {
        width: 100%;
    }
    #form-gestione-pratica-cont .w_80pe {
        width: 100%;
    }
    #form-gestione-pratica-cont .w_20pe {
        width: 100%;
    }
    #form-gestione-pratica-cont .w_20pe .right {
        float: left;
        margin-top: 20px;
    }
    #pratica-nome {
        font-size: 25px;
        line-height: 33px;
    }
    .titolo-medium {
        font-size: 23px;
        line-height: 26px;
    }
    .gestionepratica-btn-cont {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .gestionepratica-btn-cont span {
        width: 100%;
        margin-bottom: 20px;
    }
    #pratica-dettaglio {
        padding: 20px;
    }
    #gestionepratica-btn-text {
        display: none;
    }
    #gestionepratica-btn-cont {
        display: flex;
        justify-content: center;
    }
    .documento-pratica {
        width: 100%;
    }
    #pratica-stato-cont-flex {
        display: block;
    }
    .pratica-riga-carrello-discountcarnet {
        display: block;
        float: left;
        padding-left: 0px;
        margin-top: 20px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .pratica-riga-carrello-discountcarnet img {
        display: none;
    }
    .pratica-riga-carrello-discountcarnet-text {
        width: calc(100% - 135px);
        padding-left: 0px;
        font-size: 12px;
        line-height: 15px;
    }
    .pratica-riga-carrello-discountcarnet .pratica-riga-prezzo-carrello {
        width: auto;
    }
    .pratica-riga-carrello-discountcarnet .pratica-riga-prezzo-carrello-bl {
        width: 130px;
    }
    #form-gestione-pratica-cont #getionepratica-data-fine-lavori-txt {
        font-size: 12px;
        padding: 0px 25px;
        box-sizing: border-box;
        margin-top: 0px;
    }
    #gestione-pratica-genera-url-cont .btn-small{
        width: 100%;
    }
    #gestione-pratica-genera-url-cont span {
        margin: 0px 0px 10px 0px;
        width: 100%;
    }
    .icona-cont {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
        text-align: center;
        border-bottom: 2px solid var(--arancio);
        padding-bottom: 20px;

    }
    .icona-cont img {
        width: 30%;
    }
    .text-cont {
        width: 100%;
        float: left;
    }
    #filtri-news-list {
        flex-direction: column;
        gap: 10px;
    }
    #filtri-news-list span,
    .news-info-bottom .pipe {
        display: none;
    }
    .news-info-bottom {
        flex-direction: column;
    }
}