@import "../../style/mixins/index";
@import "./mixin";

@fee-type-panel-prefix-cls: ~"@{mkui-prefix}-fee-type-panel";

.@{fee-type-panel-prefix-cls} {
  .reset-component;
  @font-size-sm: 12px;
  width: @fee-type-input-width;
  max-height: @fee-type-input-height;
  min-height: 100px;
  overflow: auto;
  &-hot-wrapper {
    padding: 8px 16px;
    border-bottom: 1px dashed @border-color-split;
  }
  &-hot-title {
    font-weight: 600;
  }
  &-hot-content {
    overflow: hidden;
    margin-left: -10px;
  }
  &-category {
    border-bottom: 1px dashed @border-color-split;
    padding: 8px 16px;
    overflow: hidden;
    &-name {
      font-weight: 600;
    }
    &-children-wrapper {
      overflow: hidden;
      margin-left: -10px;
    }
    &:last-child {
      border-bottom: none;
    }
  }
  &-item {
    .pin;
    &.selected {
      color: @fee-type-input-item-selected-color;
      background-color: @fee-type-input-item-selected-background-color;
    }
  }

  &-search {
    &-input {
      height: 38px;
      border-bottom: 1px solid @primary-color;
    }
    &-empty {
      padding: 20px 10px;
    }
    &-result {
      // max-height: 300px;
      overflow: auto;
      padding: 10px;
      margin-bottom: 0;
      li {
        display: inline-block;
        padding: 0 8px;
        outline: 0;
        white-space: nowrap;
        text-decoration: none;
        color: #333;
        cursor: pointer;
        line-height: 26px;
        border-radius: 2px;
        strong {
          font-weight: normal;
          color: #efbc23;
        }
        &:hover {
          background-color: #f1f8ff;
          color: @primary-color;
        }
      }
    }
  }
}
