// Some table columns also have .message class
div.message {
  padding: 8px 8px 8px 32px;
  line-height: 17px;
  border-width: $default-border-width;
  border-style: $default-border-style;
  border-radius: $default-border-radius;
  position: relative;
  margin-bottom: 8px;
  text-align: left;

  h1, h2, h3 { margin-top: 0 }

  .icon {
    position: absolute;
    left: 8px;
    top: 10px;
    color: inherit;
  }

  &.footnote {
    font-size: $small-font-size;
    margin: 16px;
  }

  a {
    text-decoration: underline;

    &:hover {
      color: inherit;
      text-decoration: none;
    }
  }

  ol {
    margin: 0 0 8px;
    padding-left: 20px;

    li {
      text-indent: 0;
      margin-bottom: 4px;
    }
  }

  &.info {
    background-color: $info_background_color;
    border-color: $info_border_color;
    color: $info_text_color;
  }

  &.error {
    background-color: $error_background_color;
    border-color: $error_border_color;
    color: $error_text_color;
  }

  &.warning, &.warn, &.alert {
    background-color: $warning_background_color;
    border-color: $warning_border_color;
    color: $warning_text_color;
  }
}