Untitled

     <html lang="es">
<head>
  <style>
    body {
        font-family: Arial, serif;
        margin: 0;
        padding: 0;
        font-size: 8px;
    }

    div {
        font-family: Arial, serif;
        font-size: 8px;
    }

    @page {
        size: A4 portrait;
        /* can use also 'landscape' for orientation */
        /* margin: 100px 1cm 150px 1cm; */
        margin: 0.5cm; 

        @top-left {
            content: element(header);
        }

        @bottom-left {
            content: element(footer);
        }

    }

    .break {
        page-break-after: always;
    }

    header {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
    }

    footer {
        /* position: running(footer); */
        /* height: 600px; */
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .invoice-type {
        font-size: 14px;
        border: solid 1px #999999;
        text-align: center;
        padding: 10px;
    }

    .invoice-type-code {
        font-size: 8px;
    }

    .table-items {
        width: 100%;
        padding-top: 10px;
    }

    .grey {
        background-color: #e2e2e2;
    }

    .center {
        text-align: center;
    }

    .right {
        text-align: right;
    }

    .total {
        border-bottom: solid 1px #e2e2e2;
    }

    .total-import {
        background: #e2e2e2;
        font-size: 10px;
        font-weight: bold;
    }

    .divider {
        background-color: #E6E6E6;
        padding: 3px;
        font-size: 8px;
        color: #272727
    }

    .line {
        border-bottom: solid 1px #E6E6E6;
        height: 5px;
        margin-bottom: 5px;
    }

    .company-name {
        font-weight: bold;
    }

    .company-header {
        font-weight: normal;
    }

    .cae-title {
        padding-left: 10px;
    }

    .cae-date {
        padding-left: 10px;
    }

    .cae-barcode-small {
        text-align: left;
        display: none;
    }

    .table-container {
        width: 100%;
        padding: 10px;
        margin: 10px;
    }

    .table-100 {
        width: 100%;
    }

    .padleft-10 {
        padding-left: 10px;
    }

    .inline {
        display: inline;
    }

    .letter {
        font-size: 11px;
    }

    .table-discounts {
        float: right;
        width: 100%;
    }

    .table-discounts td {
        font-family: Arial, serif;
        font-size: 8px
    }
</style>
</head>
<body>
  {body}
</body>
</html>
Editor is loading...