body{
    background-color: #2c3338;
    
  }
  .wallet-container {
      background-color: rgb(35, 34, 63);
          width: 60%;
          height: 95%;
          color: #fff;
          font-size: 15px !important;
          padding: 20px;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          position: absolute;
      border-radius: 5px !important;
  }
  
  .page-title {
      text-align: left;
  }
  
  .fa-user {
      float: right;
  }
  
  .fa-align-left {
      margin-right: 15px;
  }
  
  .amount-box img {
      width: 50px;
  }
  
  .amount {
      font-size: 35px;
  }
  
  .amount-box p {
      margin-top: 10px;
      margin-bottom: -10px;
  }
  
  .btn-group {
      margin: 20px 0;
  }
  
  .btn-group .btn {
      margin: 8px;
      border-radius: 20px !important;
      font-size: 12px;
  }
  
  .txn-history {
      text-align: left;
  }
  
  .txn-list {
      background-color: #fff;
      padding: 12px 10px; 
      color: #777;
      font-size: 14px;
      margin: 7px 0;
  }
  
  .debit-amount {
      color: red;
      float: right;
  }
  
  .credit-amount {
      color: green;
      float: right;
  
  }
  
  .footer-menu {
      margin: 20px -20px 0;
      bottom: 0;
      border-top: 1px solid #ccc;
      padding: 10px 10px 0;
  }
  
  #phistoryId p {
    height: 5vh;
    margin-top: 2vh;
    font-size: 2vh;
  }