html {
  font-size: 14px; /* Decrease from the default 16px */
}

/* We want the form labels to be right-justified. */
.col-form-label
{
  text-align: right;
  font-weight: bold;
}

.col-form-label-left {
  text-align: left;
}

/* Make pagination control match the dark theme. */
/* .pagination .page-link {
  background: rgb(32, 32, 32);
  color: white;
} */

/* Text color for the partner warning text. */
.partnerText {
  color: darkred;
}

/* This sizes check boxes smaller in Bootstrap form controls. */
.form-check-input-sm {
  width: 1rem;
  height: 1rem;
}

/* Used for mobile import log results when successful. */
.success-container {
  width: 100%;
  height: 400px; /* Adjust height as needed */
  overflow: auto; /* Enable scrolling */
  background-color: #222; /* Dark background */
  color: #0f0; /* Green text for terminal-like feel */
  border: 1px solid #444;
  padding: 10px;
  font-family: monospace; /* Ensure fixed-width font */
  white-space: pre-wrap; /* Preserve formatting & allow wrapping */
}

/* Used for mobile import log results when error(s). */
.error-container {
  width: 100%;
  height: 400px; /* Adjust height as needed */
  overflow: auto; /* Enable scrolling */
  background-color: #f8d7da; /* Dark background */
  color: #842029; /* Green text for terminal-like feel */
  border: 1px solid #f5c2c7;
  padding: 10px;
  font-family: monospace; /* Ensure fixed-width font */
  white-space: pre-wrap; /* Preserve formatting & allow wrapping */
}

/* Used in Hazard details page to make the rows more narrow.*/
.narrow-row * {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}