/*make the modal fit the screen*/
/* 100% of viewable screen - pixels for header and footer */
.modal-body {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    /* Use dvh on browsers that support it (mobile Safari, etc.)
       so the modal respects the actual visible viewport. */
    max-height: calc(100dvh - 180px);
}