<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: #e2e2e2;
}
.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>