@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../bootstrap-italia/fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-300.woff2?v=ce55498632b4") format("woff2");
}

@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../bootstrap-italia/fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-regular.woff2?v=5daca596c9f0") format("woff2");
}

@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../bootstrap-italia/fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-600.woff2?v=f00b110dfb28") format("woff2");
}

@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../bootstrap-italia/fonts/Titillium_Web/titillium-web-v10-latin-ext_latin-700.woff2?v=4d86abb016ca") format("woff2");
}

:root {
  /*
   * Default tokens shared with cssbootstrapgenerator's BI v2 overlay.
   * Applications override them through the generated $theme_css overlay.
   */
  --cbi-primary: #0066cc;
  --cbi-primary-rgb: 0, 102, 204;
  --cbi-on-primary: #ffffff;
  --cbi-primary-hover: #0052a3;
  --cbi-primary-active: #003d7a;
  --cbi-primary-subtle: #e0edf9;
  --cbi-on-primary-subtle: #000000;
  --cbi-secondary: #41576c;
  --cbi-secondary-rgb: 65, 87, 108;
  --cbi-on-secondary: #ffffff;
  --cbi-surface: #ffffff;
  --cbi-on-surface: #000000;
  --cbi-link: #0066cc;
  --cbi-link-rgb: 0, 102, 204;
  --cbi-link-hover: #0052a3;
  --cbi-border: #5599dd;
  --cbi-focus: #0066cc;
  --cbi-focus-rgb: 0, 102, 204;
  --cbi-header-bg: #0061c2;
  --cbi-on-header: #ffffff;
  --cbi-footer-bg: #0054a9;
  --cbi-footer-small-prints-bg: #003b76;
  --cbi-on-footer: #ffffff;

  --bs-primary: var(--cbi-primary);
  --bs-primary-rgb: var(--cbi-primary-rgb);
  --bs-secondary: var(--cbi-secondary);
  --bs-secondary-rgb: var(--cbi-secondary-rgb);
  --bs-link-color: var(--cbi-link);
  --bs-link-color-rgb: var(--cbi-link-rgb);
  --bs-link-hover-color: var(--cbi-link-hover);
  --bs-border-color: var(--cbi-border);
  --bs-body-bg: var(--cbi-surface);
  --bs-body-color: var(--cbi-on-surface);
  --bs-focus-ring-color: var(--cbi-focus);
}

.intranet-layout-main {
  min-width: 0;
}

.intranet-layout-skip-link {
  position: fixed;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 1200;
  padding: 0.75rem 1rem;
  color: var(--cbi-link);
  background: var(--cbi-surface);
  border: 2px solid var(--cbi-link);
  border-radius: 0.25rem;
  font-weight: 600;
}

.intranet-layout-navbar-collapsable {
  z-index: 1055;
}

.intranet-layout-user-avatar {
  width: 2rem;
  height: 2rem;
  color: var(--cbi-on-primary);
  background-color: var(--cbi-primary);
}

.intranet-layout-service-logo {
  width: 130px;
  height: auto;
}

body[data-intranet-framework-profile="bi-v2"] .it-header-slim-wrapper {
  color: var(--cbi-on-header);
  background-color: var(--cbi-header-bg);
}

body[data-intranet-framework-profile="bi-v2"]
  .it-header-slim-wrapper
  .it-header-slim-wrapper-content
  .it-header-slim-right-zone
  .intranet-layout-user-menu-button {
  color: var(--cbi-on-header);
  background-color: transparent;
}

body[data-intranet-framework-profile="bi-v2"]
  .it-header-slim-wrapper
  .it-header-slim-wrapper-content
  .it-header-slim-right-zone
  .intranet-layout-user-menu-button:is(:hover, :focus-visible) {
  color: var(--cbi-on-header);
  background-color: transparent;
  text-decoration: underline;
}

body[data-intranet-framework-profile="bi-v2"]
  .it-header-slim-wrapper
  .it-header-slim-wrapper-content
  .it-header-slim-right-zone
  .intranet-layout-user-menu-button
  .icon {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  color: var(--cbi-on-header);
  fill: currentColor;
}

body[data-intranet-framework-profile="bi-v2"] .it-header-slim-right-zone .dropdown-menu {
  color: var(--cbi-on-surface);
  background-color: var(--cbi-surface);
}

body[data-intranet-framework-profile="bi-v2"] .it-header-slim-right-zone .dropdown-menu .list-item {
  color: var(--cbi-link);
}

body[data-intranet-framework-profile="bi-v2"] .it-header-center-wrapper,
body[data-intranet-framework-profile="bi-v2"] .it-header-navbar-wrapper {
  color: var(--cbi-on-primary);
  background-color: var(--cbi-primary);
}

body[data-intranet-framework-profile="bi-v2"]
  .it-header-center-wrapper
  .it-header-center-content-wrapper
  .it-brand-wrapper
  a,
body[data-intranet-framework-profile="bi-v2"]
  .it-header-center-wrapper
  .it-header-center-content-wrapper
  .it-right-zone {
  color: var(--cbi-on-primary);
}

body[data-intranet-framework-profile="bi-v2"]
  .it-header-center-wrapper
  .it-header-center-content-wrapper
  .it-brand-wrapper
  a
  .icon,
body[data-intranet-framework-profile="bi-v2"]
  .it-header-center-wrapper
  .it-header-center-content-wrapper
  .it-socials
  .icon {
  fill: var(--cbi-on-primary);
}

body[data-intranet-framework-profile="bi-v2"] .it-footer .it-footer-main {
  color: var(--cbi-on-footer);
  background-color: var(--cbi-footer-bg);
}

body[data-intranet-framework-profile="bi-v2"] .it-footer .it-footer-small-prints {
  color: var(--cbi-on-footer);
  background-color: var(--cbi-footer-small-prints-bg);
}

body[data-intranet-framework-profile="bi-v2"] .it-footer a,
body[data-intranet-framework-profile="bi-v2"] .it-footer .text-white {
  color: var(--cbi-on-footer) !important;
}

body[data-intranet-framework-profile="bi-v2"] .it-footer .icon,
body[data-intranet-framework-profile="bi-v2"] .it-footer .icon-white {
  fill: var(--cbi-on-footer) !important;
}

body[data-intranet-framework-profile="bi-v2"] .it-footer .border-white {
  border-color: var(--cbi-on-footer) !important;
}

.intranet-layout-skip-link:focus-visible,
.it-header-wrapper :is(a, button):focus-visible,
.it-footer :is(a, button):focus-visible {
  outline: 2px solid var(--cbi-focus);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px var(--cbi-surface);
}

.it-header-wrapper :is(a, button):focus-visible {
  outline-color: var(--cbi-on-header);
  box-shadow: 0 0 0 4px var(--cbi-focus);
}

.it-footer :is(a, button):focus-visible {
  outline-color: var(--cbi-on-footer);
  box-shadow: 0 0 0 4px var(--cbi-focus);
}

@media (max-width: 991.98px) {
  body[data-intranet-framework-profile="bi-v2"]
    .it-header-navbar-wrapper
    .navbar
    .navbar-collapsable
    .menu-wrapper {
    color: var(--cbi-on-surface);
    background-color: var(--cbi-surface);
  }

  body[data-intranet-framework-profile="bi-v2"]
    .it-header-navbar-wrapper
    .navbar
    .navbar-collapsable
    :is(a.nav-link, button.nav-link, .close-menu) {
    color: var(--cbi-link);
  }

  body[data-intranet-framework-profile="bi-v2"]
    .it-header-navbar-wrapper
    .navbar
    .navbar-collapsable
    :is(a.nav-link, button.nav-link, .close-menu)
    .icon {
    fill: var(--cbi-link);
  }
}

@media (min-width: 992px) {
  body[data-intranet-framework-profile="bi-v2"]
    .it-header-navbar-wrapper
    .navbar
    .navbar-collapsable
    .menu-wrapper {
    color: var(--cbi-on-primary);
    background-color: var(--cbi-primary);
  }

  body[data-intranet-framework-profile="bi-v2"]
    .it-header-navbar-wrapper
    .navbar
    .navbar-collapsable
    :is(a.nav-link, button.nav-link) {
    color: var(--cbi-on-primary);
  }

  body[data-intranet-framework-profile="bi-v2"]
    .it-header-navbar-wrapper
    .navbar
    .navbar-collapsable
    :is(a.nav-link, button.nav-link)
    .icon {
    fill: var(--cbi-on-primary);
  }
}

@media (forced-colors: active) {
  .intranet-layout-skip-link:focus-visible,
  .it-header-wrapper :is(a, button):focus-visible,
  .it-footer :is(a, button):focus-visible {
    outline: 2px solid CanvasText;
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .it-header-wrapper *,
  .it-footer * {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}