.PRO_buttonProSingolo:hover {
        background-color: #a0b186;
        color: #fff;
    }

    .PRO_buttonProSingolo:hover button {
        color: #fff;
    }

    .PRO_borderDxProSingolo {
        border-right: solid 5px var(--color-verde);
    }

    @media screen and (max-width: 649px) {
        .ecoFlex {
            display: block;
        }

        .PRO_borderDxProSingolo {
            border: 0;
        }
    }

    #presentazioneSettoreOverride {
        height: 100%;
    }

    @media screen and (max-width: 993px) {
        #presentazioneSettoreOverride {
            height: 105px;
            overflow-y: hidden;
        }

        input[type=radio] {
            border: 0px;
            width: 100%;
            height: 1.3em;
            outline: 0;
        }

        input[type=checkbox] {
            border: 0px;
            width: 100%;
            height: 1.3em;
            outline: 0;
        }
    }

    a {
        text-decoration: none !important;
    }

    .fillProdottiImage {
        height: 22em;
        /* resize: both; //aggiunge la possibilità di resaizare la foto */
        overflow: auto;
    }

    .fillProdottiImage a {
        display: flex;
        width: 100%;
        height: 100%;
    }

    .fillProdottiImage a img {
        object-fit: cover;
        width: 100%;
    }

    .fillProdottiTitolo {
        height: 90%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow-y: hidden;
    }

    .divPresentazioneIniziale {
        margin: 0px 16px !important;
        border-radius: 5px;
        border: solid 1px var(--color-verde);
    }

    .settoreSelezionato {
        background-color: var(--color-verde) !important;
        color: var(--color-bianco) !important;
    }

    .btnReadMore {
        font-size: 18px;
        margin-top: -27px;
        cursor: pointer;

    }

    .contBtnReadMore {
        height: 50px;
        font-weight: 700;
        font-size: 15px;
        line-height: 27px;
        color: #fff;
        text-align: right;

        background: rgba(255, 255, 255, 0);
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.46) 17%, rgba(255, 255, 255, 1) 32%);
        background: -webkit-gradient(left top, left bottom, color-stop(4%, rgba(255, 255, 255, 0)), color-stop(17%, rgba(255, 255, 255, 0.46)), color-stop(32%, rgba(255, 255, 255, 1)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.46) 17%, rgba(255, 255, 255, 1) 32%);
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.46) 17%, rgba(255, 255, 255, 1) 32%);
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.46) 17%, rgba(255, 255, 255, 1) 32%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 4%, rgba(255, 255, 255, 0.46) 17%, rgba(255, 255, 255, 1) 32%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);

    }

    .textBtnReadmore {
        padding-top: 20px;
        padding-right: 10px;
        color: grey;
        border-bottom: solid 1px var(--color-verde);
        border-left: solid 1px var(--color-verde);
        border-right: solid 1px var(--color-verde);
    }

    .rimanereAggiornatiIco:hover {
        color: var(--color-viola);
    }

    .calendario {
        box-sizing: border-box;
        font-family: Verdana, sans-serif;

    }

    ul {
        list-style-type: none;
    }

    .mese {
        padding: 20px 25px;
        width: 100%;
        background: #1abc9c;
        text-align: center;
    }

    .mese ul {
        margin: 0;
        padding: 0;
    }

    .mese ul li {
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

    .mese .precedente {
        float: left;
        padding-top: 10px;
        cursor: pointer;
    }

    .mese .successiva {
        float: right;
        padding-top: 10px;
        cursor: pointer;
    }

    .giorniSettimana {
        margin: 0;
        padding: 10px 0;
        background-color: #ddd;
    }

    .giorniSettimana li {
        display: inline-block;
        width: 13.6%;
        color: #666;
        text-align: center;
    }

    .giorni {
        padding: 10px 0;
        background: #eee;
        margin: 0;
    }

    .giorni li {
        list-style-type: none;
        display: inline-block;
        width: 13.6%;
        text-align: center;
        margin-bottom: 5px;
        font-size: 12px;
        color: #777;
        cursor: pointer;
    }

    .giorni li .active {
        padding: 5px;
        background: #1abc9c;
        color: white !important
    }

    .quadratinoVerde {
        width: 10px;
        /* Larghezza del quadratino */
        height: 10px;
        /* Altezza del quadratino */
        background-color: rgb(0, 131, 22);
        position: relative;
        top: 15px;
    }

    .quadratinoArancio {
        width: 10px;
        /* Larghezza del quadratino */
        height: 10px;
        /* Altezza del quadratino */
        background-color: rgb(255, 175, 0);
        position: relative;
        top: 15px;
    }

    .quadratinoRosso {
        width: 10px;
        /* Larghezza del quadratino */
        height: 10px;
        /* Altezza del quadratino */
        background-color: rgb(255, 0, 0);
        position: relative;
        top: 15px;
    }

    .pagination {
        display: flex;
        list-style: none;
        padding: 0;
        position: relative;
        top: -12px;
    }

    .pagination li {
        margin: 0 5px;
    }

    .pagination a {
        display: inline-block;
        padding: 5px 10px;
        text-decoration: none;
        border: 1px solid #ccc;
        border-radius: 3px;
    }



    /* Add media queries for smaller screens */
    @media screen and (max-width:720px) {

        .giorniSettimana li,
        .giorni li {
            width: 14.1%;
        }
    }

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

        .giorniSettimana li,
        .giorni li {
            width: 14.1%;
        }

        .giorni li .active {
            padding: 2px;
        }
    }

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

        .giorniSettimana li,
        .giorni li {
            width: 14.2%;
        }
    }