:root {
    --color-foreground-dark-bg: #fff;
}

.ui-dialog .ui-dialog-title {
    color: var(--color-foreground-dark-bg) !important;
}

.ui-widget.ui-widget-content {
    padding: 20px !important;
    border-radius: 10px !important;
}

.ui-dialog .ui-dialog-titlebar {
    background: linear-gradient(90deg, #0f4a56, #0b3740) !important;
    color: var(--color-base) !important;
    padding: 10px 14px !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    font-size: var(--fs-md) !important;
}

.ui-button .ui-icon {
    background-color: transparent !important;

}

.ui-dialog .ui-dialog-buttonpane button {
    background-color: var(--main-buttoncolorlight) !important;
    color: var(--color-base) !important;
    font-family: inherit !important;
    font-weight: 600 !important;
    border: 0 !important;
}

.ui-dialog .ui-dialog-buttonpane button:last-child {
    background-color: var(--main-buttoncolordark) !important;
    color: var(--color-base) !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background-color: transparent;
    border: none;
    outline: none;
}

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
        background-color: transparent;
        border: none;
        outline: none;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        background-color: transparent;
        border: none;
        outline: none;
    }

    .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon,
    .ui-button .ui-icon,
    .ui-widget-header .ui-icon,
    .ui-icon, .ui-widget-content .ui-icon {
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%2F%3E%3Cpath%20d%3D%22M6%206%2018%2018%22%2F%3E%3C%2Fsvg%3E");
        height: 20px;
        width: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }