body {
}

#documentModal .modal-dialog {
    max-width: none;
    width: fit-content;
}

#documentModal .modal-content {
    resize: both;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 700px;
    height: 600px;
    min-width: 400px;
    min-height: 250px;
    max-width: 95vw;
    max-height: 95vh;
}

#documentModal .modal-header {
    cursor: move;
    flex: 0 0 auto;
}

#documentModal .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#documentModal .document-preview {
    flex: 1 1 auto;
    min-height: 100px;
    overflow-y: auto;
}

#documentModal .document-preview embed {
    width: 100%;
    height: 100%;
    min-height: 100px;
}

#documentModal .modal-body form {
    flex: 0 0 auto;
    margin: .75rem -1rem -1rem;
    padding: .75rem 1rem 1rem;
    background-color: var(--bs-body-bg, #fff);
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}