.eControls .k-dialog.del-wrapper {
    position: relative;
    border-radius: 16px;
    min-width: 400px;
    max-width: 600px;
    width: auto !important;

    & .eDialog {
        padding: 0;

        & .info {
            color: var(--gray-600);
            font-weight: 400;
            max-height: calc(600px - 192px);
            overflow: auto;
        }
    }

    & .k-dialog-buttongroup {
        padding: 0 24px 20px 24px;
    }

    & .dots__bg {
        --fade: 104px;
        position: absolute;
        top: -4px;
        left: -4px;
        z-index: 0;
        width: 40%;
        height: 165px;
        background: url(/images/NoFoundBgS-icon.svg);
        mask-image: 
            linear-gradient(
                to bottom, 
                transparent 0, 
                #000 var(--fade), 
                #000 calc(100% - var(--fade)), 
                transparent 100%
            ), 
            linear-gradient(
                to right, 
                transparent 0, 
                #000 var(--fade), 
                #000 calc(100% - var(--fade)), 
                transparent 100%
            );
        -webkit-mask-image: 
            linear-gradient(
                to bottom, 
                transparent 0, 
                #000 var(--fade), 
                #000 calc(100% - var(--fade)), 
                transparent 100%
            ), 
            linear-gradient(
                to right, 
                transparent 0, 
                #000 var(--fade), 
                #000 calc(100% - var(--fade)), 
                transparent 100%
            );
        opacity: .5;
    }

    & .k-dialog-actions {
        border: none !important;
        background: rgba(204, 204, 204, 0.08) !important;
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }
}

.eControls .k-overlay {
    background: rgba(204, 204, 204, 0.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 1 !important;
}


.eControls {
    & .k-window-titlebar-actions {
        display: none;
        pointer-events: none;
    }

    & .eWindow-header {
        position: sticky;
        top: 0;
        z-index: 1;
        background: var(--white);
        border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;
        max-height: 140px;
    }

    & .eWindow-close-btn {

    }

    & .eWindow-content {
        border-radius: 0 0 var(--radius-2xl) var(--radius-2xl);
        /*padding-bottom: var(--spacing-8xl);*/
    }

    & .eWindow-content .--eForm:not(.--ePanel) {
        height: var(--eDialogH, calc(100% - 72px));/*calc(100% - 72px)*/
        overflow: auto;
    }

    & .eWindow-content .--eForm:has( .eDiscussion) {
        height: calc(100% - 12px);
        overflow: auto;
    }

    & .eWindow-content .popup__wrapper {
        display: flex; 
        flex-direction: column;
        height: 100%;
    }

    & .eWindow-content .--eForm:not(.--ePanel):has(+ .--ePanel):after {
        position: absolute;
        bottom: 72px;
        left: 0;
        content: "";
        height: 12px;
        width: calc(100% - 8px);
        background: rgba(250, 250, 250, 0.08) !important;
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        z-index: 2;
    }
}