/* ----------------------------------------------
 [ TOAST ]*/
 #toast{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    position:fixed;
    width:fit-content;
    padding:5px 10px;
    top:-40px;
    margin-left:calc(100vw/2);
    transform:translateX(-50%);
    opacity: 0;
    transition: all 0.5s ease-in-out;
  }
  
  #toast.danger{
    background-color: #ffcccb;
    color: #bf0000;
    border: 1px solid #ff9c9c;
  }
  #toast.success{
    background-color: #00ff87;
    color: #007b25;
    border: 1px solid #2ed734;
  }
  #toast.warning{
    background-color: #ffb351;
    color: #8a0000;
    border: 1px solid #d5a24a;
  }
  #toast.info{
    background-color: #73d8ff;
    color: #003b86;
    border: 1px solid #81c4ff;
  }
  #toast.show{
    opacity: 1;
    top:40px;
  }