.filter-title {
  font-weight: 700;
  position: relative;
  margin:4px 0px;
  font-size: 16px;

  &:first-child {
    margin-top:-2px !important;
  }

  .filter-init {
    position: absolute;
    right:0px;
    top:2px;
    color:#b5b3b3;
    font-weight: 400;
    font-size: 13px;
    cursor:pointer;
  }

  .filter-collapse {
    position: absolute;
    right:0px;
    top:2px;
    color:#b5b3b3;
    font-weight: 400;
    font-size: 13px;
    cursor:pointer;

    .fa-chevron-up {
      display:none;
    }
  }
}

.filter-search {
  border: 0.5px solid #DFDEDE;
  width:100%;
  border-radius: 3px;
  padding:4px;
  font-size: 12px;
  margin:4px 0px 8px 0px;
}

.filter-checkbox {
  position: relative;

  input {
    border-radius: 3px;
    border:0.5px solid #747474;
    accent-color:#cd181f;
    width:17px;
    height:17px;
    margin:8px 0px;
  }

  .filter-rating-checkbox {
    color:#f4d031;
  }

  .checkbox-label {
    position: absolute;
    top:6px;
    left:22px;
    font-size: 14px;
    color: #000;

    span {
      color:#b5b3b3;
    }
  }
}

.filter-checkbox-more {
  font-size: 14px;
  color:#5a5a5a;
  cursor:pointer;
  margin:8px 0px;
}

.filter-preset {
  margin:8px 0px;

  div {
    border-radius: 3px;
    padding:0px 6px;
    border:0.5px solid #8f8f8f;
    color:#8f8f8f;
    font-size: 12px;
    margin:1.5px;
    cursor: pointer;
  }

  .filter-preset-highlight {
    background-color: #cd181f;
    border:0.5px solid #cd181f;
    color:white;
  }
}

.filter-range {
  margin:8px 0px;

  input {
    width:75px;
    border-radius: 3px;
    border:0.5px solid #d1d1d1;
    padding:3px 9px;
    font-size:13px;
  }

  .filter-range-text {
    font-size: 13px;
    padding:3px 8px;
  }

  .filter-range-btn {
    border-radius: 3px;
    border:0.5px solid #cd181f;
    background-color: #cd181f;
    padding:3px 9px;
    color:white;
    font-size: 13px;
    cursor: pointer;
    margin-left: 4px
  }
}

.filter-switch {
  width:54px;
  height:18px;
  margin:0px 13px;

  .switch{
    font-size: 20px; /* 1 */
    height: 100%;
    width: 100%;
    background: #cd181f;
    border-radius: 9px;
    cursor: pointer;
    padding:3px;

    input {
      position: absolute;
      opacity: 0;

      &:checked + div {
        -webkit-transform: translate3d(36px, 0, 0);
           -moz-transform: translate3d(36px, 0, 0);
                transform: translate3d(36px, 0, 0);
      }
    }

    div {
      height: 12px;
      width: 12px;
      border-radius: 50%;
      background: #FFF;
      box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.3);
      -webkit-transition: all 300ms;
         -moz-transition: all 300ms;
              transition: all 300ms;
    }
  }
}

.filter-sort-text {
  color:#000;
  cursor: pointer;

  &:first-child {
    margin-right:4px;
  }
  &:last-child {
    margin-left:4px;
  }
}

.filter-sort-text-highlight {
  color:#cd181f;
}

.filter-category {
  .filter-category-hide {
    display: none;
  }
}

.filter-brand {
  .filter-brand-hide {
    display: none;
  }

  .filter-brand-sort {
    font-size:12px;
    color:#a5a5a5;
  }

  .filter-brands-count-container {
    display: none;
  }
}

.filter-weight {
  .filter-weight-unit {
    margin:8px 0px;
    font-size: 12px;
  }

  .weight-lb {
    display: none;
  }
}

.filter-health {
  .filter-health-hide {
    display: none;
  }
}

.list-mobile-filter-modal {
  .filter-preset {
    div {
      font-size: 14px;
    }
  }
}