/* Some extra styling applied to the data manager webpage */
.alert {
  position: fixed;
  bottom: 0;
  right: 0;
  margin: 1rem;
  z-index: 999;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.5);
}

section {
  margin-top: 7.5vh;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
  padding: 1rem;
  background-color: #f5f5f5;
  border-radius: 1rem;
  border: 1px solid #cdcdcd;
}

.footer_bottom {
  margin-top: 7.5vh;
  margin-bottom: 3rem;
}

.table_wrapper {
  overflow-x: auto;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
}

.table {
  width: 100%;
  background-color: white;
  padding: 0;
  margin: 0;
}

.table td,
.table th {
  vertical-align: middle;
}

.table tfoot td {
  border-top: 2px solid #dee2e6;
  border-top-width: 2px;
}

.table th {
  background-color: #f5f5f5 !important;
}

.nowrap {
  white-space: nowrap;
}

.table .btn {
  display: block;
  width: 100%;
  white-space: nowrap;
}

.example-data,
.table-hover > tbody > tr.example-data:hover {
  font-style: italic;
  opacity: 0.5;
  background-color: white !important;
  --bs-table-accent-bg: white !important;
}

label {
  font-weight: bold;
}

.map {
  width: 100%;
  height: clamp(300px, 50vh, 80vh);
  border: 1px solid #cdcdcd;
  background-color: white;
}

#login-form {
  border: 1px solid #dee2e6;
  padding: 3rem;
  max-width: 500px;
  margin: 5vh auto;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.1);
}

.delete_external_data_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(90, 0, 0, 0.85);
  z-index: 9999;
}
.delete_external_data_modal.show_modal {
  display: block;
}
.delete_external_data_modal .modal-dialog {
  max-width: 30rem;
}