.cc--filter-form .ui-widget.ui-widget-content {
  border: 0;
  height: 2px;
}

.cc--filter-form .ui-slider-handle,
.cc--filter-form .ui-slider-handle.ui-state-active {
  top: -4px;
  margin-left: -4px;
  border-radius: 50%;
  background: #EBB600 !important;
  width: 9px;
  height: 9px;
  border: 1px solid #fff !important;
}

.cc--filter-form .ui-slider-range {
  height: 3px;
  background: #EBB600;
  z-index: 3;
  margin-top: -1px
}

.cc--filter-form .ui-slider-handle::before {
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  width: 48px;
  left: 50%;
  background: #ecb600;
  margin-top: 10px;
  text-align: center;
  content: attr(data-value);
  font-size: 14px;
  color: #222;
}

.cc--filter-form .ui-slider-handle.ui-state-hover {
  z-index: 5 !important;
}

.cc--filter-form .ui-slider-handle::after {
  position: absolute;
  top: 100%;
  transform: translateX(-50%) rotate(45deg);
  width: 10px;
  height: 10px;
  left: 50%;
  background: #ecb600;
  margin-top: 5px;
  content: '';
  display: block;
  z-index: -1;
}

.cc--filter-form .form-item legend {
  font-weight: 700;
  margin-bottom: 10px;
}

.cc--filter-form .form-item-publication-year-min label,
.cc--filter-form .form-item-publication-year-max label,
.cc--filter-form .form-item-project-year-min label,
.cc--filter-form .form-item-project-year-max label,
.form-item-date-year-max,
.form-item-date-year-min label,
.form-item-date-year-min .form-text,
.ui-slider-min-year,
input[name="publication_year[max]"],
input[name="publication_year[min]"],
input[name="project_year[max]"],
input[name="project_year[min]"]
 {
  display: none !important;
}


.cc--filter-form input[type="text"] {
  color: #fff !important;
  font-size: 14px !important;
}


.fi--form-item .checkbox-wrapper label {
  display: inline-flex !important;
  padding: 0 0.5rem 0 0 !important;
  font-weight: bold !important;
}

.fi--form-item .checkbox-wrapper label::before {
  background: transparent !important;
  border: 1px solid #fff !important;
}

.fi--form-item .checkbox-wrapper input[type='checkbox']:checked + label::before {
  background: #fff !important;
}

.fi--form-item .checkbox-wrapper label::before,
.fi--form-item .checkbox-wrapper label::after {
  left: 100% !important;
}

.fi--form-item .checkbox-wrapper label::after {
  margin-left: 2px;
}

body.cc-filter-sent .select2-container--open {
  visibility: hidden !important;
}