body {
  background-color: #ffffff00 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='1000' height='1000' viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23cecdd0' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");

}

.card {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23cecdd0' fill-opacity='0.5' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}

.tables-home {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-inline: 2rem;
}

#MemberDetails {
  margin-inline: 10px;
}

@media (max-width: 768px) {
  .tables-home {
    display: block;
  }
  .cards-home {
    display: block;
  }
  .little-cards-home {
    flex-direction: row;
  }

  #MemberDetails {
    margin-block: 10px;
  }
}

.cards-home {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-inline: 1rem;
}

@media (max-width: 992px) {
  .cards-home {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .little-cards-home {
    flex-direction: row;
  }

  #MemberDetails {
    margin-block: 10px;
  }
}

@media (max-width: 576px) {
  .cards-home {
    display: block;
  }
  .little-cards-home {
    flex-direction: row;
  }

  #MemberDetails {
    margin-block: 10px;
  }
}

.little-cards-home {
  flex-direction: column;
}

#tblLoansDetails {
  display: flex;
}

#tblLoansDetails tbody {
  display: flex;
  flex-direction: row;
}

#tblLoansDetails tr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5px 10px;
  border: none;
}

#tblLoansDetails th,
td {
  flex-basis: 100%;
  text-align: left;
  padding: 2px;
}

#tblLoansDetails th {
  font-weight: bold;
}