/* definieer hier projectspecifieke opmaak */

.reset_card {
	background: transparent;
    border: transparent;
}

.reset_card_header {
    border: transparent;
}

.reset_card_footer {
	border-width: 0px;
    border: transparent;
}

.text_white {
  color: var(--zoo-white);
}

.card_footer_min_D40 {
	min-height: 180px;
}

.svg_max_height {
	max-height: 75px;
}

.block_toelichting {
  background-color: var(--zoo-blue-lightest);
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid var(--zoo-border-color);
  border-radius: var(--cbs-border-radius);
}

.align_right {
  text-align: right;
}

/* opmaak van de banner */
.banner_card {
	background-color: var(--zoo-blue-dark1);
      color: var(--zoo-white);
	text-align: left !important;
	border: 1px solid var(--zoo-border-color);
}

.banner_header {
	font-weight: var(--font-weight-normal) !important;
	font-size: var(--font-size-extra-large) !important;
	padding-bottom: 5px;
}

.banner_cijfer {
	font-size: var(--font-size-xxl);
}

.banner_footer {
	padding-left: 0px;
	padding-right: 0px;
}

.banner_card_B14 {
	background-color: var(--zoo-blue-dark1) !important;
	color: var(--zoo-white) !important;
	text-align: center !important;
	height: 100px !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
}

/* opmaak voor een svg, zodat die niet té groot is op mobiel */
@media (max-width: 575px) {
  .svg {
    max-height: 100px;
  }
}

/* tekst ipv figuur bij onderdrukte cijfers*/
.tekst_onderdrukt {
	color: var(--zoo-blue-dark2);
    text-align: center !important;
	font-style: italic;
	padding-top: 20px
}

/* horizontale scrollbalk */
.scroll_horizontaal {
	  overflow-x: auto;
}

/* opmaakt tekst als title en subtitle highcharts */
.title_highcharts {
	color: #000;
    font-size: 17px;
	font-family: var(--font-family-titles);
}

.subtitle_highcharts {
	color: #666666;
    font-size: 12px;
	font-family: var(--font-family-text);
}

/* minimale breedte voor een brede banner (zoals bij D22)*/
.brede_banner {
	min-width: 900px;
	overflow-x: auto;
}

/* bij de card footer de top border weghalen */
.card_footer_opmaak {
	border-top: none;
}

/* kleine marge toevoegen onder een item */
.margin_bottom_geen {
	margin-bottom: 0px !important;
}

.margin_bottom_s {
	margin-bottom: 5px;
}

.height_start_bar {
	height: 40px!important;
	max-height: 40px!important;
}

.scroll_link  {
	cursor: pointer;
	/*color: #3c8dbc;*/
	text-decoration: underline !important;
	}

/* grootte van een plaatje als je hem op helft van het scherm wilt hebben. */
.img_m {
width: 60%;
max-width: 800px;
}