.bg-pastel-red {
  background-color: #f5758130 !important;
}

.bg-pastel-blue {
  background-color: #aeaec1 !important;
}

.bg-pastel-gray {
  background-color: #d6d6d6 !important;
}

.water-reading {
  font-family: "DroidSerifRegular", serif;

  .btn-primary {
    background-color: #3b7e1d;
    border-color: #0b2e13;
  }

  .btn-primary:hover {
    background-color: rgba(59, 126, 29, 0.8);
    border-color: rgba(11, 46, 19, 0.8);
  }
}

.näidu-näited img {
  max-width: 300px;
  max-height: 250px;
}

.detail:link {
  color: rgba(11, 46, 19, 0.8);
}

/* Horizontal scrolling for meter report admin tables */
.results.table-responsive {
  overflow-x: auto !important;
  white-space: nowrap;
}

.results.table-responsive table {
  min-width: 100%;
  table-layout: auto;
}

.results.table-responsive th,
.results.table-responsive td {
  white-space: nowrap;
  padding: 8px 12px;
  min-width: 120px; /* Ensure minimum column width */
}

/* Specific styling for meter report tables with many columns */
.model-meterreport .results.table-responsive {
  border: 1px solid #ddd;
  border-radius: 4px;
}

.model-meterreport .results.table-responsive table {
  margin-bottom: 0;
}

/* Make sure action buttons don't wrap */
.model-meterreport .results.table-responsive .btn {
  white-space: nowrap;
}