.dataTable tbody tr {
    cursor: pointer;
}

.hidden {
    display: none;
}

.visible {
    display: block;
}

/* CSS Below is made with the help of ChatGPT */
.striped-warning {
  background: repeating-linear-gradient(
    45deg,
    rgba(255, 193, 7, 1), /* Yellow */
    rgba(255, 193, 7, 1) 10px,
    #333 10px,
    #333 20px
  );
  position: relative;
  color: white;
  padding: 10px;
  border-radius: 5px 5px 0 0;
}

.striped-warning::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7); /* Semi transparant black layer */
  z-index: 1;
  pointer-events: none; /* Disable interaction */
  border-radius: 5px 5px 0 0;
}

.striped-warning h5, .striped-warning .btn-close {
  position: relative;
  z-index: 2; /* Make sure buttons stay at the top */
}

/* Style voor readonly velden */
input[readonly], textarea[readonly] {
    background-color: #333;   /* Donkere achtergrond voor dark mode */
    border: 1px solid #555;   /* Lichtere rand voor donker contrast */
    color: #aaa;              /* Lichtere tekstkleur om op donkere achtergrond leesbaar te blijven */
    cursor: not-allowed;      /* Wijzig cursor naar niet-toegestaan symbool */
}

/* Optioneel: voeg een stijl toe als het readonly veld in focus komt */
input[readonly]:focus, textarea[readonly]:focus {
    outline: none;            /* Verwijder de focusrand */
    border-color: #888;       /* Verander de randkleur als het veld gefocust is */
}