diff --git a/src/views/modal-vendedores.html b/src/views/modal-vendedores.html
index 55feb5f..49106b4 100644
--- a/src/views/modal-vendedores.html
+++ b/src/views/modal-vendedores.html
@@ -3,14 +3,8 @@
 </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-keypress="enter($event.keyCode)"
-        >
+        <input type="text" class="form-control" placeholder="Busqueda" ng-model="filters" ng-change="search()"
+            ng-keypress="enter($event.keyCode)">
         <table class="table table-striped table-sm">
             <thead>
                 <tr>
@@ -28,15 +22,38 @@
                     <td ng-bind="vendedor.CodVen"></td>
                     <td ng-bind="vendedor.NomVen"></td>
                     <td>
-                        <button type="button" class="btn btn-secondary p-5 float-right mr-1" ng-click="select(producto)">
-                            <i class="fa fa-check" aria-hidden="true"></i>
+                        <button type="button" class="btn  p-2 float-right" ng-class="{ 
+                                'btn-secondary': selectVendedores != key, 
+                                'btn-primary': selectVendedores == key
+                            }"
+                            ng-click="select(vendedor)" foca-focus="selectVendedores == {{key}}" ng-keydown="itemProducto($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" type="button" ng-click="cancel()">Cancelar</button>
-</div>
+    <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
+</div>
\ No newline at end of file