/* https://codepen.io/dsr/pen/rNxyWqx */
/* #notificaciones_dps * {
  font-family:"Raleway";
} */
#notificaciones_dps {
  position:fixed;
  /* top:0px; */
  right:10px;
  width:250px;
  /* height:100vh; */
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  bottom: 0px;
}
#notificaciones_dps .notification {
  position:relative;
  padding:15px 10px;
  background:#111;
  color:#f5f5f5;
  font-family:"Raleway";
  font-size:14px;
  font-weight:600;
  border-radius:5px;
  margin:5px 0px;
  opacity:0;
  left:20px;
  animation:showNotification 500ms ease-in-out forwards;
}
@keyframes showNotification {
  to {
    opacity:1;
    left:0px;
  }
}
#notificaciones_dps .notification.success {
  background:#389838;
}
#notificaciones_dps .notification.error {
  background:orangered;
}
#notificaciones_dps .notification.info {
  background:#00acee;
}

#notificaciones_dps .notification.etiqueta {
  background:white;
  color: black;
}