@font-face {
    font-family: TitilliumWeb-Regular;
    src: url(/static/app/fonts/TitilliumWeb-Regular.ttf);
  }

@font-face {
font-family: TitilliumWeb-Bold;
src: url(/static/app/fonts/TitilliumWeb-Bold.ttf);
}

html, body {
  height: 100%;
  font-family: TitilliumWeb-Regular;
}
body {
  display: flex;
  flex-direction: column;
}

.container-fluid {
 flex: 1 0 auto;
}

.btn-outline-primary{
    color: #333333;
    border-color: #333333;
    transition: var(--nf-transition);
}
.btn-outline-primary.dropdown-toggle{
    color: #333333 !important;
    border-color: #c6c6c6  !important;
    background-color: transparent !important;
}
.btn-outline-primary:hover{
    background-color: var(--nf-orange) !important;
    border-color: var(--nf-orange) !important;
    color: #ffffff !important;
}

footer {
    flex-shrink: 0;
    background-color: #1a1a1a;
    color: #cccccc;
    border-top: 3px solid var(--nf-orange);
    text-align:right;
    font-size:14px;
    padding:10px 10px 2px 0px;
    margin-top: 12px;
}
footer a {
    color: var(--nf-orange);
    text-decoration: none;
}
footer a:hover {
    color: var(--nf-orange-soft);
}
.navbar-brand{
    color: #333333 !important;
    font-size: 28px;
    font-weight: bold;
}
.navbar-brand:hover{
    color: #333333;
}
.navbar-brand img {
    max-width:220px;
}
.navbar {
    background-color: #ffffff;
    border-top: 4px solid var(--nf-orange) !important;
    -webkit-box-shadow: 0px 4px 20px 0px rgba(51,51,51,0.15);
    -moz-box-shadow: 0px 4px 20px 0px rgba(51,51,51,0.15);
    box-shadow: 0px 4px 20px 0px rgba(51,51,51,0.15);
}

.navbar .nav-link {background-color:transparent; border-radius:6px;
    color:var(--nf-navy) !important;
    border:2px solid #e0e0e0; margin:0px 4px; font-size:18px;
    transition: var(--nf-transition);}

    .navbar .nav-link:hover {
    background-color:var(--nf-orange);  border:2px solid var(--nf-orange); color:#ffffff !important;}

.navbar  .riferimenti {color:#333333 }

.bkg-sx {
background-image: url('../images/bkg-sx.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}


.accordion-button:not(.collapsed){
    background-color: var(--nf-orange-bg-soft)  !important;
    color: #333333;
    border-left: 3px solid var(--nf-orange);
    transition: var(--nf-transition);
}

.table thead th {
    background-color: var(--nf-navy);
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 13px;
    padding: 12px 14px;
    border-bottom: 2px solid var(--nf-orange);
}