[data-label] {
  &:before {
    @include        media-breakpoint-down(sm) {
      content: attr(data-label);
      padding: 0px 10px;
      float: left;
    }
  }
  @include        media-breakpoint-down(sm) {
    display: block;
    text-align: right;
  }
}

.data-labeled-table {
  @include        media-breakpoint-down(sm) {
    tr {
      display: block;
    }
    thead {
      display: none;
    }
  }
}
