.ht:hover .osoh {		/* hidden text, only show on hover */
        opacity: 1;
}

.osoh {				/* only show on hover */
        opacity: 0;
        fill: black;
        stroke: black;
}

.fellow {
}

.funmaker {
	fill:url(#pattern-checkers);
	filter:url(#lighten);
}

.presence_info {
	fill: grey;
	stroke: grey;
}

.timebar {
	fill: white;
	stroke: black;
}

.time_marker {
	stroke: blue; 
	fill: blue; 
	stroke-width: 1;
}

.year_marker {
	font-size: 10px;
}

.month_marker {
	opacity: .3;
	stroke-dasharray: 3, 6; /* Set dash length and gap length */
}

.button {
	/* width: 100px; */
	height: 15px;
	/* padding: 1px; */
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 3px auto;
}

.weekly-attendance {
	opacity: .3;
}

.svg-container {
	width: 90%; /* Width of the visible area */
	overflow: auto; /* Enable scrolling */
	border: 1px solid #ccc; /* Optional border for visibility */
}


{{ game_classes }} {
	opacity: 1;
}