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

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

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

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

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

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

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

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

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

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

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

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

.verify-checkbox .verify-check-on.btn:before {
content: "Yes";
color: #ded7ff;
margin-left: -5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.verify-checkbox-all .verify-check-on-all.btn:before {
content: "Yes";
color: #ded7ff;
margin-left: -1px;
}

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

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