/* html */
/* <link rel="stylesheet" href="assets/css/snack-bar-bottom.css"> */
/* <div id="bottom-snackbar" class="bottom-snackbar" style="display:none">Snack Bar</div> */

/* snack bar */

.bottom-snackbar {
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
  }



  /* -----function ------ */
  /* // error message snack bar
  function showBottomSnackBar(message) {
      var x = document.getElementById("bottom-snackbar");
          x.style.display = "block";
          x.innerText = message;
  
          setTimeout(function(){ 
          x.style.display = "none";
          }, 3000);
  } */