.warningMessage {
  position: absolute;
  z-index: 100;
  top: 80px;
  width: 100%;
  padding: 30px 31%;
  font-size: 16px;
  color: #4e3d38;
  background-color: #fcf9ca;
  border: none;
  box-shadow: 0 2.5px 4px -2px rgba(0, 0, 0, 0.13), 0 5px 7.25px 1px rgba(0, 0, 0, 0.09), 0 2px 9px 3px rgba(0, 0, 0, 0.08);
}
.warningMessage .warningMessageClose {
  position: absolute;
  top: 30px;
  right: 29%;
  color: #4e3d38;
  cursor: pointer;
}
.warningMessage .warningMessageClose,
.warningMessage .warningMessageClose:hover,
.warningMessage .warningMessageClose:active {
  text-decoration: none;
}
.warningMessage hr {
  border-top-color: #d0d0d0;
  border-top-width: 2px;
  width: 100px;
}


/* Allow selecting text inside SweetAlert (v1) */
.sweet-alert,
.sweet-alert p {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

/* Keep buttons unselectable (optional for better UX) */
.sweet-alert button {
  user-select: none !important;
}