table
  &.table
    // Bootstrap behaviour
    width: 100%
  td.actions, th.actions
    text-align: right
    +table-fit
  th.status-icons, td.status-icons
    +table-fit
  td
    &.boolean
      text-align: center
    &.currency
      text-align: right
    &.time
      text-align: right
    &.date
      text-align: right
    .error
      display: inline-block
      padding-left: 5px
      color: $alert-color
  a.table-qr-codes
    +button-icon-only
    .translation
      display: none
.table-edit
  +button($bg: $secondary-color)
  +button-icon-only
  span
    @extend .fa
    @extend .fa-pencil
span.qr-icon
  @extend .fa
  @extend .fa-qrcode
  + span
    padding-left: 7px
a.table-qr-codes
  +button($bg: $secondary-color, $padding: $button-sml)
.table-destroy
  +button($bg: $secondary-color)
  +button-icon-only
  color: $warning-color
  margin-left: 8px
  span
    @extend .fa
    @extend .fa-times
.section-dashboard-orders
  +button($bg: $secondary-color)
  +button-icon-only
  margin-right: 0.7rem