.filter-input-div li {
	margin:0 0 10px 0;
	padding:10px 0 10px 4px;
	position: relative;
	background:#fff;
}

.filter-input-div label {
	display: block;
	position: relative;
	font-size:18px;
	padding: 0 0 0 35px;
	vertical-align: top;
	color:#000;
	cursor: pointer;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.filter-input-div label span {
	min-width:300px;	
	display:inline-block;
}

.filter-input-div label i {
	float:right;
	margin-right:7px;
	color:#db0000;
}

.filter-input-div input[type="checkbox"],
.filter-input-div label::before {
	width: 21px;
	height: 21px;
	top: 50%;
	left: 0;
	margin-top: -14px;
	position: absolute;
	cursor: pointer;
}

.filter-input-div input[type="checkbox"] {
	opacity: 0;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
	z-index: 100;
}

.filter-input-div label::before {
	content: '';
	border: 4px solid #000000;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.ac-radio label::before {
	border-radius: 50%;
}

.filter-input-div input[type="checkbox"]:checked + label {
	color: #db0000;
} 

.filter-input-div input[type="checkbox"]:disabled + label{
	color: #d2d2d2;
} 

.filter-input-div input[type="checkbox"]:checked + label::before,
.filter-input-div input[type="radio"]:checked + label::before {
	opacity: 0.8;
}

/* General SVG and path styles */

.filter-input-div svg {
	position: absolute;
	width:19px;
	height:19px;
	top: 50%;
	margin-top: -10px;
	left:5px;
	pointer-events: none;
}

.filter-input-div svg path {
	stroke: #db0000;
	stroke-width:20px;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
}