.checkboxHolder {
	display: inline;
}

	.checkboxHolder input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
	}

.checkbox {
	display: block;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkmark {
	float: left;
	height: 20px;
	width: 20px;
	margin-right: 15px;
	margin-left: 15px;
}

.checkmarkEnabled {
	background-color: #eee;
}

.checkmarkDisabled {
	background-color: white;
}

.checkbox:hover input ~ .checkmarkDisabled {
	background-color: white;
}

.checkbox:hover input ~ .checkmarkEnabled {
	background-color: #ccc;
}

.checkbox input:checked ~ .checkmark {
	background: transparent url(../img/check.svg);
}