diff --git a/src/js/controller.js b/src/js/controller.js
index 4246ed5..017a0c0 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -1,15 +1,16 @@
 angular.module('focaLogin')
     .controller('focaLoginController', [
         '$scope', 'focaLoginService', '$location', '$cookies', 'focaModalService', 'md5', 'APP',
-        function($scope, focaLoginService, $location, $cookies, focaModalService, md5, APP) {
+        function ($scope, focaLoginService, $location, $cookies, focaModalService, md5, APP) {
             $scope.paso = 1;
-            $scope.enviar = function() {
+            $scope.hidePassword = true;
+            $scope.enviar = function () {
                 angular.element('#password').blur();
                 focaLoginService.login({
                     idUsuario: $scope.usuario.idUsuario,
                     clave: APP != 'facturador' ? md5.createHash($scope.usuario.clave) :
                         $scope.usuario.clave
-                }).then(function(datos) {
+                }).then(function (datos) {
                     if (datos.data.chofer && datos.data.chofer.id) {
                         $cookies.put('chofer', datos.data.chofer.id);
                         $cookies.put('nombreUsuario', datos.data.chofer.nombre);
@@ -28,26 +29,26 @@ angular.module('focaLogin')
                     $cookies.put('token', datos.data.token);
                     $location.path('/');
                     $scope.$emit('blur');
-                }, function(error) {
+                }, function (error) {
                     if (error.status === 401) {
                         focaModalService
                             .alert('El usuario o la contraseña han sido mal introducidos');
                     }
 
-                    if(error.status === -1) {
+                    if (error.status === -1) {
                         focaModalService.alert('Sin servicio');
                         return;
                     }
                 });
             };
-            $scope.irPaso = function(numeroPaso) {
+            $scope.irPaso = function (numeroPaso) {
                 $scope.paso = numeroPaso;
             };
         }
     ])
     .controller('focaLogoutController', [
         '$cookies', '$location',
-        function($cookies, $location) {
+        function ($cookies, $location) {
             $cookies.remove('chofer');
             $cookies.remove('vendedorCobrador');
             $cookies.remove('vendedorPlaya');
diff --git a/src/views/foca-login.html b/src/views/foca-login.html
index fcf4b9a..883a892 100644
--- a/src/views/foca-login.html
+++ b/src/views/foca-login.html
@@ -5,18 +5,18 @@
     <div class="col-8 col-sm-6 col-md-4 col-lg-3 my-2 align-self-stretch">
         <div class="bg-gradient-login border-0 rounded shadow-sm text-center">
             <form class="p-3 m-0" name="login">
-                <div class="pt-3 pb-2 border-bottom border-white">
+                <div class="pt-3 pb-2 mb-3 border-bottom border-white">
                     <span>Ingreso de usuario</span>
                 </div>
                 <!-- USUARIO -->
-                <div class="form-group my-2">
-                    <label
-                        for="user"
-                        class="login-small-text m-0">
-                        Usuario
-                    </label>
+                <label
+                    for="user"
+                    class="login-small-text m-0">
+                    Usuario
+                </label>
+                <div class="input-group mb-2">
                     <input
-                        class="form-control form-control-sm badge-pill text-transform-none"
+                        class="form-control form-control-sm rounded-pill text-transform-none"
                         type="text"
                         id="user"
                         ng-model="usuario.idUsuario"
@@ -28,22 +28,30 @@
                     />
                 </div>
                 <!-- CONTRASEÑA -->
-                <div class="form-group my-2">
-                    <label
-                        for="password"
-                        class="login-small-text m-0">
-                        Contraseña
-                    </label>
+                <label
+                    for="password"
+                    class="login-small-text m-0">
+                    Contraseña
+                </label>
+                <div class="input-group mb-2">
                     <input
-                        class="form-control form-control-sm badge-pill"
+                        class="form-control form-control-sm rounded-pill text-transform-none pr-5"
                         id="password"
-                        type="password"
+                        type="{{!hidePassword ? 'password' : 'text'}}"
                         ng-model="usuario.clave"
                         foca-focus="paso == 2"
                         ng-keyup="$event.keyCode == 13 && enviar()"
                         ladda="loginLoading"
                         teclado-virtual
                     />
+                    <div class="input-icon px-3">
+                        <div ng-show="!hidePassword"  ng-click="hidePassword = !hidePassword">
+                            <i class="fade-in fa fa-eye"></i>
+                        </div>
+                        <div ng-show="hidePassword" ng-click="hidePassword = !hidePassword">
+                            <i class="fade-in fa fa-eye-slash"></i>
+                        </div>
+                    </div>
                 </div>
                 <button
                     type="button"