@-webkit-keyframes ani-load-loop {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes ani-load-loop {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.ivu-load-loop {
  animation: ani-load-loop 1s linear infinite;
  -webkit-animation: ani-load-loop 1s linear infinite;
}

.ht-base-message {
  .ht-base-icon {
    margin-right: 4px;
    font-size: 16px;
    vertical-align: middle;
  }

  .ivu-message-info .ht-base-icon, .ivu-message-loading .ht-base-icon {
    color: @primary-color;
  }

  .ivu-message-success .ht-base-icon {
    color: @success-color;
  }

  .ivu-message-warning .ht-base-icon {
    color: @warning-color;
  }

  .ivu-message-error .ht-base-icon {
    color: @error-color;
  }

  .ivu-message-notice-close i.ht-base-icon {
    font-size: 14px;
    color: #999;
    transition: color .2s ease;
    position: relative;
    top: -2px;
  }

  .ivu-message-notice-close i.ht-base-icon:hover {
    color: #444;
  }


  .ht-base-message-info-ghost {
    .ivu-message-notice-content {
      border: @border-width-base @border-style-base @border-info-color;
      background-color: @bg-info-color;
      color: @primary-color;
    }

  }

  .ht-base-message-success-ghost {
    .ivu-message-notice-content {
      border: @border-width-base @border-style-base @border-success-color;
      background-color: @bg-success-color;
      color: @success-color;
    }
  }

  .ht-base-message-warning-ghost {
    .ivu-message-notice-content {
      border: @border-width-base @border-style-base @border-warning-color;
      background-color: @bg-warning-color;
      color: @warning-color;
    }
  }

  .ht-base-message-error-ghost {
    .ivu-message-notice-content {
      border: @border-width-base @border-style-base @border-error-color;
      background-color: @bg-error-color;
      color: @error-color;
    }

  }

  .ht-base-message-info-focus {
    .ht-base-icon {
      color: #fff
    }

    .ivu-message-notice-close i.ht-base-icon {
      color: #e8e4e4
    }

    .ivu-message-notice-close i.ht-base-icon:hover {
      color: #fff
    }

    .ivu-message-notice-content {
      background-color: @primary-color;
      color: #fff;
    }
  }

  .ht-base-message-success-focus {
    .ht-base-icon {
      color: #fff
    }

    .ivu-message-notice-close i.ht-base-icon {
      color: #e8e4e4
    }

    .ivu-message-notice-close i.ht-base-icon:hover {
      color: #fff
    }

    .ivu-message-notice-content {
      background-color: @success-color;
      color: #fff;
    }
  }

  .ht-base-message-warning-focus {
    .ht-base-icon {
      color: #fff
    }

    .ivu-message-notice-close i.ht-base-icon {
      color: #e8e4e4
    }

    .ivu-message-notice-close i.ht-base-icon:hover {
      color: #fff
    }

    .ivu-message-notice-content {
      background-color: @warning-color;
      color: #fff;
    }
  }

  .ht-base-message-error-focus {
    .ht-base-icon {
      color: #fff
    }

    .ivu-message-notice-close i.ht-base-icon {
      color: #e8e4e4
    }

    .ivu-message-notice-close i.ht-base-icon:hover {
      color: #fff
    }

    .ivu-message-notice-content {
      background-color: @error-color;
      color: #fff;
    }
  }

  .ht-base-message-info-float {
    .ivu-message-notice-content {
      background-color: #fff;
      border-left: 5px solid @primary-color;
    }
  }

  .ht-base-message-success-float {
    .ivu-message-notice-content {
      background-color: #fff;
      border-left: 5px solid @success-color;
    }
  }

  .ht-base-message-warning-float {
    .ivu-message-notice-content {
      background-color: #fff;
      border-left: 5px solid @warning-color;
    }
  }

  .ht-base-message-error-float {
    .ivu-message-notice-content {
      background-color: #fff;
      border-left: 5px solid @error-color;
    }
  }

  .ivu-message-notice-content-text {
    display: table-cell;
  }

  .ht-base-message-render {
    font-size: 24px !important;
  }

}
