table.tooltip {
	border: 0px;
	border-collapse: collapse;
	font-size: 1em;
	white-space: nowrap;
	background-color: var(--background-color) !important;
}

table.tooltip td {
	text-align: right;
}

table.tooltip tr {
	background-color: var(--backgroud-color);
}

a.grafiektitel { 
	text-decoration: none;
	color: var(--primary-color);
}

.highcharts-background {
    fill: var(--background-color);
}

.highcharts-container span {
	color: var(--primary-color) !important;
}

.highcharts-pane {
	stroke-width: 0px;
	fill: var(--tertiary-color);
}

.highcharts-title {
	font-family: inherit !important;
	font-size: 1.5em !important;
	font-weight: bold;
}

.highcharts-data-label span{
/*	font-size: 0.8em !important; */
	font-size: clamp(10px, 0.25vw, 15px);
	text-decoration: none;
}

.highcharts-data-label text{
/*	font-size: 0.8em !important; */
	font-size: clamp(10px, 0.25vw, 15px);
	fill: var(--primary-color) !important;
}

.highcharts-axis-labels text{
/*	font-size: 0.8em !important; */
	font-size: clamp(10px, 0.25vw, 15px);
	fill: var(--primary-color) !important;
    cursor: default;
}

text.highcharts-axis-title {
/*	font-size: 0.8em !important; 
	font-size: 0.5vw !important;
	font-size: max(10px, min(0.5vw, 15px)); */
    font-size: clamp(10px, 0.25vw, 15px);
	color: var(--secondary-color) !important; 
    fill: var(--secondary-color) !important;
}

.highcharts-legend-item > text {
/*	font-size: 0.8em !important; */
	font-size: clamp(10px, 0.25vw, 15px);
	fill: var(--primary-color) !important;
    font-weight: bold;
    cursor: pointer;
    stroke-width: 0;
}

.highcharts-legend-item-hidden * {
    fill: var(--secondary-color) !important; /*vulling van het legenda bolletje*/
    /*stroke: #ff0000 !important; /*rand van legenda bolletje*/
    transition: fill 250ms;
    text-decoration: line-through;
}
.highcharts-legend-item-hidden > text {
    fill: var(--secondary-color) !important;
}

.highcharts-tooltip span {
	/*color: #00ff00 !important; */
	border-radius: 0px;
	border-width: 0px;
	padding: 2px;
	background-color: var(--background-color) !important;
	box-shadow: 0px 0px 0px 1px var(--tertiary-color);
}
.highcharts-grid-line {
    fill: none;
    stroke: var(--tertiary-color) !important;
}

.highcharts-text-outline {
	stroke: var(--backgroud-color) !important;
}