.toast{
  position:fixed;
  list-style: none;
  padding: 0;
  bottom:0;
  width:100%;
  z-index: 999;
  
  /* custom */
  border: 0px solid transparent !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
 .toast li{
  display:block;
  text-align: center;
}
 .toast span {
  display: inline-block;
  margin: 5px 0 0 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  color:#ffffff;
  padding:10px 10px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  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;
}