.navbar { background-color: white; }
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .navbar-text,
.navbar-custom .navbar-nav .dropdown-item{ color: #002870; font-size: 110%; font-weight: 500; }
/* tekst: hover */
.navbar-custom .nav-item:hover .nav-link, 
.navbar-custom .navbar-nav .dropdown-item:hover{color: #002870; background-color:  #fbb151;}
.navbar-custom .navbar-brand:hover{background-color:  white;}
.navbar-custom .active-context { background-color: #e6e7e4; }
.navbar-custom .uitgelicht { background-color: #fbb151; }
.achtergrondwit { background-color: white; } 
.achtergrondgrijs { background-color: #C4C5C0; } /* footer */
.achtergrondgrijs90 { background-color: #e6e7e4; } /* achtergrond container binnen rij waarin kaarten met inhoud staan: grijs90; */
.achtergrondgrijs95 { background-color: #f3f3f2; } /* achtergrond rij; */
.achtergrondblauw95 { background-color: #eaf7fb; } /* achtergrond rij; */
.achtergrondgeel95 { background-color: #ffffe6; } /* achtergrond rij; */
.achtergrondoudwit { background-color: #fffff1; } 
.achtergrondblauwopen { background-color: #1787E0; }
.achtergrondblauwinfo { background-color: #002870; }
.achtergrondlichtblauw { background-color: #1787E0; }
.breadcrumb { background-color: #e6e7e4; }
.btn-primary.button-open { color: white; background-color: #1787E0; border-color: #1787E0; }
.btn-primary.button-open:hover { color: black; background-color: #fbb151; border-color: #fbb151; }
.btn-primary.button-info { color: white; background-color: #002870; border-color: #002870; }
.btn-primary.button-info:hover { color: black; background-color: #fbb151; border-color: #fbb151; }
.nav-link.active.info { color: white; background-color: #002870; border-color: #002870; }
.nav-link.info:hover { color: black; background-color: #fbb151; border-color: #fbb151; }

.card-title { color: #002870; font-size: 135%; }
.card-title-number { color: #1787E0; font-size: 225%; }
.tekstblauwopen { color: #1787E0}
.tekstblauwinfo { color: #002870}
.tekstblauwinfostrong { color: #002870, font-weight: 500}
.tekst-open { color: #1787E0 ; font-size: 125%;}
.tekst-info { color: #002870 ; font-size: 125%;}
.tekst-info-100 { color: #002870 ; font-size: 100%;}
#textfull {display: none;}
.textlink {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
#myInput {
    background-image: url('searchicon.png'); 
    background-position: 10px 12px; 
    background-repeat: no-repeat; 
    background-color: white;
    border: 1px solid #ff0000; 
    padding:12px 20px 12px 40px;
    margin-bottom:12px;
}
#myInput2 {
    background-image: url('searchicon.png'); 
    background-position: 10px 12px; 
    background-repeat: no-repeat; 
    background-color: white;
    border: 1px solid #ff0000; 
    padding:12px 20px 12px 40px;
    margin-bottom:12px;
}
.sectie-advertentie {
  height: 100px; 
}
#buttontop {
  display: none; 
  position: fixed; 
  bottom: 14px; 
  right: 14px; 
  z-index: 99; 
  border: none; 
  outline: none;
  background-color: #fbb151;
  color: #002870; 
  cursor: pointer; 
  padding: 12px; 
  border-radius: 90px; 
  font-size: 26px; 
  font-weight: 900;
}
#buttoptop:hover {
  background-color: #fbb151; 
}
.grid-lines line {
            stroke: gray;
            stroke-opacity: 0.2;
            shape-rendering: crispEdges;
          }
.line {
    fill: none;
    stroke: #1787E0;
    stroke-width: 4;
    stroke-linejoin: round;
    stroke-linecap: round;
  }
.annotation { font-size: 10px; font-family: sans-serif}
.linechart-xaxis-text { text-anchor: end; font-size: 10px; font-family: sans-serif}
.linechart-yaxis-text { font-size: 10px; font-family: sans-serif}