.flash-message {
  position: fixed;
  padding: 15px 25px;
  background: #2ed573;
  z-index: 3000;
  background: linear-gradient(0deg, #2ed573 0%, #7bed9f 100%);
  color: #FFF !important;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  top: 78px;
  right: 5px;
  overflow: hidden;
}

.slide-in {
  -webkit-animation: slide-in 1s;
          animation: slide-in 1s;
}

.slide-out {
  -webkit-animation: slide-out 1s;
          animation: slide-out 1s;
}

@-webkit-keyframes slide-in {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slide-in {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes slide-out {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}

@keyframes slide-out {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(100%);
  }
}