diff --git a/package.json b/package.json
index 4bb6b03..d510630 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,8 @@
   "description": "Componente de botonera lateral",
   "main": "index.js",
   "scripts": {
+    "refresh": "gulp uglify && cp tmp/foca-botonera-lateral.js ../wrapper-demo/node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js",
+    "frefresh": "gulp uglify && cp tmp/foca-botonera-lateral.js ../wrapper-facturador/node_modules/foca-botonera-lateral/dist/foca-botonera-lateral.min.js",
     "test": "echo \"Error: no test specified\" && exit 1",
     "compile": "gulp uglify",
     "gulp-pre-commit": "gulp pre-commit",
@@ -55,5 +57,8 @@
     "jshint": "2.9.6",
     "pre-commit": "1.2.2",
     "pump": "3.0.0"
+  },
+  "dependencies": {
+    "node-sass": "^4.12.0"
   }
 }
diff --git a/src/js/service.js b/src/js/service.js
index 8255bfc..72010ed 100644
--- a/src/js/service.js
+++ b/src/js/service.js
@@ -8,6 +8,7 @@ angular.module('focaBotoneraLateral')
             cancelar: false,
             pausar: false,
             guardar: false,
+            pagar: false,
             guardando: false,
             funcionGuardar: undefined,
             pathCancelar: undefined,
@@ -44,6 +45,12 @@ angular.module('focaBotoneraLateral')
             this.botones.guardar = value;
             if (value) this.botones.funcionGuardar = funcion;
         };
+        this.showPagar = function(value, funcion) {
+            angular.element('#pagar').removeClass('guardado');
+            this.botones.custom = [];
+            this.botones.pagar = value;
+            if (value) this.botones.funcionGuardar = funcion;
+        };
         this.addCustomButton = function(title, funcion) {
             this.botones.custom.push({
                 title: title,
diff --git a/src/views/botonera-lateral.html b/src/views/botonera-lateral.html
index 2d4b935..9ec4f00 100644
--- a/src/views/botonera-lateral.html
+++ b/src/views/botonera-lateral.html
@@ -8,12 +8,29 @@
                             ladda="botones.guardando"
                             data-spinner-size="30"
                             data-spinner-color="#000000"
-                            class="mb-2 border rounded"
+                            class="border rounded"
+                            ng-show="botones.pagar"
+                            >
+                            <button
+                                id="pagar"
+                                ng-click="botones.funcionGuardar()"
+                                ng-disabled="botones.guardando"
+                                type="button"
+                                title="Pagar"
+                                class="btn btn-block">
+                                <strong>PAGAR</strong>
+                            </button>
+                        </div>
+                        <div
+                            ladda="botones.guardando"
+                            data-spinner-size="30"
+                            data-spinner-color="#000000"
+                            class="border rounded"
+                            ng-show="botones.guardar"
                             >
                             <button
                                 id="guardar"
                                 ng-click="botones.funcionGuardar()"
-                                ng-show="botones.guardar"
                                 ng-disabled="botones.guardando"
                                 type="button"
                                 title="Guardar"
@@ -26,7 +43,7 @@
                             ng-show="botones.pausar"
                             type="button"
                             title="Pausar"
-                            class="btn btn-block border">
+                            class="btn btn-block mt-2 border">
                             <strong>PAUSAR</strong>
                         </button>
                         <button
@@ -34,7 +51,7 @@
                             ng-show="botones.cancelar"
                             type="button"
                             title="Cancelar"
-                            class="btn btn-block border border-dark">
+                            class="btn btn-block mt-2 border border-dark">
                             <strong>CANCELAR</strong>
                         </button>
                         <button
@@ -42,7 +59,7 @@
                             ng-show="botones.salir"
                             type="button"
                             title="Salir"
-                            class="btn btn-block border">
+                            class="btn btn-block mt-2 border">
                             <strong>SALIR</strong>
                         </button>
                         <button
@@ -50,7 +67,7 @@
                             ng-click="boton.funcion()"
                             type="button"
                             title="{{boton.title}}"
-                            class="btn btn-block border">
+                            class="btn btn-block mt-2 border">
                             <strong 
                                 class="text-uppercase"
                                 ng-bind="boton.title">
@@ -69,7 +86,7 @@
                     <div class="container">
                         <div class="row">
                             <div
-                                class="btn-group-toggle btn btn-block border"
+                                class="btn-group-toggle btn btn-block mt-2 border"
                                 data-toggle="buttons"
                                 ng-click="cambioUsoTeclado()"
                                 title="Activar/desactivar teclado">