.kw-table-filter {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  overflow: hidden;
  margin: 8px 0 16px;
  height: 48px;
  background: #fafafa;

  .kw-btn-icon {
    margin-left: 0 !important;
  }

  .ant-input-affix-wrapper {
    padding: 4px 0;
    margin-right: 12px;
    background: #fafafa;
  }

  .kw-search-input {
    &.input-w-272 {
      flex: 1;
      width: auto;
      min-width: 200px;
      height: 32px;
      border: none;
    }

    .ant-input-prefix {
      margin-right: 8px;
    }

    .s-input-icon {
      color: var(--kw-disabled-color);
      cursor: pointer;

      &:hover {
        color: var(--kw-heading-color);
      }
    }

    &.ant-input-affix-wrapper-focused,
    &.ant-input-affix-wrapper:focus {
      .s-input-icon {
        color: var(--kw-heading-color);
      }
    }

    &.ant-input-affix-wrapper > input.ant-input {
      padding: 0;
      border: none;
      outline: none;
      font-size: 14px;
      background: #fafafa;
    }

    &.ant-input-affix-wrapper {
      .ant-input-prefix {
        font-size: 16px;
        margin-left: 12px;
      }

      .ant-input-suffix {
        font-size: 16px;
        margin-right: 12px;
      }
    }
  }

  .tools {
    display: flex;
    justify-content: center;
    align-items: center;

    .ant-form-item {
      margin: 0;
    }

    .search {
      position: absolute;
      top: 8px;
      left: 0;
    }

    .ant-select-selector {
      min-width: 150px;
    }

    .ant-form-item-label > label:after {
      content: '';
      position: relative;
      top: -0.5px;
      margin: 0 8px 0 2px;
    }

    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      width: 100%;
      height: 32px;
      padding: 0 12px;
      border-radius: 4px;
      border: 1px solid rgba(0, 0, 0, 0.15);
    }
  }
}
