/* Define your CSS variables for the row colors */
:root {
  /* Colors for table even and odd rows */
  --color-odd-rows: rgb(90%, 95%, 90%);
  --color-even-rows: rgb(95%, 95%, 95%);
  /* datatable row selected color */
  --dt-row-selected: rgb(253, 255, 155);
  --dt-row-selected-text: black;
}

/* Customize the appearance of DataTables */
table.dataTable tbody tr:nth-child(odd),
table.dataTable tbody tr:nth-child(odd) td.dtfc-fixed-start {
  background-color: var(--color-odd-rows);
}

table.dataTable tbody tr:nth-child(even),
table.dataTable tbody tr:nth-child(even) td.dtfc-fixed-start {
  background-color: var(--color-even-rows);
}

table.dataTable thead th,
table.dataTable thead th.dtfc-fixed-start {
  background-color: rgb(90%, 90%, 90%);
  color: #333;
  text-align: center;
}

/* hover effect for rows */
table.dataTable tbody tr:nth-child(odd):hover {
  background-color: rgb(80%, 85%, 80%);
}

table.dataTable tbody tr:nth-child(even):hover {
  background-color: rgb(85%, 85%, 85%);
}

table.dataTable tr.odd td {
  background-color: #ecf5f4;
}

table.dataTable tr.gt_lastrow th {
  text-align: right;
}

table.dataTable td.etudinfo,
table.dataTable td.group {
  text-align: left;
}

div.dt-container div.dt-search {
  display: inline-block;
  margin-left: 16px;
  margin-top: 4px;
}

div.dt-container div.dt-search input {
  margin-left: 0.5em;
}

div.gt_caption {
  margin-top: 4px;
  margin-bottom: 16px;
}