/*	Checkbox, radio and toggles */

/***
We use this script only on the VOTING PAGE 
we are considering remaking it 
***/

.vt_check .radio-inline,
.vt_check .checkbox-inline {
	padding: 0;
}

.vt_check label.custom-option {
	position: relative;
	display: inline-block;
	padding: 0;
	height: 20px;
	vertical-align: top;
}

.vt_check label.custom-option + label {
	padding: 0 5px;
}

	.vt_check label.custom-option input[type="checkbox"],
	.vt_check label.custom-option input[type="radio"],
	.vt_check label.custom-option .button-checkbox,
	.vt_check label.custom-option .button-radio {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	
	.vt_check label.custom-option input[type="checkbox"],
	.vt_check label.custom-option input[type="radio"] {
		margin: 0;
		opacity: 0;
	}
	
	.vt_check label.custom-option .button-checkbox,
	.vt_check label.custom-option .button-radio {
		border: 1px solid #ccc;
		background: #fff;
	}
	
	.vt_check label.custom-option input[type="checkbox"]:checked + .button-checkbox,
	.vt_check label.custom-option input[type="radio"]:checked+ .button-radio {
		border-color: #bc6e6b;
	}
	
		.vt_check label.custom-option input[type="checkbox"] + .button-checkbox:after,
		.vt_check label.custom-option input[type="radio"] + .button-radio:after {
			position: absolute;
			content: '';
			z-index: 2;
		}
		
	.vt_check label.custom-option .button-radio,
	.vt_check label.custom-option .button-radio:after {
		-webkit-border-radius:	20px;
		-moz-border-radius:		20px;
		border-radius:			20px;
	}
	
/* Checkbox and radio */
.vt_check label.custom-option {
	width: 20px;
}

	.vt_check label.custom-option.button input[type="checkbox"] + .button-checkbox:after,
	.vt_check label.custom-option.button input[type="radio"] + .button-radio:after {
		display: none;
		top: 5px;
		bottom: 5px;
		left: 5px;
		width: 8px;
		background: #bc6e6b;
	}

	.vt_check label.custom-option.button input[type="checkbox"]:checked + .button-checkbox:after,
	.vt_check label.custom-option.button input[type="radio"]:checked + .button-radio:after {
		display: block;
	}
	
/* Toggles */
.vt_check label.custom-option.toggle {
	width: 46px;
}

	.vt_check label.custom-option.toggle:before,
	.vt_check label.custom-option.toggle:after {
		position: absolute;
		top: 1px;
		width: 24px;
		font-size: 8px;
		line-height: 19px;
		text-align: center;
		font-family: Arial, sans-serif;
		color: #777;
		z-index: 1;
	}
	
	.vt_check label.custom-option.toggle:before {
		content: attr(data-on);
		left: 1px;
	}
	
	.vt_check label.custom-option.toggle:after {
		content: attr(data-off);
		right: 1px;
	}
	
		.vt_check label.custom-option.toggle input[type="checkbox"] + .button-checkbox:after,
		.vt_check label.custom-option.toggle input[type="radio"] + .button-radio:after {
			display: block;
			top: 1px;
			bottom: 1px;
			left: 1px;
			width: 20px;
			background: #ccc;
			-webkit-transition:	all 0.3s;
			-moz-transition:	all 0.3s;
			transition:			all 0.3s;
		}
	
		.vt_check label.custom-option.toggle input[type="checkbox"]:checked + .button-checkbox:after,
		.vt_check label.custom-option.toggle input[type="radio"]:checked + .button-radio:after {
			left: 23px;
			background: #bc6e6b;
		}