[FIX] ajuste en la vista

static/src/css/pos.css

@@ -1,31 +1,9 @@
 .pos .custom-sale-ticket {
-    text-align: left;
-    width: 800px;
-    /*height: 800px;*/
-    background-color: white;
     margin: 20px;
     padding: 15px;
-    font-size: 14px;
-    padding-bottom:30px;
+    width: 21.3cm;
+    height: 15.0cm;
+    background-color: white;
     display: inline-block;
-    /*font-family: "Inconsolata";*/
-    /*border: solid 1px rgb(220,220,220);*/
-    /*border-radius: 3px;*/
     overflow: hidden;
 }
-/*.pos .pos-sale-ticket pre{
-    font-family: "Inconsolata";
-}
-.pos .pos-sale-ticket .emph{
-    font-size: 20px;
-    margin:5px;
-}
-.pos .pos-sale-ticket table {
-    width: 100%;
-    border: 0;
-    table-layout: fixed;
-}
-.pos .pos-sale-ticket table td {
-    border: 0;
-    word-wrap: break-word;
-}*/

static/src/js/screen.js

@@ -451,11 +451,9 @@ function pos_screens(instance, module){ //module is instance.point_of_sale
                     exempt = item.quantity * item.price
                 }
                 if(item.product.taxes_id == 3){
-                    // percent_10 = item.price / 1.1;
                     percent_10 = item.quantity * item.price
                 }
                 if(item.product.taxes_id == 1){
-                    // percent_5 = item.price / 1.05;
                     percent_5 = item.quantity * item.price
                 }
                 data.push({

static/src/xml/pos_receipt.xml

@@ -5,123 +5,172 @@
                 <div class="row" style="column-count: 2; font-size: 12px;">
 
                     <!--
-                        Original Comprador
+                    =======================================================================================
+                        ORIGINAL
+                    =======================================================================================
                     -->
 
                     <div>
-
-                        <!-- Numero de factura -->
-                        <div style="padding-left:250px; padding-top:90px;">
-                            
-                        </div>
-
-                        <div class="row" style="column-count: 2;">
-                            <!-- Fecha de Emision -->
-                            <div style="padding-left:120px; padding-top:12px;">
+                        <!--
+                        =========================================
+                            CABECERA
+                        =========================================
+                        -->
+                        <div style="height:5.0cm;">
+                            <!--
+                            =========================================
+                                FECHA Y CONDICION DE VENTA
+                            =========================================
+                            -->
+                            <div style="padding-top:3.2cm;padding-left:3.1cm;">
                                 <t t-esc="new Date().toString(Date.CultureInfo.formatPatterns.shortDate)"/>
-                            </div>
-                            <!-- Conficion de venta -->
-                            <div style="padding-left:100px; padding-top:12px;">
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                                 <t>Contado</t>
                             </div>
-                        </div>
-
-                        <!-- Nombre o Razon social -->
-                        <div style="padding-left:150px; padding-top:12px;">
-                            <t t-esc="customer_name"/>
-                        </div>
-
-                        <div class="row" style="column-count: 2;">
-                            <!-- RUC -->
-                            <div style="padding-left:50px; padding-top:11px;">
-                                <t t-esc="customer_ruc"/>
+                            <!--
+                            =========================================
+                                NOMBRE O RAZON SOCIAL
+                            =========================================
+                            -->
+                            <div style="padding-top:0.2cm;padding-left:4.0cm;">
+                                <t t-esc="customer_name"/>
                             </div>
-
-                            <!-- Cod. Clente -->
-                            <div style="padding-left:100px; padding-top:11px;">
+                            <!--
+                            =========================================
+                                RUC Y CODIGO DEL CLIENTE
+                            =========================================
+                            -->
+                            <div style="padding-top:0.3cm;padding-left:1.0cm;">
+                                <t t-esc="customer_ruc"/>
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                                 <t t-esc="customer_id"/>
                             </div>
                         </div>
-
-                        <!-- lista de productos -->
-                        <div style="padding-left:10px; padding-top:49px; font-size: 9px;  height: 135px;">
+                        <!--
+                        =========================================
+                            TABLA
+                        =========================================
+                        -->
+                        <div style="padding-top:1.3cm; padding-left:0.1cm; font-size:9px; height:5.0cm;">
                             <table class="table table-condensed">
                                 <tbody>
                                     <tr t-foreach="data" t-as="item">
-                                        <td style="width:10mm;">
+                                        <!--
+                                        =========================================
+                                            CANTIDAD
+                                        =========================================
+                                        -->
+                                        <td style="width:0.8cm;text-align: left;">
                                             <t t-set="monto" t-value="item.qty"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
                                         </td>
-                                        <td style="width:30mm;">
+                                        <!--
+                                        =========================================
+                                            PRODUCTO
+                                        =========================================
+                                        -->
+                                        <td style="width:2.8cm;text-align:left;">
                                             <t t-esc="item.name"/>
                                         </td>
-                                        <td style="width:13mm;">
+                                        <!--
+                                        =========================================
+                                            PRECIO UNITARIO
+                                        =========================================
+                                        -->
+                                        <td style="width:1.2cm;text-align:right;">
                                             <t t-set="monto" t-value="item.price"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
                                         </td>
-                                        <td style="width:14mm;">
+                                        <!--
+                                        =========================================
+                                            EXENTAS
+                                        =========================================
+                                        -->
+                                        <td style="width:1.3cm;text-align:right;">
                                             <t t-set="monto" t-value="item.exempt"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
+                                            <t t-set="valor_exentas" t-value="valor_exentas + item.exempt"/>
                                         </td>
-                                        <td style="width:14mm;">
+                                        <!--
+                                        =========================================
+                                            5%
+                                        =========================================
+                                        -->
+                                        <td style="width:1.4cm;text-align:right;">
                                             <t t-set="monto" t-value="item.percent_5"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
+                                            <t t-set="valor_5" t-value="valor_5 + item.percent_5"/>
                                         </td>
-                                        <td style="width:17mm;">
+                                        <!--
+                                        =========================================
+                                            10%
+                                        =========================================
+                                        -->
+                                        <td style="width:1.6cm;text-align: right;">
                                             <t t-set="monto" t-value="item.percent_10"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
+                                            <t t-set="valor_10" t-value="valor_10 + item.percent_10"/>
                                         </td>
                                     </tr>
                                 </tbody>
                             </table>
                         </div>
-
-                        <!-- Subtotales -->
-                        <div style="padding-left:10px; padding-top:60px; font-size: 9px;">
+                        <!--
+                        =========================================
+                            SUBTOTALES
+                        =========================================
+                        -->
+                        <div style="padding-left:0.1cm;font-size:9px;">
                             <table class="table table-condensed">
                                 <tbody>
-                                   <!--  <colgroup>
-                                        <col width='10%'/>
-                                        <col width='30%'/>
-                                        <col width='15%'/>
-                                        <col width='15%'/>
-                                        <col width='15%'/>
-                                        <col width='15%'/>
-                                    </colgroup> -->
                                     <tr>
-                                        <td style="width:10mm;"></td>
-                                        <td style="width:30mm;"></td>
-                                        <td style="width:13mm;"></td>
-                                        <td style="width:14mm;">
+                                        <td style="width:0.8cm;"></td>
+                                        <td style="width:2.8cm;"></td>
+                                        <td style="width:1.2cm;"></td>
+                                        <td style="width:1.3cm;text-align: right;">
                                             <t t-set="monto" t-value="total_exempt"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
                                         </td>
-                                        <td  style="width:14mm;">
+                                        <td  style="width:1.4cm;text-align: right;">
                                             <t t-set="monto" t-value="total_percent_5"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
                                         </td>
-                                        <td style="width:17mm;">
+                                        <td style="width:1.6cm;text-align: right;">
                                             <t t-set="monto" t-value="total_percent_10"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
@@ -132,140 +181,234 @@
                                 </tbody>
                             </table>
                         </div>
+                        <!--
+                        =========================================
+                            TOTAL EN LETRAS Y TOTAL A PAGAR
+                        =========================================
+                        -->
+                        <div style="padding-left:0.1cm;padding-top:0.7cm;font-size:9px;">
+                            <table class="table table-condensed">
+                                <tbody>
+                                    <tr>
+                                        <td style="width:6.2cm;text-align: center;">
+                                            <t t-esc="total_in_letters"/>
+                                        </td>
+                                        <td style="width:2.9cm;text-align: right;">
+                                            <t t-set="monto" t-value="order.getTotalTaxIncluded()"/>
+                                            <t t-js="ctx">
+                                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
+                                            </t>
+                                            <t t-esc="monto"/>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <!--
+                            =========================================
+                                IMPUESTOS
+                            =========================================
+                            -->
+                            <br/>
+                            <table class="table table-condensed">
+                                <tbody>
+                                    <tr>
+                                        <td style="width:3.3cm;text-align: right;">
 
-                        <div class="row" style="column-count: 2;">
-                            <!-- Total en letras -->
-                            <div style="padding-left:15px; padding-top:25px; font-size: 8px;">
-                                <t t-esc="total_in_letters"/>
-                            </div>
-
-                            <!-- Total a pagar -->
-                            <div style="padding-left:90px; padding-top:15px;">
-                                <t t-set="monto" t-value="order.getTotalTaxIncluded()"/>
-                                <t t-js="ctx">
-                                    ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
-                                </t>
-                                <t t-esc="monto"/>
-                            </div>
-                        </div>
-
-                        <!-- Total de IVA -->
-                        <div style="padding-left:320px; padding-top:15px; font-size: 8px;">
-                            <t t-set="monto" t-value="total_tax"/>
-                            <t t-js="ctx">
-                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
-                            </t>
-                            <t t-esc="monto"/>
+                                        </td>
+                                        <td style="width:1.5cm;text-align: right;">
+                                            <t t-set="monto" t-value="total_percent_5/21"/>
+                                            <t t-js="ctx">
+                                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
+                                            </t>
+                                            <t t-esc="monto"/>
+                                        </td>
+                                        <td style="width:1.4cm;text-align: right;">
+                                            <t t-set="monto" t-value="total_percent_10/11"/>
+                                            <t t-js="ctx">
+                                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
+                                            </t>
+                                            <t t-esc="monto"/>
+                                        </td>
+                                        <td style="width:2.9cm;text-align: right;">
+                                            <t t-set="monto" t-value="total_tax"/>
+                                            <t t-js="ctx">
+                                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
+                                            </t>
+                                            <t t-esc="monto"/>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
                         </div>
-
                     </div>
 
                     <!--
-                        Duplicado tributario
+                    =======================================================================================
+                        DUPLICADO
+                    =======================================================================================
                     -->
 
                     <div>
-
-                        <!-- Numero de factura -->
-                        <div style="padding-left:250px; padding-top:90px;">
-                            <t t-esc="sequence"/>
-                        </div>
-
-                        <div class="row" style="column-count: 2;">
-                            <!-- Fecha de Emision -->
-                            <div style="padding-left:120px; padding-top:12px;">
+                        <!--
+                        =========================================
+                            CABECERA
+                        =========================================
+                        -->
+                        <div style="height:5.0cm;">
+                            <!--
+                            =========================================
+                                FECHA Y CONDICION DE VENTA
+                            =========================================
+                            -->
+                            <div style="padding-top:3.2cm;padding-left:3.0cm;">
                                 <t t-esc="new Date().toString(Date.CultureInfo.formatPatterns.shortDate)"/>
-                            </div>
-                            <!-- Conficion de venta -->
-                            <div style="padding-left:100px; padding-top:12px;">
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                                 <t>Contado</t>
                             </div>
-                        </div>
-
-                        <!-- Nombre o Razon social -->
-                        <div style="padding-left:150px; padding-top:12px;">
-                            <t t-esc="customer_name"/>
-                        </div>
-
-                        <div class="row" style="column-count: 2;">
-                            <!-- RUC -->
-                            <div style="padding-left:50px; padding-top:11px;">
-                                <t t-esc="customer_ruc"/>
+                            <!--
+                            =========================================
+                                NOMBRE O RAZON SOCIAL
+                            =========================================
+                            -->
+                            <div style="padding-top:0.2cm;padding-left:4.2cm;">
+                                <t t-esc="customer_name"/>
                             </div>
-
-                            <!-- Cod. Clente -->
-                            <div style="padding-left:100px; padding-top:11px;">
+                            <!--
+                            =========================================
+                                RUC Y CODIGO DEL CLIENTE
+                            =========================================
+                            -->
+                            <div style="padding-top:0.3cm;padding-left:1.7cm;">
+                                <t t-esc="customer_ruc"/>
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
+                                &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                                 <t t-esc="customer_id"/>
                             </div>
                         </div>
-
-                        <!-- lista de productos -->
-                        <div style="padding-left:19px; padding-top:49px; font-size: 9px;  height: 135px;">
+                        <!--
+                        =========================================
+                            TABLA
+                        =========================================
+                        -->
+                        <div style="padding-top:1.3cm; padding-left:0.3cm; font-size:9px; height:5.0cm;">
                             <table class="table table-condensed">
                                 <tbody>
                                     <tr t-foreach="data" t-as="item">
-                                        <td style="width:10mm;">
-                                            <t t-esc="item.qty"/>
+                                        <!--
+                                        =========================================
+                                            CANTIDAD
+                                        =========================================
+                                        -->
+                                        <td style="width:0.8cm;text-align: left;">
+                                            <t t-set="monto" t-value="item.qty"/>
+                                            <t t-js="ctx">
+                                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
+                                            </t>
+                                            <t t-esc="monto"/>
                                         </td>
-                                        <td style="width:30mm;">
+                                        <!--
+                                        =========================================
+                                            PRODUCTO
+                                        =========================================
+                                        -->
+                                        <td style="width:2.8cm;text-align:left;">
                                             <t t-esc="item.name"/>
                                         </td>
-                                        <td style="width:13mm;">
+                                        <!--
+                                        =========================================
+                                            PRECIO UNITARIO
+                                        =========================================
+                                        -->
+                                        <td style="width:1.2cm;text-align:right;">
                                             <t t-set="monto" t-value="item.price"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
                                         </td>
-                                        <td style="width:14mm;">
+                                        <!--
+                                        =========================================
+                                            EXENTAS
+                                        =========================================
+                                        -->
+                                        <td style="width:1.3cm;text-align:right;">
                                             <t t-set="monto" t-value="item.exempt"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
+                                            <t t-set="valor_exentas" t-value="valor_exentas + item.exempt"/>
                                         </td>
-                                        <td style="width:14mm;">
+                                        <!--
+                                        =========================================
+                                            5%
+                                        =========================================
+                                        -->
+                                        <td style="width:1.4cm;text-align:right;">
                                             <t t-set="monto" t-value="item.percent_5"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
+                                            <t t-set="valor_5" t-value="valor_5 + item.percent_5"/>
                                         </td>
-                                        <td  style="width:17mm;">
+                                        <!--
+                                        =========================================
+                                            10%
+                                        =========================================
+                                        -->
+                                        <td style="width:1.6cm;text-align: right;">
                                             <t t-set="monto" t-value="item.percent_10"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
+                                            <t t-set="valor_10" t-value="valor_10 + item.percent_10"/>
                                         </td>
                                     </tr>
                                 </tbody>
                             </table>
                         </div>
-
-                        <!-- Subtotales -->
-                        <div style="padding-left:19px; padding-top:60px; font-size: 9px;">
+                        <!--
+                        =========================================
+                            SUBTOTALES
+                        =========================================
+                        -->
+                        <div style="padding-left:0.3cm;font-size:9px;">
                             <table class="table table-condensed">
                                 <tbody>
                                     <tr>
-                                        <td style="width:10mm;"></td>
-                                        <td style="width:30mm;"></td>
-                                        <td style="width:13mm;"></td>
-                                        <td style="width:14mm;">
+                                        <td style="width:0.8cm;"></td>
+                                        <td style="width:2.8cm;"></td>
+                                        <td style="width:1.2cm;"></td>
+                                        <td style="width:1.3cm;text-align: right;">
                                             <t t-set="monto" t-value="total_exempt"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
                                         </td>
-                                        <td style="width:14mm;">
+                                        <td  style="width:1.4cm;text-align: right;">
                                             <t t-set="monto" t-value="total_percent_5"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
                                             </t>
                                             <t t-esc="monto"/>
                                         </td>
-                                        <td style="width:17mm;">
+                                        <td style="width:1.6cm;text-align: right;">
                                             <t t-set="monto" t-value="total_percent_10"/>
                                             <t t-js="ctx">
                                                 ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
@@ -276,33 +419,67 @@
                                 </tbody>
                             </table>
                         </div>
+                        <!--
+                        =========================================
+                            TOTAL EN LETRAS Y TOTAL A PAGAR
+                        =========================================
+                        -->
+                        <div style="padding-left:0.3cm;padding-top:0.7cm;font-size:9px;">
+                            <table class="table table-condensed">
+                                <tbody>
+                                    <tr>
+                                        <td style="width:6.2cm;text-align: center;">
+                                            <t t-esc="total_in_letters"/>
+                                        </td>
+                                        <td style="width:2.9cm;text-align: right;">
+                                            <t t-set="monto" t-value="order.getTotalTaxIncluded()"/>
+                                            <t t-js="ctx">
+                                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
+                                            </t>
+                                            <t t-esc="monto"/>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                            <!--
+                            =========================================
+                                IMPUESTOS
+                            =========================================
+                            -->
+                            <br/>
+                            <table class="table table-condensed">
+                                <tbody>
+                                    <tr>
+                                        <td style="width:3.3cm;text-align: right;">
 
-                        <div class="row" style="column-count: 2;">
-                            <!-- Total en letras -->
-                            <div style="padding-left:15px; padding-top:25px; font-size: 8px;">
-                                <t t-esc="total_in_letters"/>
-                            </div>
-
-                            <!-- Total a pagar -->
-                            <div style="padding-left:90px; padding-top:15px;">
-                                <t t-set="monto" t-value="order.getTotalTaxIncluded()"/>
-                                <t t-js="ctx">
-                                    ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
-                                </t>
-                                <t t-esc="monto"/>
-                            </div>
-                        </div>
-
-                        <!-- Total de IVA -->
-                        <div style="padding-left:320px; padding-top:15px; font-size: 8px;">
-                            <t t-set="monto" t-value="total_tax"/>
-                            <t t-js="ctx">
-                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
-                            </t>
-                            <t t-esc="monto"/>
+                                        </td>
+                                        <td style="width:1.5cm;text-align: right;">
+                                            <t t-set="monto" t-value="total_percent_5/21"/>
+                                            <t t-js="ctx">
+                                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
+                                            </t>
+                                            <t t-esc="monto"/>
+                                        </td>
+                                        <td style="width:1.4cm;text-align: right;">
+                                            <t t-set="monto" t-value="total_percent_10/11"/>
+                                            <t t-js="ctx">
+                                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
+                                            </t>
+                                            <t t-esc="monto"/>
+                                        </td>
+                                        <td style="width:2.9cm;text-align: right;">
+                                            <t t-set="monto" t-value="total_tax"/>
+                                            <t t-js="ctx">
+                                                ctx.monto = accounting.formatNumber(ctx.monto,0,'.',',');
+                                            </t>
+                                            <t t-esc="monto"/>
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
                         </div>
-
                     </div>
+
                 </div>
             </div>
         </t>