.toast{ position:fixed; 
    list-style: none; 
    padding: 0; 
    bottom:0; 
    width:30em; 
    z-index: 999999;  }
.toast li{ display:block; text-align: center; }
.toast span { 
    display: inline-block; 
    margin: 5px 0 0 0; 
    text-align: center; 
    background-color: rgba(88, 88, 88, 0.904); 
    color:#ffffff; 
    padding:1em; 
    cursor:pointer;
    border-radius: 5px; 
    -webkit-border-radius: 8px; 
    box-shadow: 0 2px 5px rgba(0,0,0,.15); 
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15);  }
.toast li.danger span{ color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.toast li.info span{ color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
.toast li.success span{ color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }