:root {
  --background-ok: #9bccb3;
  --border-ok: #008848;
  --fonte-ok: #008848;

  --background-error: #ca565646;
  --border-error: #ca5656;
  --fonte-error: #ca5656;
}

#msg_import{
  margin-top: 30px;
  width: 300px;
  
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);

  animation: moveToast 6s;
  position: absolute;
  top: 50px;
  opacity: 0;
}

.success{
  background-color: var(--background-ok);
  border: 1px solid var(--border-ok);
  color:var(--fonte-ok);
}

.danger{
  background-color: var(--background-error);
  border: 1px solid var(--border-error);
  color:var(--fonte-error);
}

@keyframes moveToast {
  0% {right: 0px; opacity:0}
  10% {right: 40px; opacity:1}
  90% {right: 40px; opacity:1}
  100%{right:0px; opacity:0}
}