.toast {
  position: fixed;
  bottom: 15px; 
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  background-color: red;
  color: white;
  border-radius: 5px;
  opacity: 0;
}

.toast.show {
  opacity: 2;
}


.custom-toast {
  position: fixed;
  bottom: 15px; 
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  color: white;
  border-radius: 5px;
  opacity: 0;
}

.custom-toast.warning {
  background-color: #f0ad4e;
}
.custom-toast.danger {
  background-color: red;
}

.custom-toast.success {
  background-color: #22bb33;
}

.custom-toast.show {
  opacity: 100;
}