/* Alert backgrounds */
.alert-success,
table.dataTable tbody tr.alert-success {
  background-color: #d4edda;
  color: #155724;
  border-color: #c3e6cb;
}

.alert-danger,
table.dataTable tbody tr.alert-danger {
  background-color: #f8d7da;
  color: #721c24;
  border-color: #f5c6cb;
}

#messageArea {
  display: none;
  /* Hidden by default and will be displayed as needed */
  margin-top: 5px;
  /* Smaller margin for tighter vertical spacing */
  padding: 5px 10px;
  /* Smaller padding to reduce height */
  line-height: 1.5;
  /* Adjust line height to align with the text in the input and button */
  vertical-align: middle;
  /* Align vertically with adjacent inline elements */
  font-size: 0.9rem;
  /* Adjust font size if necessary for better fit */
  border-radius: 5px;
  /* Optional: rounded corners for aesthetics */
}