:root {
  /* Colore di tema del progetto: usato da core (grd-header, selector-form,
     testate tabelle) tramite var(--theme-primary, fallback) */
  --theme-primary: #73b0d6;
  --theme-primary-dark: #477fa2;
}

html, body {
  height: 100%;
  /* background-color: black;
  color: whitesmoke; */
}

body {
  display: flex;
  flex-direction: column;
  color:#3c657e;
}


.container-fluid {
  flex: 1 0 auto;
  /* Distance from top of container*/

}

footer {
 flex-shrink: 0;
 background-color: #477fa2;
 color: #fff;
 -webkit-box-shadow: 0px -4px 20px 0px rgba(51,51,20,0.56);
-moz-box-shadow: 0px -4px 20px 0px rgba(51,51,20,0.56);
box-shadow: 0px -4px 20px 0px rgba(51,51,20,0.56);
border-top:1px solid #fff;
text-align:right;
font-size:14px;
padding:10px 10px 2px 0px;
}

.navbar-brand img {max-width:270px;}
.custom-navbar {background-color: #cdd7df; border-top:5px solid #cdd7df; }
    /* -webkit-box-shadow: 0px 4px 20px 0px rgba(51,51,51,0.3); */
/* -moz-box-shadow: 0px 4px 20px 0px rgba(51,51,51,0.3); */
/* box-shadow: 0px 4px 20px 0px rgba(51,51,51,0.3); } */
.custom-navbar .nav-link {background-color:#73b0d6; border-radius:6px; 
  color:#cdd7df; margin:0px 4px; font-size:18px;}
.custom-navbar .nav-link:hover {background-color:#477fa2; }
.custom-navbar  .riferimenti {color:#477fa2 }

.bkg-sx {
background-image: url("../images/bkg-sx.06e5a1d5e54e.png");
background-repeat:no-repeat;
background-position: left bottom;
background-size:contain;

}

.invio .form-control { height:45px;}
.table a:hover { text-decoration: none; color: #477fa2 }
.table thead th { background-color: var(--theme-primary, #73b0d6); color:#fff; text-transform: uppercase}

.table tr.even {background-color:#f4f4f4}

/* ============================================================
   Lookfor / smart-search dropdown (TEST 04)
   La tendina dei risultati deve SOVRAPPORSI al DOM come finestra
   flottante, non spostare il layout. Il JS (record.js) inietta
   #lookup_container_unit dopo l'input e ne calcola top/width: senza
   position:absolute la tendina resterebbe nel flusso e "spingerebbe"
   il contenuto. (rif. progetto Cer-tify)
   ============================================================ */
#lookup_container_unit {
  position: absolute;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 12px #b2b2b2;
  z-index: 1050;            /* sopra i contenuti, sotto i modal Bootstrap (1055) */
  font-size: 14px;
}
#lookup_container_unit .container {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  max-width: 100% !important;
  max-height: 400px;
  overflow-y: auto;
}
#lookup_container_unit .row {
  border-bottom: 1px solid #dde3e7;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin: 0;
}
#lookup_container_unit .row.header-grid {
  text-transform: uppercase;
  font-weight: 600;
  color: #6c757d;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

#lookup_container_unit .lookup-item.selectable:hover {
  background-color: #eef4f8;
  cursor: pointer;
}