body {
  font-family: 'Poppins', sans-serif;
  background-color: #f8f9fa;
  margin-top: 10px;
}

table {
  font-size: 0.9rem;
}

form .form-control, form select {
  margin-bottom: 0.5rem;
}

.btn {
  font-size: 0.9rem;
}

.input-group-text, .form-control {
  height: 38px; /* Set the height for both elements */
  padding: 0.375rem 0.75rem; /* Ensure matching padding */
}

.input-group-text {
  display: flex;
  align-items: center; /* Vertically align the content */
}

.toast-error {
  margin-top: 30px !important; 
}

.btndate {
  border: 0px;
  padding: 0;
  margin:5px;
  width: 25px;
  height: 25px;
  border-radius: 18px;
}
.btndate:hover {
  background-color: red;

}

.bg-CardSelected {
  background-color: #18b1c279 !important;
  color: black !important;
}

.nav-link{
  color: #363636 !important;
}

.nav-tabs .nav-link.active {
  background-color: #18b1c279 !important;
  color: black !important;
}


.card-selectable {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}

.card-selectable.card-menuitem {
  width: 300px;
  min-width: 300px;  
}

.card-selectable img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.card-selectable .material-icons {
  cursor: pointer;
}

.card-selectable .allergen-icons {
  font-size: 1.2rem;
  margin-top: 10px;
}


.modal-dialog {
  max-width: 800px;
}

.text-orange {
  color: #ff8b07;
}

.text-darkgreen {
  color: #2d6a4f;
}

.text-darkred {
  color: #9b2226;
}

.small-text {
  font-size: 0.7rem;
}

.pointer {
  cursor: pointer;
}

.reportcount-column {
  width: 80px;  
  text-align: center;
}

.reporttable {
  font-size: 0.8rem;
}
.reporttable .table {
  margin-bottom: 0;
}