#corporateRedirectConfirmModal {
    background-color: var(--autolus-dark-blue);
    background-image: linear-gradient(to right, var(--autolus-dark-blue), var(--autolus-light-blue));
}

/*
    Bootstrap adds a "static backdrop" feedback animation when a modal uses
    `backdrop: 'static'` and the user clicks the backdrop. We want backdrop
    clicks to do nothing visually, so disable the modal-static transform.
*/
#corporateRedirectConfirmModal.modal.modal-static .modal-dialog {
        transform: none !important;
        transition: none !important;
}

#corporateRedirectConfirmModal .modal-dialog-centered {
    min-height: 100vh;
    min-width: 100vw;
}

#corporateRedirectConfirmModal .modal-content {
    border-radius: 18px;
    position: relative;
    display: grid;
    place-items: center;
    width: min(100% - 2rem, 62rem);
    box-shadow: 0 24px 50px 0 rgb(0 0 0 / 50%);
}

#corporateRedirectConfirmModal .modal-header .btn-close {
    height: 2rem;
    width: 2rem;
    background-image: url('/images/corporateWebsite/image-close-button-on.svg');
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1;
    position: absolute;
    top: 1rem;
    right: 1rem;
    transition: background-image 0.3s ease-in-out;
}

#corporateRedirectConfirmModal .modal-header .btn-close:hover {
    background-image: url('/images/corporateWebsite/image-close-button-off.svg');
}

#corporateRedirectConfirmModal .modal-body {
    color: #2F2F2F;
}

#corporateRedirectConfirmModal .modal-footer .btn {
    padding: 0.5rem 4rem;
}