.x-list-group-table {
  @extend %list-group,
          %list-group-flush;
}


.x-list-group-table-heading {
  @extend %text-center,
          %text-uppercase,
          %font-weight-bold,
          %font-size-xs,
          %bg-light-transparent;
  @include custom-theme-color(primary, color);
}




.x-list-group-table-row {
  @extend %list-group-item,
          %d-flex,
          %justify-content-between,
          %p-0;

  > * {
    @extend %py-3,
            %px-2;
  }

  &:first-child {
    @extend %border-top-0;
  }

}

.x-list-group-table-label {
  @extend %d-flex,
          %align-items-center,
          %font-weight-bold,
          %font-size-xs,
          %text-left;
}

.x-list-group-table-value {
  @extend %font-size-xs,
          %text-right;

  .x-list-group-table-row & {
    @extend %bg-light-transparent;
  }
}

.x-list-group-table-footer {
  @include custom-theme-color(secondary-transparent, background-color);
  @extend %d-flex,
          %align-items-center,
          %justify-content-between,
          %border-secondary;
  font-weight: $font-weight-bold;

  > * {
    @extend %py-3,
            %px-2;
  }

  border-top: 2px solid;

  .x-list-group-table-label {
    @extend %text-uppercase;
  }

  .x-list-group-table-value {
    @extend %text-right;
  }
}