This is the html from the pdf
[2021-04-13 18:20:06] production.INFO: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><head><style id="style">
:root {
--primary-color: #142cb5;
--secondary-color: #7081e0;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Arial, Helvetica, sans-serif;
font-size: "7px";
zoom: 80%;
}
@page {
margin: 6.35mm;
size: A4 portrait;
}
p {
margin: 0;
padding: 0;
}
.header-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.header-wrapper .company-logo {
height: 5rem;
}
.header-wrapper #company-address {
display: flex;
flex-direction: column;
}
.header-wrapper #entity-details {
margin-top: 1.5rem;
text-align: left;
width: 100%;
}
.header-wrapper #entity-details > tr,
.header-wrapper #entity-details th {
font-weight: normal;
padding-left: 0.9rem;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
.header-wrapper
#entity-details
[data-element='entity-balance-due-label'],
.header-wrapper
#entity-details
[data-element='entity-balance-due'] {
background-color: #e6e6e6;
}
#client-details {
display: flex;
flex-direction: column;
}
#product-table,
#delivery-note-table,
#task-table {
min-width: 100%;
table-layout: fixed;
overflow-wrap: break-word;
margin-top: 3rem;
/* margin-bottom: 200px; */
}
.task-time-details {
display: block;
margin-top: 5px;
color: grey;
}
#product-table > thead,
#delivery-note-table > thead,
#task-table > thead {
text-align: left;
}
#product-table > thead > tr > th,
#delivery-note-table > thead > tr > th,
#task-table > thead > tr > th {
padding: 1rem;
background-color: #e6e6e6;
}
#product-table > thead > tr > th:last-child,
#delivery-note-table > thead > tr > th:last-child,
#task-table > thead > tr > th:last-child {
text-align: right;
}
#product-table > tbody > tr > td,
#delivery-note-table > tbody > tr > td,
#task-table > tbody > tr > td {
border-bottom: 1px solid #e6e6e6;
padding: 1rem;
}
#product-table > tbody > tr > td:last-child,
#delivery-note-table > tbody > tr > td:last-child,
#task-table > tbody > tr > td:last-child {
text-align: right;
}
#table-totals {
page-break-inside: avoid;
}
#table-totals {
display: grid;
grid-template-columns: 2fr 1fr;
padding-top: .5rem;
padding-left: 1rem;
gap: 80px;
}
#table-totals .totals-table-right-side>* {
display: grid;
grid-template-columns: 1fr 1fr;
}
#table-totals>.totals-table-right-side>*> :nth-child(1) {
text-align: left;
}
#table-totals>.totals-table-right-side>*> :nth-child(2) {
text-align: right;
}
#table-totals
> *
[data-element='total-table-balance-due-label'],
#table-totals
> *
[data-element='total-table-balance-due'] {
font-weight: bold;
}
#table-totals > * > :last-child {
text-align: right;
padding-right: 1rem;
}
</style>
</head><body><div id="header"></div>
<div id="body">
<div class="header-wrapper">
<div id="company-details"><p data-ref="company_details-company.name">**********</p><p data-ref="company_details-company.website">****************</p><p data-ref="company_details-company.email">************</p><p data-ref="company_details-company.phone">**********</p></div>
<div id="company-address"><p data-ref="company_address-company.address1">***************</p><p data-ref="company_address-company.city_state_postal">***********, ***** ******</p><p data-ref="company_address-company.country">******* ******</p></div>
<div>
<img class="company-logo" src="https://invoicet.kt.loc/storage/2aFJosTJjiRb54D6aLQIsLKFes0NQ2bDVJ5hfLvKacLPe3uOW7HfRaanfVbIuaAi/ZxAtjTRRXbUAFit8JL3Kas8s5lWkZOjs80QpzoXa.png" alt="******** logo">
<table id="entity-details" cellspacing="0"><tr><th data-ref="entity_details-invoice.number_label">Invoice Number</th><th data-ref="entity_details-invoice.number">INV-2020-0001</th></tr><tr hidden="1"><th data-ref="entity_details-invoice.po_number_label">PO Number</th><th data-ref="entity_details-invoice.po_number"> </th></tr><tr><th data-ref="entity_details-invoice.date_label">Invoice Date</th><th data-ref="entity_details-invoice.date">01/23/2020</th></tr><tr><th data-ref="entity_details-invoice.due_date_label">Due Date</th><th data-ref="entity_details-invoice.due_date">02/02/2020</th></tr><tr><th data-ref="entity_details-invoice.total_label">Invoice Total</th><th data-ref="entity_details-invoice.total">$***.00</th></tr><tr><th data-ref="entity_details-invoice.balance_due_label">Balance Due</th><th data-ref="entity_details-invoice.balance_due">$0.00</th></tr></table>
</div>
</div>
<div id="client-details"><p data-ref="client_details-client.name">************</p><p data-ref="client_details-client.number">0001</p><p data-ref="client_details-client.address1">***********</p><p data-ref="client_details-client.city_state_postal">********** *****, ** *******</p><p data-ref="client_details-client.country">**************</p><p data-ref="client_details-contact.email">******************</p></div>
<table id="product-table" cellspacing="0"><thead><th data-ref="product_table-product.item-th">Item</th><th data-ref="product_table-product.description-th">Description</th><th data-ref="product_table-product.unit_cost-th">Unit Cost</th><th data-ref="product_table-product.quantity-th">Quantity</th><th data-ref="product_table-product.discount-th">Discount</th><th data-ref="product_table-product.line_total-th">Line Total</th></thead><tbody><tr><td data-ref="product_table-product.item-td">****</td><td data-ref="product_table-product.description-td">*********************************</td><td style="white-space: nowrap;" data-ref="product_table-product.unit_cost-td">$**.00</td><td data-ref="product_table-product.quantity-td">*.00</td><td data-ref="product_table-product.discount-td"></td><td data-ref="product_table-product.line_total-td">$***.00</td></tr><tr><td data-ref="product_table-product.item-td">******</td><td data-ref="product_table-product.description-td"></td><td style="white-space: nowrap;" data-ref="product_table-product.unit_cost-td">$***.00</td><td data-ref="product_table-product.quantity-td">***.00</td><td data-ref="product_table-product.discount-td"></td><td data-ref="product_table-product.line_total-td">$**.00</td></tr></tbody></table>
<table id="task-table" cellspacing="0"></table>
<div id="table-totals" cellspacing="0"><div style="display: flex; flex-direction: column;"><p data-ref="total_table-public_notes" style="text-align: left;"></p><p style="text-align: left; display: flex; flex-direction: column;"><span hidden="1" data-ref="total_table-terms-label" style="font-weight: bold; text-align: left; margin-top: 1rem;">Invoice Terms: </span><span data-ref="total_table-terms" style="text-align: left;"></span><span data-ref="total_table-footer" style="text-align: left; margin-top: 1rem;"></span></p><img style="max-width: 50%; height: auto;" src=""><div style="margin-top: 1.5rem; display: flex; align-items: flex-start;"><img src="https://raw.githubusercontent.com/invoiceninja/invoiceninja/v5-develop/public/images/new_logo.png" style="height: 2.5rem;" id="invoiceninja-whitelabel-logo"></div></div><div class="totals-table-right-side"><div><span data-ref="totals_table-subtotal-label">Subtotal</span><span data-ref="totals_table-subtotal">$***.00</span></div><div><span hidden="1" data-ref="totals_table-custom_surcharge1-label"></span><span hidden="1" data-ref="totals_table-custom_surcharge1">$**.00</span></div><div><span hidden="1" data-ref="totals_table-custom_surcharge2-label"></span><span hidden="1" data-ref="totals_table-custom_surcharge2">$0.00</span></div><div><span hidden="1" data-ref="totals_table-custom_surcharge3-label"></span><span hidden="1" data-ref="totals_table-custom_surcharge3">$0.00</span></div><div><span hidden="1" data-ref="totals_table-custom_surcharge4-label"></span><span hidden="1" data-ref="totals_table-custom_surcharge4">$**.00</span></div><div><span data-ref="totals_table-paid_to_date-label">Paid to Date</span><span data-ref="totals_table-paid_to_date">$**.00</span></div><div><span data-ref="totals_table-total-label">Total</span><span data-ref="totals_table-total">$***.00</span></div><div><span></span><span></span></div></div></div>
<table id="delivery-note-table" cellspacing="0"></table>
</div>
<div id="footer"><div><script>document.querySelectorAll("tbody > tr > td").forEach(t=>{if(""!==t.innerText){let e=t.getAttribute("data-ref").slice(0,-3);document.querySelector(`th[data-ref="${e}-th"]`).removeAttribute("hidden")}}),document.querySelectorAll("tbody > tr > td").forEach(t=>{let e=t.getAttribute("data-ref").slice(0,-3);(e=document.querySelector(`th[data-ref="${e}-th"]`)).hasAttribute("hidden")&&""==t.innerText&&t.setAttribute("hidden","true")});</script></div></div>
</body></html>`Preformatted text`
@david