#prima-fascia-dettaglio-comop{
    background-color: #F4F4F4;
    background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(244,244,244,1) 50%, rgba(218,218,218,1) 100%);
}

.box-border{
    border: 1px solid #D9D9D9;
    text-decoration: none;
}
.box-border:hover{
    transition: all .3s;
    box-shadow: 1px 1px 4px 1px #AAAAAA;
}
.comop{
    text-decoration: none;
}
.path-pos{
    margin-left: 37px;
}
.share-color{
    color: #0059B3;
}
/*DETTAGLIO Comunicati operatori*/
.header-dettaglio{
    background-color: #F4F4F4;
    width: 100%;
}

.allegati-margine{
    margin-right: 20px;
}

.accordion-comop{
    padding-left: 0px !important;
}

#seconda-fascia-dettaglio-comop {
    color: #474747;
    text-align: left;
    font: normal normal bold 20px/30px Roboto;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
}

.data-comop{
    text-align: left;
    font: normal normal normal 16px/21px Roboto;
    letter-spacing: 0px;
    color: #747474;
    opacity: 1;
}

.titolo-header-dettaglio{
    font-family: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 54px/64px var(--unnamed-font-family-zilla-slab);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-474747);
    font: normal normal bold 54px/64px Zilla Slab;
    color: #474747;
    padding-top: 3% !important;
    padding-bottom: 7% !important;
}

.data-header-dettaglio{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) 18px/22px var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-474747);
    text-align: left;
    font: normal normal 300 18px/22px Roboto;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
    height: 22px;
    font-family: inherit;
    margin-left: 6px;
}

.icon-list-dettaglio{
    list-style: none;
    display: flex;
    padding-top: 17px;
    justify-content: end !important;
}

.elittricita-dettaglio{
    width: 34px;
    height: 34px;      
}
.gas-dettaglio{
    width: 34px;
    height: 34px;
}
.acqua-dettaglio{
    width: 34px;
    height: 34px;
}

.rifiuti-dettaglio{
    width: 34px;
    height: 34px;
}
.font-bold-600{
    font-weight: 600;
}

.elementi-lista-dettaglio{
    margin-left: 20px;
}

.testo-descrizione{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-474747);
    text-align: left;
    font: normal normal bold 20px/26px Roboto;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
    font-weight: 900;
    height: 24px;
    font-family: inherit;
}

.text{
    font-weight: 900;
}

#lista-tags{
    padding-left: 0rem;
}

#lista-comunicati{
    padding-left: 1rem !important;
}

.page-margin{
    margin: 38px;
}

.left-margin-dettagli{
    margin-left: 34px;
}

.font-testo{
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-20)/var(--unnamed-line-spacing-40) var(--unnamed-font-family-roboto);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-474747);
    text-align: left;
    font: normal normal normal 20px/40px Roboto;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
}

.lista-navigazione-dettaglio{
    display: flex;
    justify-content: end;
}

.icon-dettaglio-comop-settore{
    width: 35px !important;
    height: 35px;
    margin-right: 10px;
}

.dimensionetestocomop{
    font-size: 18px;
    font-weight: 400;
}

.text-overflow-allegati{
    overflow-wrap: anywhere;
}

.size-files-comop{
    font-size: 12px;
}

.get-comop-testo{
    font-weight: bold;
    font-size: 1.1rem;
}

@media (max-width: 991px) {
    .left-margin-dettagli{
        margin-left: 20px;
    }

    .lista-navigazione-dettaglio{
        display: flex;
        justify-content: center !important;
    }
}

@media (max-width: 767px) {
    .icon-list-dettaglio{
        list-style: none;
        display: flex;
        justify-content: center !important;
        margin-right: 39px;
    }
    .titolo-header-dettaglio{
        font: normal normal bold 47px/64px Zilla Slab;
    }
    #prima-fascia-dettaglio-comop{
        height: fit-content;
    }
}

@media (max-width: 575px) {
    .icon-list-dettaglio{
        list-style: none;
        display: flex;
        justify-content: center !important;
       
    }

    section#seconda-fascia-dettaglio-comop div.container .d-flex.flex-md-column.flex-sm-column{
        display: flex;
        flex-direction: column;
    }
    section#seconda-fascia-dettaglio-comop div.container .d-flex.flex-md-column.flex-sm-column .col-auto.m-5{
        margin: 0 !important;
    }
    section#seconda-fascia-dettaglio-comop div.container .d-flex.flex-md-column.flex-sm-column .col-auto.m-5 .d-flex{
        flex-direction: column;
        display: flex;
        align-items: center;
    }
    section#seconda-fascia-dettaglio-comop div.container .d-flex{
        flex-direction: column;
        display: flex;
        align-items: center;
    }

    .testo-responsive{
        margin-left: 20px !important;
    }
    
    .titolo-header-dettaglio{
        font: normal normal bold 47px/64px Zilla Slab;
        margin-top: 40px;
    }
}

@media (max-width: 440px){
    /*
    .comunicati-query{
        margin-left: 20px;
        width: 100%;
    }
    */
    .header-dettaglio{
        background-color: #F4F4F4;
        width: 100%;
    }
}

p{
    font-family: "Roboto";
}

.text-size{
    font-size: 20px;
}

@media (max-width: 500px) { 
    .chip.chip-lg.chip-tag-custom{
       height: fit-content !important;
    }   
    .chip.chip-tag-custom{
        display: inline-block !important;
    }
}

@media (max-width: 991px) {
    .alineamento-centrale-settore{
        justify-content: end;
    }
        
    }