@charset "UTF-8";

:root {
--mage-primary:#f12971;
--mage-secondary: #666;
--mage-dark: #333;
--mage-gray: #ddd;
--mage-light: #F2F2F2;
--mage-white: #fff;
--mage-black: #000;
}
#woocommerce-coupon-data ul.wc-tabs li.deposits_tab a:before,
#woocommerce-product-data ul.wc-tabs li.deposits_tab a:before,
.woocommerce ul.wc-tabs li.deposits_tab a:before {
content: "";
display: inline-block;
width: 16px; height: 16px;
background-image: url(https://docs.mage-people.com/advanced-partial-payment-or-deposit-for-woocommerce/wp-content/uploads/sites/9/2022/02/icon-128x128-1.gif);
background-size: cover; margin-right: 10px;
position: relative;
top: 2px;
}
.widefat .column-order_status mark.partially-paid:after {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin: 0;
text-indent: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.widefat .column-order_status mark.partially-paid:after {
content: "\e011";
color: #ffba00;
}
.mepp_variation_checkbox {
float: left;
margin: 5px !important;
}
p.form-row-last[class*=_mepp_payment_plans] .select2, p.form-row-last[class*=_mepp_payment_plans] select {
width: 100% !important;
}
.mepp_invoice_exists::after {
font-family: Dashicons;
content: "\f147";
margin-left: 4px;
color: #2aad2a;
vertical-align: middle;
}   .mepp-important {
color: #f00;
}
.mepp-hidden {
display: none !important;
}
.mepp_deposit_storewide_values {
background: #03a9f4 !important;
padding: 10px;
width: 43%;
} .woocommerce table.form-table select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
padding: 8px 12px;
font-size: 14px;
color: #555;
width: 100%;
max-width: 300px; box-sizing: border-box;
outline: none;
} .woocommerce table.form-table select::after {
content: "▼"; position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
pointer-events: none; } .woocommerce table.form-table select:hover {
border-color: #999;
} .woocommerce table.form-table select:focus {
border-color: #333;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.mepp-custom-container .submit {
background: indigo !important;
padding: 10px !important;
margin-top: 1px !important;
}
label[for=mepp_storewide_deposit_enabled] {
font-weight: 700 !important;
padding: 10px;
}
label[for=mepp_storewide_deposit_enabled_details] {
font-weight: 700 !important;
padding: 10px;
}
label[for=mepp_storewide_deposit_enabled_btn] {
font-weight: 700 !important;
padding: 10px;
}
label[for=mepp_storewide_deposit_force_deposit] {
font-weight: 700 !important;
padding: 10px;
}
label[for=mepp_storewide_deposit_amount_type] {
font-weight: 700 !important;
padding: 10px;
}
label[for=mepp_storewide_deposit_amount] {
font-weight: 700 !important;
padding: 10px;
}
label[for=mepp_storewide_deposit_payment_plans] {
font-weight: 700 !important;
padding: 10px;
}
.titledesc {
font-weight: 700 !important;
padding: 10px;
}
#mepp_deposit_storewide_values {
border: solid;
} .taxonomy-editor-wrapper {
background-color: #f9f9f9;
padding: 20px;
}
.taxonomy-editor-title {
font-size: 24px;
color: #333;
}
.taxonomy-editor-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
.taxonomy-editor-table th,
.taxonomy-editor-table td {
padding: 10px;
border: 1px solid #ccc;
}
.taxonomy-editor-table th {
background-color: #f5f5f5;
font-weight: bold;
}
.taxonomy-editor-table td {
background-color: #fff;
}
.taxonomy-editor-table input[type=number],
.taxonomy-editor-table select {
width: 100%;
padding: 5px;
box-sizing: border-box;
}
.taxonomy-editor-table input[type=button] {
padding: 5px 10px;
background-color: #0073aa;
color: #fff;
border: none;
cursor: pointer;
}
.taxonomy-editor-table input[type=button]:hover {
background-color: #005689;
}           .type-wc_booking .column-booking_status span.status-wc-partial-payment:before {
content: "\e011";
color: #ffba00;
}
#pay-deposit-label, #pay-full-amount-label {
margin: 0;
}
#mepp-payment-plans ul {
list-style: none;
}
#mepp-payment-plans a, #mepp-payment-plans input, #pay-deposit-label, #pay-full-amount-label {
cursor: pointer;
} .product-status {
padding: 20px;
background-color: rgb(237, 237, 237);
margin: 10px;
}
.product-status h3 {
color: #333;
margin: 10px 0;
font-size: 20px;
}
.product-status .status-row {
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #ddd;
width: 30%;
}
.product-status .status-row:last-child {
border-bottom: none;
}
.product-status .status-label {
flex: 1;
font-weight: bold;
opacity: 0.8;
transition: color 0.3s ease;
}
.product-status .status-value {
flex: 1;
font-weight: 800;
}
.product-status .status-value.enable {
color: green;
}
.product-status .status-value.disable {
color: red;
}
.advanced-partial-payment {
background-color: var(--mage-white);
margin: 20px;
margin-left: 0;
}
.advanced-partial-payment header {
background-color: var(--mage-primary);
color: var(--mage-white);
padding: 8px 12px;
display: flex;
justify-content: space-between;
}
.advanced-partial-payment header h2 {
color: var(--mage-white);
font-size: 1.2rem;
margin: 0;
padding: 0;
line-height: 1.4;
}
.advanced-partial-payment header h2 span {
font-size: 14px;
}
.advanced-partial-payment .partial-settings-area {
display: flex;
justify-content: space-between;
border: 1px solid var(--mage-gray);
border-top: 0;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-wrapper {
width: 20%;
display: flex;
flex-direction: column;
background-color: var(--mage-light);
padding: 25px 0 25px 25px;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-wrapper a.mepp.nav-tab {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
padding: 15px;
color: var(--mage-black);
border: 0;
font-weight: normal;
border-left: 2px solid transparent;
font-size: 16px;
margin: 0;
background-color: transparent;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-wrapper a.mepp.nav-tab i {
margin: 0 10px 0 0;
color: var(--mage-primary);
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-wrapper a.mepp.nav-tab::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
border-bottom: 1px solid var(--mage-gray);
width: 90%;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-wrapper a.mepp.nav-tab.nav-tab-active {
background-color: var(--mage-white);
border-left: 2px solid var(--mage-primary);
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-wrapper a.mepp.nav-tab.nav-tab-active::after {
width: 100%;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-content {
width: 80%;
padding: 2% 5%;
overflow: hidden;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-content .mepp-custom-container h2 {
background-color: var(--mage-light);
color: var(--mage-dark);
font-size: 20px;
margin: 0;
margin-top: 20px;
padding: 20px;
font-weight: bold;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-content .mepp-custom-container .form-table tr {
border: 1px solid var(--mage-gray);
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-content .mepp-custom-container .form-table th {
width: 50%;
vertical-align: middle;
text-align: left;
padding: 10px 20px;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-content .mepp-custom-container .form-table td {
width: 50%;
vertical-align: middle;
text-align: left;
padding: 10px 20px;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-content .mepp-custom-container .form-table td select, .advanced-partial-payment .partial-settings-area .mepp-nav-tab-content .mepp-custom-container .form-table td input[type=text], .advanced-partial-payment .partial-settings-area .mepp-nav-tab-content .mepp-custom-container .form-table td input[type=number] {
width: 200px;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-content .mepp-custom-container .form-table td textarea, .advanced-partial-payment .partial-settings-area .mepp-nav-tab-content .mepp-custom-container .form-table td select[multiple] {
width: 100%;
}
.advanced-partial-payment .partial-settings-area .mepp-nav-tab-content .mepp-custom-container .form-table td fieldset input[type=number] {
text-align: left;
}
.setttings-saved-notice {
border-left: 3px solid green;
background-color: #fff;
box-shadow: 0 0 0 1px #ddd;
padding: 10px 15px;
margin-right: 20px;
}
.setttings-saved-notice p {
font-size: 16px;
padding: 0;
margin: 0;
color: green;
}
.pro-nav {
color: var(--mage-white);
background-color: var(--mage-primary);
padding: 2px 4px;
border-radius: 4px;
}
.pro-ads {
position: relative;
width: auto;
}
.pro-ads .button {
display: none;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
padding: 5px 50px;
font-size: 30px;
font-weight: bold;
border-radius: 10px;
transform: translate(-50%, -50%);
}
.pro-ads:hover .button, .pro-ads:focus .button {
display: block;
}
.pro-ads:hover::before, .pro-ads:focus::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.664);
z-index: 1;
}