#clients .table-search {
  display: flex;
  gap: 24px;
  form {
    max-width: unset;
    width: 568px;
  }
  .dark-btn:hover {
    background-color: var(--blue);
    color: var(--white);
  }
}
.filter-group.multiple {
  align-items: self-start;
}
.filter-group {
  display: flex;
  gap: 24px;
  align-items: center;
  .btn-dropdown {
    background-color: var(--light-gray);
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 7px 38px 7px 10px;
    color: var(--gray);
    transition: all 0.3s ease-out 0s;
    min-width: 160px;
    text-align: left;
    display: flex;
    gap: 10px;
    &::after {
      right: 16px;
      top: 10px;
      border-bottom: 1px solid var(--gray);
      border-right: 1px solid var(--gray);
    }
    span.number {
      background: var(--black);
      color: var(--white);
      width: 20px;
      height: 20px;
      border-radius: 50%;
      justify-content: center;
      display: flex;
    }
  }
}
.menu .ic-home img {
  filter: invert(0.7);
}
.dropdown-checkmark {
  .dropdown-item {
    &::after {
      font: normal normal normal 1em / 1 "lineicons";
      position: absolute;
      content: "\ead1";
      right: 10px;
      top: 12px;
      opacity: 0;
      transition: all 0.3s ease-out 0s;
    }
    &.is-active::after,
    &:hover::after {
      opacity: 1;
    }
  }
}
#clients-detail {
  .sample {
    width: 205px;
  }
}