.ht-base-select {
  .ivu-select-selection {

    .ivu-select-placeholder {
      color: @sub-color !important;
    }

    border-radius: @btn-border-radius !important;
    .ivu-select-arrow,.ivu-select-prefix{
      font-size: 12px;
      color: @text-color;
    }

    .ivu-select-prefix {
      padding-left: 10px;
    }
  }

  .ivu-select-selection:hover {
    border: @border-width-base @border-style-base @primary-5;
  }
  .ivu-select-selection:active {
    border: @border-width-base @border-style-base @primary-7;
  }


  .ivu-select-dropdown {
    .ivu-select-dropdown-list {
      .ivu-select-item {
        height: 30px;
        line-height: 30px;
        padding: 0 16px;
        padding-left: 0;
        color: @text-color;
      }
      .ivu-select-item:hover{
        background-color: @background-color-base;
      }

      .ivu-select-item.ivu-select-item-focus {
        background-color: @background-color-base;
      }

      .ivu-select-item.ivu-select-item-selected {
        background-color: @background-color-base;
        color: @primary-color;
      }

      .ivu-select-item.ivu-select-item-disabled {
        color: @disabled-color;
      }
    }
  }
  .ivu-avatar-small{
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 10px;
  }
  &.ivu-select-multiple {
    .ivu-select-item-selected:after {
      color: @primary-color;
    }
  }
}

.ht-base-select.ivu-select-disabled .ivu-select-selection {
  color: @disabled-color;
  border: 1px solid @border-color-base !important;

  &:hover {
    border: 1px solid @border-color-base !important;
  }

}

.ht-base-select .ivu-select-selection:hover{
  border: 1px solid @primary-5 !important;
  z-index: 5;
}
.ht-base-select .ivu-select-selection:focus{
  box-shadow: @shadow-size @primary-color !important;
  border: 1px solid @primary-7 !important;
  z-index: 3;
}

.ht-base-select.ivu-select-disabled{
   .ivu-select-selection:focus{
    box-shadow: none !important;
     border:1px solid @border-color-base !important;
  }
   .ivu-select-selection:active{
    box-shadow: none !important;
     border:1px solid @border-color-base;
  }
}
