.membercare-invoice {
  padding: calc(10px + 10 * ((100vw - 600px) / 800));
  box-sizing: border-box;
  border: 1px solid #909197;
  display: flex;
  flex-wrap: nowrap;
  align-content: space-between; }
  @media screen and (max-width: 600px) {
    .membercare-invoice {
      padding: 10px; } }
  @media screen and (min-width: 1400px) {
    .membercare-invoice {
      padding: 20px; } }
  @media (max-width: 1024px) {
    .membercare-invoice {
      flex-wrap: wrap; } }
  .membercare-invoice .invoicedate {
    margin-bottom: calc(10px + 10 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .membercare-invoice .invoicedate {
        margin-bottom: 10px; } }
    @media screen and (min-width: 1400px) {
      .membercare-invoice .invoicedate {
        margin-bottom: 20px; } }
  .membercare-invoice .invoice-data {
    flex-grow: 0;
    margin-right: 40px;
    width: 40%; }
    @media (max-width: 1024px) {
      .membercare-invoice .invoice-data {
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0; } }
    .membercare-invoice .invoice-data h2 span {
      color: var(--color-primary); }
  .membercare-invoice .items {
    flex-grow: 1; }
    @media (max-width: 1024px) {
      .membercare-invoice .items {
        min-width: 0;
        width: 100%; } }
  .membercare-invoice table {
    /*
    @include scope(tablet-portrait) {
      display: table;
    }

    tbody {
      @include scope(tablet-portrait) {
        display: table-row-group;
      }
    }
*/ }
    @media (max-width: 1024px) {
      .membercare-invoice table {
        table-layout: fixed; } }
    .membercare-invoice table th {
      padding-top: 0; }
    .membercare-invoice table tr {
      border: none; }
  .membercare-invoice thead td:last-child,
  .membercare-invoice thead th:last-child,
  .membercare-invoice tbody td:last-child,
  .membercare-invoice tbody th:last-child,
  .membercare-invoice tfoot td:last-child,
  .membercare-invoice tfoot th:last-child {
    text-align: right; }
  .membercare-invoice tfoot {
    border-top: 1px solid #909197;
    border-bottom: 1px solid #909197; }
    .membercare-invoice tfoot td {
      font-family: "Founders-grotesk-Medium", "sans-serif"; }

/*# sourceMappingURL=../../_maps/components/membercare/membercare--invoice.css.map */