:root {
--wp-page-block-width: 100%;
--wp-post-block-width: 767px;
}
.wp-block-button[class*="btn--"] {
padding: 0 !important;
background-color: transparent !important;
min-inline-size: 0 !important;
border: 0 !important;
}
.btn--primary {
--btn-background: var(--primary);
--btn-background-hover: var(--primary-semi-light);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-semi-light);
--focus-color: var(--primary-light);
}
.btn--primary-dark {
--btn-background: var(--primary-dark);
--btn-background-hover: var(--primary-ultra-dark);
--btn-text-color: var(--primary-ultra-light);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-color: var(--primary-dark);
--btn-border-color-hover: var(--primary-ultra-dark);
--focus-color: var(--primary-semi-dark);
}
.btn--primary-light {
--btn-background: var(--primary-ultra-light);
--btn-background-hover: var(--primary-light);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-dark);
--btn-border-color: var(--primary-ultra-light);
--btn-border-color-hover: var(--primary-light);
--focus-color: var(--primary-light);
}
.btn--primary.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-semi-light);
--btn-text-color: var(--primary);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--primary);
--btn-border-color-hover: var(--primary-semi-light);
--focus-color: var(--primary-light);
}
.btn--primary-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-dark);
--btn-text-color: var(--primary-dark);
--btn-text-color-hover: var(--primary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--primary-dark);
--btn-border-color-hover: var(--primary-dark);
--focus-color: var(--primary-light);
}
.btn--primary-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--primary-light);
--btn-text-color: var(--primary-light);
--btn-text-color-hover: var(--primary-dark);
--btn-border-width: 2px;
--btn-border-color: var(--primary-light);
--btn-border-color-hover: var(--primary-light);
--focus-color: var(--primary-light);
}
.btn--secondary {
--btn-background: var(--secondary);
--btn-background-hover: var(--secondary-hover);
--btn-text-color: var(--secondary-ultra-dark);
--btn-text-color-hover: var(--secondary-ultra-dark);
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--secondary-hover);
--focus-color: var(--secondary-light);
}
.btn--secondary-dark {
--btn-background: var(--secondary-dark);
--btn-background-hover: var(--secondary-ultra-dark);
--btn-text-color: var(--secondary-ultra-light);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-color: var(--secondary-dark);
--btn-border-color-hover: var(--secondary-ultra-dark);
--focus-color: var(--secondary-semi-dark);
}
.btn--secondary-light {
--btn-background: var(--secondary-ultra-light);
--btn-background-hover: var(--secondary-light);
--btn-text-color: var(--secondary);
--btn-text-color-hover: var(--secondary-ultra-dark);
--btn-border-color: var(--secondary-ultra-light);
--btn-border-color-hover: var(--secondary-light);
--focus-color: var(--secondary-light);
}
.btn--secondary.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-hover);
--btn-text-color: var(--secondary);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--secondary);
--btn-border-color-hover: var(--secondary-hover);
--focus-color: var(--secondary-light);
}
.btn--secondary-dark.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-dark);
--btn-text-color: var(--secondary-dark);
--btn-text-color-hover: var(--secondary-ultra-light);
--btn-border-width: 2px;
--btn-border-color: var(--secondary-dark);
--btn-border-color-hover: var(--secondary-dark);
--focus-color: var(--secondary-light);
}
.btn--secondary-light.btn--outline {
--btn-background: transparent;
--btn-background-hover: var(--secondary-light);
--btn-text-color: var(--secondary-light);
--btn-text-color-hover: var(--secondary-dark);
--btn-border-width: 2px;
--btn-border-color: var(--secondary-light);
--btn-border-color-hover: var(--secondary-light);
--focus-color: var(--secondary-light);
}
[class*="btn--"]:not(.wp-block-button, .btn--none), .wp-block-button[class*="btn--"] > .wp-block-button__link, .wp-block-button[class*="btn--"] > a {
background: var(--btn-background);
color: var(--btn-text-color);
padding-block: var(--btn-padding-block);
padding-inline: var(--btn-padding-inline);
min-inline-size: var(--btn-min-width);
line-height: var(--btn-line-height);
font-size: var(--btn-font-size, var(--text-m));
font-weight: var(--btn-font-weight);
font-style: var(--btn-font-style);
text-transform: var(--btn-text-transform);
letter-spacing: var(--btn-letter-spacing);
text-decoration: var(--btn-text-decoration);
border-width: var(--btn-border-width);
border-style: var(--btn-border-style);
border-radius: var(--btn-radius);
border-color: var(--btn-border-color);
transition: var(--btn-transition, var(--transition));
justify-content: var(--btn-justify-content, center);
text-align: var(--btn-text-align, center);
}
@media (hover: hover) and (pointer: fine) {
[class*="btn--"]:not(.wp-block-button, .btn--none):hover, .wp-block-button[class*="btn--"] > .wp-block-button__link:hover, .wp-block-button[class*="btn--"] > a:hover {
background: var(--btn-background-hover);
color: var(--btn-text-color-hover);
border-color: var(--btn-border-color-hover);
text-decoration: var(--btn-text-decoration-hover);
}
}
[class*="btn--"]:not(.wp-block-button, .btn--none):focus, .wp-block-button[class*="btn--"] > .wp-block-button__link:focus, .wp-block-button[class*="btn--"] > a:focus {
outline-style: solid;
outline-color: var(--focus-color);
outline-width: var(--focus-width);
outline-offset: var(--focus-offset);
}
.btn--xs:not(.wp-block-button), .wp-block-button.btn--xs > a, .wp-block-button.btn--xs > .wp-block-button__link {
font-size: var(--text-xs);
}
.btn--s:not(.wp-block-button), .wp-block-button.btn--s > a, .wp-block-button.btn--s > .wp-block-button__link {
font-size: var(--text-s);
}
.btn--m:not(.wp-block-button), .wp-block-button.btn--m > a, .wp-block-button.btn--m > .wp-block-button__link {
font-size: var(--text-m);
}
.btn--l:not(.wp-block-button), .wp-block-button.btn--l > a, .wp-block-button.btn--l > .wp-block-button__link {
font-size: var(--text-l);
}
.btn--xl:not(.wp-block-button), .wp-block-button.btn--xl > a, .wp-block-button.btn--xl > .wp-block-button__link {
font-size: var(--text-xl);
}
.btn--xxl:not(.wp-block-button), .wp-block-button.btn--xxl > a, .wp-block-button.btn--xxl > .wp-block-button__link {
font-size: var(--text-xxl);
}
a[class*="btn--"] {
display: inline-flex;
}
.btn--clear.btn--clear, .btn--none.btn--none {
background: none;
border: none;
}
.editor-styles-wrapper {
width: 100% !important;
}.drug-search-wrapper {
position: relative;
z-index: 997;
margin-bottom: 0;
width: 100%;
box-sizing: border-box;
display: block;
}
.drug-search-wrapper .drug-search-input {
width: 100%;
position: relative;
box-sizing: border-box;
}
.checkout_coupon .form-row {
margin-bottom: 0px !important;
margin-top: 0px !important;
} .drug-search-loader {
position: absolute;
top: calc(100% - 3px);
left: 5px;
right: -5px;
width: calc(100% - 10px);
height: 4px;
background-color: transparent;
overflow: hidden;
z-index: 997;
border-radius: 8px;
display: none;
}
.drug-search-loader::before {
content: '';
position: absolute;
left: -100%;
height: 100%;
width: 50%;
background: linear-gradient(90deg, 
rgba(52, 152, 219, 0.1) 0%,
rgba(52, 152, 219, 0.9) 50%,
rgba(52, 152, 219, 0.1) 100%
);
animation: loading-line 1.5s ease-in-out infinite;
border-radius: 8px;
}
@keyframes loading-line {
0% {
left: -100%;
opacity: 0.8;
}
50% {
opacity: 1;
}
100% {
left: 100%;
opacity: 0.8;
}
} .drug-search-wrapper.loading .drug-search-loader {
display: block;
} .drug-search-wrapper {
position: relative;
}
.drug-search-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
margin-top: 2px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
z-index: 998;
width: 100%;
box-sizing: border-box;
}
.drug-search-results ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.drug-search-results li {
padding: 10px;
cursor: pointer;
}
.drug-search-results li:hover,
.drug-search-results li.active {
background-color: #f5f5f5;
} .brxe-brf-pro-forms select,
.brxe-brf-pro-forms-field-select select {
min-height: 40px;
padding: 8px 12px;
line-height: 1.5;
font-size: 16px;
color: #333;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
padding-right: 25px; } .form--light .wsf-form select.wsf-field:disabled,
.form--light .wsf-form .wsf-field-wrapper select.wsf-field:disabled,
.form--light .wsf-form select.wsf-field.disabled-field,
.form--light .wsf-form .wsf-field-wrapper select.wsf-field.disabled-field,
.form--light .wsf-form .wsf-field-wrapper input.wsf-field.disabled-field,
.form--light .wsf-form input.wsf-field.disabled-field,
.form--light .wsf-form input.wsf-field:disabled,
.form--light .wsf-form .wsf-field-wrapper input.wsf-field:disabled
{
opacity: 0.7;
background-color: #f0f0f0;
color: #666666;
border-color: #ddd;
cursor: not-allowed;
border: 1px solid #c5c5c5;
background-image: linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 50%, #f0f0f0 50%, #f0f0f0 75%, transparent 75%, transparent);
background-size: 20px 20px;
} .form--light .wsf-form input.wsf-field:disabled,
.form--light .wsf-form .wsf-field-wrapper input.wsf-field:disabled {
opacity: 0.7;
background-color: #f0f0f0;
color: #666666;
border-color: #ddd;
cursor: not-allowed;
border: 1px #c5c5c5; background-image: linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 50%, #f0f0f0 50%, #f0f0f0 75%, transparent 75%, transparent);
background-size: 20px 20px; } .form--light .wsf-form select.wsf-field,
.form--light .wsf-form .wsf-field-wrapper select.wsf-field {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none; padding-right: 25px; } .form--light .wsf-form select.wsf-field.select-loading,
.form--light .wsf-form .wsf-field-wrapper select.wsf-field.select-loading {
position: relative;
background: linear-gradient(90deg, #f0f0f0, #ffffff, #f0f0f0); background-size: 200% 100%;
animation: select-loading 1.5s linear infinite;
color: transparent; cursor: not-allowed; }
@keyframes select-loading {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
.drug-search-form select {
position: relative;
}
@keyframes select-loading {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
} .cart-notice {
padding: 10px 20px;
border-radius: 8px;
display: none;
margin-top: 20px;
text-align: center;
width: 100%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
p.form-field.form-field-wide.wc-customer-user {
margin-bottom: 40px !important;
}
.cart-notice--visible {
display: block;
} .cart-notice--success {
background-color: #e6ffe6;
color: #006600;
border: 1px solid #006600;
} .cart-notice--error {
background-color: #ffe6e6;
color: #cc0000;
border: 1px solid #cc0000;
} .submit-button--disabled {
background-color: #ccc;
cursor: not-allowed;
opacity: 0.6;
} .cart-item {
margin-bottom: 0;
padding: 15px;
border: 1px solid #eee;
border-radius: 8px;
position: relative;
}
.cart-item-price {
margin-top: 10px;
font-size: 0.95em;
color: #666;
}
.cart-total-price {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #eee;
font-weight: bold;
text-align: right;
}
.cart-item:last-child {
border-bottom: none;
}
.cart-item .text--bold {
font-weight: bold;
} .remove-item {
background-color: none;
color: #f44336 !important;
border: #f44336 solid 1px;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
margin-top: 5px;
position: relative;
padding-right: 30px;
transition: background-color 0.2s;
} .remove-item.remove-all:hover {
background-color: #d32f2f !important;
color: white !important;
} .remove-drug {
background: none;
border: #ff4444 1px solid;
border-radius: 4px;
color: #ff4444;
cursor: pointer;
padding: 5px;
font-size: 14px;
transition: color 0.2s;
position: absolute;
right: 15px; top: 50%;
transform: translateY(-50%);
z-index: 2; }
.remove-drug:hover {
color: #cc0000;
}
.drug-item {
position: relative;
padding-right: 60px; margin: 5px 0;
border-left: 3px solid #4CAF50;
background: #f9f9f9;
display: flex;
align-items: center;
}
.drug-item p {
margin: 0;
padding-right: 40px; flex: 1;
word-break: break-word; } @media screen and (max-width: 768px) {
.drug-item {
padding-right: 50px; }
.drug-item p {
padding-right: 30px;
}
.remove-drug {
right: 10px;
}
}
.woocommerce-checkout #payment .payment_methods .payment_box {
margin-top: 32px !important;
}
.form-tabs {
display: none !important;
}
.wizyta-column__cart {
margin-top: 20px;
padding: 15px;
border: 1px solid #ddd;
border-radius: 8px;
}
.wizyta-column__cart .cart-items {
list-style-type: none;
padding: 0;
}
.wizyta-column__cart .cart-item {
margin-bottom: 0px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.wizyta-column__cart .cart-item:last-child {
border-bottom: none;
}
.wizyta-column__cart .remove-item {
background-color: none;
color: #ff4444 !important;
border: #ff4444 1px solid;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
font-size: 0.9em;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
font-size: var(--text-m) !important;
}
.wizyta-column__cart .remove-item:hover {
background-color: #f44336;
color: white !important;
}
select:disabled {
background-color: #f0f0f0;
color: #888;
cursor: not-allowed;
} .form--light .wsf-form select.wsf-field,
.form--light .wsf-form .wsf-field-wrapper select.wsf-field,
.form--light .wsf-form input[type="number"].wsf-field,
.form--light .wsf-form .wsf-field-wrapper input[type="number"].wsf-field {
min-height: 40px;
padding: 8px 12px;
line-height: 1.5;
font-size: 16px;
color: #333;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; padding-right: 25px; } .form--light .wsf-form select.wsf-field:disabled,
.form--light .wsf-form .wsf-field-wrapper select.wsf-field:disabled,
.form--light .wsf-form select.wsf-field.disabled-field,
.form--light .wsf-form .wsf-field-wrapper select.wsf-field.disabled-field,
.form--light .wsf-form input[type="number"].wsf-field:disabled,
.form--light .wsf-form .wsf-field-wrapper input[type="number"].wsf-field:disabled,
.form--light .wsf-form input[type="number"].wsf-field.disabled-field,
.form--light .wsf-form .wsf-field-wrapper input[type="number"].wsf-field.disabled-field {
opacity: 0.7;
background-color: #f0f0f0;
color: #666666;
border-color: #ddd;
cursor: not-allowed;
border: 1px solid #c5c5c5;
background-image: linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 50%, #f0f0f0 50%, #f0f0f0 75%, transparent 75%, transparent);
background-size: 20px 20px;
} .form--light .wsf-form select.wsf-field,
.form--light .wsf-form .wsf-field-wrapper select.wsf-field,
.form--light .wsf-form input[type="number"].wsf-field,
.form--light .wsf-form .wsf-field-wrapper input[type="number"].wsf-field {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none; padding-right: 25px; } .form--light .wsf-form input[type="number"].wsf-field::-webkit-inner-spin-button,
.form--light .wsf-form input[type="number"].wsf-field::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
} .form--light .wsf-form input[type="number"].wsf-field {
appearance: textfield;
-moz-appearance: textfield;
}
#dsp-cart-container ul {
list-style-type: none;
padding: 0;
}
#dsp-cart-container li {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
#dsp-cart-container button {
margin-left: 10px;
}
.wsf-button--disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.form-limit-notice {
color: #721c24;
background-color: #f8d7da;
border: 1px solid #f5c6cb;
padding: 10px;
margin-top: 10px;
border-radius: 4px;
} .form--light .wsf-form .select-skeleton {
position: relative;
overflow: hidden;
background-color: #f0f0f0;
color: transparent;
}
.form--light .wsf-form .select-skeleton::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, rgba(240, 240, 240, 0.5), rgba(255, 255, 255, 0.8), rgba(240, 240, 240, 0.5));
animation: skeleton-loading 1.5s infinite;
}
@keyframes skeleton-loading {
0% {
left: -100%;
}
100% {
left: 100%;
}
} .drug-search-results li.rpw-drug {
color: inherit;
background-color: inherit;
}
*/ .spinner-loader,
.spinner-loader-white {
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid rgba(0,0,0,0.1);
border-radius: 50%;
border-top-color: #333;
animation: spin 1s linear infinite;
-webkit-animation: spin 1s linear infinite;
vertical-align: middle;
margin-left: 8px; padding: 4px; transform: translateX(4px);
visibility: visible;
opacity: 1;
}
.spinner-loader-white {
border: 2px solid rgba(255,255,255,0.3);
border-top-color: #fff;
margin-left: 8px; padding: 4px; transform: translateX(4px);
visibility: visible;
opacity: 1;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
to { -webkit-transform: rotate(360deg); }
} .wsf-button.loading,
.remove-item.loading,
#btn-checkout.loading {
display: inline-flex;
align-items: center;
justify-content: center;
padding-right: 16px !important; padding-left: 16px !important; }
.wsf-button.loading .spinner-loader,
.remove-item.loading .spinner-loader-white,
#btn-checkout.loading .spinner-loader-white {
margin-left: 8px;
margin-right: 8px;
} .wsf-button.loading span,
.remove-item.loading span,
#btn-checkout.loading span {
margin-right: 8px; } .wsf-button,
.remove-item,
#btn-checkout {
padding-right: 16px; padding-left: 16px; } .remove-item {
padding-right: 16px !important; padding-left: 16px !important; }
.remove-item.loading {
padding-right: 16px !important; padding-left: 16px !important; }
.remove-item.loading .spinner-loader-white {
margin-left: 8px;
margin-right: 0;
} #btn-checkout { transition: all 0.3s ease;
}
#btn-checkout:disabled {
background-color: var(--primary-semi-light);
border-color: var(--primary-semi-light);
cursor: not-allowed;
opacity: 0.7;
}
span .spinner-loader, span.spinner-loader-white {
margin-left: 16px;
}
.woocommerce-checkout-review-order-table ul {
list-style-type: none;
padding: 0;
}
.woocommerce-checkout-review-order-table li {
margin-bottom: 15px;
}
.cart-item p strong::after {
content: attr(data-display-text); } #custom_checkout_fields .form-row {
margin-bottom: 20px;
}
#custom_checkout_fields label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
#custom_checkout_fields input[type="text"] {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
#pesel_dziecka_field {
display: none; } #pesel_dziecka_field.show {
display: block;
} .form-notice {
padding: 10px 15px;
border-radius: 4px;
margin-bottom: 10px;
}
.notice-success {
background-color: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
}
.notice-error {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
}
.product-name {
display: inline-block;
margin-right: 10px; }
.remove-item {
display: inline-block;
}
.remove-item a.remove {
color: #d9534f; text-decoration: none;
font-weight: bold;
}
.remove-item a.remove:hover {
text-decoration: underline;
}
form#ws-form-1 .wsf-form select.wsf-field:disabled,
form#ws-form-1 .wsf-form .wsf-field-wrapper select.wsf-field:disabled,
form#ws-form-1 .wsf-form .wsf-field-wrapper input.wsf-field.disabled-field,
form#ws-form-1 .wsf-form input.wsf-field.disabled-field,
form#ws-form-1 .wsf-form input.wsf-field:disabled,
form#ws-form-1 .wsf-form .wsf-field-wrapper input.wsf-field:disabled
{
opacity: 0.7;
background-color: #f0f0f0;
color: #666666; }  .woocommerce-admin .order_data_column p,
.woocommerce-email .order_data_column p {
color: red;
} .error-field {
border: 1px solid red !important;
}
.form-error {
color: red;
margin-top: 10px;
display: none;
} .form--light .wsf-form select.wsf-field.readonly-field,
.form--light .wsf-form .wsf-field-wrapper select.wsf-field.readonly-field,
.form--light .wsf-form input[type="number"].wsf-field.readonly-field,
.form--light .wsf-form .wsf-field-wrapper input[type="number"].wsf-field.readonly-field {
opacity: 0.7;
background-color: #f0f0f0;
color: #666666;
cursor: not-allowed;
border: 1px solid #c5c5c5;
background-image: linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 50%, #f0f0f0 50%, #f0f0f0 75%, transparent 75%, transparent);
background-size: 20px 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 25px;
} .form--light .wsf-form select.wsf-field.readonly-field {
background-image: 
linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 50%, #f0f0f0 50%, #f0f0f0 75%, transparent 75%, transparent),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23666666' d='M0 2l4 4 4-4z'/%3E%3C/svg%3E");
background-position: 0 0, right 10px center;
background-repeat: repeat, no-repeat;
background-size: 20px 20px, 8px 8px;
} .select-skeleton {
position: relative;
overflow: hidden;
background-color: #f0f0f0;
}
.select-skeleton::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
animation: skeleton-loading 1.5s infinite;
}
@keyframes skeleton-loading {
0% {
left: -100%;
}
100% {
left: 100%;
}
} .order_data_column h3 {
clear: both;
margin: 2em 0 1em;
padding: 0;
position: relative;
}
.order_data_column h4 {
margin: 1.5em 0 1em;
padding: 0;
}
.order_data_column ul {
margin: 0;
padding: 0;
list-style: none;
}
.order_data_column ul li {
margin: 0.5em 0;
} .woocommerce-order-overview li {
display: block !important;
margin-bottom: 10px !important;
border-bottom: 1px solid #eee;
padding-bottom: 10px;
}
.woocommerce-order-overview ul {
margin-left: 20px;
list-style: none;
}
.medical-survey {
margin-top: 20px;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.documentation {
margin-top: 20px;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.drug-details {
margin-top: 20px;
font-weight: bold;
border-top: 1px solid #ddd;
padding-top: 20px;
} .ankieta-medyczna {
margin-top: 20px;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.ankieta-medyczna h4 {
margin-bottom: 10px;
color: #333;
font-size: 1.2em;
}
.ankieta-medyczna ul {
list-style: none;
padding-left: 0;
}
.ankieta-medyczna ul li {
margin-bottom: 8px;
line-height: 1.5;
}
.drug-info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1rem;
margin: 1rem 0;
}
.drug-info-item {
display: flex;
flex-direction: column;
padding: 0.5rem;
background: #f8f9fa;
border-radius: 4px;
}
.drug-info-item .label {
font-weight: 600;
color: #666;
margin-bottom: 0.25rem;
}
.drug-info-item .value {
color: #333;
} .spinner-wrapper {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
width: 24px;
height: 24px;
margin-left: 8px;
} .spinner-dark path {
fill: #fff;
} .wsf-button .spinner-wrapper svg path,
#btn-checkout .spinner-wrapper svg path,
.remove-item .spinner-wrapper svg path,
.drug-form-submit .spinner-wrapper svg path,
.ankieta-form-submit .spinner-wrapper svg path {
fill: #fff;
} .wsf-button.loading,
.remove-item.loading,
#btn-checkout.loading,
.drug-form-submit.loading,
.ankieta-form-submit.loading {
display: inline-flex;
align-items: center;
justify-content: center;
padding-right: 16px !important;
padding-left: 16px !important;
}
.wsf-button.loading .spinner-wrapper,
.remove-item.loading .spinner-wrapper,
#btn-checkout.loading .spinner-wrapper,
.drug-form-submit.loading .spinner-wrapper,
.ankieta-form-submit.loading .spinner-wrapper {
margin-left: 8px;
} .wsf-button.loading span,
.remove-item.loading span,
#btn-checkout.loading span,
.drug-form-submit.loading span,
.ankieta-form-submit.loading span {
margin-right: 8px;
} .wsf-button,
.remove-item,
#btn-checkout,
.drug-form-submit,
.ankieta-form-submit {
padding-right: 16px;
padding-left: 16px;
} .wsf-button .spinner-wrapper,
#btn-checkout .spinner-wrapper,
.drug-form-submit .spinner-wrapper,
.ankieta-form-submit .spinner-wrapper {
width: 16px;
height: 16px;
}
.remove-item .spinner-wrapper {
width: 13px;
height: 13px;
margin-left: 4px; } .wsf-button .spinner-wrapper svg,
#btn-checkout .spinner-wrapper svg,
.drug-form-submit .spinner-wrapper svg,
.ankieta-form-submit .spinner-wrapper svg {
width: 16px;
height: 16px;
}
.remove-item .spinner-wrapper svg {
width: 13px;
height: 13px;
} .remove-item {
padding-right: 12px !important;
padding-left: 12px !important;
}
.remove-item.loading {
padding-right: 12px !important;
padding-left: 12px !important;
}
.remove-item.loading .spinner-wrapper {
margin-left: 4px;
margin-right: 0;
} .drug-form-submit[aria-disabled="true"] {
opacity: 0.65;
cursor: not-allowed;
pointer-events: none;
background-color: #e9ecef;
border-color: #dee2e6;
} .drug-form-submit[aria-disabled="true"]:hover,
.drug-form-submit[aria-disabled="true"]:focus,
.drug-form-submit[aria-disabled="true"]:active {
opacity: 0.65;
cursor: not-allowed;
pointer-events: none;
background-color: #e9ecef;
border-color: #dee2e6;
}
.cart-item-visit-type {
color: #333;
font-size: 1em;
margin: 4px 0;
}
.ankieta-medyczna-data {
margin: 20px 0;
padding: 15px;
background: #f8f8f8;
border: 1px solid #ddd;
border-radius: 4px;
}
.ankieta-medyczna-data h3 {
margin-top: 0;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.ankieta-data p {
margin: 5px 0;
}
.ankieta-data strong {
color: #23282d;
min-width: 150px;
display: inline-block;
}
.ankieta-medyczna-table {
width: 100%;
margin-bottom: 20px;
}
.ankieta-medyczna-table th {
text-align: left;
padding: 8px;
width: 150px;
background: #f8f8f8;
}
.ankieta-medyczna-table td {
padding: 8px;
}
.file-links {
margin-top: 5px;
}
.file-links a {
display: inline-block;
margin: 2px 0;
padding: 3px 8px;
background: #f0f0f0;
border-radius: 3px;
text-decoration: none;
color: #0073aa;
}
.file-links a:hover {
background: #e0e0e0;
color: #00a0d2;
}
.woocommerce-order-ankieta {
margin: 30px 0;
}
.woocommerce-order-ankieta h2 {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.woocommerce-order-ankieta table.ankieta-medyczna-table th,
.woocommerce-order-ankieta table.ankieta-medyczna-table td {
display: block;
width: 100%;
}
.woocommerce-order-ankieta table.ankieta-medyczna-table th {
padding-bottom: 0;
}
.woocommerce-order-ankieta table.ankieta-medyczna-table td {
padding-top: 5px;
}
}
:root {
--neutral-trans-10: rgba(214, 214, 214, 0.1);
}
.woocommerce-checkout .woocommerce-checkout-payment,.woocommerce-checkout .woocommerce-checkout-review-order-table {
border: none !important;
}
.rpw-message {
display: none;
margin-top: 10px;
padding: 12px 15px;
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404;
border-radius: 4px;
font-size: 14px;
line-height: 1.4;
}
.rpw-message.show {
display: block;
animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .form-tabs {
display: flex;
gap: 0;
margin-bottom: 2rem;
border-bottom: 2px solid #e0e0e0;
position: relative;
flex-wrap: wrap; }
.tab-button {
padding: 1rem 2rem;
background: none;
border: none;
color: #666;
cursor: pointer;
transition: color 0.3s ease; position: relative;
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
flex: 1; justify-content: center; min-width: 200px; }
.tab-button span {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background: #e0e0e0;
border-radius: 50%; color: #666;
font-size: 14px;
transition: background-color 0.3s ease, color 0.3s ease; flex-shrink: 0; }
.tab-button:hover {
color: #333;
}
.tab-button:hover span {
background: #d0d0d0;
}
.tab-button.active {
color: #007bff;
font-weight: 500;
}
.tab-button.active span {
background: #007bff;
color: white;
}
.tab-button.active::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background: #007bff;
}
.tab-button.disabled {
opacity: 0.5;
cursor: not-allowed;
color: #999;
}
.tab-button.disabled span {
background: #ccc;
color: #666;
} @media screen and (max-width: 768px) {
.form-tabs {
flex-direction: column;
gap: 8px;
border-bottom: none;
}
.tab-button {
width: 100%;
border-bottom: 1px solid #e0e0e0;
padding: 12px;
justify-content: flex-start; }
.tab-button.active::after {
display: none; }
.tab-button span {
margin-right: 12px; }
} .content-drug-form,
.content-ankieta-medyczna {
display: none;
} .content-drug-form.active,
.content-ankieta-medyczna.active {
display: block;
}
.wsf-form, .wsf-form-canvas {
border: none;
padding-top: 0px;
margin-top: 0px;
}
.wsf-button, .btn--primary, .ankieta-form-submit, .medical-form-submit, .wsf-button-full, .wsf-button-primary {
font-size: var(--text-m) !important;
}
.brxe-button {
min-height: var(--f-input-height, 5rem);
}
.cart-items {
display: flex;
flex-direction: column;
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.cart-item {
margin-bottom: 0;
padding: 15px;
border: 1px solid #eee;
border-radius: 8px;
position: relative;
}
.cart-item-price {
margin-top: 10px;
font-size: 0.95em;
color: #666;
}
.cart-total-price {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #eee;
font-weight: bold;
text-align: right;
}
.cart-item-for {
margin: 0 0 10px;
color: #666;
}
.drug-list {
list-style: none;
padding: 0;
margin: 0;
}
.drug-item {
padding: 10px;
margin: 5px 0;
border-left: 3px solid #4CAF50;
background: #f9f9f9;
}
.drug-item p {
margin: 0 0 5px;
}
.remove-drug,
.remove-item {
background: none;
border: none;
color: #ff4444;
cursor: pointer;
padding: 5px;
font-size: 14px;
transition: color 0.2s;
}
.remove-drug:hover,
.remove-item:hover {
color: #cc0000;
}
.remove-item {
display: block;
margin-top: 10px;
width: 100%;
text-align: center;
padding-top: 10px;
}
.cart-item-visit-type {
color: #666;
font-style: italic;
margin: 5px 0;
} .woocommerce-table--order-details {
display: none;
} .woocommerce-order-ankieta {
margin: 30px 0;
padding: 15px;
background: #f8f8f8;
border: 1px solid #ddd;
border-radius: 4px;
}
.woocommerce-order-ankieta h2 {
margin-top: 0;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.woocommerce-order-ankieta table {
width: 100%;
margin-bottom: 20px;
}
.woocommerce-order-ankieta th {
text-align: left;
padding: 8px;
width: 150px;
background: #f8f8f8;
}
.woocommerce-order-ankieta td {
padding: 8px;
} .order_data_column {
width: 100%;
clear: both;
padding: 0;
margin-bottom: 20px;
}
.order_data_column h3 {
margin: 1.5em 0 1em;
padding: 0;
font-size: 14px;
line-height: 1.4;
color: #23282d;
font-weight: 600;
}
.drugs-list {
margin: 0;
padding: 0;
width: 100%;
}
.drug-item {
margin-bottom: 10px;
padding: 10px 15px;
background: #f8f8f8;
border-left: 3px solid #2271b1;
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
}
.drug-number {
display: inline-block;
margin-right: 10px;
font-weight: bold;
min-width: 20px;
}
.drug-details {
flex: 1;
line-height: 1.4;
} .order-details-section {
margin: 20px 0;
padding: 15px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
}
.order-detail-item {
margin-bottom: 10px;
padding: 8px;
background: #f9f9f9;
border-radius: 3px;
}
.order-detail-item:last-child {
margin-bottom: 0;
} .order_data_column .order_data_column {
width: auto;
margin-left: -12px;
margin-right: -12px;
padding: 0 12px;
}
.order_data_column h3 {
margin: 1.5em 0 1em;
padding: 0;
font-size: 14px;
line-height: 1.4;
color: #23282d;
font-weight: 600;
}
.drugs-list {
margin: 0;
padding: 0;
width: 100%;
}
.drug-item {
margin-bottom: 10px;
padding: 10px 15px;
background: #f8f8f8;
border-left: 3px solid #2271b1;
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
}
.drug-number {
display: inline-block;
margin-right: 10px;
font-weight: bold;
min-width: 20px;
}
.drug-details {
flex: 1;
line-height: 1.4;
} .order-details-section {
margin: 20px 0;
padding: 15px;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px;
}
.order-detail-item {
margin-bottom: 10px;
padding: 8px;
background: #f9f9f9;
border-radius: 3px;
}
.order-detail-item:last-child {
margin-bottom: 0;
} .admin-drug-list {
width: 100%;
}
.admin-drug-list h3 {
margin: 0 0 20px;
padding: 0;
font-size: 16px;
line-height: 1.4;
color: #23282d;
font-weight: 600;
height: auto;
}
.admin-drug-group {
margin-bottom: 25px;
}
.admin-drug-group:last-child {
margin-bottom: 0;
}
.admin-drug-group-title {
margin: 0 0 15px;
padding: 8px 12px;
background: #e5e5e5;
border-radius: 3px;
font-size: 14px;
color: #23282d;
}
.admin-drug-items {
margin: 0;
padding: 0 0 0 15px;
width: 100%;
}
.admin-drug-item {
margin-bottom: 10px;
padding: 10px 15px;
background: #fff;
border-left: 3px solid #2271b1;
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
border-radius: 3px;
}
.admin-drug-number {
display: inline-block;
margin-right: 10px;
font-weight: bold;
min-width: 20px;
}
.admin-drug-details {
flex: 1;
line-height: 1.4;
} .ankieta-form-submit.loading {
position: relative;
}
.remove-item-link {
margin-left: 10px;
}
.remove-item-link a {
color: #ff4444 !important;
text-decoration: none;
font-weight: normal;
font-size: 14px;
}
.remove-item-link a:hover {
color: #cc0000 !important;
}
.woocommerce-checkout-review-order-table ul.checkout-drugs-list {
list-style-type: none;
padding-left: 20px;
margin: 8px 0;
}
.woocommerce-checkout-review-order-table ul.checkout-drugs-list li {
margin-bottom: 5px;
font-size: 0.95em;
color: #555;
}
.cart_item strong {
display: block;
margin-bottom: 5px;
}
.form-notifications {
margin-top: 10px;
}  .drug-search-wrapper + .form-notifications {
position: relative;
z-index: 900;
} .simple-drug-form .drug-quantity-input { display: block !important; visibility: visible !important; opacity: 1 !important; } .cart-item-price small,
.woocommerce-cart-item-price small,
.woocommerce-order-item-price small {
color: #666;
font-size: 0.85em;
font-style: italic;
margin-left: 5px;
}
#kl_newsletter_checkbox_field span {
font-size: var(--text-m);
}
.cart-item-price small::before,
.woocommerce-cart-item-price small::before,
.woocommerce-order-item-price small::before {
content: " ";
} .woocommerce-checkout-review-order-table .cart_item small {
color: #666;
font-size: 0.85em;
font-style: italic;
margin-left: 5px;
} #dsp-cart-container .cart-item-price small {
display: inline-block;
margin-left: 8px;
color: #666;
font-size: 0.85em;
font-style: italic;
} #express_visit_upsell_field {
margin: 20px 0;
padding: 15px;
background: #f8f9fa;
border: 2px solid #e9ecef;
border-radius: 8px;
transition: all 0.3s ease;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
#express_visit_upsell_field:hover {
border-color: #007bff;
background: #f0f8ff;
}
#express_visit_upsell_field input[type="checkbox"] {
margin-right: 10px;
transform: scale(1.2);
}
#express_visit_upsell_field label {
font-weight: 600;
color: #333;
cursor: pointer;
display: flex;
align-items: center;
margin: 0;
} #express_visit_upsell_field label:first-child::before {
content: none;
} #express_visit_upsell_field label:last-child::before {
content: none;
} .radio-group {
display: flex;
flex-direction: column;
gap: 10px;
}
.radio-group label {
display: flex;
align-items: center;
cursor: pointer;
font-weight: 600;
padding: 8px 12px;
border-radius: 6px;
transition: all 0.3s ease;
}
.radio-group label:hover {
background: #f0f8ff;
}
.radio-group input[type="radio"] {
margin-right: 10px;
transform: scale(1.2);
} .woocommerce-checkout-review-order-table .fee th {
padding-left: 0 !important;
border-left: none !important;
text-align: left;
}
.woocommerce-checkout-review-order-table .fee td {
text-align: right;
} .woocommerce-checkout-review-order-table .cart-subtotal th {
text-align: left;
}
.woocommerce-checkout-review-order-table .cart-subtotal td {
text-align: right;
} .woocommerce-checkout-review-order-table .order-total th {
text-align: left;
}
.woocommerce-checkout-review-order-table .order-total td {
text-align: right;
} .woocommerce-checkout-review-order-table tr.cart-subtotal td .amount,
.woocommerce-checkout-review-order-table tr.order-total td .amount {
opacity: 0;
transition: opacity 0.3s ease;
} .woocommerce-checkout-review-order-table tr.cart-subtotal td .amount.loaded,
.woocommerce-checkout-review-order-table tr.order-total td .amount.loaded {
opacity: 1;
} .woocommerce-checkout-review-order-table .fee:has(th:contains("Expressowa wizyta")) {
background: #f8f9fa;
border-radius: 4px;
} .woocommerce-checkout-review-order-table th {
text-align: left;
padding: 8px 12px;
}
.woocommerce-checkout-review-order-table td {
text-align: right;
padding: 8px 12px;
} .express-visit-info,
.express-visit-admin-info {
margin: 1em 0;
padding: 15px;
background: #f8f9fa;
border-radius: 5px;
border-left: 4px solid #ffc107;
}
.express-visit-info h3,
.express-visit-admin-info h3 {
margin: 0 0 0.5em;
color: #333;
font-size: 1.1em;
}
.express-visit-info p,
.express-visit-admin-info p {
margin: 0;
color: #666;
} @media screen and (max-width: 768px) {
#express_visit_upsell_field,
#visit_type_selection {
margin: 15px 0;
padding: 12px;
}
#express_visit_upsell_field label,
#visit_type_selection label {
font-size: 14px;
}
#express_visit_upsell_field label::before {
font-size: 14px;
}
#visit_type_selection .radio-group {
flex-direction: column;
gap: 10px;
}
#visit_type_selection label {
width: 100%;
justify-content: flex-start;
}
}
.form--light .create-account input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), .form--light .bricks-search-form input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input), .form--light .brxe-post-comments input[type="checkbox"]:not(.ff-el-form-check-checkbox):not(.ff-el-form-check-input) {
width: 18px !important;
height: 18px !important;
padding-bottom: 4px !important;
margin: auto !important;
opacity: 1 !important;
position: static !important;
transform: translateY(2px);
}
.create-account span {
font-size: var(--text-l);
font-weight: 600 !important;
}
.btn-none {
background: none;
color: var(--neutral-light);
}.paynow-data-processing-info {
margin-top: 1em;
font-size: .8em;
}
.paynow-data-processing-info .expand {
cursor: pointer;
text-decoration: underline;
}
.paynow-data-processing-info ul {
padding: 0 !important;
margin: 0 0 0 15px !important;
list-style-type: lower-alpha !important;
}
.paynow-data-processing-info .paynow-data-processing-info-more.collapse {
display: none;
}
#payment .payment_methods .paynow-data-processing-info li {
list-style: lower-alpha !important;
line-height: 1.5em !important;
}
#payment ul.payment_methods .paynow-data-processing-info li::before,
#payment ul.payment_methods .paynow-data-processing-info li::after {
display: none !important;
}
.payment_method_pay_by_paynow_pl_pbl > label > img,
.payment_method_pay_by_paynow_pl_card > label > img,
.payment_method_pay_by_paynow_pl_blik > label > img,
.payment_method_pay_by_paynow_pl_paywall > label > img,
.payment_method_pay_by_paynow_pl_paypo > label > img {
max-height: 2rem;
max-width: 3rem;
vertical-align: middle;
}
.payment_method_pay_by_paynow_pl_digital_wallets > label > img {
max-height: 2rem !important;
max-width: 10rem;
vertical-align: middle;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option label[for="radio-control-wc-payment-method-options-pay_by_paynow_pl_paypo"] .wc-block-components-radio-control__label img {
max-height: 18px;
}
.payment_method_pay_by_paynow_pl_blik input[type=text],
.paynow-blik-white-label #paynow_blik_code {
letter-spacing: 5px;
font-weight: bold;
max-width: 100%;
min-width: 110px;
}
.paynow-blik-white-label label {
margin-top: 5px;
}
.paynow-confirm-blik img {
margin: 0 auto;
}
.paynow-payment-option-pbls {
flex-wrap: wrap;
display: flex;
margin: 0 -1%;
}
.paynow-payment-option-pbl {
margin: 1%;
width: 23%;
display: flex;
flex-direction: column;
}
.paynow-payment-option-pbl label {
padding: 5px;
border: 1px solid #e6e6e6;
max-width: 100%;
height: calc(100vh / 20);
min-height: 3rem;
text-align: center;
cursor: pointer;
vertical-align: middle;
display: flex !important;
justify-content: center;
align-items: center;
background: #ffffff;
transition: all 250ms;
margin: 0 !important;
}
.paynow-payment-option-pbl label img {
max-width: 90%;
max-height: calc(100vh / 30) !important;
vertical-align: middle;
margin: 0 !important;
}
.paynow-payment-option-pbl:not(.disabled) label:hover {
border: 1px solid #d2d2d2;
background: #f3f3f3;
}
.paynow-payment-option-pbl input[type=radio] {
display: none !important;
}
.paynow-payment-option-pbl.disabled label img {
opacity: 0.3;
filter: grayscale(1);
}
.paynow-payment-option-pbl.disabled label {
cursor: not-allowed;
}
.paynow-payment-option-pbl input[type=radio]:checked + label {
border: 2px solid #16A035;
background: #f3f3f3;
}
.payment_method_pay_by_paynow_pl_pbl > p {
margin-top: .5rem !important;
}
.payment_method_pay_by_paynow_pl_pbl label > img {
margin-top: 0.25rem;
}
@media (max-width: 576px) {
.paynow-payment-option-pbl {
width: 31%;
}
}
.paynow-payment-card-option {
margin-bottom: 10px;
position: relative;
width: 100%;
}
.paynow-payment-card-option.loading {
opacity: 0.4;
}
.paynow-payment-card-option:last-child {
margin-bottom: 20px;
}
.paynow-payment-card-option input {
display: none;
}
.paynow-payment-card-option label {
border: 1px solid #D2D2D2;
border-radius: 3px;
display: flex !important;
align-items: stretch;
height: 60px;
width: 100%;
margin: 0 !important;
background-color: transparent;
}
.paynow-payment-card-option input[type=radio]:checked + label {
background: #f3f3f3;
}
.paynow-payment-card-option input[type=radio]:not(:disabled) + label {
cursor: pointer;
}
.paynow-payment-card-details {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.paynow-payment-card-details p {
margin: 0;
text-align: left;
}
.paynow-payment-card-details-card-name {
font-size: 12px;
line-height: 20px;
color: #000000;
}
.paynow-payment-card-details-card-name.paynow-expired {
color: #8E8E8E;
}
.paynow-payment-card-details-expiration {
font-size: 10px;
line-height: 20px;
color: #8E8E8E;
}
.paynow-payment-card-details-expiration.paynow-expired {
color: #E52E07;
}
.paynow-payment-card-image {
display: flex;
justify-content: center;
align-items: center;
width: 96px;
}
.paynow-payment-card-image img {
max-width: 40px !important;
max-height: 24px;
}
.paynow-payment-card-menu {
position: absolute;
top: 25px;
right: 13px;
z-index: 1;
}
.paynow-payment-card-option .paynow-payment-card-remove {
position: absolute;
height: auto;
width: auto;
border: none;
white-space: nowrap;
right: 0;
bottom: -25px;
box-shadow: 0 4px 4px 0 #00000040;
padding: 5px 25px;
background-color: white;
z-index: 2;
font-size: 12px;
line-height: 20px;
cursor: pointer;
}
.paynow-payment-card-option .paynow-payment-card-remove.--hidden {
display: none !important;
}
.paynow-payment-card-option .paynow-payment-card-remove:hover {
background-color: #f1f1f1;
}
.paynow-payment-card-option .paynow-payment-card-menu-button {
height: auto;
border: none;
cursor: pointer;
background-color: transparent;
font-size: 12px;
line-height: 20px;
text-decoration: underline;
}
.paynow-payment-card-error {
font-size: 10px;
color: #E52E07;
}