.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: 100%; font-weight: 400; }
.navbar-custom .navbar-brand:hover{background-color:  white;}
.navbar-custom .active { background-color: #e6e7e4; }
.navbar-custom .uitgelicht { background-color: #fbb151; }
.navbar-custom .oranje { background-color: #fcc782; }
.navbar-custom .blauw { background-color: #e8f3fd; }
.navbar-custom .grijs { background-color: #e6e6e6; }
.nav-link.active.info { color: white; background-color: #002870; border-color: #002870; }
.nav-link.info:hover { color: black; background-color: #fbb151; border-color: #fbb151; }
.nav-divider { width: 100%; height: 1px; background-color: #e6e7e4; margin: 10px 0; }
.achtergrondwit { background-color: white; } 
.achtergrondgrijs { background-color: #C4C5C0; }
.achtergrondgrijs90 { background-color: #e6e7e4; }
.achtergrondgrijs95 { background-color: #f3f3f2; }
.achtergrondblauw95 { background-color: #eaf7fb; }
.achtergrondgeel95 { background-color: #ffffe6; }
.achtergrondgroen95 { background-color: #f4fcf2; }
.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-open-150 { color: #1787E0 ; font-size: 150%;}
.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; }
.tekst-5ab4ac { color: #5ab4ac; 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; }
.social-link {
  display: flex;
  justify-content: center;
  flex: 0 0 20%;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: #f2f2f2;
  margin: 5px;
  text-decoration: none;
}
.social-icon {
  height: auto;
  width: 100%;
  max-width: 40px;
}
.email-icon { fill: #777777;}
.facebook-icon { fill: #1877F2;}
.linkedin-icon { fill: #0077B5;}
.whatsapp-icon { fill: #25D366;}
.twitter-icon { fill: #000000;}
.kaart-container {
    position: relative;
    width: 100%;
}
.kaart-container img {
    width: 100%;
    border-radius: 10px;
}
.btn-overlay {
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(23, 135, 224, 0.8);
    color: white;
    border: none;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .btn-overlay {
        padding: 8px 16px;
        bottom: 5%;
    }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.chart-loading-spinner {
    position: absolute;
    top: 35%;
    left: 40%;
    transform: translate(-50%, -50%);
    border: 16px solid #1787E0;
    border-radius: 50%;
    border-top: 16px solid #fbb151;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
    z-index: 1000;
}
#loading-spinner {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 12px solid #1787E0;
    border-radius: 50%;
    border-top: 12px solid #fbb151;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
    z-index: 1000;
}