/**Variable**/

.vxe-filter-popper {
  border-radius: 5px;//element重置样式了 这里可以去掉
}

/*筛选*/
.vxe-filter-wrapper {
  padding: 0 2px;
  vertical-align: middle;
  display: inline-block;
  line-height: 15px;
  margin-top: 2px;
  &.is--active {
    .vxe-filter--btn {
      color: $vxe-font-color;
    }
  }
  .vxe-filter--btn {
    font-size: 13px;
    color: $vxe-table-column-icon-border-color;
    cursor: pointer;
    &:hover {
      color: $vxe-font-color;
    }
  }
}
.filter--active {
  // background: $vxe-table-column-filter-active-background-color;
  .vxe-filter-wrapper {
    .vxe-filter--btn {
      color: $vxe-primary-color;
    }
  }
}
.is--sortable--active {
  background: $vxe-table-column-sort-background-color !important;
}
.is--filter--active {
  background: $vxe-table-column-filter-background-color !important;
}
.vxe-table-light {
  .is--sortable--active {
    background: $vxe-table-light-column-sort-background-color !important;
  }
  .is--filter--active {
    background: $vxe-table-light-column-filter-background-color !important;
  }
}

/*默认的渲染*/
.vxe-table,
.vxe-table--filter-wrapper {
  .vxe-default-input,
  .vxe-default-textarea,
  .vxe-default-select,
  .vxe-default-datePicker {
    .el-input {
      width: 270px;
    }
    //outline: 0;
    //padding: 0 2px;
    //height: 40px;
    //width: 100%;
    //color: $vxe-font-color;
    //border-radius: 4px;
    //border: 1px solid $vxe-input-border-color;
    //&:focus {
    //  border: 1px solid $vxe-primary-color;
    //}
  }
  .vxe-default-textarea {
    resize: none;
    vertical-align: middle;
  }
  .vxe-input--wrapper {
    width: 100%;
    display: block;
    .vxe-input,
    .vxe-textarea {
      padding: 0 2px;
    }
    .vxe-textarea {
      resize: none;
    }
  }
}

/*筛选容器*/
.vxe-table--filter-wrapper {

  display: none;
  position: absolute;
  min-width: 200px;
  font-size: $vxe-font-size;
  font-family: $vxe-font-family;
  border-radius: 4px;
  color: $vxe-font-color;
  background-color: $vxe-table-background-color;
  border: 1px solid $vxe-table-popup-border-color;
  box-shadow: 0 1px 6px rgba(0,0,0,.2);
  z-index: 10;

  &.filter--active {
    display: block;
  }
  .vxe-table--filter-body {
    list-style-type: none;
    margin: 1px 0;
    max-height: 500px;
    padding: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    & .el-range-input{
      text-align: left;
    }
    &.el-range-separator{
      margin-right: 10px;
    }
  }
  .vxe-table--filter-footer {
    border-top: 1px solid $vxe-table-popup-border-color;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}