@media all
{
	label.spur > input[type=checkbox]
	{
		cursor: pointer;
		appearance: none;
		display: inline-block;
		text-align: center;
		margin: 0;
		color: #000000;
		border: 0.1em solid #00cc00;
		border-radius: 0.3em;
		width: 1.75em;
		height: 1.75em;
		line-height: 1.5em;
		background-color: #e7fbd9;
	}
	label.spur > input[type=checkbox]:hover
	{
		background-color: #baf9ce;
	}
	label.spur > input[type=checkbox]:checked
	{
		background-color: #9bcfac;
	}
	label.spur > input[type=checkbox]::before
	{
		font-family: fontawesome-solid;
		content: '\f1b0';
	}
}