/*@import url("https://use.fontawesome.com/releases/v5.0.11/css/all.css");*/

#filters label{
	position: relative;
	cursor: pointer;
	font-size:14px;
	font-weight:700;
}

#filters input[type="checkbox"]{
	position: absolute;
	right: 9000px;
}

/*Check box*/
#filters input[type="checkbox"] + .label-text:before{
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	content:"";
	display:inline-block;
	width:21px;
	height:21px;
	border:1px solid #2c2d2c;
	border-radius:50%;
	speak: none;
	text-transform: none;
	line-height: 1;
	margin-right: 5px;
	padding:3px 0px 3px 4px;
	font-size:12px;
}

#filters input[type="checkbox"]:checked + .label-text:before{
	content:"\e014";
	speak: none;
	color:#FFF;
	background-color:#22B573;
	border-color:#22B573;
	animation: effect 250ms ease-in;
}

#filters input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

#filters input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}



@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}