/********************
overrides colors
********************/

:root {
    --var-header-slim-bg: #3c6abd; 
    --var-header-slim-txt: #FFF;
    --var-header-center-wrapper: #4574c4;
    --var-header-nav-wrapper: #4574c4;
    
    --var-starrating-color: #4574c4;
    
    --var-it-header-txt-color:#FFF;
    --var-search-link-svg: #4574c4;
    
    --var-it-footer-main: #406fc3;
    --var-it-footer-main-txt-color: #FFF;
    --var-it-footer-main-a-color: #FFF;
    --var-it-footer-small-prints: #406fc3;
    
    --var-txt-body: #191919;
    --var-breadcrumb-link: #4574c4;
    --var-breadcrumb-link-hover: #375d9d;
    --var-breadcrumb-separator: #455a64;
    --var-breadcrumb-active: #455a64;
    
    --var-t-primary: #4574c4;
    --var-a: #4574c4;
    --var-a-hover:  #375d9d;
    
    --var-color-a-light: #4574c4;
    --var-color-a-dark: #375d9d;
    
    --var-btn-primary-bg: #4574c4;
    --var-btn-primary-border: #4574c4;
    --var-btn-primary-bg-hover: #385e9f;
    --var-btn-primary-border-hover: #345793;
    --var-btn-primary-txt-hover: #FFF;
    --var-btn-primary-txt: #FFF;
    --var-btn-primary-txt-white: #FFF;
    
    --var-btn-primary-dark-bg: #3c6abd;
    
    --var-btn-outline-secondary-txt: #4574c4;
    
    --var-btn-default-bg: #FFF;
    --var-btn-default-border: #4574c4;
    --var-btn-default-bg-hover: #FFF;
    --var-btn-default-border-hover: #345793;
    --var-btn-default-box-shadow: #345793;
    --var-btn-default-txt: #4574c4;
    --var-btn-default-txt-hover: #345793;
    
    --var-btn-elix-txt: #FFF;
    --var-btn-elix-bg: #404040;
    --var-btn-elix-border: #404040;
    
    --back-to-top-txt: #FFF;
    --back-to-top-bg: #06c;
    --back-to-top-border: #06c;
    --back-to-top-bg-hover: #005cb8;
    --back-to-top-hover-border: #005cb8;
    
    //sovrascivere impostazione fill > hsl
    --var-operationsContainer-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='hsl(218, 52%, 52%)' d='M12 14.2L7.7 9.9l.7-.7 3.1 3.1V3h1v9.2l3.1-3 .7.7zm7-2.2v7.5a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5V12H4v7.5A1.5 1.5 0 005.5 21h13a1.5 1.5 0 001.5-1.5V12z'%3E%3C/path%3E%3C/svg%3E");
    --mypage-accordion-after: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cg%3E%3Cpath fill='hsl(218, 52%, 52%)' d='M12,10.3l4.8,4.8c0.3,0.3,0.8,0.3,1.1,0c0.3-0.3,0.3-0.8,0-1c0,0,0,0,0,0l-4.8-4.8c-0.6-0.6-1.5-0.6-2.1,0L6.2,14c-0.3,0.3-0.3,0.8,0,1c0,0,0,0,0,0c0.3,0.3,0.8,0.3,1.1,0L12,10.3z'/%3E%3C/g%3E%3C/svg%3E");
    --mypage-cmp-accordion-after: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234574c4'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
}

.operationsContainer .btnPDFPreview { 
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='hsl(218, 52%, 52%)' d='M12 14.2L7.7 9.9l.7-.7 3.1 3.1V3h1v9.2l3.1-3 .7.7zm7-2.2v7.5a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5V12H4v7.5A1.5 1.5 0 005.5 21h13a1.5 1.5 0 001.5-1.5V12z'%3E%3C/path%3E%3C/svg%3E") !important;
    color: var(--var-color-a-dark);
    background-repeat: no-repeat !important;
    background-position-y: 10px !important;
    background-position-X: 10px !important;
    background-size: 32px !important;
}

.operationsContainer .btnPDFPreview:hover, 
.operationsContainer .btnPDFPreview:focus, 
.operationsContainer .btnPDFPreview:active { 
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='hsl(218, 52%, 52%)' d='M12 14.2L7.7 9.9l.7-.7 3.1 3.1V3h1v9.2l3.1-3 .7.7zm7-2.2v7.5a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5V12H4v7.5A1.5 1.5 0 005.5 21h13a1.5 1.5 0 001.5-1.5V12z'%3E%3C/path%3E%3C/svg%3E") !important;
    color: var(--var-color-a-dark);
    background-repeat: no-repeat !important;
    background-position-y: 10px !important;
    background-position-X: 10px !important;
    background-size: 32px !important;
}

header {box-shadow: none !important;}


/**********  Accesso SPID  *******/
body {
  background: #fff !important;
}
.prefooter {
  background: #fff !important;
}


.municipality__squared {
  border: 1px solid #fff;
  border-radius: 100%;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  overflow: hidden;
  margin-right: 8px;
}


a {
  color: var(--var-a);
}
a:hover {
  color: var(--var-a-hover);
  text-decoration: underline;
}
.t-primary {
  color: var(--var-t-primary);
}
.btn:hover {
  color: var(--var-a-hover);
}
.fw-bold-600 {
  font-weight: 600 !important;
}
svg.external-link {
  fill: var(--var-it-header-txt-color) !important;
}

.poweredBy {
    color:var(--var-it-footer-main-txt-color) !important;
}
.poweredBy .highlight{
    color:var(--var-it-footer-main-txt-color) !important;
}
.footer-heading-title {
    margin-top: 2.667rem;
}
.footer-heading-title .icon {
    fill: var(--var-it-footer-main-txt-color);
}

.it-footer-main {
  background: var(--var-it-footer-main) !important; 
}
.it-footer a {
    text-decoration: none !important;
}
.it-footer a:hover {
    color:var(--var-it-footer-main-a-color);
    text-decoration: underline !important;
}
.footer-items-wrapper-right {
  text-align: right;
}
.it-footer-small-prints-list {
    border-top: 1px solid hsla(0,0%,100%,.5);
    padding: 1.333rem 0 !important;
}

.footer-info a {
  word-wrap: break-word;
}

.footer-seguici .list-inline-item:not(:last-child) {
  margin-right: 0 !important;
}

.it-footer-main .it-brand-wrapper a,
.it-footer-small-prints a {
  color: var(--var-it-footer-main-a-color);
  text-decoration: none !important;
}
.it-footer-small-prints a:hover {
  color: var(--var-it-footer-main-a-color) !important;
}
.it-footer .it-footer-main .it-brand-wrapper a .icon {
    fill: var(--var-it-footer-main-txt-color);
    width: 48px;
    height: auto;
    vertical-align: middle;
    margin-right: 0;
}
.it-footer .it-footer-main .it-brand-wrapper a h2 {
  font-size: 20px !important;
}

.it-brand-text h2 {
    color:var(--var-it-header-txt-color) !important;
}
.navbar {
    background: #fff;
}

h1, h2 {
    color: var(--var-txt-body) !important;
}
.it-footer-main .icon {
    fill: var(--var-it-footer-main-a-color) !important;
    width: 24px;
    height: 24px;
}
.it-footer-main .icon-warning {
    fill: #a66300 !important
}

.it-footer-small-prints {
    background-color: var(--var-it-footer-small-prints) !important;
    border-top: 0 !important;
}
.it-footer-small-prints section {
    border-top: 1px solid rgba(255,255,255,.5);
}
.it-footer .it-footer-main h4 {
    color: var(--var-it-footer-main-txt-color);
    font-size: 0.7777777778rem !important;
    font-weight: 700;
}
.it-footer-main .row > div h4, .it-footer-main .row > div .h4 {
    border-bottom: 1px solid rgba(255,255,255,.5);
}
.it-footer-main .link-list-wrapper ul li a {
   color: var(--var-it-footer-main-a-color) !important;
}
.it-footer-main a {
  color: var(--var-it-footer-main-a-color);
  text-decoration: underline !important;
  line-height: 2;
}
.it-footer-main a:hover {
  text-decoration: none !important;
}
.footer-info a, .footer-info a:hover {
  color: var(--var-it-footer-main-txt-color);  
}

.it-footer .logo-wrapper {
    padding: 0 !important;
    gap: 30px;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}
.it-footer-main .it-brand-wrapper {
  padding: 0 !important;
  float: left;
  width: auto !important;
}
.nextGenerationEULogo {
    float: left;
    height: 60px !important;
    width: auto !important;
}


@media (min-width: 576px) {
  .breadcrumb-container .breadcrumb > li {
    font-size: 100%;
  }
  
  .it-footer .logo-wrapper {
    align-items: normal;
  }
}

@media (max-width: 576px) {
    .mobile-no {
        display: none;
    }
    .nextGenerationEULogo {
        margin-top: 0px;
    }
    .it-footer .municipality__squared {
        width: 53.33333333px !important;
        height: 53.33333333px;
        line-height: 53.33333333px;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper .it-brand-text {
        padding-right: 0;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .it-brand-title {
        font-size: 1em;
    }
    .it-footer .logo-wrapper {
        display: block;
    }
}
@media (max-width: 767px) {
  .it-header-wrapper .it-nav-wrapper .it-brand-wrapper {
        padding-left: 24px !important;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone .it-socials  {
        display: none !important;
    }
    
    .nextGenerationEULogo {
        width: 80%;
        margin-bottom: 24px;
      }
}

.breadcrumb-container .breadcrumb .breadcrumb-item a {
  color: var(--var-breadcrumb-link) !important;
  text-decoration: underline;
  font-weight: 400;
}

.breadcrumb-container .breadcrumb .breadcrumb-item a:hover {
  color: var(--var-breadcrumb-link-hover) !important;
}
.breadcrumb-container .breadcrumb .breadcrumb-item span.separator {
  color: var(--var-breadcrumb-separator);
  display: inline-block;
  font-weight: 400;
  padding: 0 .5em;
}
.breadcrumb-container .breadcrumb .breadcrumb-item.active {
  color: var(--var-breadcrumb-active);
  font-weight: 400;
}

.it-header-slim-wrapper {
    background: var(--var-header-slim-bg);
}
.it-header-center-wrapper {
    background: var(--var-header-center-wrapper) !important;
    border-color: var(--var-header-center-wrapper) !important;
    padding-top:24px;
}

.back-to-top {
    color: var(--back-to-top-txt) !important;
    background-color: var(--back-to-top-bg) !important;
    border-color: var(--back-to-top-border) !important;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075) !important;
}
.back-to-top:hover {
    background: var(--back-to-top-bg-hover) !important;
    color: var(--back-to-top-txt) !important;
    border-color: var(--back-to-top-hover-border) !important;
}
.back-to-top .icon-primary {
    fill: var(--back-to-top-txt) !important;
}

.btn-primary {
  color: var(--var-btn-primary-txt);
  background-color: var(--var-btn-primary-bg) !important;
  border-color: var(--var-btn-primary-border);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.btn-primary.focus,.btn-primary:focus, .btn-primary:hover{
  color: var(--var-btn-primary-txt-hover);
  background-color: var(--var-btn-primary-bg-hover) !important;
  text-decoration: none;
}
a.btn-primary:hover {
  text-decoration: none !important;
}

.btn-link {
    color: var(--var-a);
}
.btn-link:hover {
    color: var(--var-a-hover);
    text-decoration: underline;
}


.btn-primary-dark, .btn-primary-dark:hover {
     background: var(--var-btn-primary-dark-bg) !important;
     box-shadow: none !important;
}
.btn-primary-dark:hover {
     background: var(--var-btn-primary-dark-bg) !important;
}
.icon-primary {
  fill: var(--var-search-link-svg) !important;
}
.btn-elix {
    color: var(--var-btn-elix-txt) !important;
    background-color: var(--var-btn-elix-bg) !important;
    border-color: var(--var-btn-elix-border) !important;
}
.btn-elix:hover {
    color: var(--var-btn-elix-txt) !important;
    background-color: var(--var-btn-elix-bg) !important;
    border-color: var(--var-btn-elix-border) !important;
}
.btn-default {
    color: var(--var-btn-default-txt) !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px var(--var-btn-default-box-shadow) !important;
    background: var(--var-btn-default-bg) !important;
   
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus { 
    box-shadow: inset 0 0 0 2px var(--var-btn-default-box-shadow)  !important;
    background: var(--var-btn-default-bg-hover) !important;
    text-decoration: none !important;
    border:0 !important;
    color: var(--var-btn-default-txt-hover) !important;
}

.it-header-slim-wrapper .it-header-slim-wrapper-content ul.dropdown-container .link-list-wrapper a {
    color:var(--var-txt-body) !important;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content .navbar-brand {
  color: var(--var-header-slim-txt) !important;
}

.it-header-slim-wrapper .it-header-slim-wrapper-content a {
  color: var(--var-header-slim-txt);
  text-decoration: none;
}


a.btn-primary-white, a.btn-primary-white:hover {
    color:var( --var-btn-primary-txt-white) !important;
}

.btn-outline-secondary {
  color:var(--var-txt-body) !important;
  background-color:transparent !important;
  background-image:none;
  box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.075) 0px 1px 1px 0px;
}
.btn-outline-secondary:hover {
  color:var(--var-txt-body);
  box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.075) 0px 1px 1px 0px;
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow:inset 0 0 0 1px #5d7083,0 0 0 .25rem rgba(93,112,131,.5)!important;
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color:var(--var-btn-outline-secondary-txt);
  background-color:transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
  color:var(--var-btn-outline-secondary-txt);
  background-color:transparent;
  background-image:none;
  box-shadow:inset 0 0 0 1px var(--var-btn-outline-secondary-txt);
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow:inset 0 3px 5px rgba(0,0,0,.125),0 0 0 .25rem rgba(93,112,131,.5);
}


.it-header-slim-wrapper .it-header-slim-wrapper-content .it-header-slim-right-zone button {
    background: var(--var-header-slim-bg) !important;  
    color:var(--var-header-slim-txt) !important;
    border:0;
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone {
  color: var(--var-it-footer-main-a-color);
}
.it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone .it-socials ul .icon {
  fill: var(--var-it-footer-main-a-color);
}

/********************
css custom x Mypage
********************/

.accordion-header .accordion-button:after {
  content: var(--mypage-accordion-after);
  color: var(--kuf-a);
}
.cmp-accordion .accordion-header .accordion-button:after {
  content: var(--mypage-cmp-accordion-after);
  
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  border-bottom-color: var(--var-a);
  color: var(--var-a);
}

.link-list-wrapper ul li a:hover:not(.disabled) span {
  color: var(--var-a);
}
.link-list-wrapper ul li a span {
    color: var(--var-a);
}
.nav-tabs .nav-link.active .icon {
  fill: var(--var-a);
}
.accordion-header .accordion-button:after {
  color: var(--var-a) !important;
}
.chip.chip-primary {
  background-color: rgba(0,0,0,0);
  border-color: var(--var-a);
  color: var(--var-a);
}
.chip.chip-primary:hover {
  background-color: var(--var-a);
  border-color: var(--var-a);
}
.chip.chip-primary > .chip-label {
  color: var(--var-a);
}
h3 .bs-operationsContainer .btn-link {
  color: var(--var-a);
}
.accordion-header .accordion-button {
    color: var(--var-a);
}

@media (min-width: 992px) {
  .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active {
    border-left: 2px solid var(--var-a);
  }
  .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active span {
    color: var(--var-a);
  }
}


/********************
css custom _mobile
********************/

@media (min-width: 992px){
    
    .mobile-only {
        display: none;
    }
    .it-header-slim-wrapper .it-header-slim-wrapper-content .navbar-brand {
        padding-top: 14px !important;
        font-size: .778em;
    }
    .it-header-navbar-wrapper {
        background-color: var(--var-header-nav-wrapper);
    }
    .search-link svg {
        fill: var(--var-search-link-svg) !important;
    }
    .search-link {
        background: var(--var-it-footer-main-a-color) !important;
    }
    
    .search-link:hover {
        background: #f2f2f2 !important;
    }
    
    .navbar .navbar-collapsable .navbar-nav li a.nav-link {
        color: var(--var-it-footer-main-a-color);
    }
    .it-header-navbar-wrapper nav .navbar-collapsable .menu-wrapper .navbar-nav.navbar-secondary a {
        font-weight: 400 !important;
        font-size: .85em;
        line-height: 1.6;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
        margin-top: 0px;
        width: auto;
        height: 78px;
        margin-right: 16px;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper .it-brand-text {
        padding-top: 0px;
    }
    .it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .it-brand-wrapper.cloned-element a .icon {
        width: auto;
        height: 41px;
    }
    .is-sticky .it-header-navbar-wrapper {
        padding: 10px;
    }
    
    .it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone .it-socials {
        font-size: 18px;
    }
    
    .it-header-wrapper.it-header-sticky.is-sticky .it-header-navbar-wrapper .menu-wrapper .navbar-nav.navbar-secondary {
        display: none !important;
    }
    .is-sticky .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper {
        display: block !important;
    }
    
}

@media (max-width: 991px) {
    
    
    .it-footer-main .it-brand-wrapper {
        padding-bottom: 32px;
    }
    .municipality__squared {
        width: 53.33333333px;
        height: 53.33333333px;
        line-height: 53.33333333px;
    }
    .it-footer .municipality__squared {
        width: 73.33333333px;
        height: 53.33333333px;
        line-height: 53.33333333px;
    }
    .it-footer ul.social li {
        padding: 0;
    }
    .it-footer ul.social .list-inline-item:not(:last-child) {
        margin-right: 0;
    }
    
    .it-footer .it-footer-main .it-brand-wrapper a .icon {
        width: 49px;
        height: 49px;
    }

    .it-header-slim-wrapper .it-header-slim-wrapper-content .navbar-brand {
        padding-top: 16px;
    }
    
    .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper {
        padding: 3rem 1.5rem 1.5rem;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper .it-brand-text {
        padding-left: 0;
    }
    
    .it-header-wrapper .navbar-collapsable .logo-hamburger .it-brand-title {
        font-weight: 700;
        font-size: 24px;
        line-height: 1.167;
        text-decoration: underline !important;
    }
    .it-header-wrapper .navbar-collapsable .logo-hamburger .icon {
        /*display: none !important;*/
        width: 32px;
        height: auto;
        
    }
    
    .it-header-wrapper .navbar-collapsable .logo-hamburger {
        padding: 0;
    }
    
    .it-header-center-wrapper .it-header-center-content-wrapper .it-right-zone .it-socials {
        display: none !important;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper h2, .public-ui .navbar .navbar-collapsable .menu-wrapper .it-brand-wrapper .h2 {
        color: var(--var-a) !important;
    }
    .navbar .navbar-collapsable .navbar-nav li a.nav-link {
        color: var(--var-a);
        font-weight: 600;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-socials {
        display: none !important;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-socials:before, 
    .navbar .navbar-collapsable .menu-wrapper .navbar-secondary:before {
        /*background: hsla(0,0%,43.9%,.5);*/
        display: none;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-socials span, 
    .navbar .navbar-collapsable .menu-wrapper .it-socials ul {
        color: var(--var-a);
        font-weight: 700;
    }
    .navbar .navbar-collapsable .menu-wrapper .it-socials ul li .icon {
        fill: var(--var-a) !important;
    }
    .search-link svg {
        fill: var(--var-header-slim-txt) !important;
        width: 1.5rem;
        height: 1.5rem;
      }
    .search-link {
        background: transparent !important;
        border-width: 0 !important;
    }
    .search-link {
        width: 48px !important;
        height: 48px !important;
        border-radius: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 16px;
        transition: all .3s;
    }
    
    .navbar-collapsable .menu-wrapper .it-brand-wrapper {
        padding: 0;
    }
    
    .navbar-collapsable {
      

      .menu-wrapper {
          h2 {
            color: var(--var-txt-body);
          }

          h3 {
            color: var(--var-txt-body);
          }
        }

        .navbar-nav {
          li.nav-item {
            &.active {
              a.nav-link {
                border-left: 5px solid var(--var-txt-body);
              }
            }

            a.nav-link {
              &.active {
                border-left: 5px solid var(--var-txt-body);
                background: rgba(#404040, 0.1);
                color: var(--var-a);
              }
            }
          }
        }
      }
      
      

      .close-div {
        background: none;

        button.close-menu {

          &:focus {
            border-color: #000;
            -webkit-box-shadow: 0 0 0 2px #000;
            box-shadow: 0 0 0 2px #000;
          }

          svg {
            color: #fff;
          }
        }
      }
    
    
    .overlay {
        background: rgba(#00101f, 0.9);
      }
      
    .it-header-wrapper .it-nav-wrapper .it-brand-wrapper {
        padding-left: 0;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
        fill: #fff;
        width: auto;
        height: 48px;
        vertical-align: baseline;
        margin-right: 0;
    }
    .it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon img {
        height: 48px;
        width: auto;
    }
    
}

.operationsContainer input.buttonForward,
.operationsContainer input.buttonBackward,
.iuSearchRow_operationsContainer input:not(.btn-link),
.iuSearchRow_operationsContainer.myrequests .btnFa.btnNew,
.form-container .operationsContainer .btnSend,
.contactform-container .operationsContainer .btnSend,
.customersatisfaction-container .operationsContainer .btnSend,
.bs-operationsContainer .btnForward,
.bs-operationsContainer .btnBackward,
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn,
.attrDisplay_section .iuTypeTextarea .attr_customWorkflowBtn,
.bs-operationsContainer .btnForward:not(.btn-danger),
.changepassword-container .operationsContainer .btnSubmit,
.btn-elix
{
    color: var(--var-btn-primary-txt) !important;
    background-color: var(--var-btn-primary-bg)  !important;
    border-color: var(--var-btn-primary-border)  !important;
    font-weight: 600;
}
.operationsContainer input.buttonForward:hover,
.operationsContainer input.buttonForward:active,
.operationsContainer input.buttonBackward:hover,
.operationsContainer input.buttonBackward:active,
.iuSearchRow_operationsContainer input:not(.btn-link):hover,
.iuSearchRow_operationsContainer input:not(.btn-link):active,
.iuSearchRow_operationsContainer.myrequests .btnFa.btnNew:hover,
.iuSearchRow_operationsContainer.myrequests .btnFa.btnNew:active,
.iuSearchRow_operationsContainer.myrequests .btnFa.btnNew:focus,
.form-container .operationsContainer .btnSend:hover,
.form-container .operationsContainer .btnSend:active,
.contactform-container .operationsContainer .btnSend:hover,
.contactform-container .operationsContainer .btnSend:active,
.customersatisfaction-container .operationsContainer .btnSend:hover,
.customersatisfaction-container .operationsContainer .btnSend:active,
.bs-operationsContainer .btnForward:hover,
.bs-operationsContainer .btnForward:active,
.bs-operationsContainer .btnBackward:hover,
.bs-operationsContainer .btnBackward:active,
.attrDisplay_section .iuTypeString .attr_customWorkflowBtn:hover,
.attrDisplay_section .iuTypeTextarea .attr_customWorkflowBtn:hover,
.btn-elix:hover,.btn-elix:active,.btn-elix:focus,
.bs-operationsContainer .btnForward:not(.btn-danger):hover, 
.changepassword-container .operationsContainer .btnSubmit:hover
{
    background-color: var(--var-btn-primary-bg-hover) !important;
    border-color: var(--var-btn-primary-bg-hover) !important;
    color:var(--var-btn-primary-txt-hover) !important;
/*    box-shadow: none !important;*/
}


/*************
override comunicazioni formali
***************/
.formalcommunications-list .item .panel-heading {
    color: hsl(225deg, 0.5025125628%, 9.95%);
}
.formalcommunications-list .text-muted {
    color: hsl(225deg, 0.5025125628%, 9.95%) !important;
}

.formalcommunications-list .item ul.attachments {
    color: hsl(225deg, 0.5025125628%, 9.95%);
}
.formalcommunications-list .item ul.attachments a {
    color: hsl(225deg, 0.5025125628%, 9.95%);
}
.formalcommunications-list .item .iuSearchRow_operationsContainer.myrequests.fc-reply .btnSend,
.contactform-container.formalcommunication-reply-container .operationsContainer .btnSend {
    background-color:  var(--var-btn-primary-bg);
    border-color: var(--var-btn-primary-border);
    color: var(--var-btn-primary-txt);
    font-weight: 700;
}
.formalcommunications-list .item .iuSearchRow_operationsContainer.myrequests.fc-reply .btnSend:hover {
    background-color: var(--var-btn-primary-bg-hover);
    border-color: var(--var-btn-primary-bg-hover);
    color:var(--var-btn-primary-txt-hover) ;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;    
}
.formalcommunications-list .item .iuSearchRow_operationsContainer.myrequests.fc-reply .btnSend:active {
    background-color: var(--var-btn-primary-bg-hover);
    border-color: var(--var-btn-primary-bg-hover);
    color:var(--var-btn-primary-txt-hover) ;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.userconsole-list .requests .request .custom-badge.unread-formal-communications, 
.formal-communications .custom-badge.unread-formal-communications {
    color: #000;
    background: var(--var-color-a-dark);
}
.formalcommunications-list .item .iuSearchRow_operationsContainer .btnFa.btnFormalCommunicationsRead:hover {
    background: #313131;
    color:#fff !important;
}
.formalcommunications-list .item .iuSearchRow_operationsContainer .btnFa.btnFormalCommunicationsRead {
    background: #3d3d3d;
    color: #fff !important;
}


.contactform-container .operationsContainer .btnFa:active,
.contactform-bottom-container .operationsContainer .btnFa:active {
    -webkit-box-shadow:  none !important;
    -moz-box-shadow:  none !important;
    box-shadow: none !important;
}
.contactform-container .operationsContainer .btnSend:active {
    -webkit-box-shadow:  none !important;
    -moz-box-shadow:  none !important;
    box-shadow: none !important;
}


/* we're done here
*********************************************************/     

/*
*********************************************************/
/* /rwe2/assets/design-italia/css/ef-common.css
********************************************************
-------------------------------------------------------*/
.cards-intro .card:hover .card-body, 
.cards-intro .card.hover .card-body {
	box-shadow: inset 0  -4px 0 0 var(--var-color-a-dark);
}
/*
*********************************************************/
/* /rwe2/assets/design-italia/css/ef-colors.css
********************************************************
-------------------------------------------------------*/
.cards-intro .card:hover .card-header, .cards-intro .card.hover .card-header {
  color: var(--var-color-a-dark);
}


/*
*********************************************************/
/* OVERRIDES  /elixFormsCustom/css/elixForms_PNRR_modellocomuni_rwe2.css
********************************************************
-------------------------------------------------------*/

.workflowSteps input.current {
    border-bottom: 2px solid var(--var-a)  !important;
    color: var(--var-a);
}
.workflowSteps input:hover,
.workflowSteps input:focus {
    border-bottom: 2px solid var(--var-a)  !important;
}
.workflowSteps input.confirmed,
.workflowSteps input.confirmed:hover,
.workflowSteps input.current[data-is-confirmed="true"]{
    color: var(--var-a);
}
.conditionalForm input[type="submit"] {
    color: var(--var-a);
}

.iuTypeCheckbox .iuOptionContainer input[type="checkbox"]:checked + label:before {
    border-color: var(--var-a);
    background: var(--var-a);
}
.iuTypeRadio .iuOptionContainer input[type="radio"]:checked + label:before,
.iuTypeBoolean .iuOptionContainer input[type="radio"]:checked + label:before {
    border-color: var(--var-a);
}
.iuTypeRadio .iuOptionContainer input[type="radio"] + label:after, 
.iuTypeBoolean .iuOptionContainer input[type="radio"] + label:after {
    background-color: var(--var-a);
}
.radioResetContainer .radioResetBtn, .booleanResetContainer .booleanResetBtn {
    color: var(--var-a);
}
a.deleteAttachmentLink {
    color: var(--var-a);
}
.it-header-slim-wrapper .it-header-slim-wrapper-content ul {
    list-style: none;
}

/*
*********************************************************/
/* /rwe2/css/design-bs/console_user.css
********************************************************
-------------------------------------------------------*/
.recap .panel .panel-value a, .recap .panel .panel-value span.fa {
  color: var(--var-a) !important;
}
.recap .panel .panel-value a:hover {
  color: var(--var-a-hover) !important;
}

/**********  starrating *******/

.starrating-row-container {
    background-color: var(--var-starrating-color);
}
.rating-list a:hover,
.rating-list a:hover ~ a {
    color: var(--var-starrating-color);
}
.rating-container .filled-stars {
    color: var(--var-starrating-color);
}
.recap .star-rating-value .fa-star.active {
  color: var(--var-starrating-color);
}

.category-tags .item .iuSearch_operationContainer .icon_wrapper .status.online {
  background-color: var(--var-starrating-color);
  border-color: var(--var-starrating-color);
}