/* General styles */
body {
  font-family: Arial, sans-serif;
  margin: 0.5em;
}

.nav-buttons {
  background-color: white;
  color: darkblue;
  text-decoration: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0.2em;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 2px solid darkblue;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 100%
}

a.nav-buttons:hover {
  background-color: darkblue;
  color: #fff;
}

/* Form styles */
/* form {
    display: grid;
    gap: 10px;
    background: white;
    border-radius: 1em;
    padding: 1em;
    max-width: 640px;
    margin: 50px auto;
  }

  label {
    font-weight: bold;
  }

  input,
  select {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
  }

  button {
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background-color: #007bff;
    color: white;
    font-size: 1em;
  } */

/* Table styles */
/* .table-wrapper {
    overflow-x: auto;
  }

  table {
    border-collapse: collapse;
    width: 100%;
    white-space: nowrap;
    font-family: 'DIN 1451 Std', sans-serif;
  }

  th,
  td {
    padding: 5px;
    border: 1px solid #ddd;
  }

  th {
    background-color: #f2f2f2;
    text-align: left;
  }

  tr:nth-child(even) {
    background-color: #f9f9f9;
  }

  .uploaded {
    color: green;
    font-weight: bold;
  }

  .not-uploaded {
    color: red;
    font-weight: bold;
  } */

/* Preview styles */
/* .preview-container {
    overflow-x: auto;
    max-width: 100%;
    border: 1px solid #ccc;
    margin-top: 20px;
    max-height: 600px;
    min-height: 200px;
    width: 80vw;
    background-color: lightgrey;
  }

  .highlight {
    background-color: yellow;
  } */

/* Upload result styles */
/* .header1 > th {
    background-color: #000080;
    color: white;
    text-align: center;
  }

  .header2 > th {
    background-color: #00aed5;
    color: white;
    text-align: center;
  }

  .subheader {
    background-color: #4caf50;
    color: white;
    text-align: center;
  }

  .toggle-btn {
    border: 1px navy solid;
    background: white;
  }

  .toggle-btn.active {
    background: navy;
    color: white;
  }

  .text-red {
    color: red;
  } */