.weeklyBalanceCards {
  width: 10% !important;
  margin-left: 1% !important;
  margin-right: 1% !important;
  display: inline-block !important;
  font-size: 15px;
}

/* .weeklyBalanceCardsNegativeValue p {
  color: #ff8e8e !important;
} */

@media screen and (max-width: 998px) {
  .weeklyBalanceCards {
    width: 30% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    display: inline-block !important;
  }
}

.weeklyBalanceCardsNegativeValue p {
  color: #ff8e8e !important;
}

.weeklyBalanceCardsPositiveValue p {
  color: #aaffaa !important;
}