.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;
  }
  &.zt-alert--inline {
    display: inline-flex;
  }
  &.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 {
    background: @col-head-bg;
    border: 2px solid @system;
    color: #3d3d3d;
    .anticon {
      color: #3d3d3d;
    }
    .ant-alert-message {
      color: #3d3d3d;
    }
  }
  &.ant-alert-warning {
    background-color: @global-color;
    color: @global-text-color;
    .anticon {
      color: @global-text-color;
    }
    .ant-alert-message {
      color: @global-text-color;
    }
  }
}