$selectTable-prefix-cls:  "#{$css-prefix}selectTable";
$selectTable-item-prefix-cls:  "#{$css-prefix}selectTable-item";
$select-group-prefix-cls:  "#{$css-prefix}selectTable-group";
$table-prefix-cls:"#{$css-prefix}table";

.#{$selectTable-prefix-cls} {
  input {
    @include selectionStyle;
  }

  &-dropdown-noline-content {
    .h-selectTable-dropdown-list {
      .h-table-wrapper {
        .h-table th {
          border-bottom: 1px solid $table-outside-border-color;
          border-right: 1px solid $table-hearder-border-color;
        }

        .h-table th:last-child {
          border-right: 0;
        }

        .h-table td {
          border-bottom: 1px solid $table-inside-border-color;
        }

        .h-table-row-hover td {
          background: $background-color-select-hover;
        }

        .h-table-row-highlight td,
        .h-table-row-checked td {
          background: $selectTable-dropdown-noline-content-h-table-wrapper-row-checked-background;
          color: $selectTable-dropdown-noline-content-h-table-wrapper-row-checked-color;
        }
      }
    }
  }

  &-multiple {
    .h-selectTable-dropdown-list {
      .h-table-wrapper {
        .h-table-row-checked:nth-child(2n) {
          & td {
            background-color: $table-td-stripe-bg;
          }
        }

        .h-table-row-hover:nth-child(2n) {
          & td {
            background-color: $background-color-select-hover;
          }
        }

        .h-table-row-checked td {
          background-color: #fff;
          color: $table-td-text-color;
        }

        .h-table-row-hover td {
          background-color: $background-color-select-hover;
        }

        &-focus,
        &-selected:hover {
          color: $selected-color;
          background: $background-color-select-hover;
        }
      }
    }

    .h-tag {
      margin: 2px;

      & i {
        margin: 0;
        color: #999;
      }
    }
  }

  & .h-table {
    &::before {
      content: none;
      background-color: rgb(255, 0, 0);
    }
  }
}
.#{$selectTable-prefix-cls}-multiple.#{$selectTable-prefix-cls}-disabled {
  & .h-tag {

    &>.#{$css-prefix}tag-text {
      color: #bbb;
    }
    &>.#{$css-prefix}icon {
      color: #bbb;
    }
  }
}