.order-date {
color: green;
}
.coupon-orders-single {
margin: 20px 0px;
width: 100%;
}
.wcuTable {
display: table;
width: 100% !important;
text-align: center;
border: 1px solid #E8E8E8;
margin: 0 auto;
}
@media screen and (min-width: 900px) {
.wcu-dash-coupon-area {
min-width: 900px;
}
.woocommerce-MyAccount-content .wcu-dash-coupon-area {
min-width: 100% !important;
}
}
@media screen and (max-width: 900px) {
.wcu-dash-coupon-area {
min-width: 100%;
padding: 0;
}
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRow {
display: table-row;
background: linear-gradient(#fefefe, #fff);
color: #333;
}
.wcuTableRowDropdown {
color: #333;
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRowDropdown:nth-child(even) td {
background: #fdfdfd !important;
color: #333;
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRowDropdown:nth-child(odd) td {
background: #fafafa !important;
color: #333;
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRowDropdown:hover td {
background: #ffffff;
color: #333;
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRow td,
.wcu-dash-coupon-area .wcutabcontent .wcuTableRow tr:nth-child(odd) td {
background: linear-gradient(#fefefe, #fff);
color: #333;
}
.wcutabcontent a {
text-decoration: none;
} form#product_search_form input {
max-width: 250px;
} .wcutabmobile {
display: none;
}
@media (max-width: 1000px) {
.wcutabmobile {
display: block;
}
} .wcuTableHeading {
display: table-header-group;
background-color: #ddd;
}
.wcuTable thead {
text-align: center;
}
.wcuTableCell {
text-align: center;
display: table-cell;
vertical-align: middle;
padding: 9px 10px !important;
border: 1px solid #e7e7e7;
width: auto;
max-width: 200px;
white-space: normal; overflow-wrap: break-word;  }
@media screen and (min-width: 720px) {
.wcuTableCell-time {
min-width: 100px;
}
}
.wcuTableHead {
display: table-cell;
padding: 7px 10px;
font-weight: bold;
background: #333;
background-color: #333;
color: #fff;
text-align: center;
border: 1px solid #e7e7e7;
}
.wcuTableHead-summary {
display: table-cell;
padding: 2px 0 !important;
font-weight: bold;
background: #f4f4f4 !important;
background-color: #f4f4f4 !important;
color: #333 !important;
text-align: center;
border: 0 !important;
font-size: 14px !important;
}
.wcuTableFoot {
display: table-cell;
padding: 7px 10px;
background: #333;
color: #fff;
text-align: center;
border: 1px solid #e7e7e7;
}
.wcuTableBody {
display: table-row-group;
}
@media screen and (max-width: 720px) {
.wcuTableRow,
.wcuTableCell,
.wcuTableHead,
.wcuTableHead-summary {
display: block;
width: 100%;
}
}
.wcutablinks,
.ml_wcutablinks {
border-radius: 2px;
}
.wcutablinks .fas {
margin-right: 1px;
} @media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
select#wcu-select-tab {
width: calc(100% - 20px);
margin: 0 auto;
}
.coupon-title {
font-size: 20px !important;
width: 100vw;
padding: 5px;
height: auto !important;
text-align: center;
}
.coupon-title .wcusage-dash-logout {
float: none;
text-align: center;
}
.wcusage-dash-top-links {
display: inline-block;
text-align: center;
margin-top: 10px;
margin-bottom: -7px;
}
.wcutab {
padding: 0 !important;
margin-top: 20px !important;
margin-bottom: 20px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.wcutablinks,
.ml_wcutablinks {
margin: 2px !important;
}
.wcutab button {
float: none;
margin-top: 4px;
margin-left: 0;
width: 98vw;
display: block;
clear: both;
text-align: center;
}
.wcutabcontent {
padding: 10px;
box-sizing: border-box;
}
div.wcutabcontent div {
box-sizing: border-box;
}
#wcu5.wcutabcontent.active {
text-align: center;
}
#wcu5.wcutabcontent button {
margin: 0 auto;
} .wcuTable table,
.wcuTable thead,
.wcuTable tbody,
.wcuTable th,
.wcuTable td,
.wcuTable tr,
.wcuTableRow,
.wcuTableCell {
display: block;
} .wcuTable thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.wcuTable tr {
border: 1px solid #ccc;
display: inline-block;
margin-bottom: 5px;
}
.wcu-dash-coupon-area .wcutabcontent .wcuTableRow {
display: block;
margin-bottom: 15px;
}
.wcu-dash-coupon-area .wcutabcontent .listtheproducts {
display: table-row-group;
margin-bottom: 15px;
}
.wcu-statistics-orders {
width: 100%;
}
.wcu-dash-coupon-area .wcutabcontent .listtheproducts,
.wcu-dash-coupon-area .wcutabcontent .listtheproducts .wcuTableCell {
padding: 10px 0 !important;
}
.wcuTable td { border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.wcuTable td:before { position: absolute; top: 5px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.wcuTableRow,
.wcu-table-payouts {
margin-bottom: 20px;
}
.wcuTableCell {
display: block;
max-width: 100%;
}
.wcuTableHead {
display: block;
}
.wcu-table-monthly-summary td:before {
font-weight: bold;
}
.wcu-thetitlerow {
display: none !important;
}
}
.wcu-dash-coupon-area .wcutabcontent p.wcu-tab-title {
margin-top: 25px;
margin-bottom: 25px;
}
.entry-content .ml_wcutabcontent p.wcu-tab-title {
margin-top: 25px;
}
@media screen and (max-width: 1060px) {
.wcu-tab-title,
.wcu-tab-text {
width: 100%;
}
}
@media screen and (max-width: 520px) {
.wcu-tab-title {
margin-top: 0;
text-align: center;
}
}
.wcu-coupon-box {
margin-top: 20px;
}
.wcutab {
overflow: hidden;
}
.coupon-title {
font-size: 30px;
margin-top: 10px;
margin-bottom: 20px;
}
@media screen and (min-width: 1060px) {
.wcuTableCell-ref-website {
max-width: 250px !important;
}
.wcuTableCell-ref-landing {
max-width: 350px !important;
}
} .rates-pagination {
float: right;
}
@media only screen and (max-width: 1020px) {
.rates-pagination {
float: none;
display: block;
width: 100%;
}
}
.wcu-rates-image img {
text-align: center;
margin: 0 auto;
} .wcu-dash-coupon-area .wcusage-dash-logout {
font-size: 12px;
margin-top: 14px;
margin-right: 0;
margin-bottom: 5px;
} .wcutab button {
background-color: #333;
color: #fff;
float: left;
border: none;
outline: none;
cursor: pointer;
transition: 0.3s;
font-size: 17px;
margin: 2px;
}
.wcu-active-tab {
opacity: 0.8;
}
#search-coupon-all,
#search-coupon,
#search-criteria {
min-height: 40px;
padding: 5px 10px;
max-width: 150px;
}
#wcu-paypal-input,
#wcu-paypal-input2 {
margin-top: 10px;
}
#wcu-paypal-button,
.wcu-paypal-button,
#wcu-email-settings-update-button,
#wcu-billing-update-button,
#wcu-register-button,
.wcu-settings-tab-content .button {
margin-top: 12px;
font-size: 15px;
min-height: 40px;
padding: 5px 20px;
}
#wcu-register-button {
margin-top: 15px;
}
.wcu-save-settings-button,
#wcu6 .woocommerce-Button,
#wcu6 button {
border: 2px solid #333;
border-radius: 2px;
}
#paypal-input {
width: 300px;
max-width: 100%;
}
.wcu_paypal_email_form p {
margin-bottom: 5px;
}
.create-stripe-link,
.create-stripe-link span,
.create-stripe-link i {
color: #fff;
}
.create-stripe-link {
text-decoration: none !important;
}
#submitpayoutyes {
background: #008cdd;
padding: 10px 15px;
color: #fff;
font-weight: bold;
width: auto;
display: block;
}
#submitpayoutyes:hover {
background: #0074B8;
}
#submitpayoutno {
cursor: not-allowed;
padding: 10px 15px;
}
#payouts_invoice_label {
padding: 0;
}
#payouts_invoice_label:hover {
cursor: pointer;
}
#wcu_copylink {
padding: 2px 10px !important;
border-radius: 20px !important;
}
#wcusage_copylink,
.wcusage_copylink {
margin: 0;
padding: 2px 10px !important;
border-radius: 20px !important;
cursor: pointer;
}
#wcusage_copylink:active,
.wcusage_copylink:active,
#wcusage_copylink:focus,
.wcusage_copylink:focus {
opacity: 0.8;
}
#wcusage_copylink i {
margin: 0;
}
.referral-url-box,
.payouts-box,
.creatives-box {
background: linear-gradient(#fefefe, #fff);
color: #333;
box-shadow: 0px 0px 2px #dbdada;
border-radius: 5px;
padding: 10px 20px;
margin-top: 10px;
}
.payouts-box {
margin-top: 28px;
padding: 20px 25px 20px 25px;
}
@media only screen and (max-width: 720px) {
.referral-url-box,
.payouts-box,
.creatives-box {
padding: 10px 5px;
}
}
.referral-url-box p,
.payouts-box p,
.creatives-box p,
.referral-url-box strong,
.payouts-box strong {
color: #333 !important;
}
form.wcu_payout_button {
margin-bottom: 0;
}
.wcu-color-box {
width: 90%;
margin: 0 auto 10px auto;
padding: 10px;
border-radius: 5px;
cursor: pointer;
font-size: 20px;
border: 2px solid #fff;
box-shadow: 0px 0px 4px #dbdada;
font-weight: bold;
} .wcu-stripe-button {
display: inline-block;
width: auto;
margin: 0 0 7px 0 !important;
padding: 5px 20px !important;
background: #008cdd !important;
color: #fff !important;
font-size: 20px !important;
border-radius: 5px !important;
text-decoration: none !important;
}
.wcu-stripe-error {
color: red;
} #wcu6 label {
width: 100%;
}
#wcu6 input[type="text"],
#wcu6 input[type="email"],
#wcu6 input[type="password"] {
min-width: 33%;
margin: 0px 0 2px 0;
padding: 5px;
}
#wcu6 em {
width: 100%;
} .listtheproducts {
display: none;
}
.listtheproducts .wcuTableCell {
padding: 0 !important;
margin: 0;
}
.listtheproducts .wcuTableCell {
text-align: center;
}
.listtheproducts::before {
display: none !important;
content: "" !important;
}
.listtheproducts-small {
display: none;
}
@media only screen and (max-width: 1024px) {
.listtheproducts-summary {
display: none !important;
}
.listtheproducts-small {
display: block !important;
}
} .wcutab button {
background-color: #333;
color: #fff;
padding: 8px 10px;
font-size: 16px;
line-height: 16px;
} .wcutab button:hover {
background-color: #000;
color: #fff;
} .wcutab button.active {
background-color: #000;
color: #fff;
} .wcutabcontent {
display: none;
border-top: none;
} .wcutabcontent p,
.wcutabcontent td,
.wcutabcontent tr,
.wcutabcontent code,
.wcuTableCell {
font-size: 17px;
}
.wcu-dash-coupon-area .wcutabcontent p,
.entry-content .ml_wcutabcontent p {
margin: 8px 0;
padding: 0 !important;
}
.listproductsbutton {
display: block;
text-align: center;
color: #333;
text-decoration: none;
font-weight: bold;
cursor: pointer;
} .wcu-orders-search,
.wcu-summary-search {
max-width: 150px;
margin-right: 10px;
}
.wcusage-search-form {
float: right;
margin: 5px 0;
height: 35px;
margin-top: -55px;
}
@media screen and (max-width: 720px) {
.wcusage-search-form {
width: 100%;
display: block;
float: none;
margin-top: 0;
}
#product_search_form input[type="text"] {
width: 50%;
max-width: 50%;
margin: 0 auto;
}
}
.wcu-button-export {
border: 1px solid #333 !important;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
}
.wcusage_settings_form {
margin: 0;
padding: 0;
}
.wcusage_settings_form input[type="submit"],
.wcusage_settings_form input[type="button"],
.wcusage_settings_form input[type="date"],
.wcusage_settings_form input[type="month"],
.wcu-monthly-orders-button,
.wcu-button-export,
.submitpayoutno,
.submitpayoutyes {
height: 40px !important;
font-size: 15px !important;
padding: 0 20px !important;
display: inline-block !important;
border: 1px solid #333;
border-radius: 5px;
cursor: pointer;	
}
.wcusage_settings_form input[type="date"],
.wcusage_settings_form input[type="month"] {
min-width: 0 !important;
}
.wcu-filters-col1,
.wcu-filters-col2 {
display: block;
}
.wcu-filters-inner {
display: block;
}
.wcu-order-filters {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 10px;
}
.wcu-order-filters form {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 10px;
width: 100%;
}
.wcu-order-filters-space {
display: none;
}
.wcu-order-filters-field {
display: inline-flex;
align-items: center;
gap: 5px;
white-space: nowrap;
}
.ordersfilterbutton,
.summaryfilterbutton {
max-width: 150px !important;
}
@media only screen and (min-width: 940px) {
.wcu-filters-col1 {
float: left;
width: 80%;
min-height: 70px;
display: flex;
align-items: center;
}
.wcu-filters-col2 {
float: left;
width: 20%;
min-height: 70px;
display: flex;
align-items: center;
justify-content: flex-end;
}
}
@media only screen and (max-width: 939px) {
.wcu-filters-col1,
.wcu-filters-col2 {
width: 100%;
}
.wcu-filters-col2 {
margin-top: 10px;
}
.wcu-order-filters,
.wcu-order-filters form {
justify-content: center;
}
}
@media only screen and (max-width: 600px) {
.wcu-order-filters,
.wcu-order-filters form {
flex-direction: column;
align-items: stretch;
}
.wcu-order-filters-field {
width: 100%;
justify-content: center;
}
.wcu-order-filters-field input[type="date"],
.wcu-order-filters-field input[type="month"] {
flex: 1;
min-width: 0;
max-width: 100% !important;
}
.wcu-order-filters-field select {
width: 100%;
}
.ordersfilterbutton,
.summaryfilterbutton {
width: 100%;
max-width: 100% !important;
}
}
.wcu-order-filters-field input {
max-width: 190px !important;
display: inline-block;
}
.wcu-order-filters-field .minimal-form-input {
width: auto !important;
padding: 0 !important;
margin: 0 !important;
}
.wcu-order-filters label {
display: inline-block;
} .wcu_form_affiliate_register label:first-letter {
text-transform: capitalize;
}
.wcu-form-section .wcusage-register-form-title,
.wcu-form-section .wcusage-login-form-title {
margin-top: 20px !important;
margin-bottom: 25px !important;
}
.wcu_form_affiliate_register input[type="text"],
.wcu_form_affiliate_register input[type="password"],
.wcu_form_affiliate_register input[type="email"] {
width: 100%;
min-height: 30px;
}
.wcu_form_affiliate_register input[type="text"],
.wcu_form_affiliate_register input[type="email"],
.wcu_form_affiliate_register input[type="password"] {
margin-top: 10px;
padding: 10px;
margin-bottom: 0px;
max-width: 100% !important;
width: 100%;
}
.wcusage-login-form-col label,
.wcu_form_affiliate_register label {
font-weight: bold;
}
.wcu_form_affiliate_register label {
display: block;
width: 100% !important;
}
.wcu_form_affiliate_register p {
margin-bottom: 20px;
}
#wcu-register-button,
.wcusage-login-form-col .woocommerce-button {
padding: 10px;
min-width: 200px !important;
cursor: pointer !important;
}
.wcu-reg-terms {
padding: 5px 0;
font-weight: bold;
}
.wcu-form-section .wcu-reg-terms p {
line-height: 1.5em;
}
.wcu_form_style_columns .wcu-register-field-col-1,
.wcu_form_style_columns .wcu-register-field-col-2 {
width: 49.5%;
float: left;
display: inline-block;
}
.wcu_form_style_columns .wcu-register-field-col-1 {
margin-right: 1%;
} .wcu_form_style_2 input[type="text"],
.wcu_form_style_2 input[type="email"],
.wcu_form_style_2 input[type="password"],
.wcu_form_style_2 input[type="date"],
.wcu_form_style_2 textarea,
.wcu_form_style_2 select {
margin: 4px 0 5px 0 !important;
width: 100% !important;
max-width: 100% !important;
border: 3px solid #DADADA !important;
border-radius: 4px !important;
} .wcu_form_style_3 p {
margin-bottom: 15px !important;
}
.wcu_form_style_3 input[type="text"],
.wcu_form_style_3 input[type="email"],
.wcu_form_style_3 input[type="password"],
.wcu_form_style_3 input[type="date"],
.wcu_form_style_3 textarea,
.wcu_form_style_3 select {
margin: 4px 0 0px 0 !important;
padding: 10px;
width: 100% !important;
max-width: 100% !important;
border: 1px solid #DADADA !important;
border-radius: 5px !important;
} .wcu-campaigns-col1,
.wcu-campaigns-col2 {
display: table;
}
#wcu-add-campaign,
#wcu-add-directlink {
padding: 0;
}
@media only screen and (max-width: 759px) {
#wcu-add-directlink input, #wcu-add-directlink select {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 10px !important;
}
}
@media only screen and (min-width: 760px) {
.wcu-campaigns-col1 {
width: 75%;
float: left;
}
.wcu-campaigns-col2 {
width: 25%;
float: left;
text-align: right;
}
.wcu-campaigns-col1 p,
.wcu-campaigns-col2 p {
margin-bottom: 0;
}
#wcu-referral-campaign {
min-height: 27px;
width: 200px;
max-width: 100%;
float: right;
}
#wcu-creatives-campaign {
min-height: 27px;
}
#wcu-add-campaign-name {
width: 120px;
max-width: 100%;
font-size: 12px;
padding: 5px;
}
#wcu-add-campaign-button {
display: inline-block;
float: left;
max-width: 100%;
font-size: 12px;
line-height: 12px;
padding: 0 5px;
height: 30px;
}
#wcu-add-campaign-button,
#wcu-add-directlink-button {
max-width: 100%;
font-size: 12px;
padding: 5px;
min-height: 0px !important;
}
}
@media only screen and (max-width: 759px) {
.wcu-campaigns-col1 {
width: 100%;
text-align: center;
}
.wcu-campaigns-col2 {
width: 100%;
text-align: center;
}
#wcu-referral-campaign {
margin: 0 auto;
}
#wcu-creatives-campaign {
margin: 0 auto;
float: none !important;
}
#wcu-add-campaign-button {
width: 100%;
margin-bottom: 40px !important;
}
} .wcusage-info-box {
padding: 25px 15px 25px 105px;
background: linear-gradient(#fefefe, #fff);
color: #000;
border: 1px solid #e0e0e0;
display: block;
border-radius: 5px;
margin: 0.5%;
box-shadow: 0px 0px 2px #dbdada;
width: 99%;
position: relative;
}
.wcusage-info-box:before {
content: "";
font-family: 'Font Awesome 5 Free';
font-size: 40px;
position: absolute;
left: 30px;
top: 44px;
color: #bebebe;
width: 50px;
text-align: center;
font-style: normal;
font-weight: 900;
height: 40px !important;
display: flex;
align-items: center;
justify-content: center;
}
.wcusage-info-box-dollar:before {
content: "\f155";
}
.wcusage-info-box-dollar2:before {
content: "\f81d";
}
.wcusage-info-box-dollar3:before {
content: "\f571";
}
.wcusage-info-box-dollar4:before {
content: "\f4c0";
}
.wcusage-info-box-discount:before {
content: "\f02b";
}
.wcusage-info-box-discounts:before {
content: "\f02c";
}
.wcusage-info-box-usage:before {
content: "\f0c0";
}
.wcusage-info-box-sales:before {
content: "\f07a";
}
.wcusage-info-box-commission:before {
content: "\f53a";
}
.wcusage-info-box-percent:before {
content: "\f541";
}
.wcusage-info-box-clicks:before {
content: "\f245";
}
.wcusage-info-box-convert:before {
content: "\f058";
}
@media only screen and (min-width: 1060px) {
.wcusage-info-box {
width: 32.3%;
float: left;
box-sizing: border-box;
}
}
.wcusage-info-box:hover {
background: #f9f9f9;
}
.wcusage-info-box p {
margin: 8px 0 !important;
padding: 0 !important;
font-size: 32px !important;
line-height: 32px !important;
}
.wcusage-info-box .wcusage-info-box-title {
width: 100%;
font-size: 16px;
display: block;
margin-bottom: 5px;
line-height: 20px;
color: #000;
}
.wcusage-info-box p,
.wcusage-info-box span {
color: #000;
}
.wcusage-info-box .wcusage-info-box-value {
width: 100%;
font-size: 22px;
display: block;
}
.wcusage-last-days {
margin: 15px 0 10px 0;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
color: #333;
padding: 0 !important;
} .wcusage-refresh-stats-icon {
margin-left: 6px !important;
font-size: 13px !important;
color: #a6a6a6 !important;
cursor: default;
} .wcusage-refresh-stats-btn {
margin-left: 6px !important;
font-size: 13px !important;
color: #a6a6a6 !important;
cursor: pointer;
transition: color 0.2s ease;
text-decoration: none !important;
}
.wcusage-refresh-stats-btn:hover {
color: #333 !important;
}
.wcusage-refresh-stats-btn.wcusage-refreshing {
pointer-events: none;
opacity: 0.7;
}
.wcusage-stats-loading {
color: #a6a6a6;
font-style: italic;
}
.wcusage-stats-loading::after {
content: '';
animation: wcusageDots 1.2s steps(4, end) infinite;
}
@keyframes wcusageDots {
0%   { content: '.'; }
33%  { content: '..'; }
66%  { content: '...'; }
100% { content: '.'; }
}
.show_statistics .wcusage-stats-title {
margin: 0;
font-weight: bold;
margin-bottom: 10px;
margin-left: 5px;
} .wcusagechart {
padding: 0px 10px 10px 10px;
box-shadow: 0px 0px 4px #dbdada;
background: #fff;
width: calc(100% - 10px);
margin: 0 auto;
min-height: 400px;
overflow: hidden;
border-radius: 5px;
}
.wcusagechart #chart_divquarter,
.wcusagechart #chart_divmonth,
.wcusagechart #chart_divlastmonth {
margin-top: -20px;
}
@media only screen and (max-width: 720px) {
.wcusage-all-charts {
width: 100vw;
}
}
.wcusagechart {
visibility: hidden;
}
#mla_chart_div table.google-visualization-orgchart-table p,
#mla_chart_div table.google-visualization-orgchart-table a {
font-family: arial, sans-serif;
} .wcusage-num-pos {
color: green !important;
font-size: 12px;
position: absolute;
margin-left: 10px;
bottom: 27%;
}
.wcusage-num-neg {
color: red !important;
font-size: 12px;
position: absolute;
margin-left: 10px;
bottom: 27%;
}
@media only screen and (max-width: 1260px) {
.wcusage-num-pos,
.wcusage-num-neg {
display: block !important;
margin-bottom: -30px !important;
margin-left: 0px;
}
} .wcu-loading-loader {
margin: 25px auto 0 auto;
width: 40px;
height: 40px;
border: 3px solid rgba(0, 0, 0, 0.08);
border-top-color: #3498db;
border-radius: 50%;
animation: wcu-spin 0.8s ease-in-out infinite;
box-sizing: border-box;
}
@keyframes wcu-spin {
to {
transform: rotate(360deg);
}
}
.wcu-loading-loader-text {
margin: 14px auto 0 auto;
font-weight: 600;
font-size: 14px;
text-align: center;
color: #7f8c8d;
letter-spacing: 0.3px;
width: auto;
}
.wcu-loading-loader-subtext {
margin: 6px auto 0 auto;
font-weight: 400;
font-size: 12.5px;
text-align: center;
color: #b0b0b0;
width: auto;
max-width: 400px;
line-height: 1.5;
}
.wcu-loading-loader-subtext a {
color: #b0b0b0;
text-decoration: underline;
}
@media only screen and (max-width: 720px) {
.wcu-loading-loader-text {
margin-top: 14px;
}
} @media only screen and (min-width: 1240px) {
.wcu-user-coupon-list-group {
display: flex;
}
}
.wcu-user-coupon-list {
margin: 10px;
float: left;
padding: 15px 20px;
text-align: center;
font-size: 18px;
background: linear-gradient(#fefefe, #fff);
box-shadow: 0px 0px 4px #dbdada;
border: 1px solid #f3f3f3;
border-radius: 5px;
word-wrap: break-word;
}
.wcu-coupon-list-button,
.wcu-coupon-list-button2 {
padding: 5px 20px;
background: #333 !important;
border: 1px solid #333;
display: block;
text-align: center;
color: #fff !important;
border-radius: 4px;
text-decoration: none !important;
}
.wcu-coupon-list-button:hover,
.wcu-coupon-list-button2:hover {
background: #000 !important;
color: #fff;
}
@media only screen and (min-width: 1240px) {
.wcu-user-coupon-list {
width: calc(33.33% - 20px);
}
}
@media only screen and (min-width: 820px) and (max-width: 1239px) {
.wcu-user-coupon-list {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 820px) {
.wcu-user-coupon-list {
width: calc(100% - 20px);
}
}
.wcu-loading-image {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 30px 20px;
}
.wcusage-loading {
color: #3498db;
}
@media only screen and (max-width: 820px) {
.wcu-loading-image {
padding: 20px 10px;
}
.wcu-loading-image p {
text-align: center;
width: 100% !important;
}
}
.wcusage-refresh-data {
margin-top: -2px;
} .wcusage_custom_ref_url {
margin-bottom: 0 !important;
padding: 5px;
display: inline-block;
} .wcu-display-qr-code {
display: none;
padding: 10px;
border: 4px solid #f3f3f3;
border-radius: 5px;
text-align: center;
margin-top: 10px;
}
.wcu-qr-code {
width: 150px;
max-width: 150px;
margin: 2px 0 0 0;
display: none;
}
.wcu-download-qr {
display: none;
background: none;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 10px;
cursor: pointer;
border-radius: 5px;
} .wcusage-social-icon {
font-size: 30px;
margin: 0 4px 0 0;
}
.wcusage-social-link-whatsapp {
display: none;
}
@media only screen and (max-width: 780px) {
.wcusage-social-link-whatsapp {
display: inline-block !important;
}
} .wcusage-login-form-col {
width: 50%;
display: block;
float: left;
padding: 20px;
}
.wcusage-login-form-col input[type=text] {
width: 100% !important;
max-width: 100% !important;
}
.wcu-form-section p {
margin-top: 0;
line-height: 1em;
}
.wcusage-login-form-section .woocommerce-form-login {
padding: 0 !important;
}
.wcusage-login-form-section .woocommerce-form-login .woocommerce-form__input-checkbox {
width: 20px;
}
.wcusage-login-form-section .woocommerce-form-login__rememberme {
width: 100% !important;
margin-bottom: 20px !important;
display: block !important;
}
.wcusage-login-form-section .woocommerce-form__input-checkbox {
margin-bottom: 0px !important;
}
@media only screen and (max-width: 1020px) {
.wcusage-login-form-col {
width: 100%;
min-width: 300px;
display: block;
float: left;
padding: 20px;
}
} .creatives-box-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.creatives-box {
margin: 10px;
text-align: center;
border: 1px solid #f3f3f3;
}
@media screen and (max-width: 940px) {
.creatives-box {
width: calc(100% - 20px);
}
}
.creatives-box-image {
position: relative;
width: 90%;
overflow: hidden;
margin: 0 auto;
margin-bottom: 0px;
border: 2px solid #f3f3f3;
background-color: #ffffff;
opacity: 1;
background-image: repeating-linear-gradient(45deg, #f9f9f9 25%, transparent 25%, transparent 75%, #f9f9f9 75%, #f9f9f9), repeating-linear-gradient(45deg, #f9f9f9 25%, #ffffff 25%, #ffffff 75%, #f9f9f9 75%, #f9f9f9);
background-position: 0 0, 19px 19px;
background-size: 38px 38px;
}
.creatives-box-image:before {
content: "";
display: block;
padding-top: 100%;
}
.creatives-box-image-content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
}
.creatives-box img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.wcusage_creativelink {
width: 90%;
border-radius: 0 !important;
border: 2px solid #f3f3f3 !important;
border-radius: 4px !important;
margin-bottom: 10px;
padding: 4px !important;
} .wcu-tooltip {
position: relative;
display: inline-block;
cursor: help;
}
.wcu-tooltip .wcu-tooltip-text {
visibility: hidden;
width: 250px;
background-color: #333;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 8px 10px;
position: absolute;
z-index: 99999;
bottom: 140%;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: opacity 0.3s;
font-size: 12px;
line-height: 1.4;
font-weight: normal;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.wcu-tooltip .wcu-tooltip-text::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.wcu-tooltip:hover .wcu-tooltip-text {
visibility: visible;
opacity: 1;
} .wcuTableCell .wcu-tooltip {
position: relative;
z-index: 999999;
}
.wcuTableCell .wcu-tooltip .wcu-tooltiptext {
position: absolute !important;
z-index: 999999 !important;
top: calc(100% + 5px);
left: 50%;
transform: translateX(-50%);
} .wcuTableCell {
overflow: visible !important;
}
.wcuTable {
overflow: visible !important;
} @media only screen and (max-width: 760px) {
.wcu-tooltip .wcu-tooltiptext {
position: fixed !important;
left: 10px !important;
right: 10px !important;
width: auto !important;
max-width: calc(100vw - 20px) !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 999999 !important;
}
.wcuTableCell .wcu-tooltip .wcu-tooltiptext {
transform: translateY(-50%) !important;
left: 10px !important;
right: 10px !important;
}
} .wcu-mla-network-button {
font-size: 12px !important;
margin: 4px 0 7px 0 !important;
padding: 2px 5px 2px 5px !important;
text-decoration: none !important;
}
.wcu-mla-network-tier {
font-size: 12px !important;
width: 20px !important;
margin-top: -15px !important;
margin-bottom: -8px !important;
margin-left: -7px !important;
opacity: 0.2 !important;
cursor: default !important;
}
.wcu-mla-network-avatar {
text-align: center;
display: inline-block !important;
margin: 0 auto !important;
max-width: 50px;
border-radius: 50px;
border: 2px solid #f3f3f3;
}
.wcu-mla-network-user {
font-size: 18px !important;
line-height: 25px !important;
min-width: 150px !important;
}
.wcu-mla-network-coupon {
margin-top: 5px !important;
font-size: 12px !important;
line-height: 12px !important;
}
.wcu-mla-network-amount {
cursor: default !important;
font-size: 18px !important;
line-height: 17px !important;
margin: 8px 0 10px 0 !important;
}
.wcu-mla-network-email {
text-decoration: none;
display: inline-block !important;
margin-top: 4px !important;
margin-bottom: -2px !important;
}
.wcu-mla-network-email:hover {
text-decoration: none !important;
opacity: 0.8;
}
#ml-wcu4 {
padding: 0 20px;
}
#mla_chart_div table td {
border: 0 !important;
} #mla_chart_div table td {
background: transparent !important;
}
#mla_chart_div td.google-visualization-orgchart-node {
padding: 18px 12px;
font-weight: bold;
background: linear-gradient(#fefefe, #fff) !important;
box-shadow: 0px 0px 4px #d0d0d0 !important;
border: 0 !important;
border-radius: 5px;
word-wrap: break-word;
margin-left: -2px;
cursor: grab;
}
#mla_chart_div table td a:hover {
opacity: 0.75;
text-decoration: underline;
}
#mla_chart_div .google-visualization-orgchart-linenode {
padding: 10px;
}
#mla_chart_div .google-visualization-orgchart-linebottom,
#mla_chart_div .google-visualization-orgchart-linetop,
#mla_chart_div .google-visualization-orgchart-lineleft,
#mla_chart_div .google-visualization-orgchart-lineright {
padding-top: 10px;
padding-bottom: 10px;
}
#mla_chart_div {
text-align: center;
display: inline-block;
width: 100%;
overflow: scroll;
overflow: auto;
cursor: grab;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
#mla_chart_div .google-visualization-orgchart-table {
cursor: grab;
display: flex;
width: auto;
}
#mla_chart_div::-webkit-scrollbar {
display: none;
} .wcusage-bonuses-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
position: relative;
}
.wcusage-reward-box {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
width: calc(50% - 20px);
float: left;
border: 1px solid #f3f3f3;
border-radius: 5px;
padding: 29px 10px 15px 10px;
box-shadow: 0px 0px 2px #dbdada;
margin-bottom: 0px;
position: relative;
}
@media only screen and (max-width: 920px) {
.wcusage-reward-box {
width: 98vw;
}
}
.wcusage-reward-text {
display: block;
padding: 5px 10px;
font-size: 18px;
font-weight: bold;
background-image: linear-gradient(0deg, #f6d365 50%, #ffb9a5 100%);
color: #000;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
margin: -10px auto 10px auto;
width: auto;
}
@media only screen and (max-width: 720px) {
.wcusage-reward-text {
width: 100%;
}
}
.wcusage-reward-box h4 {
margin-top: 5px !important;
margin-bottom: 0px !important;
}
.wcusage-reward-box p {
margin-bottom: 10px;
}
.wcusage-progress-bar {
box-sizing: content-box;
height: 35px; border-radius: 5px;
margin-bottom: 10px;
padding: 0px;
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
background: #d2d2d2;
width: 90%;
margin: 0 auto 10px auto;
display: block;
position: relative;
font-size: 15px;
line-height: 35px;
}
.wcusage-progress-bar-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
z-index: 2;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
width: 100%;
}
.wcutabcontent p.wcusage-reward-description {
margin-top: 10px;
margin-bottom: 20px;
padding: 0 20px !important;
}
.wcusage-progress-bar>span {
display: block;
height: 100%;
border-radius: 5px;
background-color: rgba(43, 194, 83, 0.75);
background-image: linear-gradient(center bottom,
rgb(43, 194, 83) 37%,
rgb(84, 240, 84) 69%);
box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
inset 0 -2px 6px rgba(0, 0, 0, 0.4);
position: relative;
overflow: hidden;
}
.wcusage-progress-bar>span:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(-45deg,
rgba(255, 255, 255, 0.2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.2) 50%,
rgba(255, 255, 255, 0.2) 75%,
transparent 75%,
transparent);
z-index: 1;
background-size: 50px 50px;
animation: move 4s linear infinite;
border-top-right-radius: 20px;
overflow: hidden;
}
@keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
.wcusage-reward-status {
display: inline-block;
padding: 5px 10px;
color: #fff;
font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 5px;
font-weight: bold;
}
.wcusage-reward-achieved {
background-color: #2ecc71;
color: #fff;
font-size: 15px;
margin-bottom: 0px;
}
.wcusage-reward-not-achieved {
background-color: #e74c3c;
}
.wcusage-reward-summary-item {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.wcusage-reward-countdown {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
} .wcusage-store-credit-info {
display: block;
} table.wcusage-leaderboard-table {
width: 100%;
border-collapse: collapse;
}
.wcusage-leaderboard-table th {
padding: 10px;
}
.wcusage-leaderboard-table td {
padding: 10px;
}
.wcusage-leaderboard-table .wcusage-highlight {
background: #b8e4c7;
color: #333;
} .wcu-bank-details-display {
font-size: 14px;
line-height: 1.4;
}
.wcu-bank-details-display strong {
color: #333 !important;
}
.wcu-bank-details-display div {
word-wrap: break-word;
overflow-wrap: break-word;
}
@media only screen and (max-width: 720px) {
.wcu-bank-details-display {
padding: 8px !important;
margin-left: -5px !important;
margin-right: -5px !important;
}
} body.dark-mode .wcu-bank-details-display {
background: var(--content-bg2) !important;
border: 1px solid var(--border-color) !important;
color: var(--text-color) !important;
}
body.dark-mode .wcu-bank-details-display strong {
color: var(--text-color) !important;
} .wcusage-orders-date-stats {
display: flex;
flex-wrap: wrap;
gap: 0;
}
.wcusage-orders-date-stats .wcusage-info-box {
flex: 1 1 0;
min-width: 150px;
width: auto;
padding: 15px 10px 15px 70px;
box-sizing: border-box;
}
.wcusage-orders-date-stats .wcusage-info-box:before {
left: 15px;
font-size: 30px;
top: 28px;
}
.wcusage-orders-status-totals {
flex: 0 0 100%;
text-align: center;
padding: 8px 0 0;
font-size: 13px;
color: #555;
} .wcusage-orders-pagination {
padding: 10px 0;
}
.wcusage-orders-pagination .wcusage-orders-page-btn {
display: inline-block;
padding: 6px 14px;
background: #f0f0f0;
border: 1px solid #ddd;
border-radius: 4px;
text-decoration: none;
color: #333;
font-size: 13px;
cursor: pointer;
transition: background 0.2s;
}
.wcusage-orders-pagination .wcusage-orders-page-btn:hover {
background: #e0e0e0;
text-decoration: none;
}
@media only screen and (max-width: 900px) {
.wcusage-orders-date-stats .wcusage-info-box {
flex: 1 1 calc(50% - 1%);
min-width: calc(50% - 1%);
}
}
@media only screen and (max-width: 520px) {
.wcusage-orders-date-stats .wcusage-info-box {
flex: 1 1 100%;
min-width: 100%;
}
}.wps_sfw_account_wrap {
overflow-x: auto;
}
.wps_sfw_free_trial,
.wps_sfw_signup_fee {
display: block;
}
.wps_sfw_experimental_feature_notice {
color: red;
} div#oceanwp-cart-sidebar-wrap .oceanwp-cart-sidebar {
width: 100%;
max-width: 400px;
}
div#oceanwp-cart-sidebar-wrap .wps_sfw_subscription_wrapper {
padding: 10px;
}
.oceanwp-theme .wps_sfw_subscription_inner_wrapper .amount {
color: #fff !important;
}
.theme-betheme .wps_sfw_subscription_wrapper label,
.theme-betheme .wps_sfw_subscription_wrapper p,
.oceanwp-theme .wps_sfw_subscription_wrapper label,
.oceanwp-theme .wps_sfw_subscription_wrapper p {
line-height: 28px;
}
.theme-betheme .wps_sfw_subscription_wrapper,
.oceanwp-theme .wps_sfw_subscription_wrapper {
text-align: left;
padding: 10px;
}
.mfp-wrap .mfp-container .mfp-content {
width: 100%;
max-width: 500px;
}
.wps_sfw_subscription_wrapper label,
.wps_sfw_subscription_wrapper p {
display: inline-block;
white-space: break-spaces;
}
.wps_sfw_subscription_wrapper input[type=radio] {
vertical-align: middle;
margin: 0 5px 5px 0;
}
.wps_sfw_account_wrap table {
width: 100%;
}
.wps_sfw_account_additional_wrap {
padding: 10px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
border: 1px solid #dddddd;
margin: 0 0 20px;
}
.wps_sfw_account_additional_wrap table {
border: none;
margin: 0;
}
.wps_sfw_account_additional_wrap table th {
font-size: 15px;
line-height: 1.25;
text-align: center;
vertical-align: middle;
color: #000;
}
.wps_sfw_account_additional_wrap table td {
text-align: center;
}
.wps_sfw_account_additional_wrap table td:first-of-type,
.wps_sfw_account_additional_wrap table th:first-of-type {
text-align: left;
}
.wps_sfw_account_additional_wrap table td:nth-of-type(2) {
text-transform: capitalize;
position: relative;
}
.woocommerce-orders-table__cell-order-status span {
background: #b7ddb7;
padding: 3px 5px;
line-height: 1.25;
border-radius: 3px;
color: green;
font-size: 14px;
text-transform: capitalize;
}
.wps_sfw_expired span {
background: #ffe2df;
color: #e74c3c;
}
.wps_sfw_cancelled span {
background: #fbdec4;
color: #e67e22;
}
.wps_sfw_on-hold span {
background: #fff4c7;
color: #f1c40f;
}
.wps_sfw_paused span {
background: #cfecff;
color: #3498db;
}
.wps_wsp_recurring_total_td {
font-weight: 600;
}
.wps_wsp_recurring_total th {
vertical-align: top;
} .wps_sfw_order_details a.wps_upgrade_downgrade.button {
display: block;
max-width: max-content;
margin: 5px 0 0;
line-height: 1.25;
padding: 10px 10px;
background: #f8f8f8;
border: 2px solid #f8f8f8;
font-size: 14px;
color: #000;
}
.wps_sfw_details_wrap table.shop_table th,
.wps_sfw_account_wrap table th {
border-bottom: 1px solid #ccc;
font-weight: 600;
}
.wps_sfw_details_wrap table.shop_table th,
.wps_sfw_details_wrap table.shop_table td,
.wps_sfw_account_wrap table thead th,
.wps_sfw_account_wrap table tbody td {
background: transparent;
padding: 15px;
text-align: left;
}
.wps_sfw_details_wrap table.shop_table tr,
.wps_sfw_account_wrap table tbody tr {
border: none;
}
.wps_sfw_details_wrap table.shop_table tr:nth-of-type(even),
.wps_sfw_account_wrap table tbody tr:nth-of-type(even) {
background: #f8f8f8;
}
.wps_sfw_details_wrap h3 {
padding: 10px 15px;
font-size: 24px;
margin: 0 0 10px;
font-weight: 500;
line-height: 1.25;
color: #000000;
background: #f3f3f3;
border-radius: 8px;
border: 1px solid #e2e2e2;
cursor: default;
}
.wps_sfw_details_wrap table+h3 {
margin: 25px 0 15px;
}
.wps_sfw_account_additional_wrap table td a.button {
margin: 0 8px 8px 0;
border-radius: 5px;
padding: 10px 20px;
line-height: 1.25;
font-size: 15px;
display: inline-block;
}
.wps_sfw_account_additional_wrap table td:first-of-type {
font-weight: 500;
color: #000;
}
.wps_sfw_show-subscription-page #secondary {
display: none;
}
.wps_sfw_show-subscription-page #primary {
width: 100%;
margin: 0;
}
.wps_sfw_details_wrap-parent {
container-type: inline-size;
container-name: subs-box;
}
.wps_sfw_details_wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
.wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap {
grid-column-start: 1;
grid-column-end: 3;
}
.wps_sfw_account_additional_wrap {
margin: 0;
padding: 15px;
transition: all 0.2s linear;
}
.wps_sfw_account_additional_wrap:hover {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}
@container subs-box (max-width: 690px) {
.wps_sfw_details_wrap {
gap: 30px;
display: flex;
flex-wrap: wrap;
}
.wps_sfw_details_wrap .wps_sfw_account_additional_wrap table.shop_table {
width: 100%;
}
.wps_sfw_account_additional_wrap {
flex: 1 0 45%;
}
.wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap {
overflow: auto;
}
}  .wps-sfw-aurora-account,
.wps-sfw-aurora-detail {
--wps-sfw-aurora-text: #24193c;
--wps-sfw-aurora-muted: #7b728d;
--wps-sfw-aurora-border: #eadfcb;
--wps-sfw-aurora-border-soft: #efe7d8;
--wps-sfw-aurora-accent: #d38a54;
--wps-sfw-aurora-accent-soft: #fff1e5;
--wps-sfw-aurora-bg: #fcf8f2;
--wps-sfw-aurora-card: #ffffff;
--wps-sfw-aurora-shadow: 0 24px 50px rgba(120, 84, 48, 0.08);
color: var(--wps-sfw-aurora-text);
display: grid;
gap: 22px;
margin: 0 auto;
max-width: 1160px;
}
.wps-sfw-aurora-account__header h2,
.wps-sfw-aurora-detail__hero-copy h2 {
color: var(--wps-sfw-aurora-text);
font-size: 38px;
line-height: 1.08;
margin: 0 0 8px;
}
.wps-sfw-aurora-account__header p,
.wps-sfw-aurora-detail__hero-copy p,
.wps-sfw-aurora-next-delivery p,
.wps-sfw-aurora-action-card p,
.wps-sfw-aurora-metric__meta,
.wps-sfw-aurora-subscription-card__meta,
.wps-sfw-aurora-empty-state p,
.wps-sfw-aurora-history__empty {
color: var(--wps-sfw-aurora-muted);
line-height: 1.65;
margin: 0;
}
.wps-sfw-aurora-metrics {
display: grid;
gap: 16px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.wps-sfw-aurora-metric,
.wps-sfw-aurora-next-delivery,
.wps-sfw-aurora-subscription-card,
.wps-sfw-aurora-panel,
.wps-sfw-aurora-empty-state {
background: var(--wps-sfw-aurora-card);
border: 1px solid var(--wps-sfw-aurora-border-soft);
border-radius: 18px;
box-shadow: var(--wps-sfw-aurora-shadow);
}
.wps-sfw-aurora-metric {
display: flex;
flex-direction: column;
gap: 4px;
min-height: 152px;
padding: 22px 24px;
}
.wps-sfw-aurora-metric__label,
.wps-sfw-aurora-next-delivery__eyebrow,
.wps-sfw-aurora-subscription-card__eyebrow,
.wps-sfw-aurora-detail__hero-price span,
.wps-sfw-aurora-panel__head h3,
.wps-sfw-aurora-summary__total span {
color: var(--wps-sfw-aurora-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
margin: 0 0 10px;
text-transform: uppercase;
}
.wps-sfw-aurora-metric strong,
.wps-sfw-aurora-detail__hero-price strong,
.wps-sfw-aurora-summary__total strong,
.wps-sfw-aurora-subscription-card__price strong,
.wps-sfw-aurora-subscription-card__schedule strong {
color: var(--wps-sfw-aurora-text);
display: block;
margin: 0 0 6px;
}
.wps-sfw-aurora-next-delivery {
align-items: center;
background: linear-gradient(180deg, #fff6ea 0%, #fffaf3 100%);
display: grid;
gap: 16px;
grid-template-columns: 44px minmax(0, 1fr);
padding: 18px 20px;
}
.wps-sfw-aurora-next-delivery__icon {
background: linear-gradient(180deg, #e19a65 0%, #cf7b44 100%);
border-radius: 12px;
height: 44px;
position: relative;
width: 44px;
}
.wps-sfw-aurora-next-delivery__icon::before {
background: #fff;
border-radius: 2px;
content: "";
height: 16px;
left: 13px;
position: absolute;
top: 14px;
width: 18px;
}
.wps-sfw-aurora-next-delivery__icon::after {
border: 2px solid #cf7b44;
border-bottom: 0;
border-radius: 6px 6px 0 0;
content: "";
height: 7px;
left: 14px;
position: absolute;
top: 10px;
width: 16px;
}
.wps-sfw-aurora-filterbar {
align-items: center;
display: flex;
gap: 16px;
justify-content: space-between;
}
.wps-sfw-aurora-filters {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.wps-sfw-aurora-filter {
align-items: center;
background: #fff;
border: 1px solid var(--wps-sfw-aurora-border);
border-radius: 999px;
color: var(--wps-sfw-aurora-text);
cursor: pointer;
display: inline-flex;
gap: 8px;
line-height: 1;
margin: 0;
min-height: 38px;
padding: 0 14px;
transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.wps-sfw-aurora-filter span {
color: var(--wps-sfw-aurora-muted);
font-size: 12px;
}
.wps-sfw-aurora-filter.is-active,
.wps-sfw-aurora-filter:hover,
.wps-sfw-aurora-filter:focus {
background: var(--wps-sfw-aurora-accent-soft);
border-color: var(--wps-sfw-aurora-accent);
color: var(--wps-sfw-aurora-accent);
outline: none;
}
.wps-sfw-aurora-filterbar__meta {
color: var(--wps-sfw-aurora-muted);
font-size: 13px;
white-space: nowrap;
}
.wps-sfw-aurora-subscription-list {
display: grid;
gap: 14px;
}
.wps-sfw-aurora-subscription-card { padding: 18px 20px;
display: flex;
gap: 12px;
align-items: flex-start;
flex-wrap: wrap;
}
.wps-sfw-aurora-subscription-card__product {
align-items: center;
display: grid;
gap: 14px;
grid-template-columns: 54px minmax(0, 1fr);
}
.wps-sfw-aurora-subscription-card__media {
align-items: center;
background: linear-gradient(180deg, #fff8f1 0%, #f8f1ea 100%);
border: 1px solid var(--wps-sfw-aurora-border-soft);
border-radius: 14px;
display: flex;
height: 54px;
justify-content: center;
overflow: hidden;
width: 54px;
}
.wps-sfw-aurora-subscription-card__media img {
height: 100%;
object-fit: cover;
width: 100%;
}
.wps-sfw-aurora-subscription-card__glyph {
border: 2px solid #d58d59;
border-radius: 8px;
display: inline-block;
height: 18px;
position: relative;
transform: rotate(45deg);
width: 18px;
}
.wps-sfw-aurora-subscription-card__glyph::before {
border-top: 2px solid #d58d59;
content: "";
left: -2px;
position: absolute;
top: 7px;
width: 18px;
}
.wps-sfw-aurora-subscription-card__glyph::after {
border-left: 2px solid #d58d59;
content: "";
height: 18px;
left: 7px;
position: absolute;
top: -2px;
}
.wps-sfw-aurora-subscription-card__copy {
display: grid;
gap: 6px;
}
.wps-sfw-aurora-subscription-card__copy h3,
.wps-sfw-aurora-action-card h4,
.wps-sfw-aurora-panel__head h3 {
color: var(--wps-sfw-aurora-text);
font-size: 20px;
line-height: 1.2;
margin: 0;
}
.wps-sfw-aurora-subscription-card__copy p {
color: var(--wps-sfw-aurora-muted);
font-size: 13px;
line-height: 1.55;
margin: 0;
}
.wps-sfw-aurora-subscription-card__ids {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
}
.wps-sfw-aurora-subscription-card__ids span {
color: var(--wps-sfw-aurora-muted);
font-size: 12px;
line-height: 1.4;
}
.wps-sfw-aurora-subscription-card__price strong,
.wps-sfw-aurora-subscription-card__schedule strong {
font-size: 18px;
margin-bottom: 4px;
}
.wps-sfw-aurora-subscription-card__price .wps_sfw_interval,
.wps-sfw-aurora-subscription-card__schedule .wps_sfw_interval {
font-size: 13px;
} .wps-sfw-aurora-status {
align-items: center;
border-radius: 999px;
display: inline-flex;
font-size: 12px;
font-weight: 700;
line-height: 1;
max-width: max-content;
min-height: 26px;
padding: 0 10px;
text-transform: capitalize;
}
.wps-sfw-aurora-status--active,
.wps-sfw-aurora-status--completed {
background: #dff4df;
color: #2b8a45;
}
.wps-sfw-aurora-status--on-hold,
.wps-sfw-aurora-status--pending {
background: #fff3c4;
color: #b37b00;
}
.wps-sfw-aurora-status--paused {
background: #dfeeff;
color: #2e6fc7;
}
.wps-sfw-aurora-status--cancelled,
.wps-sfw-aurora-status--failed {
background: #ffe3d7;
color: #d16d35;
}
.wps-sfw-aurora-status--expired,
.wps-sfw-aurora-status--refunded,
.wps-sfw-aurora-status--processing {
background: #ffe1e1;
color: #c24d4d;
}
.wps-sfw-aurora-manage-button,
.wps-sfw-aurora-action-card__button,
.wps-sfw-aurora-pagination__button {
align-items: center;
background: linear-gradient(180deg, #d99360 0%, #c97a45 100%);
border: 0;
border-radius: 12px;
color: #fff;
display: inline-flex;
justify-content: center;
line-height: 1;
min-height: 42px;
padding: 0 18px;
text-decoration: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wps-sfw-aurora-manage-button:hover,
.wps-sfw-aurora-manage-button:focus,
.wps-sfw-aurora-action-card__button:hover,
.wps-sfw-aurora-action-card__button:focus,
.wps-sfw-aurora-pagination__button:hover,
.wps-sfw-aurora-pagination__button:focus {
box-shadow: 0 16px 28px rgba(201, 122, 69, 0.24);
color: #fff;
transform: translateY(-1px);
}
.wps-sfw-aurora-empty-state {
padding: 36px 32px;
text-align: center;
}
.wps-sfw-aurora-empty-state h3 {
color: var(--wps-sfw-aurora-text);
font-size: 24px;
margin: 0 0 10px;
}
.wps-sfw-aurora-pagination {
align-items: center;
display: flex;
gap: 14px;
justify-content: center;
}
.wps-sfw-aurora-pagination__meta {
color: var(--wps-sfw-aurora-muted);
}
.wps-sfw-aurora-detail__back a {
color: var(--wps-sfw-aurora-muted);
text-decoration: none;
}
.wps-sfw-aurora-detail__hero {
align-items: flex-start;
background: var(--wps-sfw-aurora-card);
border: 1px solid var(--wps-sfw-aurora-border-soft);
border-radius: 18px;
box-shadow: var(--wps-sfw-aurora-shadow);
display: flex;
gap: 24px;
justify-content: space-between;
padding: 24px;
}
.wps-sfw-aurora-detail__hero-main {
align-items: center;
display: grid;
gap: 18px;
grid-template-columns: 68px minmax(0, 1fr);
}
.wps-sfw-aurora-detail__hero-media {
align-items: center;
background: linear-gradient(180deg, #fff8f1 0%, #f8f1ea 100%);
border: 1px solid var(--wps-sfw-aurora-border-soft);
border-radius: 18px;
display: flex;
height: 68px;
justify-content: center;
overflow: hidden;
width: 68px;
}
.wps-sfw-aurora-detail__hero-media img {
height: 100%;
object-fit: cover;
width: 100%;
}
.wps-sfw-aurora-detail__hero-price {
flex: 0 0 auto;
min-width: 170px;
text-align: right;
}
.wps-sfw-aurora-detail__grid {
display: grid;
gap: 18px;
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
}
.wps-sfw-aurora-panel {
padding: 18px;
}
.wps-sfw-aurora-panel__head {
margin-bottom: 14px;
}
.wps-sfw-aurora-action-list {
display: grid;
gap: 12px;
}
.wps-sfw-aurora-action-card {
align-items: flex-start;
background: #faf6ef;
border: 1px solid #ede4d5;
border-radius: 14px;
display: flex;
gap: 16px;
justify-content: space-between;
padding: 16px;
}
.wps-sfw-aurora-action-card--danger {
background: #fff3ef;
border-color: #f4d0c3;
}
.wps-sfw-aurora-action-card--stack .wps-sfw-aurora-action-card__copy {
width: 100%;
}
.wps-sfw-aurora-action-card__copy {
display: grid;
gap: 6px;
}
.wps-sfw-aurora-pro-actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 6px;
}
.wps-sfw-aurora-pro-actions > * {
margin: 0 !important;
}
.wps-sfw-aurora-pro-actions .button,
.wps-sfw-aurora-pro-actions a.button,
.wps-sfw-aurora-pro-actions .btn.button {
align-items: center;
background: linear-gradient(180deg, #d99360 0%, #c97a45 100%);
border: 0;
border-radius: 12px;
box-shadow: 0 10px 20px rgba(201, 122, 69, 0.16);
color: #fff;
display: inline-flex;
font-weight: 700;
justify-content: center;
line-height: 1;
margin: 0 !important;
min-height: 42px;
padding: 0 18px;
text-decoration: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
white-space: nowrap;
}
.wps-sfw-aurora-pro-actions .button:hover,
.wps-sfw-aurora-pro-actions a.button:hover,
.wps-sfw-aurora-pro-actions .btn.button:hover {
background: linear-gradient(180deg, #de9b6a 0%, #cf7b44 100%);
box-shadow: 0 16px 28px rgba(201, 122, 69, 0.24);
color: #fff;
transform: translateY(-1px);
}
.wps-sfw-aurora-summary {
display: grid;
gap: 18px;
}
.wps-sfw-aurora-summary__total {
background: #faf6ef;
border: 1px solid #ede4d5;
border-radius: 14px;
padding: 18px;
}
.wps-sfw-aurora-summary__list {
display: grid;
gap: 12px;
list-style: none;
margin: 0;
padding: 0;
}
.wps-sfw-aurora-summary__list li {
align-items: center;
border-bottom: 1px solid #f0eadf;
display: flex;
gap: 16px;
justify-content: space-between;
padding-bottom: 12px;
}
.wps-sfw-aurora-summary__list li:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.wps-sfw-aurora-summary__list span {
color: var(--wps-sfw-aurora-muted);
}
.wps-sfw-aurora-summary__list strong {
color: var(--wps-sfw-aurora-text);
text-align: right;
}
.wps-sfw-aurora-detail__hero-price strong,
.wps-sfw-aurora-summary__list strong,
.wps-sfw-aurora-history__table td,
.wps-sfw-aurora-history__table th {
white-space: nowrap;
}
.wps-sfw-aurora-history__table {
border: 0;
border-collapse: separate;
border-spacing: 0;
width: 100%;
}
.wps-sfw-aurora-history__table thead th {
background: #faf6ef;
border-bottom: 1px solid #ede4d5;
color: var(--wps-sfw-aurora-muted);
font-size: 12px;
letter-spacing: 0.06em;
padding: 12px 14px;
text-transform: uppercase;
}
.wps-sfw-aurora-history__table tbody td {
border-bottom: 1px solid #f1ebdf;
padding: 14px;
}
.wps-sfw-aurora-history__table tbody tr:last-child td {
border-bottom: 0;
}
.wps-sfw-aurora-history__table a {
color: var(--wps-sfw-aurora-accent);
text-decoration: none;
}
.wps-sfw-aurora-history__table a:hover {
color: #b96b38;
}
.wps-sfw-aurora-extensions {
display: grid;
gap: 18px;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap {
background: var(--wps-sfw-aurora-card);
border: 1px solid var(--wps-sfw-aurora-border-soft);
border-radius: 18px;
box-shadow: var(--wps-sfw-aurora-shadow);
margin: 0;
padding: 18px;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap h3 {
background: transparent;
border: 0;
color: var(--wps-sfw-aurora-text);
font-size: 18px;
margin: 0 0 14px;
padding: 0;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap {
padding: 22px 18px;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap h3 {
color: var(--wps-sfw-aurora-text);
font-size: 18px;
font-weight: 800;
letter-spacing: 0.08em;
margin-bottom: 18px;
text-transform: uppercase;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap table {
border: 0;
border-collapse: separate;
border-spacing: 0;
box-shadow: none;
width: 100%;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap table th,
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap table td {
border-bottom: 1px solid #f1ebdf;
padding: 14px 18px;
text-align: left;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap table thead th {
background: #faf6ef;
color: var(--wps-sfw-aurora-muted);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap table tbody tr:last-child td {
border-bottom: 0;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap table th:first-child,
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap table td:first-child {
width: 22%;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap table td:nth-child(2) {
width: 26%;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap table td a:not(.button) {
color: var(--wps-sfw-aurora-accent);
text-decoration: none;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap.wps_sfw_account_renewal_wrap table td a:not(.button):hover {
color: #b96b38;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap .button,
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap a.button {
align-items: center;
background: linear-gradient(180deg, #d99360 0%, #c97a45 100%);
border: 0;
border-radius: 12px;
color: #fff;
display: inline-flex;
justify-content: center;
line-height: 1;
min-height: 40px;
padding: 0 16px;
text-decoration: none !important;
}
@media only screen and (max-width: 1100px) {
.wps-sfw-aurora-metrics,
.wps-sfw-aurora-detail__grid,
.wps-sfw-aurora-subscription-card {
grid-template-columns: 1fr 1fr;
}
.wps-sfw-aurora-subscription-card__actions {
grid-column: span 2;
}
}
@media only screen and (max-width: 782px) {
.wps-sfw-aurora-metrics,
.wps-sfw-aurora-detail__grid,
.wps-sfw-aurora-subscription-card,
.wps-sfw-aurora-detail__hero {
grid-template-columns: 1fr;
}
.wps-sfw-aurora-filterbar,
.wps-sfw-aurora-action-card,
.wps-sfw-aurora-summary__list li {
align-items: flex-start;
flex-direction: column;
}
.wps-sfw-aurora-detail__hero {
display: grid;
}
.wps-sfw-aurora-account__header h2,
.wps-sfw-aurora-detail__hero-copy h2 {
font-size: 30px;
}
.wps-sfw-aurora-history__table {
display: block;
overflow-x: auto;
}
.wps-sfw-aurora-extensions .wps_sfw_account_additional_wrap table {
display: block;
overflow-x: auto;
}
}  p.wps_sfw_inner_description {
padding: 10px;
background: #f8f8f8;
margin: 5px 0px 20px;
} .wps_recurring_bifurcation_wrapper a {
text-decoration: none !important;
}
.wps_recurring_bifurcation_wrapper ul {
margin: 0 0 15px;
}
.wps_recurring_bifurcation_wrapper li label {
font-weight: 600;
}
.wps_recurring_bifurcation_wrapper li {
list-style: none;
display: flex;
justify-content: space-between;
padding: 5px 0;
border-bottom: 1px solid #dcdcdc;
flex-wrap: wrap;
} :root {
--wps_sfw_box-primary: rgb(46, 103, 173);
}
a.button.wps_sfw_subs_box-button {
padding: 10px;
border: 1px solid;
}
.wps_sfw_subscription_box_info {
margin-bottom: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.wps_sfw_subs_box-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); justify-content: center;
align-items: center;
z-index: 9999999999;
}
.wps_sfw_subs_box-content {
background: white;
padding: 20px;
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
text-align: center;
border-radius: 10px;
position: absolute;
animation: fadeIn 0.3s ease-in-out;
}
.wps_sfw_subs_box-content form {
margin: 0;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: scale(0.9);
}
to {
opacity: 1;
transform: scale(1);
}
}
.wps_sfw_subs_box-close {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
font-weight: normal;
cursor: pointer;
color: #3d3d3d;
z-index: 9999999;
line-height: 0;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wps_sfw_subs_box-close:hover {
color: var(--wps_sfw_box-primary);
}
.wps_sfw_sub_box_prod_container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
overflow: auto;
padding: 20px;
gap: 15px;
position: absolute;
align-items: flex-start;
top: 90px;
bottom: 90px;
}
.wps_sfw_sub_box_prod_count {
font-size: 16px;
font-weight: bold;
margin-right: 5px;
display: inline-block;
}
.wps_sfw-sb-title {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 15px;
background: #fff;
border-radius: 10px 10px 0 0;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title h2 {
margin: 0 auto;
font-size: 22px;
font-weight: bold;
line-height: 1.25;
max-width: 450px;
position: relative;
padding: 0 30px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title h3 {
margin: 10px auto;
font-size: 16px;
font-weight: normal;
line-height: 1.5;
text-transform: uppercase;
background: #efefef;
padding: 10px;
border-radius: 5px;
text-align: center;
max-width: 600px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title p {
margin: 0 auto 15px;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
max-width: 800px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta {
padding: 15px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
background: #fff;
display: flex;
justify-content: space-between;
gap: 15px;
align-items: center;
flex-wrap: wrap;
border-radius: 0 0 10px 10px;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item {
padding: 10px;
border-radius: 5px;
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_name {
font-size: 14px;
font-weight: bold;
line-height: 1.25;
margin: 10px 0;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type=number] {
color: #000;
width: 60px !important;
padding: 5px;
line-height: 1.25;
text-align: center;
margin: 0;
border-radius: 3px;
font-size: 14px;
min-height: 32px;
height: auto;
border: 1px solid #e2e2e2;
background: transparent;
box-shadow: none;
-moz-appearance: textfield;
pointer-events: none;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type="number"]::-webkit-inner-spin-button,
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty button {
padding: 0;
width: 32px;
height: 32px;
border-radius: 3px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 0;
background: var(--wps_sfw_box-primary);
color: #fff;
font-size: 18px;
font-weight: normal;
transition: all 0.3s linear;
border: 1px solid var(--wps_sfw_box-primary);
cursor: pointer;
margin: 0;
min-height: auto;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_image img {
border-radius: 3px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta .wps_sfw-sb-cta-total {
font-size: 24px;
line-height: 1.25;
display: flex;
gap: 5px;
align-items: center;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta .wps_sfw-sb-cta-total .amount {
color: var(--wps_sfw_box-primary);
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta button {
background: var(--wps_sfw_box-primary);
border-radius: 5px;
padding: 10px 20px;
line-height: 1.25;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2px;
min-height: 40px;
border: 1px solid var(--wps_sfw_box-primary);
transition: all 0.3s linear;
color: #fff;
cursor: pointer;
margin: 0;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta button:after {
display: none !important;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty button:focus,
#wps_sfw_subs_box-form .wps_sfw-sb-cta button:focus,
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty input[type=number]:focus {
outline: none;
}
#wps_sfw_subs_box-form .wps_sfw_sub_box_prod_item .wps_sfw_sub_box_prod_qty button:hover,
#wps_sfw_subs_box-form .wps_sfw-sb-cta button:hover {
background: transparent;
color: var(--wps_sfw_box-primary);
}
.theme-betheme .wps_sfw_sub_box_prod_container {
height: calc(100vh - 275px);
} a.wps_show_customer_subscription_box_popup {
display: block;
font-size: 14px;
color: #000;
}
.wps-attached-products-popup {
z-index: -999;
opacity: 0;
position: fixed;
top: 50%;
left: 50%;
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transform: translate(-50%, -50%);
max-width: 400px;
max-height: 400px;
width: 100%;
transition: opacity 0.3s linear;
}
.wps-attached-products-popup.active_customer_popup {
z-index: 99999999999;
opacity: 1;
}
.wps-attached-products-popup ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.wps-attached-products-popup strong {
font-size: 18px;
color: #000;
line-height: 1.25;
margin: 0 0 15px;
display: inline-block;
}
.wps-attached-products-popup .wps_sfw_customer_close_popup {
font-size: 24px;
line-height: 0;
position: absolute;
top: 10px;
right: 10px;
width: 24px;
height: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.wps-attached-products-popup ul li {
display: flex;
flex-direction: column;
gap: 5px;
align-items: center;
font-size: 14px;
}
p.wps_sfw_subscription_box_error_notice {
background: #ffe7e7;
padding: 12px 15px;
font-size: 14px !important;
border-radius: 0 5px 5px 0;
display: inline-block;
border-left: 5px solid;
position: absolute;
left: 0;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title .wps_sfw-sb-step-label {
background: rgb(237 244 255);
display: inline-block;
padding: 6px 15px;
font-size: 14px;
font-weight: 400;
border-radius: 50px;
text-transform: capitalize;
color: var(--wps_sfw_box-primary);
margin: 10px 0 0;
} @media only screen and (max-width: 1200px) {
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 820px) {
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 640px) {
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr 1fr;
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta .wps_sfw-sb-cta-total {
font-size: 18px;
}
#wps_sfw_subs_box-form .wps_sfw-sb-title h2 {
font-size: 18px;
}
}
@media only screen and (max-width: 420px) {
.wps_sfw_subs_box-close {
top: 0;
right: 0;
}
.wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr;
height: calc(100vh - 270px);
}
#wps_sfw_subs_box-form .wps_sfw-sb-cta {
justify-content: center;
flex-direction: column;
}
.theme-betheme .wps_sfw_sub_box_prod_container {
grid-template-columns: 1fr;
height: calc(100vh - 310px);
}
} a.wps_sfw_sub_detail_back svg {
width: 24px;
height: auto;
}
a.wps_sfw_sub_detail_back {
font-size: 16px;
align-items: center;
display: inline-flex;
gap: 5px;
text-decoration: none !important;
color: black;
margin-bottom: 15px;
}
.wps_sfw_account_wrap h2,
.wps_sfw_account_wrap h3,
.wps_sfw_account_additional_wrap h2,
.wps_sfw_account_additional_wrap h3,
.wps_sfw_details_wrap h2,
.wps_sfw_details_wrap h3,
.wps-sfw-aurora-account h2,
.wps-sfw-aurora-account h3,
.wps-sfw-aurora-detail h2,
.wps-sfw-aurora-detail h3,
#wps_sfw_subs_box-form h2,
#wps_sfw_subs_box-form h3,
.wps-attached-products-popup h2,
.wps-attached-products-popup h3 {
font-size: 20px !important;
line-height: 1.25;
}.wps_wsp_expiry_interval_field {
margin-bottom: 10px;
}
.wps_wsp_expiry_interval_field_wrap .wps_wsp_label {
display: block;
margin-bottom: 10px;
}
.storefront-sticky-add-to-cart__content-price .wps_sfw_subscription_wrapper{
display: none;
}
.theme-storefront .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
max-width: 190px;
width: 100%;
padding: 10px 10px;
height: auto;
display: inline-block;
}
.theme-Divi .wps_wsp_expiry_interval_field_wrap .wps_wsp_label {
display: block;
margin-bottom: 10px;
}
.theme-Divi .wps_wsp_expiry_interval_field_wrap input[type="number"],
.theme-Avada .wps_wsp_expiry_interval_field_wrap input[type="number"],
.theme-oceanwp .wps_wsp_expiry_interval_field_wrap input[type="number"],
.theme-flatsome .wps_wsp_expiry_interval_field_wrap input[type="number"],
.theme-betheme .wps_wsp_expiry_interval_field_wrap input[type="number"] {
box-shadow: inset 0 1px 1px rgb(0 0 0 / 13%);
line-height: 1.6;
margin: 0 5px 10px 0;
padding: 10px;
}
.theme-flatsome .wps_wsp_expiry_interval_field_wrap input[type="number"] {
height: auto;
max-width: 220px;
}
.theme-oceanwp .wps_wsp_expiry_interval_field_wrap input[type="number"],
.theme-betheme .wps_wsp_expiry_interval_field_wrap input[type="number"] {
display: inline-block;
max-width: 200px;
}
.theme-Avada .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
height: auto;
margin-bottom: 10px;
max-width: 200px !important;
padding: 12px 10px;
width: 100%;
}
.theme-Divi .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
display: inline-block;
max-width: 170px !important;
padding: 12px 10px;
width: 100%;
}
.theme-oceanwp .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval,
.theme-betheme .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
display: inline-block;
height: auto;
margin-bottom: 10px;
padding: 12px 10px !important;
}
.theme-oceanwp .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
max-width: 150px;
}
.theme-betheme .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
max-width: 200px;
}
.theme-flatsome .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
display: inline-block;
height: auto;
margin-bottom: 10px !important;
max-width: 90px;
padding: 10px !important;
}
.theme-Avada .wps_wsp_expiry_interval_field_wrap {
width: 100%;
}
.woocommerce-variation-price .woocommerce-Price-amount.amount+div,
.woocommerce-variation-price+.woocommerce-variation-availability+div {
border: none !important;
max-width: 98%;
padding: 0 10px;
background-image: linear-gradient(45deg, #009688, #8bc34a);
color: #fff;
}
.woocommerce-variation-price .woocommerce-Price-amount.amount {
margin-bottom: 15px;
display: inline-block;
font-weight: 600;
font-size: 28px;
}
.woocommerce-variation-price .woocommerce-Price-amount.amount+div input[type="checkbox"],
.woocommerce-variation-price+.woocommerce-variation-availability+div input[type="checkbox"] {
margin-right: 10px;
}
#wps_sfw_check_variartion_cart_one_time_purchase+.amount {
font-weight: 600;
font-size: 28px;
letter-spacing: 0.5px;
}
.wps_sfw_subscription_wrapper {
margin-bottom: 15px;
margin-top: 15px;
}
.owp-floating-bar .wps_sfw_subscription_wrapper, .owp-floating-bar .wps_wsp_onetimesimple_wrapper {
display: none;
}
.wps_sfw_subscription_wrapper input[type="radio"],
.wps_wsp_onetimesimple_wrapper input[type="radio"] {
margin-right: 5px;
}
.woocommerce-variation-price+.woocommerce-variation-availability+div {
margin-top: -10px;
}
.wps_wsp_onetimesimple_wrapper .amount {
font-weight: 600;
font-size: 18px;
letter-spacing: 0.5px;
} @media only screen and (max-width: 1343px) {
.theme-Divi .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
max-width: 200px !important
}
}
@media only screen and (max-width: 1307px) {
.theme-oceanwp .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
max-width: 200px;
}
}
@media only screen and (max-width: 1123px) {
.theme-storefront .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
max-width: 213px;
}
.theme-storefront .wps_wsp_expiry_interval_field_wrap input[type="number"] {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1044px) {
.theme-flatsome .wps_wsp_expiry_interval_field_wrap .wps_wsp_expiry_number_interval {
max-width: 220px;
}
}
@media only screen and (max-width: 355px) {
.theme-Divi .wps_wsp_expiry_interval_field {
padding-bottom: 20px !important;
}
}input#authnet-card-cvc {
display: block;
} .theme-Avada .single_variation_wrap .avada-variation .woocommerce-variation-price .price{
display: block;
}
.wps_prorate_price_tooltip::before {
font-family: 'dashicons';
content: "\f223"; color: #333;
margin-left: 5px;
vertical-align: middle;
}
.wps-wsp-close-popup:hover {
cursor: pointer;
}
.subscription-edit-container.wps-has-content {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
}
.subscription-edit-container.wps-has-content .wps-wsp-shadow {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
}
.wps-has-content form#wps-wps-subscription-edit-form {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 8px;
padding: 15px;
}
.wps-has-content form#wps-wps-subscription-edit-form .wps-wsp-close-popup {
position: absolute;
top: 15px;
right: 15px;
font-family: 'dashicons';
font-size: 24px;
cursor: pointer;
line-height: 1;
}
.wps-has-content form#wps-wps-subscription-edit-form table {
width: 100%;
}
.wps-has-content form#wps-wps-subscription-edit-form h2 {
font-size: 20px;
line-height: 1.25;
font-weight: 600;
padding-right:45px;
margin: 0 0 15px;
}
.wps-wsp-upgrade-summary {
margin: 10px 0 15px;
padding: 10px 12px;
background: #f6f7f7;
border: 1px solid #dcdcde;
border-radius: 6px;
}
.wps-wsp-upgrade-summary-row + .wps-wsp-upgrade-summary-row {
margin-top: 6px;
}
form#wps-wps-subscription-edit-form.wps-wsp-is-loading {
pointer-events: none;
opacity: 0.9;
}
form#wps-wps-subscription-edit-form .wps-wsp-loader {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: rgba(255, 255, 255, 0.75);
border-radius: 8px;
z-index: 10;
font-size: 14px;
font-weight: 600;
}
form#wps-wps-subscription-edit-form .wps-wsp-spinner {
width: 18px;
height: 18px;
border: 2px solid #c3c4c7;
border-top-color: #2271b1;
border-radius: 50%;
animation: wps-wsp-spin 0.8s linear infinite;
}
@keyframes wps-wsp-spin {
to { transform: rotate(360deg); }
}
.subscription-edit-container.wps-has-content .wps-wsp-loader {
position: fixed;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: rgba(0, 0, 0, 0.35);
z-index: 1000000;
font-size: 14px;
font-weight: 600;
color: #1d2327;
}
.subscription-edit-container.wps-has-content .wps-wsp-loader .wps-wsp-loader-text {
background: #fff;
border: 1px solid #dcdcde;
border-radius: 999px;
padding: 8px 12px;
}
.subscription-edit-container.wps-has-content .wps-wsp-loader .wps-wsp-spinner {
background: #fff;
border-radius: 999px;
padding: 6px;
}
.wps-has-content form#wps-wps-subscription-edit-form select {
width: 100%;
min-width: 120px;
min-height: 40px;
line-height: 1.25;
cursor: pointer;
border-radius: 5px;
background: transparent;
padding: 5px;
}
.wps-has-content form#wps-wps-subscription-edit-form input[type=number] {
width: 100%;
min-height: 40px;
line-height: 1.25;
background: transparent;
box-shadow: none;
border: 1px solid #ccc;
border-radius: 5px;
padding: 0 5px;
max-width: 70px;
}
.wps-has-content form#wps-wps-subscription-edit-form select:focus {
outline: none;
}.woocommerce img.pswp__img,.woocommerce-page img.pswp__img{max-width:none}button.pswp__button{box-shadow:none!important;background-image:url(//web-frame.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png)!important}button.pswp__button,button.pswp__button--arrow--left::before,button.pswp__button--arrow--right::before,button.pswp__button:hover{background-color:transparent!important}button.pswp__button--arrow--left,button.pswp__button--arrow--left:hover,button.pswp__button--arrow--right,button.pswp__button--arrow--right:hover{background-image:none!important}button.pswp__button--close:hover{background-position:0 -44px}button.pswp__button--zoom:hover{background-position:-88px 0} .pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.admin-bar .pswp{height:calc(100% - var(--wp-admin--admin-bar--height,0px));top:var(--wp-admin--admin-bar--height,0)}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}.pswp__img--placeholder{-webkit-backface-visibility:hidden}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:left;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(//web-frame.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(//web-frame.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{display:none;background-position:-88px 0}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{position:relative;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px;margin-inline-end:auto}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc}.pswp__caption--empty{display:none}.pswp__caption--fake{visibility:hidden}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active{opacity:1}.pswp__preloader--active .pswp__preloader__icn{background:url(//web-frame.com/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat}.pswp--css_animation .pswp__preloader--active{opacity:1}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%;display:flex;justify-content:flex-end}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0}:root{--woocommerce:#720eec;--wc-green:#007518;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-destructive:#cc1818;--wc-card-border-radius:8px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}