.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; }
.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 { background-color: #e6e7e4; }
.navbar-custom .uitgelicht { background-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; }
.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; }
.achtergrondblauw95 { background-color: #eaf7fb; }
.achtergrondgeel95 { background-color: #ffffe6; } /* achtergrond rij; */
.achtergrondgroen95 { background-color: #e6ffee; }
.achtergrondoranje95 { background-color: #fff2e6; }
.achtergrondoudwit { background-color: #fffff1; } 
.achtergrondblauwopen { background-color: #1787E0; }
.achtergrondblauwinfo { background-color: #002870; }
.achtergrondlichtblauw { background-color: #1787E0; }
.achtergrondzwart { background-color: #000000; }
.bg-title {background: -webkit-linear-gradient(120deg, #8cc4f3 70%, #ffb833 70%);
  background: -o-linear-gradient(120deg, #8cc4f3 70%, #ffb833 70%);
  background: -moz-linear-gradient(120deg, #8cc4f3 70%, #ffb833 70%);
  background: linear-gradient(120deg, #8cc4f3 70%, #ffb833 70%);
  color: #002870 ; font-size: 125%;}
.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; }
.btn-primary.button-oranje { color: black; font-size: 90%; font-weight: 500; background-color: #fbb151; border-color: #fbb151; }
.btn-primary.button-oranje:hover { color: black; background-color: #fbb151; border-color: #fbb151; }
.btn-primary.button-lichtblauw { color: #002870; font-size: 90%; font-weight: 500; background-color: #eaf7fb; border-color: #fbb151; }
.btn-primary.button-lichtblauw:hover { color: #002870; background-color: #fbb151; border-color: #fbb151; }
.btn-primary.button-lichtblauw-mobiel { color: #002870; font-size: 80%; font-weight: 500; background-color: #eaf7fb; border-color: #fbb151; }
.btn-primary.button-lichtblauw-mobiel:hover { color: #002870; background-color: #fbb151; border-color: #fbb151; }
.card-title { color: #002870; font-size: 135%; }
.card-title-number { color: #1787E0; font-size: 225%; }
.tekst-banner-wit { color: #ffffff; font-size: 115%;, font-weight: 125; }
.tekst-banner-geel-oranje { color: #f7cc26; font-size: 115%;, font-weight: 125; }
.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%;}
.tekst-oranje-top { color: #fbb151; }
.tekst-oranje { color: #ffa500; }
.tekst-beige { color: #ffd24d; }
.tekst-blauw { color: #0066ff; }
.tekst-bruin { color: #996633; }
.tekst-creme { color: #ffcc99; }
.tekst-donkerrood { color: #8b0000; }
.tekst-geel { color: #ffff00; }
.tekst-grijs { color: #808080; }
.tekst-groen { color: #008000; }
.tekst-groenmos { color: #669900; }
.tekst-paars { color: #cc00cc; }
.tekst-rood { color: #ff0000; }
.tekst-rose { color: #ff99cc; }
.tekst-teal { color: #008080; }
.tekst-turquoise { color: #00ffcc; }
.tekst-witgrijs { color: #f2f2f2; }
.tekst-zwart { color: #000000; }
.tekst-1787E0 { color: #1787E0; font-weight: bold; }
.tekst-ff7f0e { color: #ff7f0e; font-weight: bold; }
.tekst-2ca02c { color: #2ca02c; font-weight: bold; }
.tekst-ffb715 { color: #ffb715; font-weight: bold; }
.tekst-002870 { color: #002870; font-weight: bold; }
.tekst-8c564b { color: #8c564b; font-weight: bold; }
.tekst-e377c2 { color: #e377c2; font-weight: bold; }
.tekst-afb7b7 { color: #afb7b7; font-weight: bold; }
.tekst-d73027 { color: #d73027; font-weight: bold; }
#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; 
}
.klikbaretekst {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
#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}
.clipboard { cursor: pointer; }
a:link { text-decoration: none; }
a:hover { text-decoration: underline; }