.table th,
.table td {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: 1px solid #dee2e6;
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075); /* Hover background color */
}

.center-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.center-container span {
  margin-bottom: 20px;
}

.table-header {
  background-color: #40c696 !important;
  color: white;
}

.iconAndName {
  display: flex;
  align-items: center; /* Aligns the logo and text vertically */
  justify-content: center; /* Centers the content horizontally, if needed */
}

.iconAndName img {
  height: 24px; /* Example height, adjust as needed */
  margin-right: 10px; /* Adds some space between the logo and the text */
}

.iconAndName span {
  padding-top: 20px;
  font-size: 1.5rem; /* Adjust this value to match the size of your logo */
  font-weight: bold; /* Optional: Makes the text bold */
  color: #40C696;
}