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:#ced8de; text-transform: uppercase}

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