.filters {
  /*
  .filters-collapse {
      border-radius: 2px;
      position: relative;
      button {
          border: 0;
          background-color: base.$white;
      }
      &::after {
          border-top: 0;
          position: absolute;
          left: unset;
          right: 5%;
          top: 50%;
          color: base.$primary;
          transform: translateY(-50%) rotate(0) !important;
          @include chevron-down()
      }
  }
  */
}
.filters a.dropdown-toggle {
  position: relative;
}
.filters a.dropdown-toggle button {
  border: 0;
  background-color: #FFFFFF;
}
.filters a.dropdown-toggle::after {
  border-top: 0;
  position: absolute;
  left: unset;
  right: 5%;
  color: #313131;
  content: "\f107";
  font-family: "FontAwesome";
  width: 10px;
}
.filters a.dropdown-toggle[aria-expanded=true]::after {
  transform: rotate(180deg) !important;
}
.filters #filters-search-button-input {
  background-color: #889327;
  transition: all 0.3s;
}
.filters #filters-search-button-input:hover {
  background-color: #515717;
}
.filters .filters-collapse .filters-options-box {
  border: 0;
  border-radius: 0;
}
.filters .filters-collapse .filters-options-box .form-check-input {
  border: 1px solid #313131;
  box-shadow: none;
  border-radius: 4px;
}
.filters .filters-collapse .filters-options-box .form-check-input:checked, .filters .filters-collapse .filters-options-box .form-check-input:indeterminate {
  background-color: #313131;
}
.filters .sortby a.dropdown-toggle {
  position: relative;
}
.filters .sortby a.dropdown-toggle button {
  border: 0;
  background-color: #FFFFFF;
}
.filters .sortby a.dropdown-toggle::after {
  border-top: 0;
  position: absolute;
  top: 25%;
  left: unset;
  right: 10%;
  color: #313131;
  content: "\f107";
  font-family: "FontAwesome";
  width: 9px;
}
.filters .sortby a.dropdown-toggle[aria-expanded=true]::after {
  transform: rotate(180deg) !important;
}

.search {
  line-height: normal;
  padding: 0.75rem 1.5rem;
}

.tag-remove {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23313131'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat !important;
  width: 0.5em !important;
  height: 0.5em !important;
}

.btn-close-blue {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23313131'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
  width: 1.5em !important;
  height: 1.5em !important;
}

#filtersSearch {
  border: 1px solid #6D6D6D;
  border-radius: 6px;
}
#filtersSearch .search_input:hover, #filtersSearch .search_input:focus {
  border: none !important;
}

.offcanvas-backdrop.show {
  opacity: 0.7;
  margin-top: 0;
}

.offcanvas-body {
  /* Scroll Bar */
  /* Track */
  /* Handle */
}
.offcanvas-body ::-webkit-scrollbar {
  width: 8px;
}
.offcanvas-body ::-webkit-scrollbar-track {
  background: #CCCCCC;
  border-radius: 8px;
}
.offcanvas-body ::-webkit-scrollbar-thumb {
  background: #636363;
  border-radius: 8px;
}

#collapseSort label {
  transition: all 0.3s;
  cursor: pointer;
}
#collapseSort label:hover {
  background-color: #FAFAFA;
}