/* ==============================================================
   Form Conrols
   style declarations for form controls
   ==============================================================*/
.custom-control {
    input[type="checkbox"],
    input[type="radio"] {}
    &__icon {}
    .fa-check-circle-o,
    .fa-check-square-o {}	
}

/* MODIFICATIONS */
.custom-control--checkbox {
	input[type="checkbox"] {
		&:checked ~ .custom-control__icon .fa-square-o {}
		&:checked ~ .custom-control__icon .fa-check-square-o {}
		&.disabled ~ .custom-control__icon .fa-square-o, 
		&.disabled ~ .custom-control__icon .fa-check-square-o {}
	}
}
.custom-control--radio {
	input[type="radio"] {
		&:checked ~ .custom-control__icon .fa-circle-o {}
		&:checked ~ .custom-control__icon .fa-check-circle-o {}
	}
}
.custom-control--select {
	&:after {}
	&:after {}
	&.multiple {
		&:after {}
		select {}
	}
	select {
		&.disabled {}
	}
	select[disabled="disabled"] {}
}