/**
 * @component: Form Element Checkboxgroup
 * @about: Basic layout of a checkbox group
 */

.fe-checkboxgroup {
	margin: 0;
	padding: 0;
	list-style: none;
	zoom: 1; /* hasLayOut for IE */
}

.fe-checkboxgroup li {
	margin-bottom: .35em;
	line-height: 1;
}

.fecg-select-all + label {
	font-style: italic;
}

/** Groups with columns */
.fe-checkboxgroup-has-columns li {
	float: left;
}

.fe-checkboxgroup-columns-2 li {
	width: 49%;
}

.fe-checkboxgroup-columns-2 li:nth-child(2n+3) {
	clear: left;
}

.fe-checkboxgroup-columns-3 li {
	width: 33%;
}

.fe-checkboxgroup-columns-3 li:nth-child(3n+4) {
	clear: left;
}

.fe-checkboxgroup-columns-4 li {
	width: 24.5%;
}

.fe-checkboxgroup-columns-4 li:nth-child(4n+5) {
	clear: left;
}

.fe-checkboxgroup-columns-5 li {
	width: 19.5%;
}

.fe-checkboxgroup-columns-5 li:nth-child(5n+6) {
	clear: left;
}

@media screen and (max-width: 500px) {
	.fe-checkboxgroup-has-columns li {
		width: 100%;
	}
}