<html lang="es">
<head>
<style type="text/css">
* {
font-size: 20px;
font-family: 'Garamond',serif;
}
body {
background-color: #f6f6f6;
margin: 0;
padding: 0;
}
.container {
margin: 0 auto !important;
width: 95%;
padding: 28px;
background-color: #fff;
}
.h1{
text-align: center;
color: #222222;
font-family: normal;
font-size: 25px;
line-height: 1.4;
margin: 0;
}
.h2{
font-family: 'Garamond',serif;
margin-bottom: 16px;
text-align: center;
}
.font {
font-family: 'Garamond',serif
}
.inline {
display:inline;
}
.right {
text-align:right;
}
.center {
text-align: center;
}
.center-bottom-line {
text-align: center;
border-bottom: solid 1px #000000;
}
.bottom-line {
text-align: center;
border-bottom: solid 1px #000000;
}
.left {
text-align: left;
}
.table-full{
width:100%;
font-family: 'Garamond',serif
}
.line {
background-color: #999999 !important;
height: 1px;
margin: 0;
}
.table-line {
background-color: #999999 !important;
height: 1px;
margin: 0;
}
.title{
background-color: #f5f5f5;
}
.total {
font-weight:bold;
}
.divider {
padding: 5px;
background-color:#CCCCCC;
}
.divider-center{
padding: 5px;
text-align: center;
background-color:#CCCCCC;
}
.table-row{
padding: 5px;
background-color:#ffffff;
}
.top10{
padding-top: 10px;
}
.total {
border-bottom: solid 1px #e2e2e2;
}
.total-import {
font-weight: bold;
}
.bold {
font-weight:bold;
}
.break {
page-break-before: always;
}
.table-discounts{
float:left;
}
.table-discounts td{
font-family: 'Garamond',serif
}
@media (max-width: 767px) {
* {
font-size: 30px;
font-family: 'Garamond',serif;
}
}
.footer{
font-family: 'tahoma',serif;
font-size: 2em;
font-weight: bold;
width: 90%;
text-align: center !important;
margin: 10px;
padding: 10px;
}
.button {
font: bold 11px Arial;
text-decoration: none;
background-color: #EEEEEE;
color: blue;
padding: 2px 6px 2px 6px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
display: block;
}
.space2 {
padding: 5px 1px 5px 28px;
margin: 5px 1px 5px 28px;
}
</style>
<title>Mi Factura</title>
</head>
<body>
{body}
<table class="footer">
<tr>
<td>
powered by <a href="https://www.napse.global" target="_blank">Napse Global</a>
</td>
</tr>
</table>
</body>
</html>