#graph {
	margin: 0 auto;
	text-align: center;
}

.line {
	fill: none;
	stroke: blue;
	clip-path: url(#clip);
}

.z-line line {
	stroke: #ccc;
	shape-rendering: crispEdges;
}


.ann-line {
	fill: none;
	stroke-dasharray: 5;
	clip-path: url(#clip);
}

circle {
	clip-path: url(#clip);
	fill: blue;
}

rect {
	fill: white;
	opacity: 0;
}

.user-1 {
	fill: #66c2a5;
	stroke: #66c2a5;
}

.user-2 {
	fill: #fc8d62;
	stroke: #fc8d62;
}

.user-3 {
	fill: #8da0cb;
	stroke: #8da0cb;
}

.user-4 {
	fill: #e78ac3;
	stroke: #e78ac3;
}

.user-5 {
	fill: #a6d854;
	stroke: #a6d854;
}

.user-6 {
	fill: #ffd92f;
	stroke: #ffd92f;
}

.user-7 {
	fill: #e5c494;
	stroke: #e5c494;
}

.user-8 {
	fill: #b3b3b3;
	stroke: #b3b3b3;
}