.scrollable-table {
  max-height: 300px; /* Adjust height as needed */
  overflow-y: fixed;
  overflow-x: auto;
}

.scrollable-table table {
  width: 100%;
  border-collapse: collapse;
}

.scrollable-table thead th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .card-footer {
    flex-direction: column;
  }
  .card-footer .card-footer-item {
    width: 100%;
    text-align: center;
  }
}

.card-footer-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}