/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
.custom-checkbox {
padding: 0;
}

.custom-checkbox .fa-toggle-on,
.custom-checkbox .fa-toggle-off {
font-size: 135%;
/*this icon is relatively small*/
}

.custom-checkbox input[type=checkbox] {
visibility: collapse;
width: 0px;
margin-left: -0.40em;
}

.custom-checkbox input[type=checkbox] ~ .custom-check-on {
display: none;
}

.custom-checkbox input[type=checkbox]:checked ~ .custom-check-on {
display: inline;
}

.custom-checkbox input[type=checkbox]:checked ~ .custom-check-off {
display: none;
}

.custom-checkbox input[type=checkbox]:disabled ~ * {
color: #b6b4b4;
}

.custom-checkbox input[type=checkbox].error ~ .custom-check-on,
.custom-checkbox input[type=checkbox].error ~ .custom-check-off {
border: solid 2px red;
}

.custom-checkbox i.btn {
overflow: hidden;
color: transparent;
position: relative;
display: inline-block;
width: 3em;
padding: 0;
font-style: normal;
}

.custom-checkbox .btn:after {
content: "";
font-style: normal;
border: 8px solid #7c7c7c;
position: absolute;
top: 0;
bottom: 0;
border-radius: 8px;
}


.custom-checkbox .custom-check-on.btn:after {
right: -5px;
}

.custom-checkbox .custom-check-off.btn:after {
left: -5px;
}

.custom-checkbox .custom-check-on.btn:before {
content: "On";
color: #ded7ff;
margin-left: -15px;
}

.custom-checkbox .custom-check-off.btn:before {
content: "Off";
color: #ffff00;
margin-right: -15px;
}			
			
.custom-checkbox input[type=checkbox]:checked ~ .btn.custom-check-on {
display: inline-block;
}
.custom-checkbox {
padding: 5px;
}

/*Custon Check Box - ALL - Multiple Select*/

.custom-checkbox-all .fa-toggle-on-all,
.custom-checkbox-all .fa-toggle-off-all {
font-size: 135%;
/*this icon is relatively small*/
}

.custom-checkbox-all input[type=checkbox] {
visibility: collapse;
width: 0px;
margin-left: -0.25em;
}

.custom-checkbox-all input[type=checkbox] ~ .custom-check-on-all {
display: none;
}

.custom-checkbox-all input[type=checkbox]:checked ~ .custom-check-on-all {
display: inline;
}

.custom-checkbox-all input[type=checkbox]:checked ~ .custom-check-off-all {
                    display: none;
}

.custom-checkbox-all input[type=checkbox]:disabled ~ * {
color: #b6b4b4;
}

.custom-checkbox-all input[type=checkbox].error ~ .custom-check-on-all,
.custom-checkbox-all input[type=checkbox].error ~ .custom-check-off-all {
border: solid 2px red;
}

.custom-checkbox-all i.btn {
overflow: hidden;
color: transparent;
position: relative;
display: inline-block;
width: 3em;
padding: 0;
font-style: normal;
}

.custom-checkbox-all .btn:after {
content: "";
font-style: normal;
border: 7px solid white;
position: absolute;
top: 0;
bottom: 0;
border-radius: 5px;
}

.custom-checkbox-all .custom-check-on-all.btn:after {
right: -4px;
}

.custom-checkbox-all .custom-check-off-all.btn:after {
left: -4px;
}

.custom-checkbox-all .custom-check-on-all.btn:before {
content: "All";
color: #ded7ff;
margin-left: -15px;
}

.custom-checkbox-all .custom-check-off-all.btn:before {
content: "Off";
color: #ded7ff;
margin-right: -15px;
}			
			
.custom-checkbox-all input[type=checkbox]:checked ~ .btn.custom-check-on-all {
display: inline-block;
}		

input[type=checkbox] {
height:20px;
width:20px;
}