diff --git a/index.html b/index.html
index d16af4a..7f819a3 100644
--- a/index.html
+++ b/index.html
@@ -58,9 +58,7 @@
 
 <body ng-controller="controller">
     <style>
-        .p-5 {
-            padding: 5px !important;
-        }
+        .active{color:#fff;text-decoration:none;outline:0;background-color:#337ab7}.btn-xs{padding:.15rem .5rem;font-size:.8rem;line-height:1.5;border-radius:.2rem}.no-border-bottom{border-bottom:0 !important}.no-border-top{border-top:0 !important}.no-border{border:0 !important}.margin-bottom-mobile{margin-bottom:2.5em !important}.tamaño-boton{width:44px}@media (max-width: 576px){.modal-content{height:auto;height:100%;border-radius:0}}@media (max-width: 576px){.modal-dialog{width:100%;height:100%;margin:0;padding:0}}@media (max-width: 576px){.modal-body{overflow-y:auto}}.botonera .btn{margin-bottom:5px}.botonera-lateral>.row{height:420px}.botonera-principal menuitem{display:inline-block;height:130px;text-align:center;width:180px}.botonera-principal button{background-image:url("../img/botonera.png");border-radius:12px;border-width:0;height:90px;position:relative;width:90px}.botonera-principal button span{left:0;position:absolute;text-align:center;top:90px;width:100%;font-size:12px;color:#777777}.botonera-principal-menu{padding-left:90px}.botonera-principal-logo{width:80%;opacity:.8}.botonera-principal-vacio button{background-position:-4380px 0}.botonera-principal-vacio button:hover{background-position:-4380px -90px}.botonera-principal-abrir-turno button{background-position:0 0}.botonera-principal-abrir-turno button:hover{background-position:0 -90px}.botonera-principal-cerrar-turno button{background-position:-90px 0}.botonera-principal-cerrar-turno button:hover{background-position:-90px -90px}.botonera-principal-caja button{background-position:-180px 0}.botonera-principal-caja button:hover{background-position:-180px -90px}.botonera-principal-facturador button{background-position:-270px 0px}.botonera-principal-facturador button:hover{background-position:-270px -90px}.botonera-principal-nota-pedido button{background-position:-1250px 0px}.botonera-principal-nota-pedido button:hover{background-position:-1250px -90px}.botonera-secundaria{background-color:rgba(0,0,0,0.8)}.botonera-secundaria .row{border-radius:5px;overflow:hidden}.botonera-secundaria .btn{border-radius:0;margin-right:1px;width:calc(100% - 1px);margin-bottom:1px}body{background-color:#cccccc}.contenedor{background-image:radial-gradient(circle at 50% 50%, #ebecf1, #abaec3)}@media (min-width: 768px){.contenedor{min-height:600px;min-width:800px}}.grilla-articulo{background-color:rgba(0,0,0,0.8)}@media (min-width: 768px){.grilla-articulo{height:430px}}.lista{background-color:rgba(0,0,0,0.8);padding:10px}.lista tr{background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5))}.lista tbody td{border-top:none;color:#ffffff}.lista thead th{border-bottom:1px solid #ffffff;border-top:none;color:#ffffff;font-family:sans-serif;font-size:12px}.lista .boton-accion{background:none;color:#ffffff;border:1px solid #ffffff;border-radius:30px;padding:5px 7px}.lista .boton-accion i{font-size:16px}.login{background-color:#bdbdbd;border:1px solid #000000;border-radius:3px;height:155px;left:calc(50% - 130px);opacity:0.7;position:absolute;text-align:center;top:190px;width:260px}.login-titulo{border-bottom:1px solid #ffffff;padding:5px 0}.login-campo label{display:block;font-size:12px;margin:5px 0 0}.login-campo input:focus{outline:3px solid #ff9900}.panel-informativo{background:linear-gradient(#ccc, #eee);min-height:32px}.panel-informativo .form-group{margin-bottom:5px}.panel-informativo .form-control-xs{height:calc(1.6rem);padding:.25rem .5rem;font-size:.8rem;line-height:1.3;border-radius:.2rem}.panel-informativo .label{font-size:.8em}.panel-informativo .valor{font-size:.8em}@media (max-width: 576px){.panel-informativo .nota-pedido{text-align:center}}@media (min-width: 576px){.panel-informativo .numero-pedido{text-align:center}}.table-nonfluid{width:auto}.table-celda-total{color:#000000;background-color:#FF9900}.keyboard{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:62%;height:60%;margin-left:13%;margin-top:-19%;position:absolute}.keyboard table{border-spacing:10px;border-collapse:separate;z-index:100000}.keyboard table td{touch-action:none}.keyboard .letter{background-color:#bdbdbd;box-shadow:2px 2px 3px #555555;width:47px;height:50px;text-align:center;font-family:"arial";cursor:pointer;color:#000;font-size:22px}.keyboard .letter:hover{background-color:#fafafa}.keyboard .letter:active{background-color:#999;color:#fff}.keyboard .number{background-color:#bdbdbd;box-shadow:2px 2px 3px #555555;width:47px;height:35px;text-align:center;font-family:"arial";cursor:pointer;color:#000;font-size:22px}.keyboard .number:hover{background-color:#fafafa}.keyboard .number:active{background-color:#999;color:#fff}.keyboard .margin{width:40px;height:50px}.teclado-activar{background-color:#17d236}.boton-activar-teclado{margin-top:-10%;position:absolute;z-index:100000}.tabla-articulo{max-height:420px}.tabla-articulo tr{display:inline-table;table-layout:fixed}.tabla-articulo tbody{overflow-y:auto;max-height:280px;display:block}.acciones-mobile{line-height:2.5em;color:orange;font-size:1.25em}.swiper-container{height:400px}.swiper-slide{background:transparent;height:400px;text-align:unset;-webkit-align-items:unset;align-items:unset}.crear-nota-pedido-fecha input[type="date"]::-webkit-clear-button{display:none}
     </style>
 </body>
 
diff --git a/src/views/modal-vendedores.html b/src/views/modal-vendedores.html
index 2e9609b..aacccd1 100644
--- a/src/views/modal-vendedores.html
+++ b/src/views/modal-vendedores.html
@@ -14,64 +14,80 @@
             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" 
-                            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>
+    <table class="table table-striped table-sm">
+        <thead>
+            <tr>
+                <th class="d-none d-sm-table-cell">Código</th>
+                <th class="d-sm-none">Cód.</th>
+                <th>Nombre</th>
+                <th></th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr 
+                ng-repeat="(key, vendedor) in currentPageVendedores" 
+                ng-click="select(vendedor)"
+            >
+                <td ng-bind="vendedor.CodVen"></td>
+                <td ng-bind="vendedor.NomVen"></td>
+                <td>
+                    <button 
+                        type="button" 
+                        class="btn p-2 float-right d-none d-md-table-cell" 
+                        ng-class="{ 
+                            'btn-secondary': selectedVendedor != key, 
+                            'btn-primary': selectedVendedor == key
+                        }"
+                        
+                        foca-focus="selectedVendedor == {{key}}" 
+                        ng-keydown="itemVendedor($event.keyCode)"
+                    >
+                    </button>
+                    <i 
+                        class="fa fa-arrow-right d-md-none text-primary" 
+                        aria-hidden="true"
+                    ></i>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <nav>
+        <ul class="pagination justify-content-end mb-0">
+            <li class="page-item" ng-class="{'disabled': currentPage == 1}">
+                <a 
+                    class="page-link" 
+                    href="javascript:void()" 
+                    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="javascript:void()" 
+                    ng-click="selectPage(pagina)"
+                    ng-bind="pagina"
+                ></a>
+            </li>
+            <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
+                <a 
+                    class="page-link" 
+                    href="javascript:void()" 
+                    ng-click="selectPage(currentPage + 1)"
+                >
+                    <span aria-hidden="true">&raquo;</span>
+                    <span class="sr-only">Siguiente</span>
+                </a>
+            </li>
+        </ul>
+    </nav>
 </div>
 <div class="modal-footer">
     <button class="btn btn-secondary" type="button" ng-click="cancel()">Cancelar</button>