input#indirizzo {
    padding-top:8px;
}
.btn.continua-btn:disabled, .btn.invia-btn:disabled {
    background: #CDCDCC;
}
.phone-support {
    height: 22px;
    width: 22px;
    position: relative;
    top: -2px;
}
#call-back .group-input input:focus {
    color: #393935 !important;
}
.group-input input {
    color: #393935 !important;
}
#call-back {
    height: 100vh !important;
    min-height: 100vh !important;
    position: fixed;
    background: #fff !important;
}
.custom-stepper svg {
    float: left;
    margin-top: 3px;
}

@media screen and (min-width: 376px) {
    #call-back .si-testo-callback {
        margin-left: 14px;
        margin-right: 46px;
    }
}

@media screen and (max-width: 376px) {
/*    #call-back .si-testo-callback {
        margin: 0px 10px;
    }*/

    .lasciarecapiti {
        font-size: 16px !important;
    }

    #call-back h3 {
        font-size: 18px !important;
    }
}

@media screen and (min-width: 993px) {
    .navigation-btn.surface-btn .btn.continua-btn, .navigation-btn.surface-btn .btn.invia-btn {
        position: absolute;
        left: 10px;
    }
}
.location-icon {
    height: 15px;
    width: auto;
    top: -2px;
    position: relative;
}
div.col-mg-10 .address-container #indirizzo {
    padding-top: 0px !important;
}
div.col-md-12.navigation-btn .btn.continua-btn {
    text-align: center !important;
    padding-top: 10px;
    padding-left: 20px;
    line-height: 16px !important;

}
#call-back .modal-header .close {
    margin-top: 40px !important;
    margin-right: 80px !important;
    z-index:999999;
    position: relative;
}
.si-testo-callback {
    margin-left: 14px;
    margin-right: 46px;
    margin-top: 0;
    padding-top: 0;
    top: -5px !important;
    position: relative;
    font-size: 16px;
}
.no-testo-callback {
    margin-left: 14px;
    margin-top: 0;
    padding-top: 0;
    top: -5px !important;
    position: relative;
    font-size:16px;
}
#call-back .bi-telephone-outbound
{
    font-size: 29.33px;
    position:relative;
    top:10px;
}
#call-back h2 {
    font-size: 40px;
    line-height: 48px;
    margin-top: 17.33px !important;
}
.lasciarecapiti {
    font-size: 18px;
    line-height: 135%;
}
#call-back h3 {
    font-size: 24px;
    color: #393935;
}
#call-back label {
    font-size: 14px;
    color: #9A9A9A;
}
.notes p {
    font-size: 12px;
    line-height: 135%;
}
#call-back .modal-content {
    border-radius: 0;
    height: auto !important;
    min-height: 100vh !important;
}
.row.checkboxa2amodal .col-md-6 {
    margin: 0 !important;
    padding: 0 !important;
}
.checkboxa2amodal input {
    height: 24px;
    width: 24px;
    margin: 0 !important;
}
.col-md-6.text-right.notes.my-5
{
    padding-right:80px !important;
}
#fascia-oraria {
    max-width: 450px;
    width: 90%;
}
select#fascia-oraria option {
    font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 135%;
}
select#fascia-oraria {
    background: none;
    color: #c6c6c6;
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 90%;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-radius: 0;
    border-bottom: 1px solid #c6c6c6;
}
#call-back .modal-body {
    position: relative !important;
    padding-left: 81.33px !important;
    padding-top: 45px !important;
    padding-right:20px;
    padding-bottom:20px;
}
.checkboxa2amodal input {
    accent-color: #009FDA;
}
#call-back .modal-header .close:hover,
#EditConfigModal .modal-header .close:hover,
.indietro-btn:hover {
    background-color: #4dbce5;
}
    #call-back .modal-header .close:hover .bi.bi-x, 
    #EditConfigModal .modal-header .close:hover .bi.bi-x {
        color: #fff;
    }
    .indietro-btn:hover svg path{
        stroke: #fff;
    }
button.continua-btn .bi.bi-send {
    padding-left: 9px;
}
input#consumo::-moz-range-thumb {
    background-color: #009FDA;
}
/*Responsive*/
/*Media 1024px*/
@media screen and (min-width: 1024px) and (max-width: 1280px)
{
/*    .body-content {
        height: 100vh !important;
        min-height:100vh !important;
    }*/
/*    .surface-form-content {
        height: 100vh !important;
        min-height: 100vh;
    }*/
/*    .animated.fadeInLeft {
        height: 100vh;
        min-height: 100vh !important;
    }*/
    .col-sm-3.stepper-col {
        padding-left: 10px;
    }
}
/*Fine Media 1024px*/

@keyframes scroll-text {
    0% {
        transform: translateX(0); /* Inizio dell'animazione */
    }

    20% {
        transform: translateX(0); /* Pausa iniziale per mostrare il testo */
    }

    70% {
        transform: translateX(-37%); /* Mostra la parte finale del testo */
    }

    100% {
        transform: translateX(-37%); /* Pausa finale */
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {

    .custom-stepper {
        display: flex;
        flex-direction: row;
    }

        .custom-stepper svg {
            margin-top: 3px;
        }

    /* Wrapper per il testo scrollabile */
    .text-scroll-wrapper {
        overflow: hidden; /* Nasconde il testo che eccede i limiti */
        white-space: nowrap; /* Evita che il testo vada a capo */
        position: relative;
        max-width: calc(100% - 24px); /* Lascia spazio per l'icona (16px + margine) */
        display: inline-block; /* Consente il layout in linea con l'icona */
        vertical-align: middle; /* Allinea verticalmente il contenuto */
    }
        /* Testo scrollabile */
        .text-scroll-wrapper .testi-bottonbar {
            display: inline-block;
            position: relative;
            animation: scroll-text 5s infinite; /* Animazione singola con durata */
            animation-delay: 1s; /* Aspetta 1s prima di iniziare */
        }
}

@media screen and (max-width: 432px) {

    #call-back .checkboxa2amodal .col-xs-6.col-sm-6 {
        padding: 0px;
    }
}