.wpforms-admin-page .wpforms-btn {
transition-property: all;
transition-duration: 0.05s;
transition-timing-function: ease-in;
.wpforms-admin-page .wpforms-btn.inactive {
background-color: #d7d7d7;
.wpforms-admin-page .wpforms-btn .wpforms-button-icon,
.wpforms-admin-page .wpforms-btn i {
margin-inline-end: 10px !important;
.wpforms-admin-page .wpforms-btn-block {
.wpforms-admin-page .wpforms-btn-sm {
.wpforms-admin-page .wpforms-btn-md {
.wpforms-admin-page .wpforms-btn-lg {
.wpforms-admin-page .wpforms-btn-orange {
background-color: #e27730;
.wpforms-admin-page .wpforms-btn-orange:hover {
background-color: #cd6622;
.wpforms-admin-page .wpforms-btn-blue {
background-color: #036aab;
.wpforms-admin-page .wpforms-btn-blue:hover {
background-color: #215d8f;
.wpforms-admin-page .wpforms-btn-blue.wpforms-settings-keyword-filter-save-changes {
.wpforms-admin-page .wpforms-btn-blue.wpforms-settings-keyword-filter-save-changes .wpforms-loading-spinner {
.wpforms-admin-page .wpforms-btn-grey {
background-color: #eeeeee;
.wpforms-admin-page .wpforms-btn-grey:hover {
background-color: #d7d7d7;
.wpforms-admin-page .wpforms-btn-light-grey {
background-color: #f8f8f8;
.wpforms-admin-page .wpforms-btn-light-grey:hover {
background-color: #eeeeee;
.wpforms-admin-page .wpforms-btn-blue-borders,
.wpforms-admin-page .wpforms-btn-light-grey-blue-borders {
background-color: #f8f8f8;
border-color: currentColor;
.wpforms-admin-page .wpforms-btn-blue-borders:hover,
.wpforms-admin-page .wpforms-btn-light-grey-blue-borders:hover {
background-color: #eeeeee;
.wpforms-admin-page .wpforms-btn-blue-borders:focus,
.wpforms-admin-page .wpforms-btn-light-grey-blue-borders:focus {
box-shadow: 0 0 0 1px #215d8f;
.wpforms-admin-page .wpforms-btn-red-borders {
background-color: #fcf0f1;
border-color: currentColor;
.wpforms-admin-page .wpforms-btn-red-borders:focus {
box-shadow: 0 0 0 1px #b32d2e;
.wpforms-admin-page .wpforms-btn-red-borders:hover {
background-color: #f9e1e1;
.wpforms-admin-page .wpforms-btn-purple {
background-color: #faf5fe;
.wpforms-admin-page .wpforms-btn-purple:hover, .wpforms-admin-page .wpforms-btn-purple:focus {
background-color: #f5e9ff;
.wpforms-admin-page .wpforms-btn-purple.wpforms-help-tooltip {
.wpforms-admin-page .wpforms-btn-purple-dark {
background-color: #7a30e2;
.wpforms-admin-page .wpforms-btn-purple-dark:hover, .wpforms-admin-page .wpforms-btn-purple-dark:focus {
background-color: #5c24a9;
.wpforms-admin-page .wpforms-dismiss-button {
.wpforms-admin-page .wpforms-dismiss-button:hover {
.wpforms-admin-page .wpforms-dismiss-button:before {
font: normal 16px/16px dashicons, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.wpforms-admin-page .wpforms-dismiss-button.dashicons-no-alt:before {
.wpforms-admin-page .wpforms-disabled {
.wpforms-admin-page .wpforms-inactive {
.wpforms-admin-page .wpforms-inactive:hover {
.wpforms-admin-empty-state-container {
.wpforms-admin-empty-state-container .waving-hand-emoji {
background-image: url(../images/empty-states/waving-hand-emoji.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 24px 24px;
.wpforms-admin-empty-state-container h2 {
.wpforms-admin-empty-state-container h4 {
.wpforms-admin-empty-state-container img {
.wpforms-admin-empty-state-container p {
.wpforms-admin-empty-state-container.wpforms-admin-no-forms p:first-of-type {
.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active {
.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:hover, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:hover {
.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:focus, .wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-btn:active:focus {
.wpforms-admin-empty-state-container.wpforms-admin-no-forms .wpforms-admin-no-forms-footer {
.wpforms-admin-empty-state-container.wpforms-elementor-no-forms {
font-family: 'Helvetica Neue', sans-serif;
background: rgba(255, 255, 255, 0.5);
border: 1px solid #71d7d7;
.wpforms-admin-empty-state-container.wpforms-elementor-no-forms img {
.wpforms-admin-empty-state-container.wpforms-elementor-no-forms p {
.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a {
text-decoration: underline;
.wpforms-admin-empty-state-container.wpforms-elementor-no-forms a:hover {
.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn {
text-transform: uppercase;
.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:hover {
.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-btn:focus {
.wpforms-admin-empty-state-container.wpforms-elementor-no-forms .wpforms-admin-no-forms-footer {
.wpforms-admin-empty-state-container.wpforms-admin-no-entries img {
.wpforms-admin-empty-state-container.wpforms-admin-no-payments {
.wpforms-admin-empty-state-container.wpforms-admin-no-payments img {
.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-btn-lg {
.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]) {
text-decoration: underline;
.wpforms-admin-empty-state-container.wpforms-admin-no-payments a:not([class]):hover {
.wpforms-admin-empty-state-container.wpforms-admin-no-payments .wpforms-admin-no-forms-footer {
.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h2, .wpforms-admin-empty-state-container.wpforms-admin-no-user-templates h4 {
.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p {
.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates p.wpforms-admin-no-forms-footer {
.wpforms-admin-empty-state-container.wpforms-admin-no-user-templates img {
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
#wpforms-panel-setup .wpforms-panel-content {
justify-content: flex-start;
#wpforms-setup-form-name {
background-color: #f8f8f8;
border-bottom: 1px solid #dddddd;
justify-content: space-between;
#wpforms-setup-form-name label {
margin-inline-start: 30px;
width: calc( 100% - 290px);
margin: 30px 30px 0 30px;
.wpforms-setup-title .count {
margin: 10px 30px 30px 30px;
.wpforms-setup-desc a:hover {
.wpforms-setup-templates {
border-top: 1px solid #dddddd;
justify-content: space-between;
.wpforms-setup-templates-sidebar {
border-inline-end: 1px solid #dddddd;
padding-inline-end: 30px;
#wpforms-setup-template-search {