.bx-filter * {
	font-family: sf-compact, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
.fa {
	font: normal normal normal 14px/1 FontAwesome;
}
.fa::before {
  content: "";
}

.bx-filter-parameters-box-hint .fa {
	float: right;
	height: 21px;
	width: 15px;
	background-image: url(../images/icons/arrow.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.bx-filter-parameters-box-hint .fa.fa-angle-up {

}
.bx-filter-parameters-box-hint .fa.fa-angle-down {
	transform: scale(1, -1) 
}
.bx-filter .bx-filter-title,
.bx-filter .bx-filter-parameters-box-title span {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #808080;
	text-transform: uppercase;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 20px;
}
.bx-filter .bx-filter-title {
	margin-top: 0;
}
.bx-filter .bx-filter-parameters-box {
  	border-bottom: 1px solid #ECECEA;
}
.bx-filter .bx-filter-parameters-box:last-child {
	border: 0;
}
#del_filter {
	display: block;
	position: absolute;
	top: 25px;
	right: 10px;
	background: none;
	background-image: url(../images/icons/reload.svg);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 15px;
	width: fit-content;
	min-width: fit-content;
	height: 20px;
	line-height: 20px;
	font-style: normal;
	font-weight: 100;
	font-size: 12px;
	text-align: right;
	text-decoration-line: underline;
	text-transform: none;
	color: #808080;
	border: 0;
}
#del_filter:hover {
	text-decoration-line: none;
}
#set_filter {
	width: 100%;
	min-width: 100%;
	height: 48px;
	background-color: #E6BEA5;
	border-color: #E6BEA5;
  	color: #554236;
}
#set_filter:hover {
	background-color: var(--text);
	border-color: var(--text);
  	color: #ffffff;
}


 /* Customize the label (the container) */
.bx-filter-param-label  {
	display: block;
	position: relative;
	padding-left: 20px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.bx-filter .bx-filter-param-text {
	font-weight: 100;
	color: #2D2D2D;
}
.bx-filter .bx-filter-block {
	/*display: block;
	opacity: 1;*/
}


/* Hide the browser's default checkbox */
.bx-filter-param-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.bx-filter-param-label .bx-filter-param-text:before {
	content: " ";
	position: absolute;
	top: 4px;
	left: 0;
	height: 12px;
	width: 12px;
	border: 1px solid #2D2D2D;
	background-size: 75%;
	background-position: center center;
	background-repeat: no-repeat;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.bx-filter-param-label input:checked ~ .bx-filter-param-text:before {
	background-image: url(../images/icons/checkbox.svg);
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}