/*
    COLORE PRIMARIO: #20ac6a		blu: #316A9E	verde: #20ac6a	    cagliari: #003882
    COLORE SECONDARIO: #267e55		blu: #30373D	verde: #267e55      cagliari: #002452

    !-- Per sostituire i presenti colori cambiarli nel :root scrito qui sotto --!
    !-- Preferibilmente colore secondario più scuro --!

    !-- Per cambiare il colore di evidenza-header.png andare su questo sito : https://onlinepngtools.com/change-png-color --!
*/

:root {
    /*COLORI SITO----------------------------------------*/
    --primary: #003882;  /*#9b1547*/
    --secondary: #002452;  /*#9b1547*/
    /*COLORI ALLERTA-------------------------------------*/
    --AllertaBgColor: #e9d567;
    --textAllertaColor: #56380a;
    /*COLORI SMOG----------------------------------------*/
    --sfondoSmog: #ffffff;
    --testoSopraSemaforo: var(--secondary);
    --testoDentroSemaforo: #000000;
    --testoSmog: var(--primary);
    --bordiSmog: white;
    --sfondoSmogSemaforo: #ffffff;
    /*COLORE SPINNER (deve essere una variante più chiara del primary*/
    --lightPrimary: #85b9ff;
    /*---------------------------------------------------*/
}

@font-face {
    font-family: BiancoeneroBook;
    src: url("/assets/css/biancoenero/BiancoeneroBook.TTF") format("opentype");
}

.it-header-wrapper .search-link svg{
    fill: var(--primary)
}

.progress-spinner.progress-spinner-active:not(.progress-spinner-double) {
    border-color: var(--primary) var(--primary) var(--lightPrimary)
}

body {
    overflow-x: hidden !important;
}

.btn-segnala-disservizio-heading{
    width: 100% !important;
    font-size: 14px !important;
}

.title-medium{
    color: var(--primary) !important;
}

.btn-close{
    background: none !important;
}

.btn.close-menu{
    position: fixed;
    top: 20px;
    right: 20px;
}

.text-primary{
    color: var(--primary) !important;
}



.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important;
}

.text-warning {
    --bs-text-opacity: 1;
    --temp-warning-color: 225, 128, 0;
    color: rgba(var(--temp-warning-color),var(--bs-text-opacity)) !important;
}

.cmp-info-progress .step-active .info-progress-body{
    border-bottom: 2px solid var(--primary) !important;
}

.border-bottom-primary::before{
    background: var(--primary) !important;
}

.list-dots-primary li {
    color: var(--primary);
}
.list-dots-primary span {
    color: black;
}

.border-primary{
    border-color: var(--primary) !important;
}

.primary-color {
    color: var(--primary) !important;
}

.bg-primary-color {
    background-color: var(--primary) !important;
}

.table-primary-seg{
    background-color: var(--primary) !important;
    color: white !important;
}
.bg-warning-temp{
    background-color: #e18000 !important;
}
.color-white-text{
    color: #fff !important;
}

.text-normal-color{
    color: #000 !important;
}

.text-inline {
    white-space: nowrap;
}

.Separator {
    position: relative;
    left: 0;
    margin-bottom: -12rem !important;
    z-index: -1;
    margin-top: 1rem;
    opacity: 1 !important;
}

.Separator--up {
    -webkit-transform: skewX(0) skewY(-2deg);
    -ms-transform: skewX(0) skewY(-2deg);
    transform: skewX(0) skewY(-2deg);
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

@media(min-width: 1100px) and (max-width: 1400px) {
    .Separator {
        margin-bottom: -13rem !important;
    }
}

@media(max-width: 768px) {

    .it-header-wrapper .search-link svg{
        fill:white !important;
    }

    .it-page-section.anchor-offset {
        word-break: break-word !important;
    }

    .sottotitolo_personalizz {
        display: none !important;
    }
    .margin-mobile {
        margin-left: 2px;
    }
    .contenitore_diagonale .col-lg-2.col-xs-12{
        margin-bottom:20px
    }

    .sottotitolo_personalizz {
        font-size: 8pt;
    }
}
@media(min-width: 768px){
    .contenitore_diagonale{
        padding-top: 17px !important;
    }
}

/*HOMEPAGE*/
.it-header-center-wrapper, .it-header-navbar-wrapper {
    background-color: var(--primary);
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}

.it-header-slim-wrapper {
    background-color: var(--secondary);
}

a {
    color: var(--primary)
}

.chip.chip-simple .chip-label {
    color: var(--primary);
}

a.read-more {
    color: var(--primary);
}

.chip.chip-simple {
    border-color: var(--primary);
}

.chip.chip-simple:hover {
    background-color: var(--primary)
}

a.read-more .icon {
    fill: var(--primary)
}

.icon-primary {
    fill: var(--primary) !important
}

.flag-icon {
    background: var(--primary) !important;
}

.it-carousel-wrapper .splide__pagination button {
    background: var(--primary)
}

a:hover {
    color: var(--secondary);
}

.btn-primary {
    background-color: var(--primary);
    border-color: var(--primary);
}

.btn-primary:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.primary-bg {
    background-color: var(--primary) !important
}

.evidence-section .list-item.active span, .useful-links-section .list-item.active span {
    color: var(--primary) !important;
}

.evidence-section .list-item.active span, .useful-links-section .list-item.active span:hover{
    color: var(--secondary) !important;
}

.link-list-wrapper ul li a.list-item.icon-left .icon:hover {
    color: var(--primary) !important;
}
.link-list-wrapper ul li a.active .icon:hover {
    color: var(--primary) !important;
}

.link-list-wrap .link-list .list-item {
    font-size: 1rem !important;
}

.link-list-wrap .link-list .list-item:hover {
    text-decoration: underline !important;
}

.evidence-section .list-item.active span:hover {
    color: var(--primary) !important;
}

.search-modal .searches-list li a {
    color: var(--primary) !important;
}


.logo_head {
    z-index: 0;
    width: 82px;
    height: 82px;
    object-fit: contain
}

.card_calendar .card-body {
    padding: 20px
}

.figure.img-full img {
    max-height: 400px;
    object-fit: contain;
}

@media(max-width: 768px) {

    .table.table-responsive tbody tr td {
        word-break: break-word;
    }

    .indice_scorrimento .progress.bg-light {
        margin-left: 10px;
        margin-right: 10px;
    }
    .card_calendar {
        margin: 0px !important;
        padding: 8px !important;
    }

    .card_calendar .card-body {
        padding: 8px
    }

    #primo_piano .with-read-more img {
        height: 200px !important; 
        width: 90% !important;
    }

    .navbar-collapsable {
        z-index: 200
    }

    .it-header-wrapper .it-nav-wrapper .it-brand-wrapper {
        padding-left: 45px;

    }

    .logo_head {
        height: 50px
    }

    .navbar .navbar-collapsable .navbar-nav .inside_page li a.nav-link {
        color: var(--primary)
    }

    .cmp-list-card-img__body-title {
        font-size: 13pt
    }

    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper .it-brand-text {
        padding-right: 0px !important;
    }

    .ufficio_card_son {
        max-width: 280px
    }

    .social_news_share li a .icon {
        width: 20px !important;
    }
}

.social_news_share ul li{
    margin:8px 0px
}

#primo_piano .with-read-more img {
    height: 450px;
    object-fit: cover;
    width: 415px;
}

.it-hero-wrapper {
    background-color: var(--primary)
}

.it-header-wrapper .navbar-collapsable .logo-hamburger {
    color: var(--primary)
}

.it-header-wrapper .navbar-collapsable .logo-hamburger .icon {
    fill: var(--primary)
}

.it-header-wrapper .navbar-collapsable .it-socials {
    color: var(--primary)
}

.it-header-wrapper .navbar-collapsable .it-socials ul li a svg {
    fill: var(--primary) !important
}

.search-modal .modal-title .search-link svg {
    fill: var(--primary) 
}

.search-modal .form-group .autocomplete-icon .icon {
    fill: var(--primary)
}

.chip {
    min-width: 70px !important;
}

.it-carousel-wrapper .splide__track {
    padding-top: 10px !important;
}

.it-page-section {
    margin-top: 30px
}

.autocomplete-wrapper .autocomplete-icon {
    z-index: 1 !important;
}

@media (min-width: 1800px) {
    .contenitore_diagonale {
        max-width: 1700px !important;
    }
}

@media (max-width: 1366px) {
    .servizi_evidenza .sito-tematico {
        font-size: 18px
    }

    .servizi_evidenza .text-sans-serif {
        font-size: 14px !important
    }
}

.primary-bg {
    background-color: var(--primary) !important;
}

.contenitore_diagonale {
    z-index: 99;
}

.contenitore_diagonale div, .contenitore_diagonale a, .contenitore_diagonale svg, .contenitore_diagonale p {
    z-index: 99
}

@media(min-width: 1100px) {
    .sezione_manifest{
        padding-bottom: 120px !important;
        margin-bottom: -80px
    }
}

@media(min-width: 768px) {
    .serv_evid_padd {
        padding-top: 75px !important;
    }
}

.navbar .navbar-collapsable .navbar-nav li a.nav-link {
    color: var(--primary) !important;
}

.navbar .navbar-collapsable .navigazione_main li a.nav-link {
    color: white !important;
}

#barra_argomenti li a.nav-link {
    color: white !important;
}

@media(max-width: 992px) {
    .navbar .navbar-collapsable .navigazione_main li a.nav-link {
        color: var(--primary) !important;
    }

    #barra_argomenti li a.nav-link {
        color: var(--primary) !important;
    }

    .serv_evid_padd {
        padding-top: 15px !important;
    }

    #div_persone {
        margin-top: 20px
    }

    .ufficio_card_son {
        padding-right: 0px !important;
    }

    .avatar_ufficio_card {
        min-width:38px !important;
        width:38px !important;
        height:38px !important;
    }
}

.link-list-wrapper ul li a span {
    color: var(--primary) !important;
}

#topcontrol {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    padding: 0;
    background-color: var(--primary) !important;
    color: white !important;
    z-index: 9999999999999999999999999999999999999999999999999999 !important;
}

#topcontrol svg {
    fill: white
}

@media (min-width: 1200px){
    .it-brand-text{
        padding-right: 0px !important;
        padding-left: 24px !important;
    }
}

body.dislessia {
    font-family: 'BiancoeneroBook' !important
}
body.dislessia .cmp-list-card-img__body-title {
    font-family: 'BiancoeneroBook' !important
}

.dislessia #barra_argomenti li a {
    font-size: 9pt !important
}

.cmp-breadcrumbs .breadcrumb-container .breadcrumb .breadcrumb-item a {
    color: var(--primary) !important;
}

.link-list-wrapper ul li a:hover:not(.disabled) .icon {
    fill: var(--primary) !important;
}

#smog_body {
    background-color: var(--sfondoSmog) !important;
}

.smog-color {
    color: var(--testoSmog);
}

.smog-color a:hover{
    color: var(--testoSmog);
    text-decoration: none;
}

.smog-color-inside{
    color: var(--testoDentroSemaforo);
}

#smog_body #tr_big {
    background-color: var(--sfondoSmogSemaforo) !important;
    border: 2px solid var(--bordiSmog);
}

#smog_body table {
    border: 2px solid var(--bordiSmog);
}

.smog-table-back {
    background-color: var(--bordiSmog);
}

#smog_body #padreDomani {
    width: 100%;
    border-right: 4px solid var(--bordiSmog);
}

#smog_body .tr_height {
    background-color: var(--sfondoSmogSemaforo) !important;
}

#antismog {
    background-color: var(--sfondoSmog);
}

.smog-color-top{
    color: var(--testoSopraSemaforo);
}

#smog_body table {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.link-list-wrapper ul li a.active .icon {
    color: var(--primary)
}

.card .card-body .category-top {
    color: var(--secondary)
}

.arpa_body {
    background-color: var(--primary) !important
}

.breadcrumb-container .breadcrumb .breadcrumb-item a {
    text-decoration: none 
}

.breadcrumb-container .breadcrumb .breadcrumb-item:not(.active) a{
    font-weight: 600
}

.title_news {
    color: #202A2E
}

.link-list-wrapper.menu-link-list .h3:after, .link-list-wrapper.menu-link-list .h4:after, .link-list-wrapper.menu-link-list h3:after, .link-list-wrapper.menu-link-list h4:after {
    background-color: var(--primary)
}

.navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active {
    border-left: 2px solid var(--primary)
}

.bg-primary {
    background-color: var(--primary) !important
}

.rating:not(:checked) > label:hover svg, .rating:not(:checked) > label:hover ~ label svg, .rating > input:checked + label:hover + svg, .rating > input:checked ~ label:hover + svg, .rating > input:checked ~ label:hover ~ label + svg, .rating > input:checked ~ label svg, .rating > label:hover ~ input:checked ~ label + svg {
    fill: var(--primary) !important
}

.form-check [type=radio]:checked + label:after {
    border-color: var(--primary) !important;
    background-color: var(--primary) !important;
}
.form-check [type=radio]:checked + label:before {
    border-color: var(--primary) !important;
}

.form-check [type=checkbox]:checked + label:after {
    border-color: var(--primary) !important;
    background-color: var(--primary) !important;
}

.btn-outline-primary {
    color: var(--primary) !important;
    box-shadow: inset 0 0 0 2px var(--primary) !important;
}

.btn-outline-primary-white {
    color: white !important;
    box-shadow: inset 0 0 0 2px white !important;
}

.chip.chip-primary {
    border-color: var(--primary) !important;
}

.chip_my {
    text-decoration: none !important
}

.btn-dropdown {
    color: var(--primary) !important;
}

.it-carousel-wrapper .splide__pagination {
    margin-top:25px
}

.navbar.it-navscroll-wrapper .custom-navbar-toggler {
    color: var(--primary) !important;
}

.it-page-sections-container {
    padding-top: 20px !important
}

div.zabuto_calendar .badge-event {
    background-color: var(--primary) !important;
}
@media(max-width: 768px) {
    .zabuto_calendar .table > :not(caption) > * > * {
        padding: 0 !important;
    }
}

.it-carousel-landscape-abstract-four-cols .splide__slide{
    width: calc(25%) !important;
}

.btn:focus {
    box-shadow: none
}

.btn:active:focus {
    box-shadow: none
}

.menu-wrapper .link-list .nav-item .nav-link {
    text-decoration: none;
    font-weight: 500
}

.link-list .list-item {
    font-size: 18px
}

.it-page-section .card.card-teaser-info {
    border-left: 5px solid var(--primary)
}

.accordion-header .accordion-button {
    color: var(--primary) !important;
}

.card .card-body a .card-title.h5 {
    color: var(--primary) !important;
}

.card-body .category-top .data:before {
    display: none !important
}

.card-img-none .category-top .data:before {
    display: none !important
}

.link-list .list-item {
    text-decoration: none;
    font-size: 16px;
}

.t-primary, a:hover .card-title {
    color: var(--primary) !important;
}


.t-primary {
    color: var(--primary) !important;
}

.t-fill-primary {
    fill: var(--primary) !important;
}

.t-fill-secondary {
    fill: var(--secondary) !important;
}


.indice_scorrimento ul li a {
    text-decoration: none
}

.progress-bar {
    background-color: var(--primary) !important;
}

.cmp-tag__tag {
    color: var(--primary) !important;
    border: 1px solid var(--primary)
}

.cmp-tag__tag_red {
    color: #d9364f !important;
    border: 1px solid #d9364f !important
}

.calendar-vertical {
    color: var(--primary) !important;
}

.calendar-vertical .calendar-date .calendar-date-day:after {
    background-color: var(--primary) !important;
}

.calendar-vertical .calendar-date .calendar-date-day:before {
    background-color: var(--primary) !important;
}

.card.card-teaser-info {
    border-left: 5px solid var(--primary) !important;
}

.cmp-tag .bg-tag {
    background-color: white !important;
}

.intro_documento h1 {
    font-size: 2.222rem !important
}

.list_indici li .list-item.active {
    border-left: 2px solid var(--primary)
}

.cmp-navscroll .link-list-wrapper .list_indici li:not(:last-child) {
    margin-bottom: 0.67rem !important;
}

.list_indici a.active span {
    text-decoration: none !important
}

.row-shadow .col-lg-4 .list-item {
    color: var(--secondary) !important
}

.row-shadow .link-list .mb-1 .list-item:hover {
    text-decoration: underline !important;
}

.t-secondary {
    color: var(--secondary) !important;
}

.hover_underlined:hover{
    text-decoration: underline !important
}


.etichetta_bandi {
    position: absolute;
    right: 8px;
    bottom: 8px;
    justify-content: flex-end;
    z-index:5;
}


.card .categoryicon-top .icon {
    width: 40px;
    height: 40px;
    fill: var(--primary) !important;
    margin-right: 8px;
    flex-shrink: 0;
}

.img_logo_footer {
    width: auto !important;
    height: 75px !important;
}
img[src="/assets/images/logo-eu-inverted.svg"].img_logo_footer {
    max-width: 50%;
}
.col-sm-5.footer-items-wrapper.logo-wrapper{
    align-items: start;
}
img[src="/assets/images/padigitale2026.jpg"].img_logo_footer {
    width: auto !important;
    height: 45px !important;
    max-width: 100%;
}
@media(max-width: 575px) {
    .col-sm-2.footer-items-wrapper.footer-pageclose.justify-content-end.align-middle{
        display: none !important;
    }
    img[src="/assets/images/logo-eu-inverted.svg"].img_logo_footer {
        max-width: 100%;
    }
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a {
    color: var(--primary) !important;
    background: none !important;
    font-size: .8888888889rem !important;
    font-weight: 600 !important;
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active > a {
    color: white !important;
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li {
    border: 0px !important;
    padding:12px 7px 12px 7px !important;
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active > a {
    background: none !important;
    color: var(--primary) !important;
}

.paginationjs .paginationjs-pages li.active {
    border: 1px solid var(--primary) !important;
    border-radius: 5px;
    
}

@media(max-width: 768px) {
    .paginationjs.paginationjs-theme-blue .paginationjs-pages li {
        padding: 0px !important;
    }
    article#descrizione {
        overflow: scroll !important;
    }
}

.text-decoration-none:hover {
    text-decoration: underline !important;
}

.cmp-input-search-button.form-group .input-group-prepend svg {
    fill: var(--primary) !important;
}

@media(min-width: 768px){

    .link-list .list-item:hover {
        text-decoration: underline !important;
    }


}

.scroll-filter-wrapper {
    max-height:90rem
}

@media(max-width: 768px) {
    .scroll-filter-wrapper {
        max-height: 20rem
    }
}

#privacy_files .accordion.accordion-background-hover .accordion-header .accordion-button:hover {
    background-color: var(--primary) !important;
    color: white !important;
}

#privacy_files .accordion.accordion-background-active .accordion-header .accordion-button[aria-expanded=true] {
    background-color: var(--primary) !important;
    color: white !important;
}

#privacy_files .accordion-button .icon-primary {
    fill: white !important;
}

#privacy_files .accordion-button.collapsed .icon-primary {
    fill: var(--primary) !important;
}

#privacy_files .accordion.accordion-background-hover .accordion-header .accordion-button:hover .icon-primary {
    fill: white !important;
}
#privacy_files .accordion-collapse .collapse .icon-primary{
    fill: var(--primary) !important;
}

.card.border-bottom-card:before {
    background: var(--primary) !important;
}

t-primary {
   color: var(--primary) !important;
}

/*EDITOR*/
.tiny-right-img {
    float: right !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.tiny-left-img {
    float: left !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.tiny-center-img {
    margin: 10px auto !important;
    display: block !important;
    text-align: center !important;
    max-width: 100% !important;
    object-fit: contain !important;
}

.progress {
    background-color: var(--primary)
}

.nav-tabs .nav-link.active {
    color: var(--primary);
    border-bottom-color: var(--primary)
}

.nav-tabs .nav-link.active .icon {
    fill: var(--primary);
}
mark, .mark {
    padding: 0 !important;
}

.rating:not(:checked)>label:hover svg, .rating:not(:checked)>label:hover~label svg, .rating>input:checked+label:hover+svg, .rating>input:checked~label:hover+svg, .rating>input:checked~label:hover~label+svg, .rating>input:checked~label svg, .rating>label:hover~input:checked~label+svg {
fill: var(--primary) !important;
}