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

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

.fe-checkboxgroup li {
	width: 100%;
    position: relative;
    padding-left: 1.25em;
	margin-bottom: .5em;
	line-height: 1.5;
}

.fe-checkboxgroup input {
    position: absolute;
    margin-left: -1.25em;
    margin-top: 0.3em;
}

.fe-checkboxgroup label {
    display: inline-block;
}

.fe-checkboxgroup .proFormTextOther {
	margin-left: 0.4em;
}

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

.fe-checkboxgroup .other label {
    display: inline;
    line-height: 1.8em;
}

.fe-checkboxgroup .other label + label {
    margin-left: 0;
}

.fe-checkboxgroup .other label input {
    display: inline;
    float: none;
    margin-top: -0.1em;
    padding: 0.3rem 0.4rem;
}

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

/**
 * First item is 'Select all'
 */

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

.fe-checkboxgroup-columns-2 .fecg-selectAll__wrapper ~ li:nth-child(2n+3),
.fe-checkboxgroup-columns-3 .fecg-selectAll__wrapper ~ li:nth-child(3n+4),
.fe-checkboxgroup-columns-4 .fecg-selectAll__wrapper ~ li:nth-child(4n+5),
.fe-checkboxgroup-columns-5 .fecg-selectAll__wrapper ~ li:nth-child(5n+6) {
    clear: none;
}

.fe-checkboxgroup-columns-2 .fecg-selectAll__wrapper ~ li:nth-child(2n+4),
.fe-checkboxgroup-columns-3 .fecg-selectAll__wrapper ~ li:nth-child(3n+5),
.fe-checkboxgroup-columns-4 .fecg-selectAll__wrapper ~ li:nth-child(4n+6),
.fe-checkboxgroup-columns-5 .fecg-selectAll__wrapper ~ li:nth-child(5n+7) {
    clear: left;
}

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

.view .fe-checkboxgroup li {
    margin-bottom: 0.6em;
    line-height: inherit;
}