@bunetz/radial-progress-chart-with-tooltip/test/demo.css

Radial Progress Chart extension with tooltip

body {
    background: white;
}

svg {
    padding: 25px;
}

.rbc-label-start {
    font-family: fontawesome;
    font-weight: bold;
    font-size: 30px;

}

.rbc-center-text {
    font-family: 'Roboto', 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    fill: black;
    font-size: 30px;
}

.chart-tooltip {
    background: #fff;
    padding: 0em 1em;
    font-family: Ubuntu Mono, Verdana;
    font-size: 0.8em;
    box-shadow: 2px 2px 5px grey;
    min-width: 70px;
    max-height: 70px;
}

.chart-tooltip:after, .tooltip:before {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.chart-tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
.chart-tooltip:before {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 11px;
	margin-left: -11px;
}