.ui-dialog .ui-dialog-titlebar {
    background-color: #36578C !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-size: .8em;
    border: none !important;
    padding: 8px 5px !important;
    height: 20px;
    font-weight: normal;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 12px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: linear-gradient(#b37bb0, #8d4f71) !important;
    border: 1px solid #6b3554 !important;
    border-radius: 4px !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    /* aligned same across ALL dialogs */
    position: absolute !important;
    top: 15px !important;
    z-index: 9999 !important;
}

    .ui-dialog .ui-dialog-titlebar-close:hover {
        background: linear-gradient(#ff6f6f, #d53b3b) !important;
        border-color: #a12222 !important;
    }

    .ui-dialog .ui-dialog-titlebar-close .ui-icon {
        background-image: none !important; /* ← REQUIRED: remove default sprite */
        mask: url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'> <path d='M3 3 L13 13 M13 3 L3 13' stroke='white' stroke-width='2' stroke-linecap='round'/> </svg>") no-repeat center !important;
        -webkit-mask: url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16'> <path d='M3 3 L13 13 M13 3 L3 13' stroke='white' stroke-width='2' stroke-linecap='round'/> </svg>") no-repeat center !important;
        background-color: white !important;
        width: 16px !important;
        height: 16px !important;
    }

.ui-dialog {
    border: 5px solid #36578C !important;
    padding: 0 !important;
    background: #ffffff !important;
}

.ui-widget.ui-widget-content {
    border: 8px solid #36578C !important;
}

.ui-dialog,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-content {
    border-radius: 0 !important;
}

    .ui-dialog .ui-dialog-content {
        font-size: .9em !important;
        overflow: auto !important;
    }


#messagePopup.ui-dialog-content {
    width: 250px !important;
}

messagePopup.ui-widget.ui-widget-content {
    border: 1px solid #36578C !important;
}

.ui-widget-overlay {
    background: #000000 url(images/ui-bg_flat_100_000000_40x100.png) 50% 50% repeat-x;
    opacity: .50;
}