/* Button Group */

span.button-group button {
	padding-left: 10px;
	padding-right:10px;
	border-left: 1px solid var(--textbox-border-color);
	border-top: 1px solid var(--textbox-border-color);
	border-bottom: 1px solid var(--textbox-border-color);
	border-right: 1px solid var(--textbox-border-color);
}

	span.button-group button:first-child {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	span.button-group button:last-child {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}


span.button-group button:not(:last-child) {
	border-right: none; /* Prevent double borders */
}

span.button-group button[selected] {
	background-color:var(--action-color);
	color:var(--white);
}

	span.button-group button:not([selected]) {
		background-color: var(--white);
		color: #999999;
		cursor: pointer;
	}

	span.button-group button:not([selected]):hover {
		color: #000000;
	}

span.button-group-small button {
	padding-top: 2px;
	padding-bottom: 2px;
}
span.button-group-large button {
	padding-top: 10px;
	padding-bottom: 10px;
}