diff --git a/public/views/walletHome.html b/public/views/walletHome.html
index dbce3f15d..b90c313d1 100644
--- a/public/views/walletHome.html
+++ b/public/views/walletHome.html
@@ -2,12 +2,12 @@
   <div class="oh" ng-show="!index.noFocusedWallet">
     <div class="amount" ng-style="{'background-color':index.backgroundColor}">
       <div ng-if="!index.anyOnGoingProcess && !index.notAuthorized">
-        <div ng-show="index.updateError" ng-click='index.openWallet()'> 
+        <div ng-show="index.updateError" ng-click='index.openWallet()'>
           <span translate>Could not update Wallet</span>
           <br><span translate>Tap to retry</span>
         </div>
 
-        <div ng-show="index.walletScanStatus == 'error'" ng-click='index.retryScan()'> 
+        <div ng-show="index.walletScanStatus == 'error'" ng-click='index.retryScan()'>
           <span translate>Scan status finished with error</span>
           <br><span translate>Tap to retry</span>
         </div>
@@ -16,7 +16,7 @@
           <div class="size-36 animated fadeIn">
             <strong>{{index.totalBalanceStr}}</strong>
           </div>
-          <div class="size-14"  
+          <div class="size-14"
             ng-if="index.totalBalanceAlternative">
             <span ng-class="{'animated fadeIn':!index.hideBalance}">
               {{index.totalBalanceAlternative}} {{index.alternativeIsoCode}}
@@ -32,9 +32,9 @@
       </div>
     </div>
     <div class="pr columns line-b">
-      <div class="avatar-wallet left" 
+      <div class="avatar-wallet left"
         ng-class="{'updating':index.anyOnGoingProcess}"
-        ng-style="{'background-color':index.backgroundColor}">{{index.walletName | limitTo: 1}}</div>      
+        ng-style="{'background-color':index.backgroundColor}">{{index.walletName | limitTo: 1}}</div>
       <div class="right">
         <a ng-click="$root.go('preferences')" class="button outline light-gray tiny m0">
           <i class="fi-widget size-18 vm"></i>
@@ -43,32 +43,35 @@
       </div>
       <div class="wallet-info" ng-click="openCopayersModal(index.copayers, index.copayerId)">
         <p class="m0">
-        {{index.m}} <span translate>of</span>  {{index.n}}  
+        {{index.m}} <span translate>of</span>  {{index.n}}
         </p>
         <div class="size-12 text-gray">
           <span ng-if="index.n > 1" translate>Multisignature wallet </span>
-          <span ng-if="index.n == 1" translate>Personal Wallet</span> 
+          <span ng-if="index.n == 1" translate>Personal Wallet</span>
           <span ng-if="index.network != 'livenet'"> - Testnet</span>
         </div>
-      </div> 
+      </div>
     </div>
   </div>
 
-  <div class="onGoingProcess" 
-      ng-show="index.anyOnGoingProcess" 
-      ng-style="{'background-color':index.backgroundColor}"
-      ng-class="{'opacityCycle':index.anyOnGoingProcess}"
-  > 
-    <span translate ng-show="index.onGoingProcessName == 'openingWallet'">Opening Wallet...</span>
-    <span translate ng-show="index.onGoingProcessName == 'updatingStatus'">Updating Status...</span>
-    <span translate ng-show="index.onGoingProcessName == 'updatingBalance'">Updating Balance...</span>
-    <span translate ng-show="index.onGoingProcessName == 'updatingPendingTxps'">Updating Pending Transactions...</span>
+  <div class="onGoingProcess" ng-show="index.anyOnGoingProcess" ng-style="{'background-color':index.backgroundColor}">
+    <div class="spinner">
+      <div class="rect1"></div>
+      <div class="rect2"></div>
+      <div class="rect3"></div>
+      <div class="rect4"></div>
+      <div class="rect5"></div>
+    </div>
+    <span translate ng-show="index.onGoingProcessName == 'openingWallet'"> Updating Wallet... </span>
+    <span translate ng-show="index.onGoingProcessName == 'updatingStatus'"> Updating Status...</span>
+    <span translate ng-show="index.onGoingProcessName == 'updatingBalance'">Updating Wallet... </span>
+    <span translate ng-show="index.onGoingProcessName == 'updatingPendingTxps'">Updating Wallet...</span>
     <span translate ng-show="index.onGoingProcessName == 'scanning'">Scanning Wallet funds...</span>
-    <span translate ng-show="index.onGoingProcessName == 'recreating'">Recreating Wallet on BWS...</span>
+    <span translate ng-show="index.onGoingProcessName == 'recreating'">Recreating Wallet...</span>
   </div>
 
-  <div class="m20t" ng-show="index.notAuthorized"> 
-    <div class="text-center text-warning"> 
+  <div class="m20t" ng-show="index.notAuthorized">
+    <div class="text-center text-warning">
       <i class="fi-alert"></i>
       <span translate>
         WARNING: Wallet not registered
@@ -78,7 +81,7 @@
       This wallet is not registered at the given Bitcore Wallet Service (BWS). You can recreate it from the local information.
     </div>
     <div class="text-center m10t ">
-      <span class="button outline dark-gray tiny" 
+      <span class="button outline dark-gray tiny"
         ng-click="index.recreate()">
         <span translate>Recreate</span>
       </span>
@@ -88,15 +91,15 @@
 
   <div ng-show="index.requiresMultipleSignatures  && index.txps[0]">
     <h4 class="title m0" translate>Spend proposals</h4>
-    <div class="last-transactions pr" ng-repeat="tx in index.txps" 
+    <div class="last-transactions pr" ng-repeat="tx in index.txps"
       ng-include="'views/includes/transaction.html'">
     </div>
 
-    <div class="text-gray text-center size-12 p10t" 
+    <div class="text-gray text-center size-12 p10t"
       ng-show="index.lockedBalance && !index.updatingStatus">
       <span translate>Total Locked Balance</span>:
-      <b>{{index.lockedBalance}} {{index.unitName}} </b> 
-      <span> {{index.lockedBalanceAlternative}} 
+      <b>{{index.lockedBalance}} {{index.unitName}} </b>
+      <span> {{index.lockedBalanceAlternative}}
         {{index.alternativeIsoCode}} </span>
     </div>
 
@@ -119,7 +122,6 @@
     <button class="button black expand" ng-click="$root.go('add')" translate>Create</button>
   </div>
 
- 
+
 </div>
 <div class="extra-margin-bottom"></div>
-
diff --git a/src/css/main.css b/src/css/main.css
index 007adb6eb..5cbd9525b 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -204,7 +204,7 @@ a.close-notification {
 }
 
 ul.tx-copayers {
-  background: #E4E8EC;  
+  background: #E4E8EC;
   padding: 0.3rem 0.8rem;
   margin-left: 0;
   box-shadow: inset 0 1px 1px 0 rgba(10,19,28,.12);
@@ -316,9 +316,9 @@ ul.manage li {
 .pa {position: absolute;}
 .m0 {margin: 0;}
 .p0i {padding: 0 !important;}
-.db {display: block;}  
-.size-10 { font-size: 10px; }      
-.size-12 { font-size: 12px; }      
+.db {display: block;}
+.size-10 { font-size: 10px; }
+.size-12 { font-size: 12px; }
 .size-14 { font-size: 14px; }
 .size-16 { font-size: 16px; }
 .size-18 { font-size: 18px; }
@@ -422,25 +422,25 @@ ul.manage li {
 }
 
 /* Turn Off Number Input Spinners */
-input[type=number]::-webkit-inner-spin-button, 
-input[type=number]::-webkit-outer-spin-button { 
-  -webkit-appearance: none; 
-  margin: 0; 
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
 }
 
 .spinner {
   display: inline-block;
 }
 
-.success { 
+.success {
   color: #1ABC9C;
 }
 
-.bg-success { 
+.bg-success {
   background-color: #1ABC9C;
 }
 
-.tx-proposal i { 
+.tx-proposal i {
   padding: .1rem .3rem;
   background-color: #A5B2BF;
   border-radius: 100%;
@@ -551,19 +551,19 @@ label small.has-error {
   font-size: 11px;
 }
 
-table { 
-  border-collapse: collapse; 
-  text-align: left; 
-  width: 100%; 
+table {
+  border-collapse: collapse;
+  text-align: left;
+  width: 100%;
   border: none;
 }
 
-thead tr{ 
-  text-transform: uppercase; 
+thead tr{
+  text-transform: uppercase;
 }
 
-table tr td, table tr th { 
-  padding: 15px; 
+table tr td, table tr th {
+  padding: 15px;
 }
 
 table tr.even, table tr.alt, table tr:nth-of-type(even) {
@@ -571,17 +571,17 @@ table tr.even, table tr.alt, table tr:nth-of-type(even) {
 }
 
 table tfoot tr td, table tfoot tr th, table thead tr td, table thead tr th {
-  background-color: #F5F5F8; 
-  color:#949BAD; 
+  background-color: #F5F5F8;
+  color:#949BAD;
   font-weight: normal
 }
 
 table tbody td {
   color: #7A8C9E;
-  border-bottom: 1px solid #F1F1F3; 
+  border-bottom: 1px solid #F1F1F3;
 }
 
-table tbody tr:last-child td { 
+table tbody tr:last-child td {
   border-bottom: none;
 }
 
@@ -627,81 +627,81 @@ button.outline.light-gray:focus {
 }
 
 /* SECONDARY */
-button.secondary, 
-button.secondary:hover, 
-button.secondary:focus, 
-.button.secondary, 
+button.secondary,
+button.secondary:hover,
+button.secondary:focus,
+.button.secondary,
 .button.secondary:hover,
-.button.secondary:focus { 
+.button.secondary:focus {
   background-color: #008CC1;
   color: #fff;
   border-radius: 3px;
 }
 
 /* PRIMARY */
-button.primary, 
-button.primary:hover, 
-button.primary:focus, 
+button.primary,
+button.primary:hover,
+button.primary:focus,
 .button.primary,
 .button.primary:hover,
-.button.primary:focus { 
+.button.primary:focus {
   background-color: #1ABC9C;
   color: #fff;
   border-radius: 3px;
 }
 
 /* WARNING */
-button.warning, 
+button.warning,
 .button.warning,
-button.warning:hover, 
-button.warning:focus, 
-.button.warning:hover, 
-.button.warning:focus { 
+button.warning:hover,
+button.warning:focus,
+.button.warning:hover,
+.button.warning:focus {
   background-color: #ED4A43;
   color: #fff;
   border-radius: 3px;
 }
 
 /* WHITE */
-button.white, 
-.button.white { 
+button.white,
+.button.white {
   background-color: #fff;
   color: #2C3E50;
 }
 
 /* BLACK */
-button.black, 
-.button.black { 
+button.black,
+.button.black {
   background-color: #2C3E50;
   color: #fff;
 }
 
 /* GRAY */
-button.gray, 
-.button.gray { 
+button.gray,
+.button.gray {
   background-color: #A9B2B8;
   color: #2C3E50;
 }
 
-button.disabled.black, 
-button[disabled].black, 
-.button.disabled.black, 
+button.disabled.black,
+button[disabled].black,
+.button.disabled.black,
 .button[disabled].black,
-button.disabled.white, 
-button[disabled].white, 
-.button.disabled.white, 
+button.disabled.white,
+button[disabled].white,
+.button.disabled.white,
 .button[disabled].white,
-button.disabled.warning, 
-button[disabled].warning, 
-.button.disabled.warning, 
+button.disabled.warning,
+button[disabled].warning,
+.button.disabled.warning,
 .button[disabled].warning,
-button.disabled.primary, 
-button[disabled].primary, 
-.button.disabled.primary, 
+button.disabled.primary,
+button[disabled].primary,
+.button.disabled.primary,
 .button[disabled].primary,
-button.disabled.secondary, 
-button[disabled].secondary, 
-.button.disabled.secondary, 
+button.disabled.secondary,
+button[disabled].secondary,
+.button.disabled.secondary,
 .button[disabled].secondary {
   background-color: #A5B2BF !important;
   color: #fff;
@@ -1124,7 +1124,7 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
 
 /* Generated with Bounce.js. Edit at http://goo.gl/Vn2Euz */
 
-@-webkit-keyframes up-animation { 
+@-webkit-keyframes up-animation {
   0% { -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   3.4% { -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
@@ -1150,11 +1150,11 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
   75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   90.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
-  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
+  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
 }
 
 
-@keyframes up-animation { 
+@keyframes up-animation {
   0% { transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   3.4% { transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   4.7% { transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
@@ -1180,7 +1180,7 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
   75.28% { transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   85.49% { transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
   90.69% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
-  100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
+  100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
 }
 
 
@@ -1191,32 +1191,77 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
   -webkit-animation-iteration-count: infinite;
 }
 
-
-
-@-webkit-keyframes opCycle-animation
-{ 
-0% {opacity:1} 
-15% {opacity:0.7} 
-30% {opacity:0.85} 
-45% {opacity:0.5} 
-60% {opacity:0.8} 
-75% {opacity:0.7} 
-99% {opacity:1;} 
-}
-
 .onGoingProcess {
+  background: #213140;
   text-align: center;
   max-width: 14.5rem;
-  max-height: 2rem;
+  max-height: 3.5rem;
   top:auto;
   left:0;
   right:0;
   bottom:90px;
   margin: auto;
-  border-radius: 3px;     
+  border-radius: 3px;
   color: #fff;
-  padding: 0.3rem 0.5rem;
-  font-size: 14px;
+  padding: 0.5rem;
+  font-size: 13px;
   position: absolute;
-  background:#DDD;
+  opacity: 0.8;
+}
+
+
+/*/////////////////// SPINNER ////////////////////*/
+
+.spinner {
+  margin: 0 auto;
+  width: 35px;
+  height: 27px;
+  text-align: center;
+  font-size: 10px;
+  vertical-align: middle;
+}
+
+.spinner > div {
+  background-color: #fff;
+  height: 100%;
+  width: 2px;
+  display: inline-block;
+
+  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
+  animation: stretchdelay 1.2s infinite ease-in-out;
+}
+
+.spinner .rect2 {
+  -webkit-animation-delay: -1.1s;
+  animation-delay: -1.1s;
+}
+
+.spinner .rect3 {
+  -webkit-animation-delay: -1.0s;
+  animation-delay: -1.0s;
+}
+
+.spinner .rect4 {
+  -webkit-animation-delay: -0.9s;
+  animation-delay: -0.9s;
+}
+
+.spinner .rect5 {
+  -webkit-animation-delay: -0.8s;
+  animation-delay: -0.8s;
+}
+
+@-webkit-keyframes stretchdelay {
+  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
+  20% { -webkit-transform: scaleY(1.0) }
+}
+
+@keyframes stretchdelay {
+  0%, 40%, 100% {
+    transform: scaleY(0.4);
+    -webkit-transform: scaleY(0.4);
+  }  20% {
+    transform: scaleY(1.0);
+    -webkit-transform: scaleY(1.0);
+  }
 }