/***********************************************************************************************************************************************************/
/* Global overrides to standard Bootstrap Dialog library styles */
/***********************************************************************************************************************************************************/

.bootstrap-dialog .modal-dialog {
    margin-top: 7rem !important;
}

.bootstrap-dialog .modal-lg .bootstrap4-dialog-button:first-child {
    margin-top: auto;
}

.bootstrap-dialog {
    z-index: 999999 !important;
}

    .bootstrap-dialog button.btn.btn-warning {
        color: var(--bs-white);
    }

.modal-header.bg-info + .modal-body::-webkit-scrollbar {
    width: 20px;
}

.modal-header.bg-info + .modal-body::-webkit-scrollbar-track {
    background: var(--bs-info);
    margin-top: -1px;
}

.modal-header.bg-info + .modal-body::-webkit-scrollbar-thumb {
    background-color: var(--bs-white);
    border-left: 4px solid var(--bs-info);
    border-right: 4px solid var(--bs-info);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.bootstrap-dialog.type-danger .modal-dialog .modal-content .modal-header + .modal-body::-webkit-scrollbar {
    width: 20px;
}

.bootstrap-dialog.type-danger > .modal-dialog > .modal-content > .modal-header + .modal-body::-webkit-scrollbar-track {
    background: var(--bs-danger);
    margin-top: -1px;
}

.bootstrap-dialog.type-danger > .modal-dialog > .modal-content > .modal-header + .modal-body::-webkit-scrollbar-thumb {
    background-color: var(--bs-white);
    border-left: 4px solid var(--bs-danger);
    border-right: 4px solid var(--bs-danger);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.modal.bootstrap-dialog.type-danger .btn-close {
    filter: invert(1) brightness(2);
    opacity: 1;
    transition: transform 0.15s ease, background-color 0.15s ease;
}

.modal-dialog .btn-close, .alert .btn-close {
    opacity: 1;
    transition: transform 0.15s ease, background-color 0.15s ease;
}
    .modal-dialog .btn-close:hover, .alert .btn-close:hover {
        background-color: rgba(255, 255, 255, 0.1);
        border-radius: 50%;
        transform: scale(1.1);
    }

.modal-dialog .modal-footer .btn:hover {
    text-shadow: 0 1px 2px rgba(106, 126, 135, 0.35);
    transition: text-shadow 0.2s ease;
}

.modal.bootstrap-dialog .bootstrap-dialog-title {
    text-shadow: 0 1px 2px rgba(106, 126, 135, 0.35);
}