: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.wpforms-subscription-payment-history tbody tr:nth-child(even):not(.current) {
.wpforms-subscription-payment-history tbody td:first-of-type a {
.wpforms-subscription-payment-history tbody td:first-of-type a::before {
@media (max-width: 781px) {
.wpforms-subscription-payment-history tbody td {
.wpforms-subscription-payment-history tbody td::before {
content: attr(data-title) ": ";
.rtl #wpforms-payments.wpforms-payments-wrap-payment .actions .link {
.rtl #wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-details-meta p {
padding: 6px 42px 6.5px 12px;
.rtl #wpforms-payments.wpforms-payments-wrap-payment .wpforms-payment-single-education-notice .wpforms-payment-single-education-notice-dismiss-button {
* "Payment Entries" overview page inside the admin, which lists all payment records.
* This page is accessible via "WPForms" → "Payments".
.wpforms-payments-overview-stats {
border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
.wpforms-payments-overview-stats .wpforms-overview-chart {
.wpforms-payments-overview-stats .wpforms-overview-chart-canvas {
.wpforms-payments-overview-reports.doing-ajax {
.wpforms-payments-overview-reports-legend {
background-color: #dcdcde;
.wpforms-payments-overview-reports-statcard {
@media (max-width: 1280px) and (min-width: 769px) {
.wpforms-payments-overview-reports-statcard {
@media (max-width: 768px) {
.wpforms-payments-overview-reports-statcard {
@media (min-width: 1368px) {
.wpforms-payments-overview-reports-statcard:nth-child(1):nth-last-child(4) {
@media (max-width: 1367px) and (min-width: 1281px) {
.wpforms-payments-overview-reports-statcard:nth-child(1):nth-last-child(4) {
@media (min-width: 1368px) {
.wpforms-payments-overview-reports-statcard:nth-child(2):nth-last-child(3) {
@media (max-width: 1367px) and (min-width: 1281px) {
.wpforms-payments-overview-reports-statcard:nth-child(2):nth-last-child(3) {
@media (min-width: 1368px) {
.wpforms-payments-overview-reports-statcard:nth-child(3):nth-last-child(2) {
@media (max-width: 1367px) and (min-width: 1281px) {
.wpforms-payments-overview-reports-statcard:nth-child(3):nth-last-child(2) {
@media (min-width: 1368px) {
.wpforms-payments-overview-reports-statcard:nth-child(4):nth-last-child(1) {
@media (max-width: 1367px) and (min-width: 1281px) {
.wpforms-payments-overview-reports-statcard:nth-child(4):nth-last-child(1) {
.wpforms-payments-overview-reports-statcard button {
background-color: #fafafa;
grid-template-columns: 48px 1fr auto;
grid-template-rows: repeat(2, auto);
grid-template-areas: "image label delta" "image value delta";
.wpforms-payments-overview-reports-statcard button:not(.disabled) {
.wpforms-payments-overview-reports-statcard button:not(.disabled).is-selected, .wpforms-payments-overview-reports-statcard button:not(.disabled):hover {
background-color: #ffffff;
.wpforms-payments-overview-reports-statcard button::before {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
.wpforms-payments-overview-reports-statcard .total-payments::before {
background-image: url(../images/payments/icon-total-payments.svg);
.is-ready .wpforms-payments-overview-reports-statcard .total-payments.is-selected {
box-shadow: inset 0 3px 0 #056aab;
.wpforms-payments-overview-reports-statcard .total-sales::before {
background-image: url(../images/payments/icon-total-sales.svg);
.is-ready .wpforms-payments-overview-reports-statcard .total-sales.is-selected {
box-shadow: inset 0 3px 0 #389547;
.wpforms-payments-overview-reports-statcard .total-refunded::before {
background-image: url(../images/payments/icon-total-refunded.svg);
.is-ready .wpforms-payments-overview-reports-statcard .total-refunded.is-selected {
box-shadow: inset 0 3px 0 #50575e;
.wpforms-payments-overview-reports-statcard .total-subscription::before {
background-image: url(../images/payments/icon-total-subscription.svg);
.is-ready .wpforms-payments-overview-reports-statcard .total-subscription.is-selected {
box-shadow: inset 0 3px 0 #e27730;
.wpforms-payments-overview-reports-statcard .total-renewal-subscription::before {
background-image: url(../images/payments/icon-total-subscription.svg);
.is-ready .wpforms-payments-overview-reports-statcard .total-renewal-subscription.is-selected {
box-shadow: inset 0 3px 0 #e27730;
.wpforms-payments-overview-reports-statcard .total-coupons::before {
background-image: url(../images/payments/icon-total-coupons.svg);
.is-ready .wpforms-payments-overview-reports-statcard .total-coupons.is-selected {
box-shadow: inset 0 3px 0 #e27730;
.wpforms-payments-overview-reports-statcard .statcard-label {
.wpforms-payments-overview-reports-statcard .statcard-value {
.wpforms-payments-overview-reports-statcard .statcard-value span {
@media (max-width: 600px) {
.wpforms-payments-overview-reports-statcard .statcard-value {
.wpforms-payments-overview-reports-statcard .statcard-delta {
background-color: #eaeaeb;
.wpforms-payments-overview-reports-statcard .statcard-delta.is-calculated {
.wpforms-payments-overview-reports-statcard .statcard-delta.is-calculated::after {
.wpforms-payments-overview-reports-statcard .statcard-delta:is(.is-upward, .is-downward)::before {
background-image: url(../images/payments/chevron.svg);
background-repeat: no-repeat;
background-size: contain;
.wpforms-payments-overview-reports-statcard .statcard-delta.is-downward::before {
transform: rotate(180deg);
.wpforms-payments-overview-reports-statcard .is-amount .statcard-value {
.wpforms-payments-overview-reports-statcard .upsell .statcard-delta {
background-image: url(../images/payments/star.svg);
background-repeat: no-repeat;
background-size: contain;
.wpforms-payments-wrap-payments ul.subsubsub {
.wpforms-payments-wrap-payments #wpforms-reset-filter {
.wpforms-payments-wrap-payments #wpforms-reset-filter .reset {
@media (max-width: 1279px) and (min-width: 783px) {
.wpforms-payments-wrap-payments .search-box {
justify-content: flex-start;
.wpforms-payments-wrap-payments .search-box #wpforms-payments-search-input {
@media (max-width: 782px) {
.wpforms-payments-wrap-payments .search-box {
.wpforms-payments-wrap-payments .tablenav .actions .button,
.wpforms-payments-wrap-payments .tablenav .wpforms-tablenav-filters .button {
@media (max-width: 1279px) and (min-width: 783px) {
.wpforms-payments-wrap-payments .tablenav {
@media (max-width: 1279px) and (min-width: 783px) {
.wpforms-payments-wrap-payments .tablenav-pages {
@media (max-width: 782px) {
.wpforms-payments-wrap-payments .tablenav-pages {
.wpforms-payments-wrap-payments .wpforms-tablenav-filters {
@media (max-width: 1279px) and (min-width: 783px) {
.wpforms-payments-wrap-payments .wpforms-tablenav-filters {
@media (max-width: 782px) {
.wpforms-payments-wrap-payments .wpforms-tablenav-filters {
.wpforms-payments-wrap-payments .wpforms-tablenav-filters .button {
@media (max-width: 600px) {
.wpforms-payments-wrap-payments .wpforms-tablenav-filters > * {
.wpforms-table-list-payments .payment-placeholder-text-none {
.wpforms-table-list-payments td.column-title {
.wpforms-table-list-payments td.column-status {
.wpforms-table-list-payments td.column-status .wpforms-help-tooltip {
background-image: url(../images/payments/icon-info.svg);
background-repeat: no-repeat;
background-size: contain;
@media (max-width: 1100px) and (min-width: 1025px) {
.wpforms-table-list-payments.has-many-columns td.column-form {
@media (max-width: 1024px) and (min-width: 783px) {
.wpforms-table-list-payments.has-many-columns .column-form {
@media (min-width: 783px) {
.wpforms-table-list-payments tbody tr {
.wpforms-table-list-payments .column-form {
.wpforms-payment-status {
.wpforms-payment-status.status-active {
background-color: #dbf2df;
.wpforms-payment-status.status-cancelled {
background-color: #ededee;
.wpforms-payment-status.status-completed {
background-color: #dbf2df;
.wpforms-payment-status.status-failed {
background-color: #f7d6d6;
.wpforms-payment-status.status-pending {
background-color: #faf2d5;
.wpforms-payment-status.status-processed {
background-color: #ededee;
.wpforms-payment-status.status-not-synced {
background-color: #ededee;
.wpforms-payment-status.status-refunded {
background-color: #ededee;
.wpforms-payment-status.status-partrefund {
background-color: #ededee;
.column-subscription .wpforms-subscription-status, .column-subscription .payment-placeholder-text-none {