.modal-dialog {
    max-width: 80%;
    height: 90vh; 
    display: flex;
}

.modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.modal-body {
    flex-grow: 1;
    overflow-y: auto;
    max-height: calc(90vh - 56px - 56px); 
}