/* Il riferimento è il fucsia di .titChallenge nella home storica. */
@media screen {
  .sem-interfaccia {
    --sem-fucsia: #ec008c;
    --sem-blu: #092542;
  }

  .sem-interfaccia .page-header,
  .sem-interfaccia .tit { border-bottom: 3px solid var(--sem-fucsia); }

  body.sem-interfaccia .btn.btn-primary,
  .sem-interfaccia .page-header a.btn-success,
  .sem-dispense button.btn-success[type="submit"] {
    background: var(--sem-fucsia);
    border-color: var(--sem-fucsia);
    color: #000;
    font-weight: 700;
  }
  body.sem-interfaccia .btn.btn-primary:hover,
  body.sem-interfaccia .btn.btn-primary:focus,
  .sem-interfaccia .page-header a.btn-success:hover,
  .sem-dispense button.btn-success[type="submit"]:hover { text-decoration: underline; opacity: 1; }
  .sem-interfaccia :focus-visible { outline: 2px solid var(--sem-fucsia); outline-offset: 2px; }
  .sem-interfaccia input[type="checkbox"], .sem-interfaccia input[type="radio"] { accent-color: var(--sem-fucsia); }
  .sem-interfaccia .form-control:focus { border-color: var(--sem-fucsia); box-shadow: 0 0 0 1px var(--sem-fucsia); }
  .sem-interfaccia .nav-tabs > li.active > a { border-bottom: 3px solid var(--sem-fucsia); }
  .sem-interfaccia .navbar-default .navbar-nav > .active > a,
  .sem-interfaccia .navbar-default .navbar-nav > .open > a { box-shadow: inset 0 -3px var(--sem-fucsia); }

  .sem-dispense .sem-barra a { color: #fff; }
  .sem-dispense .titChallenge { margin: 24px 0 20px; padding: 5px 0; }
  .sem-dispense .sem-azioni .btn-primary { margin: 0; padding: 6px 12px; text-transform: none; }
  .sem-dispense #filtri-biblioteca .sem-griglia .form-control { margin-top: 4px; }
  .sem-dispense .sem-documento { border-bottom: 1px solid #ccc; padding: 12px 0; }
  .sem-dispense .sem-documento strong { font-size: 16px; }
  .sem-dispense .sem-documento a { color: var(--sem-blu); }
  .sem-dispense.pattern .sem-documento a { color: var(--sem-blu) !important; }
  .sem-dispense .sem-documento .btn-default { background: #fff; text-transform: none; }
  .sem-dispense .sem-documento .btn-default:hover { border-color: var(--sem-fucsia); text-decoration: underline; }
  .sem-dispense .nav-tabs { display: flex; flex-wrap: wrap; }
  .sem-dispense nav.sem-anteprima { margin: 14px 0; }
  @media (max-width: 600px) {
    .sem-dispense .titChallenge { font-size: 26px; }
    .sem-dispense .sem-barra { padding-top: 6px; padding-bottom: 6px; }
  }
}