.dialog-widget-content { background-color: var(--e-a-bg-default); border-radius: 3px; box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, .2); overflow: hidden; position: absolute } .dialog-message { box-sizing: border-box; line-height: 1.5 } .dialog-close-button { color: var(--e-a-color-txt); cursor: pointer; font-size: 15px; inset-inline-end: 15px; line-height: 1; margin-block-start: 15px; position: absolute; transition: var(--e-a-transition-hover) } .dialog-close-button:hover { color: var(--e-a-color-txt-hover) } .dialog-prevent-scroll { max-height: 100vh; overflow: hidden } .dialog-type-lightbox { background-color: rgba(0, 0, 0, .8); bottom: 0; height: 100%; left: 0; position: fixed; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; z-index: 9999 } .elementor-editor-active .elementor-popup-modal { background-color: initial } .dialog-type-alert .dialog-widget-content, .dialog-type-confirm .dialog-widget-content { margin: auto; padding: 20px; width: 400px } .dialog-type-alert .dialog-header, .dialog-type-confirm .dialog-header { font-size: 15px; font-weight: 500 } .dialog-type-alert .dialog-header:after, .dialog-type-confirm .dialog-header:after { border-block-end: var(--e-a-border); content: ""; display: block; margin-block-end: 10px; margin-inline-end: -20px; margin-inline-start: -20px; padding-block-end: 10px } .dialog-type-alert .dialog-message, .dialog-type-confirm .dialog-message { min-height: 50px } .dialog-type-alert .dialog-buttons-wrapper, .dialog-type-confirm .dialog-buttons-wrapper { display: flex; gap: 15px; justify-content: flex-end; padding-block-start: 10px } .dialog-type-alert .dialog-buttons-wrapper .dialog-button, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button { background-color: var(--e-a-btn-bg); border: none; border-radius: var(--e-a-border-radius); color: var(--e-a-btn-color-invert); font-size: 12px; font-weight: 500; line-height: 1.2; outline: none; padding: 8px 16px; transition: var(--e-a-transition-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover { border: none } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover { background-color: var(--e-a-btn-bg-hover); color: var(--e-a-btn-color-invert) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active { background-color: var(--e-a-btn-bg-active) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]), .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]) { cursor: pointer } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled { background-color: var(--e-a-btn-bg-disabled); color: var(--e-a-btn-color-disabled) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon { display: none } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt { background: transparent; color: var(--e-a-color-txt) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover { background: var(--e-a-bg-hover); color: var(--e-a-color-txt-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled { background: transparent; color: var(--e-a-color-txt-disabled) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border { border: 1px solid var(--e-a-color-txt-muted) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success { background-color: var(--e-a-btn-bg-success) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover { background-color: var(--e-a-btn-bg-success-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary { background-color: var(--e-a-btn-bg-primary); color: var(--e-a-btn-color) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover { background-color: var(--e-a-btn-bg-primary-hover); color: var(--e-a-btn-color) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt { background: transparent; color: var(--e-a-color-primary-bold) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover { background: var(--e-a-bg-primary) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro { background-color: var(--e-a-btn-bg-accent) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover { background-color: var(--e-a-btn-bg-accent-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active { background-color: var(--e-a-btn-bg-accent-active) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info { background-color: var(--e-a-btn-bg-info) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover { background-color: var(--e-a-btn-bg-info-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning { background-color: var(--e-a-btn-bg-warning) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover { background-color: var(--e-a-btn-bg-warning-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger { background-color: var(--e-a-btn-bg-danger) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger.color-white, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger.color-white, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger.color-white { color: var(--e-a-color-white) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover { background-color: var(--e-a-btn-bg-danger-hover) } .dialog-type-alert .dialog-buttons-wrapper .dialog-button i, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button i { margin-inline-end: 5px } .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited { color: initial } .dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled], .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled] { background-color: var(--e-a-btn-bg-disabled); cursor: not-allowed } .dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button[disabled]:visited, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button[disabled]:visited { background-color: var(--e-a-btn-bg-disabled) }