.modal-dialog {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 100vh;
    align-content: center;
}
.modal-content {
    max-height: 90% !important;
}
.modal-body {
    max-height: 100% !important;
    overflow-y: auto !important;
}
.modal-header {
    position: relative;
}
.bootstrap-dialog-close-button {
    position: absolute;
    right: 15px;
    top: 5px;
}

.modal-header:not(:has(.bootstrap-dialog-header)){
    justify-content: space-between;
    flex-direction: row-reverse;
}

#debug_button .buttond {
    position: absolute !important;
    top: -32px !important;
}

.modal-footer:not(:has(.bootstrap-dialog-footer-buttons)) button,
.bootstrap-dialog-footer-buttons button{
    padding: 7px 16px 5px 12px ;
    border-radius: 50px ;
    line-height: 1.6 ;
}
.modal-footer {
    justify-content: center;
}
.modal-lg, .modal-xl {
    --bs-modal-width: 90%;
}
div.modal-dialog.modal-extra {
    --bs-modal-width: 1080px;
}