
.modal-dialog.esStupidDlg-Large
  width: calc(100% - 100px);
  max-width: 1550px;

  // Fill whole screen, on small screens.
  @media (max-width: 700px)
    width: auto;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    // bottom — don't set to 0 — would that cause problems if it needs
    // to be taller? (with an y srollbar)

.esStupidDlg-Small
  max-width: 480px;

.esStupidDlg-Tiny
  max-width: 350px;

.esStupidDlg-BgFnt .modal-body
  div, p
    font-size: 18px;

.esStupidDlg .btn
  margin-left: 7px;
  min-width: 84px;
  &:first-child
    margin-left: 0;

