input[type=checkbox] {
	visibility: hidden;
}


/**
 * Checkbox Five
 */
	.checkboxCustom {
		width: 25px;
		height: 25px;
		margin: 5px 5px;
		position: relative;
	}

	.checkboxCustomSpan {
		position: relative;
		bottom: 17px;
		left: 35px;
	}

	/**
	 * Create the box for the checkbox
	 */
	.checkboxCustom label {
		cursor: pointer;
		position: absolute;
		width: 25px;
		height: 25px;
		top: 0;
		left: 0;
		background: #eee;
		border:1px solid #ddd;
	}

	/**
	 * Display the tick inside the checkbox
	 */
	.checkboxCustom label:after {
		opacity: 0.2;
		content: '';
		position: absolute;
		width: 9px;
		height: 5px;
		background: transparent;
		top: 6px;
		left: 7px;
		border: 3px solid #333;
		border-top: none;
		border-right: none;

		transform: rotate(-45deg);
	}

	/**
	 * Create the hover event of the tick
	 */
	.checkboxCustom label:hover::after {
		opacity: 0.5;
	}

	/**
	 * Create the checkbox state for the tick
	 */
	.checkboxCustom input[type=checkbox]:checked + label:after {
		opacity: 1;
	}