.ht-base-tag{
  &.ivu-tag{
    height: 24px;
    line-height: 24px;
  }
  &.ivu-tag-dot{
    height: 32px;
    line-height: 32px;
    .ivu-tag-dot-inner{
      margin-right: 4px;
      background: #595959;
    }
    & .ivu-icon-ios-close{
      margin-left: 4px!important;
    }
  }
  &.ivu-tag-default{
    background: #fafafa !important;
  }

  &.ivu-tag-border:hover{
    border-color: @primary-5;
    .ivu-tag-text{
      color: @primary-5;
    }
    .ivu-icon{
      color: @primary-5!important;
    }
  }
  &.ivu-tag-border:active{
    border-color: @primary-7;
    .ivu-tag-text{
      color: @primary-7;
    }
    .ivu-icon{
      color: @primary-7!important;
    }
    &.ivu-tag-closable:after{
      background: @primary-7;
    }
  }
  &.ivu-tag-success.ivu-tag-border:hover{
    background: #EDFFF3!important;
    .ivu-icon{
      color: @success-color!important;
    }
  }
  &.ivu-tag-error.ivu-tag-border:hover{
    background: #FFEFE6!important;
    .ivu-icon{
      color: @error-color!important;
    }
  }
  &.ivu-tag-warning.ivu-tag-border:hover{
    background: #FFF9E6!important;
    .ivu-icon{
      color: @warning-color!important;
    }
  }
  &.ivu-tag-border:hover:after{
    background-color: @primary-5;
  }
  &.ivu-tag-success.ivu-tag-border:hover:after{
    background-color: @success-color;
  }
  &.ivu-tag-error.ivu-tag-border:hover:after{
    background-color: @error-color;
  }
  &.ivu-tag-warning.ivu-tag-border:hover:after{
    background-color: @warning-color;
  }
  &.ivu-tag-dot:hover{
    border-color: @primary-5!important;
    .ivu-tag-dot-inner{
      background-color: @primary-5;
    }
    .ivu-tag-text{
      color: @primary-5;
    }
    .ivu-icon{
      color: @primary-5!important;
    }
  }
  &.ivu-tag-success.ivu-tag-dot:hover{
    background: #EDFFF3!important;
    border-color: @success-color!important;
    .ivu-tag-dot-inner{
      background-color: @success-color;
    }
    .ivu-tag-text{
      color: @success-color;
    }
    .ivu-icon{
      color: @success-color!important;
    }
  }
  &.ivu-tag-error.ivu-tag-dot:hover{
    background: #FFEFE6!important;
    border-color: @error-color!important;
    .ivu-tag-dot-inner{
      background-color: @error-color;
    }
    .ivu-tag-text{
      color: @error-color;
    }
    .ivu-icon{
      color: @error-color!important;
    }
  }
  &.ivu-tag-warning.ivu-tag-dot:hover{
    background: #FFF9E6!important;
    border-color: @warning-color!important;
    .ivu-tag-dot-inner{
      background-color: @warning-color;
    }
    .ivu-tag-text{
      color: @warning-color;
    }
    .ivu-icon{
      color: @warning-color!important;
    }
  }
  &.ivu-tag-default{
    background: transparent;
  }

}

