#ab-accounting-calculator,
#ab-accounting-calculator *,
#ab-accounting-calculator *::before,
#ab-accounting-calculator *::after {
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: normal !important;
word-spacing: normal !important;
}
#ab-accounting-calculator {
--ab-blue: #366CA1;
--ab-blue-dark: #2B5885;
--ab-gray: #EEEEEE;
--ab-brown-gray: #6A6059;
--ab-green-soft: #EDF8F0;
--ab-text: #111111;
--ab-border: #DCDCDC;
--ab-white: #FFFFFF;
width: 100%;
max-width: 980px;
margin: 0 auto;
color: var(--ab-text);
font-family: Arial, Helvetica, sans-serif;
}
#ab-accounting-calculator .ab-calc__title {
margin: 0 0 24px;
font-size: clamp(30px, 5vw, 48px);
line-height: 1.08;
font-weight: 800;
letter-spacing: -0.035em !important;
text-transform: uppercase;
}
#ab-accounting-calculator .ab-calc__card {
padding: 26px;
background: var(--ab-white);
border: 1px solid var(--ab-gray);
border-radius: 10px;
box-shadow: 0 10px 30px rgba(54, 108, 161, 0.06);
}
#ab-accounting-calculator .ab-calc__section + .ab-calc__section {
margin-top: 26px;
}
#ab-accounting-calculator .ab-calc__section-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
}
#ab-accounting-calculator .ab-calc__step {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
color: var(--ab-white);
background: var(--ab-blue);
border-radius: 50%;
font-size: 14px;
font-weight: 700;
}
#ab-accounting-calculator .ab-calc__section-head h2 {
margin: 0;
font-size: 18px;
line-height: 1.2;
font-weight: 800;
text-transform: uppercase;
}
#ab-accounting-calculator .ab-calc__section-description {
margin: -4px 0 16px 42px;
color: var(--ab-brown-gray);
font-size: 14px;
line-height: 1.5;
font-weight: 400;
text-transform: none !important;
}
#ab-accounting-calculator .ab-calc__grid {
display: grid;
gap: 14px 18px;
}
#ab-accounting-calculator .ab-calc__grid--three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
#ab-accounting-calculator .ab-calc__grid--two {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#ab-accounting-calculator .ab-calc__field {
position: relative;
min-width: 0;
}
#ab-accounting-calculator .ab-calc__field--help {
display: grid;
grid-template-columns: minmax(0, 1fr) 42px;
}
#ab-accounting-calculator .ab-calc__label {
display: block;
margin: 0 0 7px;
font-size: 13px;
line-height: 1.3;
font-weight: 700;
}
#ab-accounting-calculator .ab-calc__label span {
color: var(--ab-blue);
}
#ab-accounting-calculator .ab-calc__control {
width: 100%;
height: 50px;
padding: 0 18px;
color: var(--ab-text);
background: var(--ab-white);
border: 1px solid var(--ab-border);
border-radius: 10px;
outline: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 600;
transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
#ab-accounting-calculator select.ab-calc__control {
padding-right: 42px;
cursor: pointer;
appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, var(--ab-brown-gray) 50%),
linear-gradient(135deg, var(--ab-brown-gray) 50%, transparent 50%);
background-position:
calc(100% - 21px) 22px,
calc(100% - 16px) 22px;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
}
#ab-accounting-calculator .ab-calc__field--help .ab-calc__control {
border-radius: 10px 0 0 10px;
}
#ab-accounting-calculator .ab-calc__control::placeholder {
color: #333333;
opacity: 1;
}
#ab-accounting-calculator .ab-calc__control:hover:not(:disabled) {
border-color: #B8C8D7;
}
#ab-accounting-calculator .ab-calc__control:focus {
position: relative;
z-index: 2;
border-color: var(--ab-blue);
box-shadow: 0 0 0 3px rgba(54, 108, 161, 0.14);
}
#ab-accounting-calculator .ab-calc__control.is-invalid {
border-color: #B42318;
box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.1);
}
#ab-accounting-calculator .ab-calc__control:disabled {
color: #A0A0A0;
background-color: var(--ab-gray);
border-color: #E2E2E2;
cursor: not-allowed;
opacity: 1;
}
#ab-accounting-calculator .ab-calc__control:disabled::placeholder {
color: #A0A0A0;
}
#ab-accounting-calculator .ab-calc__number::-webkit-outer-spin-button,
#ab-accounting-calculator .ab-calc__number::-webkit-inner-spin-button {
margin: 0;
appearance: none;
}
#ab-accounting-calculator .ab-calc__number {
-moz-appearance: textfield;
}
#ab-accounting-calculator .ab-calc__help {
position: relative;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 50px;
padding: 0;
color: var(--ab-blue);
background: var(--ab-white);
border: 1px solid var(--ab-border);
border-left: 0;
border-radius: 0 10px 10px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: 800;
cursor: pointer;
}
#ab-accounting-calculator .ab-calc__help:hover,
#ab-accounting-calculator .ab-calc__help:focus,
#ab-accounting-calculator .ab-calc__help.is-open {
color: var(--ab-white);
background: var(--ab-blue);
outline: none;
}
#ab-accounting-calculator .ab-calc__help::after {
content: attr(data-tooltip);
position: absolute;
right: 0;
bottom: calc(100% + 10px);
z-index: 20;
width: min(300px, 78vw);
padding: 11px 13px;
color: var(--ab-white);
background: var(--ab-brown-gray);
border-radius: 10px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
font-size: 13px;
font-weight: 400;
line-height: 1.4;
text-align: left;
text-transform: none !important;
pointer-events: none;
opacity: 0;
transform: translateY(5px);
transition: opacity 0.18s ease, transform 0.18s ease;
}
#ab-accounting-calculator .ab-calc__help:hover::after,
#ab-accounting-calculator .ab-calc__help:focus::after,
#ab-accounting-calculator .ab-calc__help.is-open::after {
opacity: 1;
transform: translateY(0);
}
#ab-accounting-calculator .ab-calc__total {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-top: 20px;
padding: 16px 18px;
color: var(--ab-white);
background: var(--ab-blue);
border: 1px solid var(--ab-blue);
border-radius: 10px;
font-size: 18px;
line-height: 1.25;
font-weight: 800;
text-transform: uppercase;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
#ab-accounting-calculator .ab-calc__total.is-calculated {
color: #1F6037;
background: var(--ab-green-soft);
border-color: #CFE8D6;
}
#ab-accounting-calculator .ab-calc__total strong {
flex: 0 0 auto;
font-size: 22px;
white-space: nowrap;
}
#ab-accounting-calculator .ab-calc__order {
padding-top: 26px;
border-top: 1px solid var(--ab-gray);
}
#ab-accounting-calculator .ab-calc__order[hidden] {
display: none !important;
}
#ab-accounting-calculator .ab-calc__order.is-visible {
animation: abCalcReveal 0.28s ease both;
}
#ab-accounting-calculator .ab-calc__order .ab-calc__step {
color: #1F6037;
background: var(--ab-green-soft);
}
#ab-accounting-calculator .ab-calc__order-text {
margin: -2px 0 16px;
color: var(--ab-brown-gray);
font-size: 15px;
line-height: 1.5;
}
#ab-accounting-calculator .ab-calc__field-hint {
display: block;
margin-top: 7px;
color: var(--ab-brown-gray);
font-size: 12px;
line-height: 1.4;
}
#ab-accounting-calculator .ab-calc__contact {
min-width: 0;
margin: 18px 0 0;
padding: 0;
border: 0;
}
#ab-accounting-calculator .ab-calc__contact-legend {
margin: 0 0 10px;
padding: 0;
color: var(--ab-text);
font-size: 14px;
font-weight: 700;
line-height: 1.3;
}
#ab-accounting-calculator .ab-calc__contact-legend span {
color: var(--ab-blue);
}
#ab-accounting-calculator .ab-calc__contact-options {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
#ab-accounting-calculator .ab-calc__contact-option {
display: grid;
grid-template-columns: 20px minmax(0, 1fr);
gap: 10px;
align-items: center;
min-height: 50px;
padding: 12px 14px;
color: var(--ab-text);
background: var(--ab-white);
border: 1px solid var(--ab-border);
border-radius: 10px;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
cursor: pointer;
transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
#ab-accounting-calculator .ab-calc__contact-option:hover {
border-color: rgba(54, 108, 161, 0.52);
background: rgba(54, 108, 161, 0.04);
}
#ab-accounting-calculator .ab-calc__contact-option:focus-within {
border-color: var(--ab-blue);
box-shadow: 0 0 0 3px rgba(54, 108, 161, 0.14);
}
#ab-accounting-calculator .ab-calc__contact-option:has(input:checked),
#ab-accounting-calculator .ab-calc__contact-option.is-selected {
border-color: var(--ab-blue);
background: rgba(54, 108, 161, 0.09);
box-shadow: 0 0 0 2px rgba(54, 108, 161, 0.08);
}
#ab-accounting-calculator .ab-calc__contact-option input {
width: 18px;
height: 18px;
margin: 0;
accent-color: var(--ab-blue);
}
#ab-accounting-calculator .ab-calc__contact.is-invalid .ab-calc__contact-option {
border-color: #B42318;
}
#ab-accounting-calculator .ab-calc__email-field {
max-width: calc(50% - 9px);
margin-top: 16px;
}
#ab-accounting-calculator .ab-calc__email-field[hidden] {
display: none !important;
}
#ab-accounting-calculator .ab-calc__consent {
display: grid;
grid-template-columns: 20px minmax(0, 1fr);
gap: 10px;
align-items: flex-start;
margin-top: 18px;
color: var(--ab-brown-gray);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.45;
border-radius: 10px;
}
#ab-accounting-calculator .ab-calc__consent input {
width: 18px;
height: 18px;
margin: 1px 0 0;
accent-color: var(--ab-blue);
}
#ab-accounting-calculator .ab-calc__consent a {
color: var(--ab-blue);
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
text-underline-offset: 2px;
}
#ab-accounting-calculator .ab-calc__consent.is-invalid {
padding: 10px 12px;
background: #FFF0F0;
outline: 1px solid #B42318;
outline-offset: 0;
}
#ab-accounting-calculator .ab-calc__form-footer {
display: flex;
align-items: center;
gap: 16px;
margin-top: 18px;
}
#ab-accounting-calculator .ab-calc__submit {
min-height: 50px;
padding: 0 25px;
color: var(--ab-white);
background: var(--ab-blue);
border: 0;
border-radius: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: 800;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}
#ab-accounting-calculator .ab-calc__submit:hover:not(:disabled) {
background: var(--ab-blue-dark);
transform: translateY(-1px);
}
#ab-accounting-calculator .ab-calc__submit:focus-visible,
#ab-accounting-calculator .ab-calc__help:focus-visible,
#ab-accounting-calculator .ab-calc__consent input:focus-visible {
outline: 3px solid rgba(54, 108, 161, 0.28);
outline-offset: 3px;
}
#ab-accounting-calculator .ab-calc__submit:disabled {
cursor: wait;
opacity: 0.7;
}
#ab-accounting-calculator .ab-calc__message {
min-height: 22px;
font-size: 14px;
line-height: 1.45;
font-weight: 700;
}
#ab-accounting-calculator .ab-calc__message.is-success {
padding: 10px 13px;
color: #24683A;
background: var(--ab-green-soft);
border-radius: 10px;
}
#ab-accounting-calculator .ab-calc__message.is-error {
padding: 10px 13px;
color: #8A1C16;
background: #FDEDEC;
border-radius: 10px;
}
#ab-accounting-calculator .ab-calc__sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@keyframes abCalcReveal {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 820px) {
#ab-accounting-calculator .ab-calc__grid--three,
#ab-accounting-calculator .ab-calc__grid--two {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
#ab-accounting-calculator .ab-calc__title {
margin-bottom: 18px;
font-size: 30px;
}
#ab-accounting-calculator .ab-calc__title br {
display: none;
}
#ab-accounting-calculator .ab-calc__card {
padding: 18px 14px;
border-radius: 10px;
}
#ab-accounting-calculator .ab-calc__grid--three,
#ab-accounting-calculator .ab-calc__grid--two {
grid-template-columns: 1fr;
gap: 11px;
}
#ab-accounting-calculator .ab-calc__section + .ab-calc__section {
margin-top: 23px;
}
#ab-accounting-calculator .ab-calc__section-head h2 {
font-size: 16px;
}
#ab-accounting-calculator .ab-calc__section-description {
margin: -3px 0 14px 42px;
font-size: 13px;
}
#ab-accounting-calculator .ab-calc__total {
align-items: flex-start;
flex-direction: column;
gap: 6px;
font-size: 15px;
}
#ab-accounting-calculator .ab-calc__total strong {
font-size: 21px;
}
#ab-accounting-calculator .ab-calc__contact-options {
grid-template-columns: 1fr;
}
#ab-accounting-calculator .ab-calc__email-field {
max-width: none;
}
#ab-accounting-calculator .ab-calc__form-footer {
align-items: stretch;
flex-direction: column;
}
#ab-accounting-calculator .ab-calc__submit {
width: 100%;
}
}
@media (prefers-reduced-motion: reduce) {
#ab-accounting-calculator *,
#ab-accounting-calculator *::before,
#ab-accounting-calculator *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
#ab-accounting-calculator .ab-calc__submit:hover:not(:disabled) {
transform: none;
}
}.pms-form input[type=text],
.pms-form input[type=password],
.pms-form input[type=email],
.pms-form input[type=textarea],
#pms_login input[type=text],
#pms_login input[type=password],
#pms_login input[type=email],
textarea {
width: 100%;
}
#pms_login p {
margin-bottom: 16px;
}
#pms_login .login-remember {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 7px;
}
#pms_login .login-remember input {
cursor: pointer;
}
#pms_login .login-remember label {
margin-bottom: 0;
padding-left: 8px;
cursor: pointer;
}
#pms_login .login-extra .separator {
margin-left: 4px;
margin-right: 4px;
}
.pms-form > input[type=submit] {
margin-right: 20px;
}
form.pms-form ul.pms-form-fields-wrapper li {
list-style: none;
}
form.pms-form ul.pms-form-fields-wrapper {
list-style: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.pms-form {
margin-bottom: 1em;
}
.pms-form .pms-field-section {
list-style: none;
}
.pms-field {
margin: 0 0 20px 0;
}
.pms-field input[type=checkbox],
.pms-field input[type=radio] {
margin-right: 7px;
}
.pms-field.pms-field-type-select select, .pms-field.pms-field-type-select_state select {
width: 100%;
}
.pms-field.pms-field-type-checkbox .pms-field-input-container label,
.pms-field.pms-field-type-radio .pms-field-input-container label {
display: inline-block;
margin-right: 12px;
}
.pms-field-description {
font-size: 0.85em;
font-style: italic;
opacity: 0.8;
margin: 5px 0;
} .pms-field-required-asterix {
display: inline-block;
margin: 0 3px;
color: #c0392b;
} .pms-submit-disabled {
cursor: wait !important;
}
.pms-form .beehive, .wppb-user-forms .beehive {
display: none;
}
.pms_field-errors-wrapper p {
font-size: 90%;
color: #c0392b;
}
.pms-login-error {
padding: 5px 10px;
border: 1px solid rgba(255, 64, 64, 0.75);
background: rgba(255, 64, 64, 0.1);
}
.pms-form-errors-wrapper {
padding: 5px 10px;
border: 1px solid rgba(255, 64, 64, 0.75);
background: rgba(255, 64, 64, 0.1);
margin-bottom: 1em;
font-size: 80%;
color: #c0392b;
}
.pms-form-errors-wrapper p:last-of-type {
margin-bottom: 0;
} .pms_success-messages-wrapper p {
padding: 5px 10px;
background: rgba(59,139,8, 0.2);
border: 1px solid rgba(59,139,8, 0.5);
color: rgb(49,115,7);
} .pms-warning-message-wrapper {
padding: 2rem;
background: #f6f6f6;
border-left: 5px solid #e76054;
border-radius: 3px;
box-shadow: 0 2px 8px 3px rgba(0,0,0,0.1);
background: rgba(231, 96, 84, 0.08);
margin-bottom: 32px;
}
.pms-warning-message-wrapper > p:last-of-type {
margin-bottom: 0;
}
.pms-billing-state__select {
display: none;
}
#pms_billing_country_chosen, #pms_billing_state_chosen {
width: 100% !important;
}
#pms-renew-subscription-form p,
#pms-cancel-subscription-form p,
#pms-abandon-subscription-form p {
margin-bottom: 16px;
}  .pms-subscription-plans-group-wrapper {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}
.pms-subscription-plan {
margin-bottom: 18px;
}
.pms-subscription-plan input {
margin-right: 7px;
}
.pms-subscription-plan-description {
font-size: 85%;
font-style: italic;
margin-left: 24px;
}
.pms-subscription-plan.pms-hidden .pms-subscription-plan-description {
margin-left: 0;
}
.pms-subscription-plan.pms-last,
.pms-subscription-plans-group-wrapper.pms-last {
border-bottom: 0;
}
.pms-subscription-plan label, .pms-subscription-plan input {
cursor: pointer;
}
.pms-subscription-plan .pms-subscription-plan-price > .pms-divider:not(:first-of-type):not(.pms-duration-divider) {
display: none;
}  .pms-account-subscriptions-header > span,
.pms-account-subscription > span {
display: inline-block;
width: 24%;
vertical-align: text-top;
}
.pms-account-subscription-details-table {
margin-bottom: 12px;
}
.pms-account-subscription-details-table tr > td:first-of-type {
font-weight: bold;
}
.pms-account-subscription-details-table__payment-method__wrap {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.pms-account-subscription-details-table__payment-method__brand, .pms-account-subscription-details-table__payment-method__number {
margin-right: 8px;
}
.pms-account-subscription-details-table__payment-method__brand svg, .pms-account-subscription-details-table__payment-method__brand {
width: 32px;
height: 24px;
}
.pms-account-subscription-details-table__payment-method__brand-paypal {
display: flex;
align-items: center;
justify-content: center;
}
.pms-account-subscription-details-table__payment-method__brand-paypal svg, .pms-account-subscription-details-table__payment-method__brand-paypal {
width: 60px;
}
.pms-account-subscription-action-link {
margin-right: 10px;
cursor: pointer;
}
.pms-account-subscription-action-link__update-payment-method {
font-size: 90%;
}
.pms-subscription-plan.pms-subscription-plan-has-actions,
.pms-subscription-plans-header {
border-bottom: 1px solid #ccc;
margin-bottom: 0.8421em;
padding-bottom: 0.8421em;
}
.pms-subscription-plan.pms-subscription-plan-has-actions:after {
display: block;
content: '';
clear: both;
}
.pms-subscription-plans-header {
font-weight: bold;
}
.pms-account-subscription .pms-subscription-plan-name,
.pms-subscription-plan-expiration {
display: inline-block;
width: 30%;
vertical-align: text-top;
}
.pms-subscription-plan-actions {
float: right;
}
.pms-subscription-plan-actions a {
margin-left: 10px;
}
.pms-subscription-plan-actions a:first-of-type {
margin-left: 0;
}
.pms-subscription-plan-actions .pms-action-retry-payment-wrapper {
text-align: right;
}  .wppb-form-field.wppb-subscription-plans label {
width: 100%;
float: none;
}
.wppb-form-field.wppb-subscription-plans input {
display: inline-block;
float: none;
margin-right: 7px !important;
}
.wppb-form-field.wppb-subscription-plans span.description {
display: block;
font-size: 100%;
font-style: italic;
margin-left: 0;
margin-bottom: 1.5em;
}
.wppb-form-field.wppb-subscription-plans h4 {
margin-bottom: 16px;
}
.wppb-user-forms .pms-billing-details input[type="text"] {
width: 100%;
}  #pms-paygates-wrapper {
margin-bottom: 1em;
}
#pms-paygates-inner {
visibility: hidden;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 30px;
}
#pms-paygates-inner > label {
display: inline-flex;
align-items: center;
cursor: pointer;
margin: 0;
background-color: #FFFFFF;
}
#pms-paygates-inner input {
appearance: none;
display: none;
}
#pms-paygates-inner input + span {
border: 1px solid #CFD4DE;
width: 136px;
height: 56px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
#pms-paygates-inner input + span:hover,
#pms-paygates-inner input:checked + span {
border-color: #0056ba;
}
#pms-paygates-inner input[value="manual"] + span {
font-style: normal;
font-weight: 500;
font-size: 14px;
color: #090A0B;
}
#pms-paygates-inner input[value="paypal_pro"] + span,
#pms-paygates-inner input[value="paypal_express"] + span,
#pms-paygates-inner input[value="paypal_standard"] + span,
#pms-paygates-inner input[value="paypal_connect"] + span {
font-size: 0;
background: url(//nastyafinbuh.ru/wp-content/plugins/paid-member-subscriptions/assets/images/PayPal-payment-icon.svg) no-repeat center center;
}
#pms-paygates-inner input[value="stripe_connect"] + span,
#pms-paygates-inner input[value="stripe_intents"] + span {
font-size: 0;
background: url(//nastyafinbuh.ru/wp-content/plugins/paid-member-subscriptions/assets/images/CreditCard-payment-icon.svg) no-repeat center center;
}
#pms-active-gateways-not-available,
#pms-gateways-not-available {
background: rgba(52, 152, 219, 0.25 );
border: 1px solid rgba(52, 152, 219, 0.85);
color: rgba(41, 128, 185, 1.0);
padding: 0.5em 0.75em;
margin: 1em 0;
}
#pms-gateways-not-available {
display: none;
}
.pms-paygate-extra-fields {
display: none;
}  .pms-subscription-plan-auto-renew {
margin-bottom: 1em;
}
.pms-form .pms-billing-toggle,
.pms-form .pms-email-marketing-field label,
.pms-form .pms-gdpr-field label,
.pms-subscription-plan-auto-renew label {
display: flex;
justify-content: flex-start;
gap: 4px;
cursor: pointer;
}
.pms-form .pms-billing-toggle label {
cursor: pointer;
}
.pms-form .pms-gdpr-field label {
align-items: flex-start;
}
.pms-form .pms-billing-toggle,
.pms-form .pms-email-marketing-field label,
.pms-subscription-plan-auto-renew label {
align-items: center;
}
.pms-form .pms-gdpr-field label .pms-gdpr-field-text {
padding-top: 2px;
}
.pms-form .pms-email-marketing-field label .pms-email-marketing-field-text a,
.pms-form .pms-gdpr-field label .pms-gdpr-field-text a {
line-height: 20px;
}  .pms-table,
.pms-table th,
.pms-table td { border: 1px solid #e1e1e1; }
.pms-table { border-width: 1px 0 0 1px; }
.pms-table th,
.pms-table td { border-width: 0 1px 1px 0; }  #pms-submit-button-loading-placeholder-text {
display: none;
}  .pms-account-navigation {
margin-bottom: 12px;
font-weight: bold;
}
.pms-account-navigation ul {
list-style-type: none !important;
display: flex;
flex-wrap: wrap;
margin: 0 !important;
padding: 0 !important;
}
@media screen and ( max-width: 600px ) {
.pms-account-navigation ul {
flex-direction: column;
}
}
.pms-account-navigation li {
list-style: none !important;
}
.pms-account-navigation li.pms-account-navigation-link {
margin-right: 16px;
}
.pms-account-navigation li.pms-account-navigation-link a  {
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
.pms-account-navigation li.pms-account-navigation-link a:hover,
.pms-account-navigation li.pms-account-navigation-link .pms-account-navigation-link--active {
box-shadow: 0 1px 0 0 currentColor !important;
}  .pms-payment-error {
padding: 5px 10px;
border: 1px solid rgba(255, 64, 64, 0.75);
background: rgba(255, 64, 64, 0.1);
margin-bottom: 16px;
font-size: 90%;
color: #c0392b;
}
.pms-payment-error p {
margin-bottom: 10px;
}
.pms-payment-error p:first-of-type {
margin-top: 0;
}
.pms-payment-error p:last-of-type {
margin-bottom: 0;
}
.pms-payment-error__message {
font-weight: bold;
}
ul.pms-field-section {
margin-left: 0;
padding-left: 0;
} .wppb-form-field.wppb-subscription-plans .pms-form-fields-wrapper label,
.wppb-form-field.wppb-subscription-plans .pms-field-section label {
width: 30%;
float: left;
padding-bottom: 5px;
}
.wppb-form-field .pms-form-fields-wrapper #pms_card_exp_month, .wppb-form-field .pms-form-fields-wrapper #pms_card_exp_year,
.wppb-form-field .pms-field-section #pms_card_exp_month, .wppb-form-field .pms-field-section #pms_card_exp_year {
width: 15%;
}
.wppb-form-field .pms-field-card-expiration select,
.wppb-form-field .pms-field-type-card_expiration_date select {
float: none;
}
.wppb-form-field .pms-form-fields-wrapper .pms_expiration_date_separator,
.wppb-form-field .pms-field-section .pms_expiration_date_separator {
padding: 0 5px;
}
.wppb-form-field #pms_billing_country,
.wppb-form-field #pms_billing_state,
.wppb-form-field #pms_card_number,
.wppb-form-field .pms-billing-details input[type=text] {
width: 69.9%;
}
.wppb-form-field.wppb-subscription-plans .pms-form-fields-wrapper input,
.wppb-form-field.wppb-subscription-plans .pms-field-section input {
margin-right: 0 !important;
}
#pms_edit-profile-form .pms-billing-details {
display: flex;
margin-bottom: 24px;
}
#pms-upgrade-subscription-form .pms-upgrade__message, #pms-change-subscription-form .pms-upgrade__message {
margin-bottom: 1.2em;
font-size: 115%;
}
.pms-subscription-plan-price__recurring {
display: none;
}
.pms-prorate-frontend-message {
margin-bottom: 1.345em;
font-size: 90%;
font-style: italic;
}
#pms-update-payment-method-form #pms-credit-card-information {
margin-top: 24px;
}
#pms-update-payment-method-form .pms_field-errors-wrapper {
margin-bottom: 24px;
}
.pms-subscription-plan input.small {
width: 10% !important;
min-width: 80px;
}
.pms-field .pms_pwyw_pricing {
display: inline-block;
margin-left: 5px;
} #pms-pass-strength-result {
background-color: #eee;
border: 1px solid #ddd;
display: inline-block; margin: 13px 5px 5px 30%;
padding: 3px 5px;
text-align: center;
width: 200px;
line-height: 28px;
min-height: 36px;
}
#pms-pass-strength-result.short {
background-color: #FFA0A0;
border-color: #F04040;
}
#pms-pass-strength-result.bad {
background-color: #FFB78C;
border-color: #FF853C;
}
#pms-pass-strength-result.good {
background-color: #FFEC8B;
border-color: #fc0;
}
#pms-pass-strength-result.strong {
background-color: #C3FF88;
border-color: #8DFF1C;
}
.pms-register-form-top-plans .pms-form-fields-wrapper {
display: flex;
flex-direction: column;
}
.pms-register-form-top-plans .pms-form-fields-wrapper .pms-field-subscriptions {
order: 1;
}
.pms-register-form-top-plans .pms-form-fields-wrapper .pms-credit-card-information {
order: 2;
}
.pms-register-form-top-plans .pms-form-fields-wrapper .pms-account-section-wrapper {
order: 3;
}
.pms-register-form-top-plans .pms-form-fields-wrapper .pms-billing-details:not(#pms_edit-profile-form .pms-billing-details, #pms-update-payment-method-form .pms-billing-details) {
order: 4;
}
.pms-spinner {
width: 48px;
height: 48px;
border: 5px solid transparent;
border-bottom-color: #0056ba;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
.pms-spinner__holder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 80px;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .grecaptcha-badge {
visibility: hidden !important;
} #pms_billing_country {
width: 100%;
}
.StripeElement {
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #cfd7df;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 0 #e6ebf1;
-webkit-transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease;
}
.StripeElement--focus {
box-shadow: 0 1px 3px 0 #cfd7df;
}
.StripeElement--invalid {
border-color: #fb1427;
}
.StripeElement--webkit-autofill {
background-color: #fefde5 !important;
}
.pms-loader {
display: block;
width: 50px;
height: 50px;
margin: 0 auto;
border: 3px solid rgba(255, 255, 255, .3);
border-radius: 50%;
border-top-color: #00a0d2;
animation: spin 1s ease-in-out infinite;
-webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
}
}
.pms-auth-form__loader-msg {
margin-top: 6px;
text-align: center;
}
.pms-stripe-error-message {
font-size: 16px;
color: #fb1427;
margin-top: 8px;
}
.wppb-user-forms .pms-paygate-extra-fields-stripe_connect {
margin-bottom: 24px;
}
.pms-stripe-error-message+.pms_field-errors-wrapper {
display: none;
}
#pms-stripe-payment-elements.StripeElement,
#payment-request-button.StripeElement {
height: auto;
border: 0px;
border-radius: 0px;
padding: 0px;
box-shadow: none;
-webkit-transition: none;
transition: none;
}
.pms-form #payment-request-button {
margin-bottom: 18px;
}
#pms-stripe-payment-elements {
max-width: 500px;
margin-bottom: 16px;
} #pms_subscription_plans_discount_code {
width: 50%
}
#pms-subscription-plans-discount-messages-wrapper {
display: none;
padding: 1em;
margin: 1em 0;
margin-top: 0px;
border: 1px solid #e7e7e7;
}
#pms-subscription-plans-discount-messages {
display: none;
}
#pms-subscription-plans-discount-messages-loading {
display: none;
}
label[for="pms_subscription_plans_discount"] {
display: block;
}
.pms-discount-error {
color: #c0392b;
font-size: 80%;
}
.pms-discount-success {
color: green;
}
#pms-subscription-plans-discount {
margin-bottom: 1em;
}
#pms-paygate-extra-fields-paypal_connect__placeholder {
max-width: 200px;
}
.logged-in #pms-paygate-extra-fields-paypal_connect__placeholder {
max-width: 250px;
}
#pms-paypal-connect {
margin-bottom: 16px;
} .pms-billing-details {
display: none;
flex-wrap: wrap;
gap: 18px;
}
.pms-billing-details .pms-field {
margin-bottom: 0;
width: 100%;
}
.pms-billing-details .pms-field-type-heading h3,
.pms-billing-details .pms-field-type-heading h4 {
margin-bottom: 0;
}
.pms-billing-details .pms-field-type-heading {
margin-bottom: 12px; }
@media screen and ( min-width: 600px ) {
.pms-billing-details .pms-billing-first-name,
.pms-billing-details .pms-billing-last-name,
.pms-billing-details .pms-billing-city,
.pms-billing-details .pms-billing-state,
.pms-billing-details .pms-billing-zip,
.pms-billing-details .pms-billing-country {
flex-basis: calc( 50% - 9px ); }
} .pms-invite-code-description{
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #6E7A86;
margin-top: 5px;
font-style: italic;
}
.pms-gift-activation-message {
padding: 1.5rem;
border-left: 5px solid #00a0d2;
border-radius: 3px;
box-shadow: 0 2px 8px 3px rgba(0,0,0,0.1);
margin-bottom: 32px;
} .pms-confirm-pause-subscription, .pms-redirect-back-pause-subscription,
.pms-confirm-resume-subscription, .pms-redirect-back-resume-subscription{
margin-right: 20px !important;
}