/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Content region layout.
 */

.region--content {
  margin-block-end: var(--sp);
}

.invoice-items-container {
margin-top: 20px;
  margin-bottom: 10px;
    }
.invoice-items-container table {
  width: 100%;
  margin-block: var(--space-l);
  border-collapse: collapse;
}
.invoice-items-container th {
  position: relative;
  box-sizing: border-box;
  height: 3rem;
  padding: 0.5rem 1rem;
  text-align: start;
  color: #232429;
  background: #f3f4f9;
  line-height: 1.25rem;
}

.invoice-items-container td {
  box-sizing: border-box;
  height: 4rem;
  padding: 0.5rem 1rem;
  text-align: start;
  border: 0.0625rem solid #d3d4d9;
}


@media (min-width: 43.75rem) {
  .region--content {
    margin-block-end: var(--sp2);
  }
}

@media (min-width: 62.5rem) {
  .region--content {
    margin-block-end: var(--sp3);
  }
}