.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 {
padding-inline-start: 35px;
border: 1px solid #cccccc;
#wpforms-setup-template-search::placeholder {
#wpforms-setup-template-search:focus {
box-shadow: 0 0 0 1px #036aab;
.wpforms-setup-templates-search-wrap {
.wpforms-setup-templates-search-wrap i.fa {
inset-inline-start: 10px;
.wpforms-setup-templates-categories {
.wpforms-setup-templates-categories > li {
.wpforms-setup-templates-categories > li div {
.wpforms-setup-templates-categories > li div:hover {
text-decoration: underline;
.wpforms-setup-templates-categories > li div > span {
.wpforms-setup-templates-categories > li.divider {
border-bottom: 1px solid #dddddd;
.wpforms-setup-templates-categories > li.active div {
.wpforms-setup-templates-categories > li.active div span {
.wpforms-setup-templates-categories > li.active div:hover {
.wpforms-setup-templates-categories > li.active.opened .wpforms-setup-templates-subcategories {
.wpforms-setup-templates-categories > li.active .chevron {
.wpforms-setup-templates-categories > li i.chevron {
.wpforms-setup-templates-categories > li:has(ul) i.chevron {
.wpforms-setup-templates-categories > li.opened i.chevron {
transform: rotate(180deg);
.wpforms-setup-templates-categories > li.opened ul.wpforms-setup-templates-subcategories {
.wpforms-setup-templates-subcategories {
.wpforms-setup-templates-subcategories li {
justify-content: space-between;
padding-inline-end: 10px;
padding-inline-start: 20px;
.wpforms-setup-templates-subcategories li:hover span:first-child {
text-decoration: underline;
.wpforms-setup-templates-subcategories li.active {
.wpforms-setup-templates-subcategories li.active span:last-child {
.wpforms-setup-templates-subcategories li i {
transform: translateY(-50%);
inset-inline-start: 10px;
.wpforms-setup-templates-subcategories li span:first-child {
.wpforms-setup-templates-subcategories li span:last-child {
#wpforms-setup-templates-list {
width: calc( 100% - 250px);
#wpforms-setup-templates-list .wpforms-admin-empty-state-container .waving-hand-emoji {
background-image: url(../../images/empty-states/waving-hand-emoji.png);
#wpforms-setup-templates-list .list {
grid-template-columns: repeat(auto-fill, minmax(Max(200px, 260px), 1fr));
padding-inline-start: 30px;
#wpforms-setup-templates-list .wpforms-template {
box-shadow: 0 0 0 1px #cccccc;
transition: box-shadow 0.15s ease-in-out;
#wpforms-setup-templates-list .wpforms-template:hover, #wpforms-setup-templates-list .wpforms-template.active {
box-shadow: 0 0 0 2px #777777, 0 3px 4px rgba(0, 0, 0, 0.15);
#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-buttons,
#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-favorite,
#wpforms-setup-templates-list .wpforms-template:hover .wpforms-template-remove, #wpforms-setup-templates-list .wpforms-template.active .wpforms-template-buttons,
#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-favorite,
#wpforms-setup-templates-list .wpforms-template.active .wpforms-template-remove {
#wpforms-setup-templates-list .wpforms-template:hover .wpforms-badge, #wpforms-setup-templates-list .wpforms-template.active .wpforms-badge {
#wpforms-setup-templates-list .wpforms-template.badge h3 {
padding-inline-end: 45px;