/*pop up overall*/
.e-dialog.e-lib.e-dlg-modal.e-popup.e-control.e-popup-open {
    background: #F6F6F6 0% 0% no-repeat padding-box !important;
    border-radius: 10px !important;
    border: 0.3px solid #c5c5c5 !important;
    box-shadow: 8px 8px 12px #00000040 !important;
    opacity: 1 !important;
    margin: 70px 20px !important;
}

/*pop up footer block - bottom block*/
.e-footer-content {
    background: #F6F6F6 0% 0% no-repeat padding-box !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    padding: 15px 25px 25px 25px !important;
}

.e-dialog .e-footer-content {
    border-top: 0px !important;
}


/*pop up header block - top block*/
.e-dlg-header {
    color: #464C55 !important;
    font: normal normal 600 18px/24px Segoe UI !important;
    letter-spacing: 0.18px !important;
    opacity: 1 !important;
}

.e-dlg-header-content {
    background: #F6F6F6 0% 0% no-repeat padding-box !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    padding: 20px 22px 7px 25px !important;
}

.e-dialog .e-dlg-header-content {
    border-bottom: 0px !important;
}

.e-dlg-header-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    top: 57px;
    left: 25px;
    right: 25px;
    height: 1px;
    background-color: #A5A5AA;
    opacity: 0.4;
}

/*pop up content block - middle block*/
.e-dlg-content {
    background: #F6F6F6 0% 0% no-repeat padding-box !important;
}

.e-dialog .e-dlg-content {
    padding: 15px 24px 25px 25px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}
    .e-dialog .e-dlg-content:has( .form-main-container) {
        padding: 15px 24px 0px 25px !important;
        
    }
    
/* this specific window has a form and a grid below it and therefore needs the bottom padding because it is not using SfFormPopup */
.e-dialog .e-dlg-content:has( .allocationsWindow){
    padding: 15px 24px 25px 25px !important; 
}
.allocationsWindow .base-grid-wrapper {
    max-height: 80%;
}
    /*pop up close icon*/
    .e-control.e-btn.e-lib.e-dlg-closeicon-btn.e-flat.e-icon-btn {
    left: 0px;
    width: 30px;
    height: 30px;
    border: none;
    padding: 0;
    background: none;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    margin-top: 0px !important;
}

    .e-control.e-btn.e-lib.e-dlg-closeicon-btn.e-flat.e-icon-btn:hover {
        background-color: #DCDCDC;
        border-radius: 4px;
        opacity: 1;
        cursor: pointer;
        margin-top: 0px !important;
    }

.e-dialog .e-icon-dlg-close::before {
    content: "";
    position: relative;
    background-image: url("../images/popup/closeIcon.svg");
    background-size: contain;
    width: 14px;
    height: 14px;
    z-index: 1;
    display: block;
    margin-top: 0px !important;
}

/*remove button margin-top for name and icon to match*/
/*.e-btn .e-btn-icon {
    margin-top: 0px !important;
}*/

.e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
    width: 14px !important;
    top: 0px !important;
    left: 0px !important;
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    bottom: 0px !important;
}

.pop up overlay,
.e-dlg-overlay {
    background: #1C1C1C 0% 0% no-repeat padding-box !important;
    opacity: 0.3 !important;
    height: 100vh;
    width: 100vw;
    z-index: 1999;
    display: block;
    position: absolute;
}

/*pop up grid spacing and padding*/
.dialog-grid-padding {
    padding-top: 15px;
    width: 98.5%;
    height: 95%
}


/*Unsaved changes dialog specific styling*/
.unsaved-changes-dialog .e-dlg-content div{
    text-align:left;
}

/*dialog blue focus around okay*/
.e-btn.e-flat.e-primary:focus{
    box-shadow:none;
}


.e-footer-content .e-btn.e-primary.e-flat:disabled,
.e-footer-content .e-btn.e-primary.e-flat:disabled:hover {
    color: var(--button-disabled-text) !important;
    background-color: var(--button-secondary-bg) !important;
    cursor: not-allowed;
}