.graph-tooltip {
	position: absolute;
	z-index: 999;
	background-color: #fff;
	border-radius: 3px;
	padding: 7px 11px;
	font-size: 0.85em;
	border: 1px solid rgba(0,0,0,0.3);
	box-shadow: 0 0 0 3px rgba(0,0,0,0.07);
	pointer-events: none;
}

	.graph-tooltip table td {
		padding: 0;
		border: 0;
	}

	.graph-tooltip .tooltip-heading {
		font-size: 1.2em;
	}

	.graph-tooltip .tooltip-right {
		text-align: right;
		padding-left: 10px;
	}

	.graph-tooltip .tooltip-subheading {
		font-size: 0.75em;
		opacity: 0.5;
	}

	.graph-tooltip b {
		font-weight: 600;
	}

/*
@media (prefers-color-scheme: dark) {

	.graph-tooltip {
		background-color: #121212;
		color: #ddd;
	}

}
*/

.graph-container {
	margin-top: 20px;
	position: relative;
	z-index: 1;
	min-height: 300px;
	height: 500px;
}

	.graph-container .graph {
		height: 100%;
	}


svg text {
	fill: #333;
}

svg g.tick line,
svg path.domain {
	stroke: #333;
}

/*
@media (prefers-color-scheme: dark) {

	svg text {
		fill: #ddd;
	}

	svg g.tick line,
	svg path.domain {
		stroke: #ddd;
	}

}
*/