.zt-alert {
  border-radius: @border-radius;
  border: none;
  > .anticon {
    font-size: 16px;
    margin-right: 10px;
  }
  &.ant-alert-with-description {
    padding: 8px 15px;
    > .anticon {
      margin-top: 2px;
      font-size: 24px;
    }
  }
  &.zt-alert--margin-top {
    margin-top: @margin-base;
  }
  &.zt-alert--margin-bottom {
    margin-bottom: @margin-base;
  }
  &.ant-alert-success {
    background-color: @active-color;
    color: #fff;
    .anticon {
      color: #fff;
    }
    .ant-alert-message {
      color: #fff;
    }
  }
  &.ant-alert-error {
    background-color: @stress-color;
    color: #fff;
    .anticon {
      color: #fff;
      margin-top: 1px;
    }
    .ant-alert-message {
      color: #fff;
    }
  }
  &.ant-alert-info,
  &.ant-alert-warning {
    background-color: @global-color;
    color: @global-text-color;
    .anticon {
      color: @global-text-color;
    }
    .ant-alert-message {
      color: @global-text-color;
    }
  }
}