.cefs-simple-dialog-modal-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  
  /* Use Flexbox to handle alignment safely */
  /* justify-content: center;  */
  align-items: center;     /* Centers vertically perfectly at any screen height */
}

/* The modal box */
.cefs-simple-dialog-modal-box {
  background: white;
  width: 90%;
  max-width: 300px;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  align-self: flex-start;
  margin-top: 60px;
  margin-left: 30px;
  text-align: left;
}

/* @media screen and (min-width: 400px) {
  .cefs-simple-dialog-modal-box {
    background: white;
    width: 90%;
    max-width: 300px;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    align-self: flex-start;
    margin-top: 60px;
    margin-left: 100px;
    text-align: left;
  }
} */