/* Large devices (desktops, 1254px and up) */
@media (max-width: 1254px) { 
    #seconda-fascia-atti .container .d-flex div{
        /* margin: 30px !important; */
    }
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
    #seconda-fascia-atti .container > div:first-child{
        flex-direction: column;
    }
}
/* Large devices (desktops, 768px and up) */
@media (max-width: 768px) { 
    #seconda-fascia-atti .container > div:first-child{
        flex-direction: column;
    }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
    .prima-row{
        flex-direction: column;
    }
    .prima-row > div:first-child{
        display: flex;
        flex-direction: row;
        margin-bottom: 10px;
    }
    #seconda-fascia-atti .container .d-flex div{
        width: auto;
        padding-top: 10px;
    }
    #atto{
        padding-top: 10px;
    }
    .form-control.form-control-custom-search{
        margin-top: 10px;
    }
    
 }


#prima-fascia-atti{
    /* background-color: #F4F4F4; */
    min-height: 250px;
    /* background:linear-gradient(0deg, rgba(252,252,252,1) 63%, rgba(212,212,212,1) 101%, rgba(241,241,241,1) 100%) */
    background:linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(244,244,244,1) 50%, rgba(218,218,218,1) 100%)
}
.icon.icon-condividi{
    fill: #0059B3;
}
h2{
    font: normal normal bold 54px/64px Zilla Slab;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
}
.titlle-filtri{
    text-align: left;
    font: normal normal bold 26px/40px Zilla Slab;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
}
.icon-settore-paragraph{
    text-align: left;
    font: normal normal medium 14px/17px Roboto;
    letter-spacing: 0px;
    color: #474747;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 0;
}
.icon-settore-container.icon-settore-container-filtri{
    border: 1px solid black;
    border-radius: 10px;
}
.icon-settore-custom.icon-settore-custom-filtri{
    fill: #AAAAAA;
}

.form-select.form-select-custom{
    border: 1px solid #AAAAAA;
    border-radius: 6px;
}
.icon.icon-custom-serch{
    fill: white !important;
}
.input-group .input-group-prepend .btn.btn-search-custom {
    border-radius: 0 4px 4px 0;
}
.input-group.input-group-search-atti{
    flex-direction: row-reverse;
}
.form-control.form-control-custom-search{
    border: 1px solid #AAAAAA;
    border-radius: 6px;
    padding: 27px 24px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.select-wrapper.select-wrapper-noborder select{
    border-bottom: none;
    color: #0059B3;
}
.icon-lista-atti-settore{
    width: 24px !important;
    height: 24px;
    margin-right: 10px;
}

.dimensionetestoatto{
    font-size: 18px;
}

.dimensionetestoatto ul li{
    text-align: left;
    font: normal normal normal 20px/34px Roboto;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
}

.dimensionetestoatto ol li{
    text-align: left;
    font: normal normal normal 20px/34px Roboto;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
}

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

.chip.chip-lg.chip-lg-custom-atti{
    margin: 0px;
}
.margine-tag-atto{
    margin-right: 1.5rem;
}

.font-roboto{
    font-family: 'Roboto', sans-serif !important;
}

.fw-bold-600{
    font-weight: 600 !important;
}

.margine-sinistro-contenuto-pagina{
    margin-left: 2rem !important;
}

h3.title-lista-atti{
    text-align: left;
    font: normal normal 16px/19px Roboto;
    font-weight: 800;
    letter-spacing: 0px;
    color: #0059B3;
    text-transform: uppercase;
    opacity: 1;
}
.data-atto{
    text-align: left;
    font: normal normal normal 16px/21px Roboto;
    letter-spacing: 0px;
    color: #747474;
    text-transform: uppercase;
    opacity: 1;
}
.sigla-atto{
    text-align: left;
    margin-bottom: 0;
    font: normal normal bold 23px/32px Zilla Slab;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
}

.accordion-header .accordion-button {
    width: 100%;
    text-align: left;
    border: 0;
    background-color: rgba(0,0,0,0);
    border-top: 1px solid #e3e4e6;
    box-shadow: none;
    padding: 14px 24px;
    cursor: pointer;
    color: #0059B3;
    font-weight: 600;
}

.accordion.accordion-background-active .accordion-header .accordion-button[aria-expanded=true] {
    background-color: #0059B3 !important;
    color: #fff;
    border-color: #0059B3 !important;
}

.accordion .accordion {
    border: 0px !important;
}

.sfondo-faq{
    background-color: #EBF3FB !important;
}

.accordion-header .accordion-button {
    background-color: #EBF3FB !important;
    font-family: 'Roboto', sans-serif !important;
    color: #0059B3 !important;
}

.testo-atto{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.colore-termine-invio{
    color: #474747 !important;
}

.testo-atto p, .testo-atto a, .testo-atto ul, .testo-atto li{
    text-align: left;
    font: normal normal medium 16px/26px Roboto;
    letter-spacing: 0px;
    color: #474747 !important;
    opacity: 1;
}
#atto{
    text-decoration: none;
}
/* #atto > div:first-child {
    border: 1px solid #D9D9D9;
}
#atto > div:first-child:hover{
    text-decoration: none !important;
    transition: all .3s;
    box-shadow: 1px 1px 4px 1px #AAAAAA;
} */
.atto-first-child {
    border: 1px solid #D9D9D9;
}
.atto-first-child:hover{
    text-decoration: none !important;
    transition: all .3s;
    box-shadow: 1px 1px 4px 1px #AAAAAA;
}

.get-atti-testo, .div-get-atti p {
    font-size: 1rem !important;
}

.it-header-sticky.dettaglio-atto .pulsante-indietro-atti{
    display: none;
}

.it-header-sticky.dettaglio-atto.bs-is-fixed.is-sticky .pulsante-indietro-atti{
    display: flex;
}

.text-docallegati {
    font-size: 1rem !important;
}

.prima-row > div:first-child{
    display: flex;
    flex-direction: row-reverse
}
.prima-row div.col-6{
    display: flex;
    flex-direction: row-reverse;
}
#prima-fascia-dettaglio-atto{
    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%);
    #titolo-principale-pagina,{
        font-size: 2.222rem;
    }
    #atto-sigla{
        font-size: 2.222rem;
    }
}
p.pubblicata{
    text-align: left;
    font: normal normal 300 18px/22px Roboto;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
}
p.teaser{
    text-align: left;
    font: normal normal bold 20px/30px Roboto;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
}
#seconda-fascia-dettaglio-atto p{
    color: #474747;
    text-align: left;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
    font: normal normal normal 20px Roboto;
}
.icon.icon-pdf{
    fill: #FB7B75;
}
#documenti-collegati{
    background-color: #EBF3FB;

}
@media (max-width: 768px) { 
    #prima-fascia-dettaglio-atto{
        height: fit-content;
    }
 }

/* X-Small devices (portrait phones, less than 584px) */
@media (max-width: 576px) { 
    section#seconda-fascia-dettaglio-atto div.container .d-flex.flex-md-column.flex-sm-column{
        display: flex;
        flex-direction: column;
    }
    section#seconda-fascia-dettaglio-atto div.container .d-flex.flex-md-column.flex-sm-column .col-auto.m-5{
        margin: 0 !important;
    }
    section#seconda-fascia-dettaglio-atto 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-atto div.container .d-flex{
        flex-direction: column;
        display: flex;
        /* align-items: center; */
    }
 }

 /* .title-truncate {
    height: 98px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
  } */

  #documenti-collegati .container h3.testo-documenti-collegati {
    text-align: left;
    font: normal normal bold 26px/36px Zilla Slab;
    letter-spacing: 0px;
    color: #474747;
    opacity: 1;
  }

.font-pulisci-filtri{
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
}

.font-ordinaper{
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
}

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

.font-size-files{
    font-size: 1rem !important;
}

.get-atti-testo{
    /* font-weight: bold; */
    font-size: 1.1rem;
}

ul.ufficio-responsabile-list{
    padding-left:  1rem !important;
}

.tag-background{
    border: 2px solid #0059B3;
    border-radius: 23px;
    width: 12%;
    display: flex;
    align-items: center;
    color: #0059B3;
    font-weight: 700;
}

.hr-margin{
    margin-bottom: 0rem !important;
}

div .div-get-atti p {
    margin-bottom: 0rem !important;
}

div .div-get-atti ul {
    margin-bottom: 0rem !important;
}

.icona-blue{
    fill: #0059B3
}

.it-header-sticky.dettaglio-atto{
    z-index: 2 !important;
}

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

.font-size-titolo-atto{
    font-size: 1.3rem;
    font-family: "Roboto", sans-serif !important;
}

.fill-atto img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
  }

.fill-atto .img-fluid{
    height: auto;
}

.display-atto-media{
    display: contents;
}

.it-header-sticky.dettaglio-atto.bs-is-fixed.is-sticky{
    height: 60px;
    align-items: center;
    display: flex;
}

@media(min-width: 992px) { 
    .padding-paragrafi-atti{
        padding-left: 0px !important;
    }
}

/* Large devices (desktops, 1254px and up) */
@media (max-width: 1199px) { 
    .btn.btn-outline-secondary.btn-outline-secondary-custom-filtri{
        width: 45px;
        height: 45px;
    }
    .icon-settore-custom{
        width: 15px;
        height: 20px;
    }
}

@media(max-width: 991px) { 
    .padding-paragrafi-atti{
        padding-left: 10px !important;
    }

    .margine-sinistro-contenuto-pagina{
        margin-left: 0px !important;
    }

    .larghezza-testo-atti{
        width: 100px;
    }

    .alineamento-centrale-settore{
        justify-content: end;
    }
}

.it-header-sticky.dettaglio-atto[data-bs-toggle="sticky"] {
    top: 65px !important;
}
 

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

.testo-originale-margin {
    margin-left: 35px !important;
}

@media(max-width: 576px) {
    .testo-originale-margin {
        margin-left: 0px !important;
    }
    
}

.header-link-atti{
    margin-right: 20px;
}

.header-link-atti:last-child{
    margin-right: 0px;
}

.atti > img{
    vertical-align: baseline !important;
}

.bs-is-fixed.is-sticky{
    width: 100%;
    background-color: #F4F4F4;
}

.bs-it-sticky-wrapper .header-link-atti{
    margin-top: 15px;
}

.freccia-indietro{
    display: none;
}

.testo-indietro{
    display: none;
}

.bs-it-sticky-wrapper .indietro-button{
    margin-top: 15px;
}

.bs-it-sticky-wrapper .freccia-indietro{
    display: block;
}
.bs-it-sticky-wrapper .testo-indietro{
    display: block;
}

.anchor {
    position: absolute;
    transform: translateY(-77px);
  }

  .anchor-documenti{
    position: absolute;
    transform: translateY(-10px);
}

@media (max-width: 500px) { 
    .chip.chip-lg.chip-tag-custom{
       height: fit-content !important;
    }   
    .chip.chip-tag-custom{
        display: inline-block !important;
    }
    .it-header-sticky.dettaglio-atto[data-bs-toggle="sticky"]{
        display: none;
    }
}

.accordion-header .accordion-button.accordion-faq{
    padding: 14px 0px !important;
}

.accordion-header.faq{
    background-color: #F4F4F4 !important;
}

input#SearchNumero::placeholder{
    font-weight: 500 !important; 
    color: #474747;
}
.btn.btn-primary.btn-lg.mt-4.w-100{
    font-weight: 300;
}