html, body {
  margin: 0;
  padding: 0.0rem;
}



/*  ------ Wallet  --------*/
.card {
  border-bottom: 1px solid #eee;
  
  
}
.card .container {

}
.card h3 {
  font-size: 160%;
  color: orange;
  padding-bottom: 0px;
  margin-bottom: 0px;
  

}
.card h2 {
  font-size: 190%;
  margin-top: 0.0em;
  margin-bottom: 0.0em;
  font-weight: 200
  
}
.card h2.card-balance {
  font-size: 200%;
  color: black;
  float: right;
  font-weight: 800;
}

.card h5 {
  color: grey;
  margin-top: 0px;
  
}
.greyed {
  color: #999;
}



.pack-activity {
  min-height: 5px;
  background-color: white !important;
  }

/* --- Sign in --- */

.new-card-form {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

#card-number.ng-invalid.ng-touched {
   background-color: #ffd4d2;
 }

#card-number.ng-valid.ng-touched {
    background-color: inherit;
}

.rotating {
  animation: 0.9s rotate infinite steps(30);
  -webkit-animation: rotating 2s linear infinite;
}
@keyframes rotate {
  from { transform: rotate(1deg); }
  to   { transform: rotate(360deg); }
}
@-webkit-keyframes rotating {
    from{-webkit-transform: rotate(0deg);}
    to{-webkit-transform: rotate(360deg);}
}

