@charset "UTF-8";

/* --------------------
modalMessageBox
-------------------- */
.modalMessageBox {
  max-width: 344px;
  position: fixed;
  margin: auto;
  top: 35%;
  left: 0;
  right: 0;
  padding: 16px 12px;
  background-color:
  rgb(234, 234, 234);
  box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 25px;
  border-radius: 4px;
  display: none;
  z-index: 1001;
}
.modalMessageBox .modalMessage {
  font-weight: bold;
  color: #333;
}
/* --------------------
snackbarsMessageBox
-------------------- */
.snackbarsMessageBox{
  max-width: 344px;
  position: fixed;
  margin: auto;
  bottom: 83px;
  left: 0;
  right: 0;
  padding: 16px;
  background-color: #1976D2;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px;
  border-radius: 4px;
  display: none;
  text-align: center;
}
.snackbarsMessageBox .snackbarsMessage {
  color: #ffffffde;
}