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

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

.fe-checkboxgroup li {
	margin-bottom: .35em;
	padding-left: 0;
}

.fe-checkboxgroup input {
	display: inline-block;
	vertical-align: baseline;
	padding: 0;
}

.fe-checkboxgroup label {
	position: relative;
	margin-left: .3em;
	font-weight: normal;
}

[class*='fe-checkboxgroup-columns'] .fecg-selectAll__wrapper {
	display: block;
	width: 100%;
	margin-bottom: 1em;
}

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

/** 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;
}

/** Correction for labels that are descendant of a FormContainer */
td.first .fe-checkboxgroup label {
	margin-left: 1em;
}