.workflow-dialog-background-title {
    background-color: #00245C;
    color: white;
    border-radius: 0 !important;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 56px !important;
    position: relative;
}

.workflow-dialog-background {
    background-color: #F1F5F7;
    color: #3B3F40;
    border-radius: 0 !important;
    animation: none !important;
    -webkit-animation: none !important;
    transition: none !important;
}

.workflow-dialog-content {
    padding: 24px 32px 0 32px !important;
}

.workflow-dialog-actions {
    padding-left: 32px !important;
    padding-right: 32px !important;
    flex-wrap: wrap;
}

.workflow-mud-overlay .mud-overlay-scrim {
    animation: none !important;
    -webkit-animation: none !important;
    transition: none !important;
}

/* Mobile Styles */
/* 959px here to align with MudBlazor's SmAndDown jump which is essentially 0px-959px. MdAndUp is 960px-max */
@media only screen and (max-width: 959px) {
    .workflow-dialog-actions .mud-alert {
        width: 100%;
    }

    .workflow-dialog-actions button {
        margin: 5px 0 0 0 !important;
        width: calc(50%);
    }

    .mud-dialog {
        max-height: 100dvh;
        width: 100%;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .actions-row button {
        width: calc(50% - 4px);
        margin: 5px 0 0 0 !important;
    }

    .mud-expansion-panels .mud-expand-panel:nth-of-type(even) {
        background-color: #f5f8fa;
    }

    .mud-expansion-panels .mud-expand-panel:nth-of-type(odd) {
        background-color: #F1F5F7;
    }
}