.wpforms-admin-page .wpforms-alert {
background-color: #ffffff;
border-inline-start: 4px solid #dddddd;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
.wpforms-admin-page .wpforms-alert-dismissible {
justify-content: flex-start;
margin: 30px 15px 20px 15px;
transition-property: all;
transition-duration: 0.25s;
transition-timing-function: ease-out;
.wpforms-admin-page .wpforms-alert-dismissible.out {
.wpforms-admin-page .wpforms-alert-dismissible h4 {
.wpforms-admin-page .wpforms-alert-dismissible p {
.wpforms-admin-page .wpforms-alert-buttons {
margin-inline-start: auto;
padding-inline-start: 10px;
.wpforms-admin-page .wpforms-alert-buttons .wpforms-dismiss-button {
color: rgba(68, 68, 68, 0.35);
margin-inline-start: 7px;
.wpforms-admin-page .wpforms-alert-buttons .wpforms-dismiss-button:hover {
color: rgba(68, 68, 68, 0.75);
.wpforms-admin-page .wpforms-alert h4 {
.wpforms-admin-page .wpforms-alert p {
.wpforms-admin-page .wpforms-alert p:last-of-type {
.wpforms-admin-page .wpforms-alert p.wpforms-alert-heading {
margin-bottom: 3px !important;
.wpforms-admin-page .wpforms-alert p.wpforms-alert-content {
margin-bottom: 0 !important;
.wpforms-admin-page .wpforms-alert.wpforms-alert-nomargin {
.wpforms-admin-page .wpforms-alert.wpforms-alert-success {
border-inline-start-color: #00a32a;
.wpforms-admin-page .wpforms-alert.wpforms-alert-info {
border-inline-start-color: #036aab;
.wpforms-admin-page .wpforms-alert.wpforms-alert-warning {
border-inline-start-color: #ffb900;
.wpforms-admin-page .wpforms-alert.wpforms-alert-danger {
border-inline-start-color: #d63638;
.wpforms-admin-page .wpforms-alert.wpforms-alert-ai {
border-inline-start-color: #7a30e2;
.wpforms-admin-page .wpforms-alert.wpforms-alert-field-requirements .wpforms-alert-buttons {
.wpforms-admin-page .wpforms-alert .wpforms-aside-left {
.wpforms-admin-page .wpforms-alert .wpforms-aside-right {
.wpforms-admin-page .wpforms-panel-content .wpforms-alert {
.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-success {
background-color: #edfaef;
.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-info {
background-color: #f1f6fa;
.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-warning {
background-color: #fcf9e8;
.wpforms-admin-page .wpforms-panel-content .wpforms-alert.wpforms-alert-danger {
background-color: #fcf0f1;
.wpforms-fullscreen-notice {
.wpforms-fullscreen-notice img {
.wpforms-fullscreen-notice img.sullie-icon {
background-color: #f1f1f1;
border: 5px solid #ffffff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
.wpforms-fullscreen-notice h3 {
.wpforms-fullscreen-notice p {
.wpforms-fullscreen-notice a {
.wpforms-fullscreen-notice a:hover {
.wpforms-fullscreen-notice .wpforms-fullscreen-notice-buttons {
/* Gap is unsupported in IE, but we have only one button on IE notice. */
.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button {
transition-property: all;
transition-duration: 0.05s;
transition-timing-function: ease-out;
.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-primary {
background-color: #e27730;
border: 2px solid #e27730;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-primary:hover {
background-color: #cd6622;
.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-secondary {
background-color: transparent;
border: 2px solid #ffffff;
.wpforms-fullscreen-notice .wpforms-fullscreen-notice-button-secondary:hover {
.wpforms-fullscreen-notice .close,
.wpforms-fullscreen-notice .dismiss {
background-color: transparent;
background-image: url("../../images/times-circle.svg");
transition-property: all;
transition-duration: 0.05s;
transition-timing-function: ease-out;
.wpforms-fullscreen-notice .close:hover,
.wpforms-fullscreen-notice .dismiss:hover {
.wpforms-fullscreen-notice .close:focus,
.wpforms-fullscreen-notice .dismiss:focus {
.wpforms-fullscreen-notice-light {
.wpforms-fullscreen-notice-light h3 {
.wpforms-fullscreen-notice-light p {
.wpforms-fullscreen-notice img {
@supports (display: grid) {
#wpforms-builder-ie-notice {
#wpforms-builder-abort-message h3 {
#wpforms-builder-abort-message img {
margin: 30px 30px 0 30px;
#wpforms-builder-abort-message .wpforms-fullscreen-notice-button {
#wpforms-builder-abort-message .waving-hand-emoji {
background-image: url("../../images/empty-states/waving-hand-emoji.png");
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: 0 0;
@media (max-width: 640px) {
#wpforms-builder-abort-message img {
@media (min-width: 1024px) {
#wpforms-builder-mobile-notice {