root
{
    --kendo-font-size: unset;
    --kendo-line-height: inherit;
}

.k-popup
{
    background-color: var(--contentBackColor);
}

/********************************************** Window ***************************************************/
/* Entire window */
div.k-window
{
    overflow: hidden;
    background: var(--pageBackColor);
    border-radius: 0.625rem;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.32), 0 1px 2px rgba(0, 0, 0, 0.2);
}

    /* Blue title bar */
    div.k-window .k-window-titlebar
    {
        height: 3.5625rem;
        padding: 0 1.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--buildmatrixBlue);
        border: 0;
        border-radius: 0.625rem 0.625rem 0 0;
        color: var(--buildmatrixBlueText);
        border: solid 1px var(--dialogBorderColor);
        border-bottom: none;
    }
    div.k-window.validation-dialog .k-window-titlebar
    {
        background: var(--redLight);
        border: solid 1px var(--redLightHover);
    }

    div.k-window.validation-dialog button
    {
        background-color: var(--redLight);
        border-color: var(--redLight);
    }

        div.k-window.validation-dialog button:hover
        {
            background-color: var(--redLightHover);
            border-color: var(--redLightHover);
        }

        div.k-window.validation-dialog button:active
        {
            background-color: var(--redLightActive);
            border-color: var(--redLightActive);
        }

    /* Centered title */
    div.k-window .k-window-title
    {
        width: 100%;
        margin: 0;
        color: var(--buildmatrixBlueText);
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.2;
        text-align: center;
    }

    /* Hide the title-bar actions area when there are no required actions */
    div.k-window .k-window-titlebar-actions
    {
        display: none;
    }

    /* Light content area */
    div.k-window .k-window-content
    {
        background: var(--contentBackColor);
        color: var(--primaryTextColor);
        border-radius: 0 0 0.625rem 0.625rem;
        padding: 0;
        border-left: solid var(--dialogBorderWidth) var(--dialogBorderColor);
        border-right: solid var(--dialogBorderWidth) var(--dialogBorderColor);
        border-bottom: solid var(--dialogBorderWidth) var(--dialogBorderColor);
    }

.k-dialog-wrapper:has(.unsaved-changes) .k-overlay
{
    opacity: 0;
}