diff --git a/package.json b/package.json
index 88e11c8..3916ddf 100644
--- a/package.json
+++ b/package.json
@@ -11,25 +11,25 @@
     },
     "repository": {
         "type": "git",
-        "url": "https://192.168.0.11/modulos-npm/foca-crear-nota-pedido.git"
+        "url": "https://debo.suite.repo/modulos-npm/foca-crear-nota-pedido.git"
     },
     "author": "Foca Software",
     "license": "ISC",
     "dependencies": {
-        "foca-directivas": "git+https://192.168.0.11/modulos-npm/foca-directivas.git",
-        "foca-modal-busqueda-productos": "git+https://192.168.0.11/nguarnieri/foca-modal-busqueda-productos",
-        "foca-modal-petroleras": "git+https://192.168.0.11/modulos-npm/foca-modal-petroleras.git",
-        "foca-modal-vendedores": "git+https://192.168.0.11/modulos-npm/foca-modal-vendedores.git",
+        "foca-directivas": "git+https://debo.suite.repo/modulos-npm/foca-directivas.git",
+        "foca-modal-busqueda-productos": "git+https://debo.suite.repo/nguarnieri/foca-modal-busqueda-productos",
+        "foca-modal-petroleras": "git+https://debo.suite.repo/modulos-npm/foca-modal-petroleras.git",
+        "foca-modal-vendedores": "git+https://debo.suite.repo/modulos-npm/foca-modal-vendedores.git",
         "jquery": "^3.3.x"
     },
     "devDependencies": {
         "angular": "^1.7.5",
         "angular-route": "^1.7.5",
         "bootstrap": "^4.1.3",
-        "foca-busqueda-cliente": "git+https://192.168.0.11/modulos-npm/foca-busqueda-cliente",
+        "foca-busqueda-cliente": "git+https://debo.suite.repo/modulos-npm/foca-busqueda-cliente",
         "font-awesome": "^4.7.0",
         "gulp": "^3.9.1",
-        "gulp-angular-templatecache": "^2.2.2",
+        "gulp-angular-templatecache": "2.2.2",
         "gulp-clean": "^0.4.0",
         "gulp-concat": "^2.6.1",
         "gulp-connect": "^5.6.1",
diff --git a/src/js/controller.js b/src/js/controller.js
index 0d011f6..465e657 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -6,10 +6,13 @@ angular.module('focaCrearNotaPedido')
 
                 $scope.dateOptions = {
                     maxDate: new Date(),
-                    minDate: new Date(2010,0,1)
+                    minDate: new Date(2010, 0, 1)
                 };
 
-                $scope.notaPedido = {};
+                $scope.notaPedido = {
+                    vendedor: {},
+                    cliente: {}
+                };
                 $scope.articulosTabla = [];
                 var idLista;
                 var notaPedidoTemp = crearNotaPedidoService.getNotaPedido();
@@ -81,11 +84,12 @@ angular.module('focaCrearNotaPedido')
                     )
                     var articulosNotaPedido = $scope.articulosTabla;
                     for(var i = 0; i< articulosNotaPedido.length;i++) {
-                        crearNotaPedidoService.crearArticulosParaNotaPedido(articulosNotaPedido[i]).then(
-                            function(res) {
-                                return;
-                            }
-                        )
+                        crearNotaPedidoService
+                            .crearArticulosParaNotaPedido(articulosNotaPedido[i]).then(
+                                function(res) {
+                                    return;
+                                }
+                            )
                     }
                     
                 }
@@ -135,7 +139,7 @@ angular.module('focaCrearNotaPedido')
                     )
                     modalInstance.result.then(
                         function(vendedor) {
-                            $scope.notaPedido.vendedor = vendedor.NomVen;
+                            $scope.notaPedido.vendedor.nombre = vendedor.NomVen;
                         }, function() {
 
                         }
@@ -169,12 +173,22 @@ angular.module('focaCrearNotaPedido')
                     )
                     modalInstance.result.then(
                         function(cliente) {
-                            $scope.notaPedido.cliente = cliente.nom;
+                            $scope.notaPedido.cliente.nombre = cliente.nom;
                         }, function() {
 
                         }
                     );
-                }
+                };
+                $scope.mostrarFichaCliente = function() {
+                    $uibModal.open(
+                        {
+                            ariaLabelledBy: 'Datos del Cliente',
+                            templateUrl: 'foca-crear-nota-pedido-ficha-cliente.html',
+                            controller: 'focaCrearNotaPedidoFichaClienteController',
+                            size: 'lg'
+                        }
+                    );
+                };
                 $scope.obtenerDomicilios = function(id) {
                     crearNotaPedidoService.getDomicilios(id).then(
                         function(res) {
@@ -219,3 +233,21 @@ angular.module('focaCrearNotaPedido')
             }
         }
     ])
+    .controller('focaCrearNotaPedidoFichaClienteController', [
+        '$scope',
+        'crearNotaPedidoService',
+        '$location',
+        function($scope, crearNotaPedidoService, $location) {
+            crearNotaPedidoService.obtenerNotaPedido().then(function(datos) {
+                $scope.notaPedidos = datos.data;
+            });
+            $scope.editar = function(notaPedido) {
+                crearNotaPedidoService.setNotaPedido(notaPedido);
+                $location.path('/venta-nota-pedido/abm/');
+            }
+            $scope.crearPedido = function() {
+                crearNotaPedidoService.clearNotaPedido();
+                $location.path('/venta-nota-pedido/abm/');
+            }
+        }
+    ]);
diff --git a/src/views/foca-crear-nota-pedido-ficha-cliente.html b/src/views/foca-crear-nota-pedido-ficha-cliente.html
new file mode 100644
index 0000000..b6b831a
--- /dev/null
+++ b/src/views/foca-crear-nota-pedido-ficha-cliente.html
@@ -0,0 +1,78 @@
+<div class="modal-header">
+    <h3 class="modal-title"></h3>
+</div>
+<div class="modal-body" id="modal-body">
+    <div class="input-group mb-3">
+        <input
+            type="text"
+            class="form-control"
+            placeholder="Busqueda"
+            ng-model="filters"
+            ng-change="search()"
+            ng-keydown="busquedaDown($event.keyCode)"
+            ng-keypress="busquedaPress($event.keyCode)"
+            foca-focus="selectedVendedor == -1"
+            ng-focus="selectedVendedor = -1"
+        >
+        <table class="table table-striped table-sm">
+            <thead>
+                <tr>
+                    <th>Código</th>
+                    <th>Nombre</th>
+                    <th></th>
+                </tr>
+            </thead>
+            <tbody>
+                <tr ng-repeat="(key, vendedor) in currentPageVendedores">
+                    <td ng-bind="vendedor.CodVen"></td>
+                    <td ng-bind="vendedor.NomVen"></td>
+                    <td>
+                        <button
+                            type="button"
+                            class="btn  p-2 float-right btn-sm"
+                            ng-class="{
+                                'btn-secondary': selectedVendedor != key,
+                                'btn-primary': selectedVendedor == key
+                            }"
+                            ng-click="select(vendedor)"
+                            foca-focus="selectedVendedor == {{key}}"
+                            ng-keydown="itemVendedor($event.keyCode)">
+                            <i class="fa fa-arrow-right" aria-hidden="true"></i>
+                        </button>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
+        <nav>
+            <ul class="pagination justify-content-end">
+                <li class="page-item" ng-class="{'disabled': currentPage == 1}">
+                    <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
+                        <span aria-hidden="true">&laquo;</span>
+                        <span class="sr-only">Anterior</span>
+                    </a>
+                </li>
+                <li
+                    class="page-item"
+                    ng-repeat="pagina in paginas"
+                    ng-class="{'active': pagina == currentPage}"
+                >
+                    <a
+                        class="page-link"
+                        href="#"
+                        ng-click="selectPage(pagina)"
+                        ng-bind="pagina"
+                    ></a>
+                </li>
+                <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
+                    <a class="page-link" href="#" ng-click="selectPage(currentPage + 1)">
+                        <span aria-hidden="true">&raquo;</span>
+                        <span class="sr-only">Siguiente</span>
+                    </a>
+                </li>
+            </ul>
+        </nav>
+    </div>
+</div>
+<div class="modal-footer">
+    <button class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
+</div>
diff --git a/src/views/nota-pedido.html b/src/views/nota-pedido.html
index dcd9356..606081b 100644
--- a/src/views/nota-pedido.html
+++ b/src/views/nota-pedido.html
@@ -3,17 +3,17 @@
         <div class="row bg-secondary p-3">
             <div class="form-group col-12 col-sm-6 col-md-4">
                 <div class="input-group">
-                    <input 
-                        type="text" 
-                        class="form-control" 
-                        uib-datepicker-popup="dd/MM/yyyy" 
-                        ng-model="notaPedido.fechaCarga" 
-                        is-open="popup1.opened" 
-                        datepicker-options="dateOptions" 
+                    <input
+                        type="text"
+                        class="form-control"
+                        uib-datepicker-popup="dd/MM/yyyy"
+                        ng-model="notaPedido.fechaCarga"
+                        is-open="popup1.opened"
+                        datepicker-options="dateOptions"
                         close-text="Cerrar"
                         current-text="Hoy"
                         clear-text="Borrar"
-                        alt-input-formats="altInputFormats" 
+                        alt-input-formats="altInputFormats"
                     />
                     <span class="input-group-append">
                         <button type="button" class="btn btn-default" ng-click="popup1.opened = true">
@@ -23,27 +23,40 @@
                 </div>
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
-                <input 
-                    class="form-control selectable"
-                    type="text"
-                    readonly="true"
-                    ng-bind="cliente.nombre"
-                    ng-click="seleccionarVendedor()"
-                    placeholder="Seleccione Vendedor"
-                >
+                <div class="input-group">
+                    <input
+                        class="form-control"
+                        type="text"
+                        ng-model="notaPedido.vendedor.nombre"
+                        placeholder="Seleccione Vendedor"
+                        readonly="true"
+                    >
+                    <span class="input-group-append">
+                        <button type="button" class="btn btn-default" ng-click="seleccionarVendedor()">
+                            <i class="fa fa-search"></i>
+                        </button>
+                    </span>
+                </div>
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
-                <input 
-                    class="form-control selectable"
-                    type="text"
-                    readonly="true"
-                    ng-bind="vendedor.nombre"
-                    ng-click="seleccionarCliente()"
-                    placeholder="Seleccione Cliente"
-                >
+                <div class="input-group">
+                    <input
+                        class="form-control selectable"
+                        type="text"
+                        ng-model="notaPedido.cliente.nombre"
+                        placeholder="Seleccione Cliente"
+                        readonly="true"
+                        ng-click="mostrarFichaCliente()"
+                    >
+                    <span class="input-group-append">
+                        <button type="button" class="btn btn-default" ng-click="seleccionarCliente()">
+                            <i class="fa fa-search"></i>
+                        </button>
+                    </span>
+                </div>
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
-                <input 
+                <input
                     class="form-control selectable"
                     type="text"
                     readonly="true"
@@ -53,7 +66,7 @@
                 >
             </div>
             <div class="form-group col-12 col-sm-6 col-md-4">
-                <input 
+                <input
                     class="form-control selectable"
                     type="text"
                     readonly="true"
@@ -68,7 +81,6 @@
 <div class="row">
     <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
         <div class="row">
-            
         </div>
         <div class="row">
             <table class="table table-striped table-sm">
@@ -86,7 +98,7 @@
                 </thead>
                 <tbody>
                     <tr>
-                        <td colspan="2"><input class="form-control" readonly></td>
+                        <td colspan="2"><input class="form-control" readonly ng-click="seleccionarArticulo()"></td>
                         <td></td>
                         <td></td>
                         <td></td>