> For the complete documentation index, see [llms.txt](https://docs.hubyte.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.hubyte.de/pdf-dokumenten-template-bearbeiten/english-documentation/template-vorlagen.md).

# Template samples

This page contains the bundled **default templates** for reference and copying. They match exactly what the **Load default template** and **Load default CSS** buttons insert in the administration.

> **How to copy:** Hover over a code block and click the copy icon in the top right. Then paste the content into the matching field of the document configuration.

Available templates:

* [Line items table (Twig)](#line-items-table-twig) – German & English
* [Twig template for the summary](#twig-template-for-the-summary) – German & English
* [Default CSS of the line items table](#default-css-of-the-line-items-table)

***

## Line items table (Twig)

This template belongs in the field **"Table for order items (Twig template)"** (card "Order items"). It is rendered in three phases (`table`, `position`, `shipping`) – for details see [Line items table](/pdf-dokumenten-template-bearbeiten/english-documentation/bestellpositionen-tabelle.md).

### German

```twig
{% if hueRenderPhase == 'table' and config.displayLineItems %}
    <table class="line-item-table">
        <thead>
        <tr class="line-item-table-header">
            {% if config.displayLineItemPosition %}
                <th>Pos.</th>
            {% endif %}
            <th class="product-number">Prod.-Nr.</th>
            <th class="product-label">Produkt / Dienst</th>
            <th class="numbers">Anzahl</th>
            {% if config.displayPrices %}
                {% set companyTaxEnabled = billingAddress.country.companyTax.enabled %}
                {% set displayAdditionalNoteDelivery = config.displayAdditionalNoteDelivery %}
                {% set isDeliveryCountry = billingAddress.country.id in config.deliveryCountries %}
                {% set taxStatusGross = order.price.taxStatus == 'gross' %}
                {% set taxStatusNet = order.price.taxStatus == 'net' %}

                {% set displayVAT = not companyTaxEnabled or not (displayAdditionalNoteDelivery and isDeliveryCountry) %}
                <th class="numbers">USt.</th>

                <th class="numbers incl-vat">
                    Stückpreis
                    {% if displayVAT %}
                        {% if taxStatusGross %}
                            <span>Inkl. MwSt.</span>
                        {% elseif taxStatusNet %}
                            <span>Exkl. MwSt.</span>
                        {% endif %}
                    {% endif %}
                </th>

                <th class="numbers incl-vat">
                    Gesamt
                    {% if displayVAT %}
                        {% if taxStatusGross %}
                            <span>Inkl. MwSt.</span>
                        {% elseif taxStatusNet %}
                            <span>Exkl. MwSt.</span>
                        {% endif %}
                    {% endif %}
                </th>
            {% endif %}
        </tr>
        </thead>
{% elseif hueRenderPhase == 'position' and config.displayLineItems %}
    {% set class = '' %}
    {% if level > 0 %}
        {% set class = " nested level-" ~ level %}
    {% endif %}

    <tr class="line-item{{ class }}{% if first %} first{% endif %}" tabindex="0">
        {% block document_line_item_table_rows %}
            {% block document_line_item_table_row_position %}
                {% if config.displayLineItemPosition %}
                    <td>{% block document_line_item_table_column_position %}{{ prefix ~ position }}{% endblock %}</td>
                {% endif %}
            {% endblock %}

            {% block document_line_item_table_row_product_number %}
                {% if lineItem.payload.productNumber %}
                    <td class="line-item-product-number">{% block document_line_item_table_column_product_number %}{{ lineItem.payload.productNumber }}{% endblock %}</td>
                {% else %}
                    <td>{% block document_line_item_table_column_product_number_empty %}{% endblock %}</td>
                {% endif %}
            {% endblock %}

            {% block document_line_item_table_row_label %}
                <td class="line-item-breakable">
                    {% block document_line_item_table_column_label %}
                        {% if level > 0 %}
                            {% for i in 1..level %}
                                <span class="wrapper-wrapper">
                                    <span class="label-wrapper level-{{ i }}"></span>
                                </span>
                            {% endfor %}
                        {% endif %}

                        <span class="line-item-label level-{{ level }}">{{ lineItem.label|sw_sanitize(null, true) }}</span>
                        {% if lineItem.payload.options|length >= 1 %}
                            <br/>
                            {% for option in lineItem.payload.options %}
                                {{ option.group|sw_sanitize(null, true) }}: {{ option.option|sw_sanitize(null, true) }}
                                {% if lineItem.payload.options|last != option %}
                                    {{ " | " }}
                                {% endif %}
                            {% endfor %}
                        {% endif %}

                        {% if lineItem.payload.features|length >=1  %}
                            <br/>
                            {% for feature in lineItem.payload.features %}
                                {% if feature.type == 'referencePrice' %}
                                    {{ feature.value.purchaseUnit|sw_sanitize(null, true) }} {{ feature.value.unitName|sw_sanitize(null, true) }}
                                    ({{ feature.value.price|currency(currencyIsoCode, languageId) }}{{ "general.star"|trans }} / {{ feature.value.referenceUnit|sw_sanitize(null, true) }} {{ feature.value.unitName|sw_sanitize(null, true) }})
                                    {% if lineItem.payload.features|last != feature %}
                                        {{ " | " }}
                                    {% endif %}
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    {% endblock %}
                </td>
            {% endblock %}

            {% block document_line_item_table_row_quantity %}
                <td class="align-right">{% block document_line_item_table_column_quantity %}{{ lineItem.quantity }}{% endblock %}</td>
            {% endblock %}

            {% block document_line_item_table_prices %}
                {% if config.displayPrices %}
                    {% block document_line_item_table_row_tax_rate %}
                        <td class="align-right">{% block document_line_item_table_column_tax_rate %}{% for tax in lineItem.price.taxRules %}{{ tax.taxRate }} % {% if loop.last %}{% else %}<br>{% endif %}{% endfor %}{% endblock %}</td>
                    {% endblock %}
                    {% block document_line_item_row_table_unit_price %}
                        <td class="align-right">
                            {% block document_line_item_column_table_unit_price %}
                                {% set unitPrice = lineItem.unitPrice %}
                                {% if config.fileType == constant('Shopware\\Core\\Checkout\\Document\\Service\\HtmlRenderer::FILE_EXTENSION') %}
                                    {% if unitPrice < 0 %}&minus;{% endif %}{{ unitPrice|abs|currency(currencyIsoCode, languageId) }}
                                {% else %}
                                    {{ unitPrice|currency(currencyIsoCode, languageId) }}
                                {% endif %}
                            {% endblock %}
                        </td>
                    {% endblock %}
                    {% block document_line_item_table_row_total_price %}
                        <td class="align-right">
                            {% block document_line_item_table_column_total_price %}
                                {% set totalPrice = lineItem.totalPrice %}
                                {% if config.fileType == constant('Shopware\\Core\\Checkout\\Document\\Service\\HtmlRenderer::FILE_EXTENSION') %}
                                    {% if totalPrice < 0 %}&minus;{% endif %}{{ totalPrice|abs|currency(currencyIsoCode, languageId) }}
                                {% else %}
                                    {{ totalPrice|currency(currencyIsoCode, languageId) }}
                                {% endif %}
                            {% endblock %}
                        </td>
                    {% endblock %}
                {% endif %}
            {% endblock %}
        {% endblock %}
    </tr>
{% elseif hueRenderPhase == 'shipping' and config.displayLineItems %}
    <tr class="line-item" tabindex="0">
        {% if config.displayLineItemPosition %}
            <td>{{ nestedLineItems.count + 1 }}</td>
        {% endif %}
        {% block document_line_item_table_shipping_number %}
            <td></td>
        {% endblock %}
        {% block document_line_item_table_shipping_label %}
            <td class="line-item-breakable">{{ 'document.lineItems.shippingCosts'|trans|sw_sanitize }} - {{ order.deliveries.first.shippingMethod.translated.name }}</td>
        {% endblock %}
        <td class="align-right">1</td>
        {% if config.displayPrices %}
            {% block document_line_item_table_shipping_tax %}
                <td class="align-right">{% for tax in order.deliveries.first.shippingCosts.calculatedTaxes %}{{ tax.taxRate }} % {% if loop.last %}{% else %}<br>{% endif %}{% endfor %}</td>
            {% endblock %}

            {% block document_line_item_table_unit_price %}
                <td class="align-right">{{ order.shippingTotal|currency(currencyIsoCode, languageId) }}</td>
            {% endblock %}

            {% block document_line_item_table_total_price %}
                <td class="align-right">{{ order.shippingTotal|currency(currencyIsoCode, languageId) }}</td>
            {% endblock %}
        {% endif %}
    </tr>
{% endif %}
```

### English

```twig
{% if hueRenderPhase == 'table' and config.displayLineItems %}
    <table class="line-item-table">
        <thead>
        <tr class="line-item-table-header">
            {% if config.displayLineItemPosition %}
                <th>Pos.</th>
            {% endif %}
            <th class="product-number">Prod. no.</th>
            <th class="product-label">Product / service</th>
            <th class="numbers">Quantity</th>
            {% if config.displayPrices %}
                {% set companyTaxEnabled = billingAddress.country.companyTax.enabled %}
                {% set displayAdditionalNoteDelivery = config.displayAdditionalNoteDelivery %}
                {% set isDeliveryCountry = billingAddress.country.id in config.deliveryCountries %}
                {% set taxStatusGross = order.price.taxStatus == 'gross' %}
                {% set taxStatusNet = order.price.taxStatus == 'net' %}

                {% set displayVAT = not companyTaxEnabled or not (displayAdditionalNoteDelivery and isDeliveryCountry) %}
                <th class="numbers">VAT</th>

                <th class="numbers incl-vat">
                    Unit price
                    {% if displayVAT %}
                        {% if taxStatusGross %}
                            <span>Incl. VAT</span>
                        {% elseif taxStatusNet %}
                            <span>Excl. VAT</span>
                        {% endif %}
                    {% endif %}
                </th>

                <th class="numbers incl-vat">
                    Total
                    {% if displayVAT %}
                        {% if taxStatusGross %}
                            <span>Incl. VAT</span>
                        {% elseif taxStatusNet %}
                            <span>Excl. VAT</span>
                        {% endif %}
                    {% endif %}
                </th>
            {% endif %}
        </tr>
        </thead>
{% elseif hueRenderPhase == 'position' and config.displayLineItems %}
    {% set class = '' %}
    {% if level > 0 %}
        {% set class = " nested level-" ~ level %}
    {% endif %}

    <tr class="line-item{{ class }}{% if first %} first{% endif %}" tabindex="0">
        {% block document_line_item_table_rows %}
            {% block document_line_item_table_row_position %}
                {% if config.displayLineItemPosition %}
                    <td>{% block document_line_item_table_column_position %}{{ prefix ~ position }}{% endblock %}</td>
                {% endif %}
            {% endblock %}

            {% block document_line_item_table_row_product_number %}
                {% if lineItem.payload.productNumber %}
                    <td class="line-item-product-number">{% block document_line_item_table_column_product_number %}{{ lineItem.payload.productNumber }}{% endblock %}</td>
                {% else %}
                    <td>{% block document_line_item_table_column_product_number_empty %}{% endblock %}</td>
                {% endif %}
            {% endblock %}

            {% block document_line_item_table_row_label %}
                <td class="line-item-breakable">
                    {% block document_line_item_table_column_label %}
                        {% if level > 0 %}
                            {% for i in 1..level %}
                                <span class="wrapper-wrapper">
                                    <span class="label-wrapper level-{{ i }}"></span>
                                </span>
                            {% endfor %}
                        {% endif %}

                        <span class="line-item-label level-{{ level }}">{{ lineItem.label|sw_sanitize(null, true) }}</span>
                        {% if lineItem.payload.options|length >= 1 %}
                            <br/>
                            {% for option in lineItem.payload.options %}
                                {{ option.group|sw_sanitize(null, true) }}: {{ option.option|sw_sanitize(null, true) }}
                                {% if lineItem.payload.options|last != option %}
                                    {{ " | " }}
                                {% endif %}
                            {% endfor %}
                        {% endif %}

                        {% if lineItem.payload.features|length >=1  %}
                            <br/>
                            {% for feature in lineItem.payload.features %}
                                {% if feature.type == 'referencePrice' %}
                                    {{ feature.value.purchaseUnit|sw_sanitize(null, true) }} {{ feature.value.unitName|sw_sanitize(null, true) }}
                                    ({{ feature.value.price|currency(currencyIsoCode, languageId) }}{{ "general.star"|trans }} / {{ feature.value.referenceUnit|sw_sanitize(null, true) }} {{ feature.value.unitName|sw_sanitize(null, true) }})
                                    {% if lineItem.payload.features|last != feature %}
                                        {{ " | " }}
                                    {% endif %}
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    {% endblock %}
                </td>
            {% endblock %}

            {% block document_line_item_table_row_quantity %}
                <td class="align-right">{% block document_line_item_table_column_quantity %}{{ lineItem.quantity }}{% endblock %}</td>
            {% endblock %}

            {% block document_line_item_table_prices %}
                {% if config.displayPrices %}
                    {% block document_line_item_table_row_tax_rate %}
                        <td class="align-right">{% block document_line_item_table_column_tax_rate %}{% for tax in lineItem.price.taxRules %}{{ tax.taxRate }} % {% if loop.last %}{% else %}<br>{% endif %}{% endfor %}{% endblock %}</td>
                    {% endblock %}
                    {% block document_line_item_row_table_unit_price %}
                        <td class="align-right">
                            {% block document_line_item_column_table_unit_price %}
                                {% set unitPrice = lineItem.unitPrice %}
                                {% if config.fileType == constant('Shopware\\Core\\Checkout\\Document\\Service\\HtmlRenderer::FILE_EXTENSION') %}
                                    {% if unitPrice < 0 %}&minus;{% endif %}{{ unitPrice|abs|currency(currencyIsoCode, languageId) }}
                                {% else %}
                                    {{ unitPrice|currency(currencyIsoCode, languageId) }}
                                {% endif %}
                            {% endblock %}
                        </td>
                    {% endblock %}
                    {% block document_line_item_table_row_total_price %}
                        <td class="align-right">
                            {% block document_line_item_table_column_total_price %}
                                {% set totalPrice = lineItem.totalPrice %}
                                {% if config.fileType == constant('Shopware\\Core\\Checkout\\Document\\Service\\HtmlRenderer::FILE_EXTENSION') %}
                                    {% if totalPrice < 0 %}&minus;{% endif %}{{ totalPrice|abs|currency(currencyIsoCode, languageId) }}
                                {% else %}
                                    {{ totalPrice|currency(currencyIsoCode, languageId) }}
                                {% endif %}
                            {% endblock %}
                        </td>
                    {% endblock %}
                {% endif %}
            {% endblock %}
        {% endblock %}
    </tr>
{% elseif hueRenderPhase == 'shipping' and config.displayLineItems %}
    <tr class="line-item" tabindex="0">
        {% if config.displayLineItemPosition %}
            <td>{{ nestedLineItems.count + 1 }}</td>
        {% endif %}
        {% block document_line_item_table_shipping_number %}
            <td></td>
        {% endblock %}
        {% block document_line_item_table_shipping_label %}
            <td class="line-item-breakable">{{ 'document.lineItems.shippingCosts'|trans|sw_sanitize }} - {{ order.deliveries.first.shippingMethod.translated.name }}</td>
        {% endblock %}
        <td class="align-right">1</td>
        {% if config.displayPrices %}
            {% block document_line_item_table_shipping_tax %}
                <td class="align-right">{% for tax in order.deliveries.first.shippingCosts.calculatedTaxes %}{{ tax.taxRate }} % {% if loop.last %}{% else %}<br>{% endif %}{% endfor %}</td>
            {% endblock %}

            {% block document_line_item_table_unit_price %}
                <td class="align-right">{{ order.shippingTotal|currency(currencyIsoCode, languageId) }}</td>
            {% endblock %}

            {% block document_line_item_table_total_price %}
                <td class="align-right">{{ order.shippingTotal|currency(currencyIsoCode, languageId) }}</td>
            {% endblock %}
        {% endif %}
    </tr>
{% endif %}
```

***

## Twig template for the summary

This template belongs in the field **"Twig template for the summary"** (card "Order items"). For details see [Calculation summary](/pdf-dokumenten-template-bearbeiten/english-documentation/zusammenfassung-template.md).

### German

```twig
{% set currencyIsoCode = order.currency.isoCode %}
{% set shippingAddress = order.deliveries.first.getShippingOrderAddress %}
{% block summary %}
    {% block document_sum %}
        <div class="sum-container">
            {% block document_sum_table %}
                <table class="sum-table">
                    {% block document_sum_table_inner %}
                        {% block document_sum_total_net %}
                            <tr>
                                {% block document_sum_total_net_label %}
                                    <td class="align-right">Gesamtsumme (Netto):</td>
                                {% endblock %}
                                {% block document_sum_total_net_price %}
                                    <td class="align-right">{{ order.amountNet|currency(currencyIsoCode) }}</td>
                                {% endblock %}
                            </tr>
                        {% endblock %}

                        {% block document_sum_taxes %}
                            {% for calculatedTax in order.price.calculatedTaxes.sortByTax %}
                                <tr>
                                    {% block document_sum_tax_label %}
                                        <td class="align-right">zzgl. {{ calculatedTax.taxRate }}% MwSt.:</td>
                                    {% endblock %}
                                    {% block document_sum_tax_rate %}
                                        <td class="align-right">{{ calculatedTax.tax|currency(currencyIsoCode) }}</td>
                                    {% endblock %}
                                </tr>
                                <tr>
                                    {% block document_tax_country %}
                                        <td class="align-right">{{ shippingAddress.country.translated.name|upper }} MwSt.</td>
                                    {% endblock %}
                                </tr>
                            {% endfor %}
                        {% endblock %}

                        {% block document_sum_total %}
                            {% set displayRounded = order.totalRounding.interval != 0.01 or order.totalRounding.decimals != order.itemRounding.decimals %}

                            {% if displayRounded %}
                                <tr>
                                    {% block document_sum_total_raw_label %}
                                        <td class="align-right">Gesamtsumme:</td>
                                    {% endblock %}
                                    {% block document_sum_total_raw_price %}
                                        <td class="align-right">{{ order.price.rawTotal|currency(currencyIsoCode) }}</td>
                                    {% endblock %}
                                </tr>

                                <tr class="bold">
                                    {% block document_sum_total_rounded_label %}
                                        <td class="align-right">Gesamtsumme (gerundet):</td>
                                    {% endblock %}
                                    {% block document_sum_total_rounded_price %}
                                        <td class="align-right">{{ order.price.totalPrice|currency(currencyIsoCode) }}</td>
                                    {% endblock %}
                                </tr>

                            {% else %}

                                <tr class="bold">
                                    {% block document_sum_total_label %}
                                        <td class="align-right">Gesamtsumme:</td>
                                    {% endblock %}

                                    {% block document_sum_total_price %}
                                        <td class="align-right">{{ order.price.totalPrice|currency(currencyIsoCode) }}</td>
                                    {% endblock %}
                                </tr>
                            {% endif %}

                        {% endblock %}
                    {% endblock %}
                </table>
            {% endblock %}
        </div>
    {% endblock %}
{% endblock %}
```

### English

```twig
{% set currencyIsoCode = order.currency.isoCode %}
{% set shippingAddress = order.deliveries.first.getShippingOrderAddress %}
{% block summary %}
    {% block document_sum %}
        <div class="sum-container">
            {% block document_sum_table %}
                <table class="sum-table">
                    {% block document_sum_table_inner %}
                        {% block document_sum_total_net %}
                            <tr>
                                {% block document_sum_total_net_label %}
                                    <td class="align-right">Net total:</td>
                                {% endblock %}
                                {% block document_sum_total_net_price %}
                                    <td class="align-right">{{ order.amountNet|currency(currencyIsoCode) }}</td>
                                {% endblock %}
                            </tr>
                        {% endblock %}

                        {% block document_sum_taxes %}
                            {% for calculatedTax in order.price.calculatedTaxes.sortByTax %}
                                <tr>
                                    {% block document_sum_tax_label %}
                                        <td class="align-right">plus {{ calculatedTax.taxRate }}% VAT:</td>
                                    {% endblock %}
                                    {% block document_sum_tax_rate %}
                                        <td class="align-right">{{ calculatedTax.tax|currency(currencyIsoCode) }}</td>
                                    {% endblock %}
                                </tr>
                                <tr>
                                    {% block document_tax_country %}
                                        <td class="align-right">{{ shippingAddress.country.translated.name|upper }} VAT</td>
                                    {% endblock %}
                                </tr>
                            {% endfor %}
                        {% endblock %}

                        {% block document_sum_total %}
                            {% set displayRounded = order.totalRounding.interval != 0.01 or order.totalRounding.decimals != order.itemRounding.decimals %}

                            {% if displayRounded %}
                                <tr>
                                    {% block document_sum_total_raw_label %}
                                        <td class="align-right">Total (raw):</td>
                                    {% endblock %}
                                    {% block document_sum_total_raw_price %}
                                        <td class="align-right">{{ order.price.rawTotal|currency(currencyIsoCode) }}</td>
                                    {% endblock %}
                                </tr>

                                <tr class="bold">
                                    {% block document_sum_total_rounded_label %}
                                        <td class="align-right">Total (rounded):</td>
                                    {% endblock %}
                                    {% block document_sum_total_rounded_price %}
                                        <td class="align-right">{{ order.price.totalPrice|currency(currencyIsoCode) }}</td>
                                    {% endblock %}
                                </tr>

                            {% else %}

                                <tr class="bold">
                                    {% block document_sum_total_label %}
                                        <td class="align-right">Total:</td>
                                    {% endblock %}

                                    {% block document_sum_total_price %}
                                        <td class="align-right">{{ order.price.totalPrice|currency(currencyIsoCode) }}</td>
                                    {% endblock %}
                                </tr>
                            {% endif %}

                        {% endblock %}
                    {% endblock %}
                </table>
            {% endblock %}
        </div>
    {% endblock %}
{% endblock %}
```

> **Note:** For the **delivery note** the summary is intentionally left empty, since delivery notes usually do not show price totals.

***

## Default CSS of the line items table

This CSS belongs in the field **"Styles for the table of order items"** (card "Order items") and matches the Shopware standard layout.

```twig
<style type="text/css">
    {% block document_custom_style %}
    .line-item-table {
        width: 100%;
        border-spacing: 0 2px;
        border-collapse: collapse;
      }
  
      .line-item-table tbody tr:first-child > td {
        padding-top: 20px;
      }

      .line-item-table tbody tr > td {
        padding-bottom: 5px;
      }

      .line-item-table tbody tr:first-child > .line-item-breakable .label-wrapper {
        top: 20px;
      }

      .line-item-table-header {
        vertical-align: top;
      }

      .line-item-table-header > th, .line-item-table:last-child {
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
        text-align: left;
      }

      .line-item-table-header > th.product-number {
        width: 200px;
      }

      .line-item-table-header > th.product-label {
        width: 240px;
      }

      .line-item-table-header > th.numbers {
        text-align: right;
      }

      .line-item-table-header > th.incl-vat {
        position: relative;
        width: auto;
      }

      .line-item-table-header > th.incl-vat > span {
        display: inline-block;
        position: absolute;
        font-size: 10px;
        font-weight: normal;
        margin-top: 12px;
        right: 0;
      }

      .line-item, .sum-container, .payment-shipping-container, .document-comment-container {
        line-height: 16px;
      }

      .line-item.nested > td {
         position: relative;
         overflow: hidden;
      }

      .line-item-breakable {
         word-wrap: break-word;
         vertical-align: top;
      }

      .line-item .label-wrapper {
         display: inline-block;
         position: absolute;
         top: 0.05%;
         bottom: 0;
         left: 0;
         border-left: 2px solid rgba(0, 0, 0, 0.15);
      }

      .line-item > td {
         vertical-align: top;
      }

      .label-wrapper.level-2 { margin-left: 10px; }
      .label-wrapper.level-3 { margin-left: 20px; }
      .label-wrapper.level-4 { margin-left: 30px; }
      .label-wrapper.level-5 { margin-left: 40px; }
      .label-wrapper.level-6 { margin-left: 50px; }
      .label-wrapper.level-7 { margin-left: 60px; }
      .label-wrapper.level-8 { margin-left: 70px; }
      .label-wrapper.level-9 { margin-left: 80px; }
      .label-wrapper.level-10 { margin-left: 90px; }
      .label-wrapper.level-11 { margin-left: 100px; }
      .label-wrapper.level-12 { margin-left: 110px; }
      .label-wrapper.level-13 { margin-left: 120px; }
      .label-wrapper.level-14 { margin-left: 130px; }
      .label-wrapper.level-15 { margin-left: 140px; }
      .label-wrapper.level-16 { margin-left: 150px; }
      .label-wrapper.level-17 { margin-left: 160px; }
      .label-wrapper.level-18 { margin-left: 170px; }
      .label-wrapper.level-19 { margin-left: 180px; }
      .label-wrapper.level-20 { margin-left: 190px; }

      .line-item-label.level-1 { padding-left: 10px; }
      .line-item-label.level-2 { padding-left: 20px; }
      .line-item-label.level-3 { padding-left: 30px; }
      .line-item-label.level-4 { padding-left: 40px; }
      .line-item-label.level-5 { padding-left: 50px; }
      .line-item-label.level-6 { padding-left: 60px; }
      .line-item-label.level-7 { padding-left: 70px; }
      .line-item-label.level-8 { padding-left: 80px; }
      .line-item-label.level-9 { padding-left: 90px; }
      .line-item-label.level-10 { margin-left: 100px; }
      .line-item-label.level-11 { margin-left: 110px; }
      .line-item-label.level-12 { margin-left: 120px; }
      .line-item-label.level-13 { margin-left: 130px; }
      .line-item-label.level-14 { margin-left: 140px; }
      .line-item-label.level-15 { margin-left: 150px; }
      .line-item-label.level-16 { margin-left: 160px; }
      .line-item-label.level-17 { margin-left: 170px; }
      .line-item-label.level-18 { margin-left: 180px; }
      .line-item-label.level-19 { margin-left: 190px; }
      .line-item-label.level-20 { margin-left: 100px; }

      .table-spacer {
         height: 20px;
      }
  {% endblock %}
</style>
```