.ht-base-badge {
  .ivu-badge-count{
    height: 20px;
    border-radius: 10px;
    min-width: 0;
    line-height: 17px;
  }
  .ivu-badge-status-default{
    background-color:@slider-disabled-color;
  }
  .ivu-badge-count-normal{
    background-color:@slider-disabled-color;
    color: @white;
  }
  .ivu-badge-dot{
    width: 10px;
    height: 10px;
    position: absolute;
    top: -4px;
    right: -12px;
  }
  .ivu-badge-status-dot{
    width: 10px;
    height: 10px;
  }
  &.ivu-badge-bubble{
    .ivu-badge-count{
      border-radius:4px;
      box-shadow:0 0 0 0px #fff;
    }
    &:after{
      content: "";
      border-width: 7px 5px 0;
      border-top-color:@error-color;
      border-left-color: transparent;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-style:solid;
      width: 0;
      height: 0;
      position: absolute;
      left: 50%;
      margin-left: -5px;
      top: 18px;
    }
    &[placement="left"]:after{
      content: "";
      border-width: 4px 7px;
      border-top-color:transparent;
      border-left-color: transparent;
      border-right-color: @error-color;
      border-bottom-color: transparent;
      border-style:solid;
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: -8px;
    }
    &[placement="right"]:after{
      content: "";
      border-width: 4px 7px;
      border-top-color:transparent;
      border-left-color: @error-color;
      border-right-color: transparent;
      border-bottom-color: transparent;
      border-style:solid;
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 111%;
    }
  }
}



