.message-time{
  position:fixed;
  top : 50px;
  z-index: 2023;
  /* animation: pop-up 1s ease-out forwards  ; */
  transform: translateY(-100%);
  transition: transform 1s ease-out, opacity 1s ease-out;
  opacity: 0;
}

.message-time.show{
  opacity: 1;
  transform: translateY(0);
}
.message-time.hide{
  opacity: 0;
  transform: translateY(-100%);
}

  
@keyframes pop-up {
  0%{
      transform: translateY(-100%);
      /* transition: bac; */
      opacity: 0;
      
  }
  100%{
      transform: translateY(0);
      opacity: 1;
  }
}

@keyframes pop-out {
  0%{
      transform: translateY(0%);
      /* transition: bac; */
      opacity: 1;

      
  }
  100%{
      transform: translateY(-100%);
      opacity: 0;
      display: none;
  }
}




/* Base style for the progress bar */
.toastify-custom-success {
  background: white !important;
  color: green !important;
  border-bottom: 2px solid green !important;
  position: relative;
  animation: progress-bar 5s linear forwards;
}
.toastify-custom-error {
  background: white !important;
  color: red !important;
  border-bottom: 2px solid red !important;
  position: relative;
  /* animation: progress-bar 5s linear forwards; */
}

/* Progress bar animation */
@keyframes progress-bar {
  100% {
      width: 100%;
  }
  0% {
      width: 0;
  }
}