Untitled

  <html lang="es">

<head>
    <style>
        body {
            font-family: Arial, Helvetica, sans-serif;
            margin: 0;
            padding: 0;
            font-size: 8px;
        }

        .bg {
            background-color: #e2e2e2;
        }

        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;
        }

        .h1 {
            font-size: 11px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            margin: 2px;
        }

        .h2 {
            font-size: 8px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            margin: 2px;
        }

        .h3 {
            font-size: 8px;
            font-family: Arial, Helvetica, sans-serif;
            margin: 2px;
        }

        .content {
            vertical-align: top;
        }

        .m1 {
            margin-bottom: 20px;
        }

        .m2 {
            margin-bottom: 40px;
        }

        .content-head {
            margin-bottom: 5px;
        }

        .content-client {
            margin: 1px;
            padding: 4px;
            border: 2px solid;
        }

        .contentClientName {
            height: 30px;
        }

        .contentClientAddress {
            height: 75px;
        }

        .pTitle {
            font-size: 8px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            margin: 2px;
        }

        .pText {
            font-size: 8px;
            font-family: Arial, Helvetica, sans-serif;
            margin: 2px;
        }

        .stamp {
            float: left;
            display: flex;

            word-break: break-all;
        }

        .mb {
            margin-bottom: 4px;
        }

        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: 5px;
        }

        .t-header {
            border: 1px solid;
            margin-bottom: 2px;
            padding: 3px;
            font-family: Arial, Helvetica, sans-serif;
            width: 100%;
            background-color: #FF68B3;
        }

        .center {
            text-align: center;
        }

        .right {
            text-align: right;
        }

        .left {
            text-align: left;
        }

        .total {
            border-bottom: solid 1px black;
            margin-bottom: 3px;
        }

        .fTitle {
            font-size: 7px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            margin-bottom: 5px;
        }

        .fText {
            font-size: 7px;
            font-family: Arial, Helvetica, sans-serif;
            margin-bottom: 5px;
        }

        .tb {
            color: white;
            border: 1px solid white;
        }

        .content-url {
            height: auto;
            width: 80%;
        }

        .qr {
            margin: 2px 2px 2px 0px;
        }

        .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-container-stamp {
            width: 100%;
            padding: 1px;
            margin: 1px;
        }

        .table-100 {
            width: 100%;
            vertical-align: top;
        }

        .table-50 {
            width: 50%;
            vertical-align: top;
        }

        .padleft-10 {
            padding-left: 0px;
            text-align: right;
        }

        .inline {
            display: inline;
        }

        .tex-tright {
            text-align: right;
        }

        .letter {
            font-size: 11px;
        }

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

        .table-discounts td {
            font-family: Arial, serif;
            font-size: 8px
        }

        .contentSello {
            width: 50%;
            background-color: powderblue;
            word-wrap: break-word;
        }

        .overflow-visible {
            white-space: initial;
        }
    </style>
</head>

<body>
    {body}
</body>

</html>
Editor is loading...