InvoicePDFTemplate

Id: C461880D-3EA4-48FD-9B8B-304AF6762B7E
Configurable: no — system template
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2020-03-09 00:00:00
Updated: —

HTML body (4047 chars)

<!DOCTYPE html>
<html>

.p-1 {
        padding: 1rem !important;
    }

h6 {
        font-size: 1rem;
        margin-bottom: .5rem;
        font-weight: 400;
        line-height: 1.1;
        color: inherit;
        margin-top: 0;
    }

.fxLayout-row {
        flex-flow: row wrap;
        box-sizing: border-box;
        display: flex;
    }

.fxFlex48 {
        flex: 1 1 100%;
        box-sizing: border-box;
        max-width: 48%;
    }

.fxFlex {
        flex: 1 1 0%;
        box-sizing: border-box;
    }

.fxFlex49-column {
        flex: 1 1 100%;
        box-sizing: border-box;
        flex-direction: column;
        display: flex;
        max-width: 49%;
    }

.fxFlex50-row-start {
        flex: 1 1 50%;
        box-sizing: border-box;
        place-content: center flex-start;
        align-items: center;
        flex-direction: row;
        display: flex;
        max-width: 50%;
    }

.fxFlex50-column-start {
        flex: 1 1 50%;
        box-sizing: border-box;
        place-content: center flex-start;
        align-items: center;
        flex-direction: column;
        display: block;
        max-width: 50%;
    }

.fxFlex50-column-end {
        flex: 1 1 50%;
        box-sizing: border-box;
        place-content: flex-start flex-end;
        align-items: center;
        flex-direction: column;
        display: block;
        max-width: 50%;
    }

.fxFlex100 {
        flex: 1 1 100%;
        box-sizing: border-box;
        max-width: 100%;
    }

.fxFlex100-end {
        flex: 1 1 100%;
        box-sizing: border-box;
        place-content: flex-start flex-end;
        align-items: flex-start;
        flex-direction: row;
        display: flex;
        max-width: 100%;
    }

.fxLayout-end {
        place-content: center flex-end;
        align-items: center;
        flex-direction: row;
        box-sizing: border-box;
        display: flex;
    }

.word-break {
        word-break: break-word !important;
    }

.d-block {
        display: bloack !important;
    }

.mb-1 {
        margin-bottom: 1rem !important;
    }

.mt-02 {
        margin-top: .3rem !important;
    }

.mt-1 {
        margin-top: 1rem !important;
    }

.mt-1-05 {
        margin-top: 1.5rem;
    }

.ml-1 {
        margin-left: 1rem !important;
    }

.mt-05 {
        margin-top: .5rem !important;
    }
    
    .mr-05 {
        margin-right: .5rem !important;
    }

.invoice-amount-price {
        font-size: 23px;
        font-weight: 700;
        position: relative;
        top: 1px;
    }

.overflow-visible {
        overflow: visible;
    }

.table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

.mb-0 {
        margin-bottom: 0 !important;
    }

.table {
        width: 100%;
        margin-bottom: 1rem;
        color: #212529;
    }

table {
        border-collapse: collapse;
    }

.invoice-container td:first-child,
    .invoice-container th:first-child {
        text-align: inherit;
        padding-left: 0;
        width: 40%;
    }

.table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
    }

.invoice-container td,
    .invoice-container th {
        padding-right: 0;
        text-align: right;
        width: 13%;
    }

.table td,
    .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

td    { page-break-before: always; }
	th    { page-break-before: always; }

@page {
		margin-top: 10px;
		margin-bottom: 10px
	}
</style>

<body>
    <div class="p-1 invoice-preview-height">
		##invoicePDFJson##
	</div>
</body>

</html>

Save note (optional, shown in version history)

Reset

Rendered preview — preview as

Version history (0 most recent)

Saved at	By	Size	Note
No saved versions yet. Each Save will record one.

InvoicePDFTemplate

HTML body (4047 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as