/* assets/css/custom-table.css */
.custom-table {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  width: 100%;
  border-collapse: collapse;
}

.custom-table th,
.custom-table td {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
}

/* Style for the header row */
.custom-table th {
  background-color: #D80538;
  font-weight: bold;
  color: white;
}

/* Override the first cell in the header row */
.custom-table th:first-child {
  background-color: #D80538; /* Background color for first cell in header row */
  color: white; /* Set text color to white */
}

/* Media query for mobile devices */
@media (max-width: 600px) {
  .custom-table-container {
    width: 100%;
    overflow-x: auto; /* Enable horizontal scrolling */
  }

  .custom-table {
    width: 100%;
    display: block;
  }

  .custom-table th,
  .custom-table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}

/* Highlight classes for specific cells; Add colors as required */
.highlight-black {
  background-color: #1a1a1a !important;
  color: white !important;
}

.highlight-red {
  background-color: #D80538;
  color: white;
}
.highlight-light-red {
  background-color: #ffcccc;
  color: black;
}

.highlight-light-green {
  background-color: #ccffcc;
  color: black;
}

.highlight-white {
  background-color: #f9f9f9;
  font-weight: bold;
  color: black;
}