/* Style OTB page */
.content_mutatie_mutatietekst,
.content_waarde_onderwerp {
  font-size: var(--font-size-regular);
}

.content_waarde_stand,
.content_mutatie_mutatie {
  font-size: var(--font-size-extra-large);
}

.content_waarde {
  min-height: 75px;
  text-align: center;
  margin: 4px var(--spacing-small) 0px var(--spacing-small);
  padding: var(--spacing-small);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content_mutatie {
  height: 200px;
  text-align: center;
  margin: 5px var(--spacing-small) 0px var(--spacing-small);
  padding: var(--spacing-small);
  border-radius: 5px;
}

.content_waarde div,
.content_mutatie div {
  color: #fff;
}

.content_waarde_onderwerp {
  font-size: 12px;
}

.content_waarde_stand {
  font-size: 18px;
}

.content_mutatie_mutatie {
  font-size: 18px;
}

.content_mutatie_mutatietekst {
  font-size: 12px;
}

.content_mutatie_icon {
  font-size: 25px;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;

}

.content_mutatie_icon_groep {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50px;
}

.OTB_box {
  border: 1px;
  border-color: #e6e6e6;
  border-style: solid;
  border-radius: 5px;
  margin: 10px;
  padding: 10px;
}

.content_mutatie_bron {
  font-size: var(--font-size-small);
}

div.otb-cbs-color-lightblue div.content_waarde,
div.otb-cbs-color-lightblue div.content_mutatie {
  background-color: var(--cbs-light-aqua);
}

div.otb-cbs-color-lightblue div.highcharts-container .highcharts-title,
div.otb-cbs-color-lightblue div.highcharts-container .highcharts-subtitle {
  fill: var(--cbs-light-aqua) !important;
}

div.otb-cbs-color-lightblue .highcharts-series .highcharts-graph,
div.otb-cbs-color-lightblue .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-lightblue .highcharts-xaxis .highcharts-tick {
  stroke: var(--cbs-light-aqua);
}

div.otb-cbs-color-darkblue div.content_waarde,
div.otb-cbs-color-darkblue div.content_mutatie {
  background-color: var(--cbs-blue);
}

div.otb-cbs-color-darkblue div.highcharts-container .highcharts-title,
div.otb-cbs-color-darkblue div.highcharts-container .highcharts-subtitle {
  fill: var(--cbs-blue) !important;
}

div.otb-cbs-color-darkblue .highcharts-series .highcharts-graph,
div.otb-cbs-color-darkblue .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-darkblue .highcharts-xaxis .highcharts-tick {
  stroke: var(--cbs-blue);
}

div.otb-cbs-color-lightgreen div.content_waarde,
div.otb-cbs-color-lightgreen div.content_mutatie {
  background-color: var(--cbs-light-lime);
}

div.otb-cbs-color-lightgreen div.highcharts-container .highcharts-title,
div.otb-cbs-color-lightgreen div.highcharts-container .highcharts-subtitle {
  fill: var(--cbs-light-lime) !important;
}

div.otb-cbs-color-lightgreen .highcharts-series .highcharts-graph,
div.otb-cbs-color-lightgreen .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-lightgreen .highcharts-xaxis .highcharts-tick {
  stroke: var(--cbs-light-lime);
}

div.otb-cbs-color-darkgreen div.content_waarde,
div.otb-cbs-color-darkgreen div.content_mutatie {
  background-color: var(--cbs-dark-green);
}

div.otb-cbs-color-darkgreen div.highcharts-container .highcharts-title,
div.otb-cbs-color-darkgreen div.highcharts-container .highcharts-subtitle {
  fill: var(--cbs-dark-green) !important;
}

div.otb-cbs-color-darkgreen .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-darkgreen .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-darkgreen .highcharts-series .highcharts-graph {
  stroke: var(--cbs-dark-green);
}

div.otb-cbs-color-orange div.content_waarde,
div.otb-cbs-color-orange div.content_mutatie {
  background-color: #f39200;
}

div.otb-cbs-color-orange div.highcharts-container .highcharts-title,
div.otb-cbs-color-orange div.highcharts-container .highcharts-subtitle {
  fill: #f39200 !important;
}

div.otb-cbs-color-orange .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-orange .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-orange .highcharts-series .highcharts-graph {
  stroke: #f39200;
}

div.otb-cbs-color-purple div.content_waarde,
div.otb-cbs-color-purple div.content_mutatie {
  background-color: var(--cbs-pink);
}

div.otb-cbs-color-purple div.highcharts-container .highcharts-title,
div.otb-cbs-color-purple div.highcharts-container .highcharts-subtitle {
  fill: var(--cbs-pink) !important;
}

div.otb-cbs-color-purple .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-purple .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-purple .highcharts-series .highcharts-graph {
  stroke: var(--cbs-pink);
}

div.otb-cbs-color-yellow div.content_waarde,
div.otb-cbs-color-yellow div.content_mutatie {
  background-color: #ffcc00;
}

div.otb-cbs-color-yellow div.highcharts-container .highcharts-title,
div.otb-cbs-color-yellow div.highcharts-container .highcharts-subtitle {
  fill: #ffcc00 !important;
}

div.otb-cbs-color-yellow .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-yellow .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-yellow .highcharts-series .highcharts-graph {
  stroke: #ffcc00;
}

div.otb-cbs-color-red div.content_waarde,
div.otb-cbs-color-red div.content_mutatie {
  background-color: #e94c0a;
}

div.otb-cbs-color-red div.highcharts-container .highcharts-title,
div.otb-cbs-color-red div.highcharts-container .highcharts-subtitle {
  fill: #e94c0a !important;
}

div.otb-cbs-color-red .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-red .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-red .highcharts-series .highcharts-graph {
  stroke: #e94c0a;
}

div.otb-cbs-color-lightblue2 div.content_waarde,
div.otb-cbs-color-lightblue2 div.content_mutatie {
  background-color: #0581a2;
}

div.otb-cbs-color-lightblue2 div.highcharts-container .highcharts-title,
div.otb-cbs-color-lightblue2 div.highcharts-container .highcharts-subtitle {
  fill: #0581a2 !important;
}

div.otb-cbs-color-lightblue2 .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-lightblue2 .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-lightblue2 .highcharts-series .highcharts-graph {
  stroke: #0581a2;
}

div.otb-cbs-color-darkblue2 div.content_waarde,
div.otb-cbs-color-darkblue2 div.content_mutatie {
  background-color: var(--cbs-dark-blue);
}

div.otb-cbs-color-darkblue2 div.highcharts-container .highcharts-title,
div.otb-cbs-color-darkblue2 div.highcharts-container .highcharts-subtitle {
  fill: var(--cbs-dark-blue) !important;
}

div.otb-cbs-color-darkblue2 .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-darkblue2 .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-darkblue2 .highcharts-series .highcharts-graph {
  stroke: var(--cbs-dark-blue);
}

div.otb-cbs-color-lightgreen2 div.content_waarde,
div.otb-cbs-color-lightgreen2 div.content_mutatie {
  background-color: #899d0c;
}

div.otb-cbs-color-lightgreen2 div.highcharts-container .highcharts-title,
div.otb-cbs-color-lightgreen2 div.highcharts-container .highcharts-subtitle {
  fill: #899d0c !important;
}

div.otb-cbs-color-lightgreen2 .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-lightgreen2 .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-lightgreen2 .highcharts-series .highcharts-graph {
  stroke: #899d0c;
}

div.otb-cbs-color-darkgreen2 div.content_waarde,
div.otb-cbs-color-darkgreen2 div.content_mutatie {
  background-color: var(--cbs-dark-green);
}

div.otb-cbs-color-darkgreen2 div.highcharts-container .highcharts-title,
div.otb-cbs-color-darkgreen2 div.highcharts-container .highcharts-subtitle {
  fill: var(--cbs-dark-green) !important;
}

div.otb-cbs-color-darkgreen2 .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-darkgreen2 .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-darkgreen2 .highcharts-series .highcharts-graph {
  stroke: var(--cbs-dark-green);
}

div.otb-cbs-color-orange2 div.content_waarde,
div.otb-cbs-color-orange2 div.content_mutatie {
  background-color: #ce7c00;
}

div.otb-cbs-color-orange2 div.highcharts-container .highcharts-title,
div.otb-cbs-color-orange2 div.highcharts-container .highcharts-subtitle {
  fill: #ce7c00 !important;
}

div.otb-cbs-color-orange2 .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-orange2 .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-orange2 .highcharts-series .highcharts-graph {
  stroke: #ce7c00;
}

div.otb-cbs-color-purple2 div.content_waarde,
div.otb-cbs-color-purple2 div.content_mutatie {
  background-color: #82045e;
}

div.otb-cbs-color-purple2 div.highcharts-container .highcharts-title,
div.otb-cbs-color-purple2 div.highcharts-container .highcharts-subtitle {
  fill: #82045e !important;
}

div.otb-cbs-color-purple2 .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-purple2 .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-purple2 .highcharts-series .highcharts-graph {
  stroke: #82045e;
}

div.otb-cbs-color-yellow2 div.content_waarde,
div.otb-cbs-color-yellow2 div.content_mutatie {
  background-color: #e1b600;
}

div.otb-cbs-color-yellow2 div.highcharts-container .highcharts-title,
div.otb-cbs-color-yellow2 div.highcharts-container .highcharts-subtitle {
  fill: #e1b600 !important;
}

div.otb-cbs-color-yellow2 .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-yellow2 .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-yellow2 .highcharts-series .highcharts-graph {
  stroke: #e1b600;
}

div.otb-cbs-color-red2 div.content_waarde,
div.otb-cbs-color-red2 div.content_mutatie {
  background-color: #b23d02;
}

div.otb-cbs-color-red2 div.highcharts-container .highcharts-title,
div.otb-cbs-color-red2 div.highcharts-container .highcharts-subtitle {
  fill: #b23d02 !important;
}

div.otb-cbs-color-red2 .highcharts-xaxis .highcharts-axis-line,
div.otb-cbs-color-red2 .highcharts-xaxis .highcharts-tick,
div.otb-cbs-color-red2 .highcharts-series .highcharts-graph {
  stroke: #b23d02;
}

div.module-row .highcharts-title,
div.module-row .highcharts-subtitle {
  background-color: transparent !important;
}

div.module-row .highcharts-series .highcharts-graph {
  fill: none !important;
}

/*
@media (max-width: 681px) {
  .dropdown-menu {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .row>.col-sm-12.graphic-column:nth-child(1) {
    padding-right: 0 !important;
  }

  .row>.col-sm-12.graphic-column:nth-child(2) {
    padding-left: 0 !important;
  }
}

@media (min-width: 1024px) {
  .dropdown-menu {
    width: 35vw;
  }
}

@media (min-width: 1200px) {
  .content_waarde_stand {
    font-size: var(--spacing-regular);
  }

  .content_mutatie_mutatietekst,
  .content_waarde_onderwerp {
    font-size: var(--font-size-extra-small);
  }
}

*/