.table {
  margin-bottom: $gutter;
}

.table-heading {
  text-align: left;
}

%table-field,
.table-field {

  &:last-child {
    padding-right: 0;
  }

  &-status {

    &-default {
      color: $secondary-text-colour;
    }

    &-error {

      color: $error-colour;
      font-weight: bold;

      a:link,
      a:visited {
        color: $error-colour;
      }

    }

  }

}

.table-field-heading {

  &:last-child {
    padding-right: 0;
  }

  &-right-aligned {
    display: block;
    text-align: right;
  }

}

.table-field-right-aligned {
  @extend .table-field;
  text-align: right;
}

.table-empty-message {
  @include core-16;
  color: $secondary-text-colour;
  border-bottom: 1px solid $border-colour;
  padding: 5px 0 8px 0;
}