.ui-dialog[role="dialog"],
.ui-dialog[role="dialog"] .ui-button-text {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    font-weight: 400 !important;
    padding: 0 !important;
}

.ui-dialog[role="dialog"] {
    background: #f7f7f7 !important;
    z-index: 100001 !important;
    display: flex;
    flex-direction: column;
    border-radius: 6px !important;
    border: 1px solid $neutral-grey-200 !important;
}

.ui-widget-overlay.ui-front {
    z-index: 100000 !important
}

.ui-dialog[role="dialog"] .ui-dialog-titlebar {
    border: none !important;
    border-radius: 0 !important;
    height: 46px !important;
    border-bottom: 1px solid $neutral-grey-200 !important;
    padding: 0px 12px !important;
    line-height: 28px !important;
    background: $neutral-branded-50 !important;
    border-radius: 6px 6px 0 0 !important;
}

.ui-dialog[role="dialog"] .ui-dialog-titlebar button {
    display: none !important;
}

.ui-dialog[role="dialog"] .ui-dialog-title {
    //font-weight: 600 !important;
    //font-size: 12px !important;

    color: $neutral-branded-700 !important;
    font-weight: 500;
    font-size: $fs-3;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    padding: 0 12px;
    text-align: left;
    text-shadow: $neutral-grey-0 0px 1px 0px;

    display: block;
    padding: 0 !important;
    margin: 0;

    width: 100%;
    height: 46px;
    line-height: 46px;
}

.ui-dialog[role="dialog"] .ui-dialog-content {
    padding: 8px 12px !important;
    background: #fdfdfd !important;
}

.ui-dialog[role="dialog"] .ui-dialog-content p {
    font-size: $fs-2 !important;
    line-height: 18px;
    color: $neutral-branded-700 !important;
}

.ui-dialog[role="dialog"] .ui-button-text {
    font-size: 12px !important;
    color: #555;
    height: 26px !important;
    line-height: 26px !important;
    display: block !important;
}

.ui-dialog[role="dialog"] .ui-dialog-buttonset button {
    //height: 28px !important;
    //padding-top: 0 !important;
    //padding-bottom: 0 !important;
    //margin: 0 !important;
    //background: #f7f7f7 !important;
    //font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    //font-size: 12px !important;
    //padding: 0 10px !important;
    //color: #555 !important;

    border-width: 1px;
    border-style: solid;
    line-height: 22px;
    padding: 8px 16px;
    font-size: $fs-2;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    transition-property: background, border, box-shadow;
    margin: 0;
}

.ui-dialog[role="dialog"] .ui-dialog-buttonset button:first-of-type{
    background: $primary-wordpress-100 !important;
    color: $neutral-grey-0 !important;
    border-color: rgba($neutral-branded-800, 0.2) !important;
}

.ui-dialog[role="dialog"] .ui-dialog-buttonset button:last-of-type{
    background: transparent !important;
    color: $primary-wordpress-100 !important;
    border-color: $primary-wordpress-100 !important;
}

.ui-dialog-buttonset{
    display: flex;
    gap: 8px;
}

.ui-dialog[role="dialog"] .ui-dialog-buttonset button:first-of-type:hover {
    background: $primary-wordpress-500;
    color: $neutral-grey-0;
}

.ui-dialog[role="dialog"] .ui-dialog-buttonset button:last-of-type:hover {
    background-color: $neutral-branded-100;
}

//.ui-dialog[role="dialog"] .ui-dialog-buttonset button:focus {
//    border-color: #5c9bd8 !important;
//    outline: none !important;
//    background: #fafafa !important;
//    color: #555 !important;
//}

.ui-dialog[role="dialog"] .ui-dialog-buttonset button:not(:first-of-type) {
    //margin-left: 4px !important;
}

.ui-dialog[role="dialog"] .ui-dialog-buttonpane {
    padding: 12px 12px !important;
    background: $neutral-branded-50 !important;
    margin-top: 0 !important;
    border-top: 1px solid $neutral-grey-200 !important;
    border-radius: 0 0 6px 6px !important;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa !important;
    opacity: .15 !important;
    filter: Alpha(Opacity=60) !important; /* support: IE8 */
}

//.ui-widget-shadow {
//    -webkit-box-shadow: 0px 0px 5px #666666;
//    box-shadow: 0px 0px 5px #666666;
//}