.toastify {
  padding: 12px 20px;
  color: #ffffff;
  display: inline-block;
  background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
  background: linear-gradient(135deg, #73a5ff, #5477f5);
  position: fixed;
  top: -150px;
  right: 15px;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 2px;
  cursor: pointer;
  z-index:100;
  font-weight: 700;
}

.toastify.success {
  background: -webkit-linear-gradient(315deg, #229930, #03680a);
  background: linear-gradient(135deg, #229930, #03680a);
}

.toastify.removed {
  background: -webkit-linear-gradient(315deg, #cecece, #ccc);
  background: linear-gradient(135deg, #cecece, #ccc);
  color: #000;
}

.toastify.error{
  background: -webkit-linear-gradient(315deg, #c72727, #7c0909);
  background: linear-gradient(135deg,  #c72727, #7c0909);
}

.toastify.on { opacity: 1; }