.payment_method_fortis {
padding: 0 !important;
}
#fortis_detail_form .checkbox {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
width: 100%;
height: 50px;
}
#fortis_detail_form .button,
#fortis_detail_form .input {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
padding: 0 20px;
border-width: 1px;
width: 80%;
max-width: 300px;
height: 40px;
display: block;
}
#fortis_detail_form .button {
border: none;
cursor: pointer;
margin-bottom: 10px !important;
}
#fortis_detail_form .input {
margin-bottom: 10px !important;
}
#fortis_useSaved {
cursor: pointer;
}
#fortis_SaveAccount {
margin-left: 18px !important;
}
#save-account-container {
padding-left: 0;
padding-bottom: 10px;
padding-top: 10px;
}
#surcharge-disclaimer {
margin-left: 1em;
margin-bottom: 1em;
}
#fortis_detail_form_container {
display: none;
}
#fortispayment {
margin-left: 1em;
}
.fortis-error-heading {
text-align: center;
font-size: 24px;
color: #d9534f;
}
.fortis-error-message {
text-align: center;
font-size: 18px;
color: #d9534f;
padding-bottom: 8px;
}
#fortis_spinner_container {
padding: 10px;
} .surcharge-spinner {
display: inline-block;
padding: 8px 12px;
margin: 8px 0;
background-color: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 4px;
color: #6c757d;
font-size: 14px;
text-align: center;
position: relative;
}
.surcharge-spinner::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid #dee2e6;
border-top: 2px solid #007cba;
border-radius: 50%;
animation: surcharge-spin 1s linear infinite;
vertical-align: middle;
}
@keyframes surcharge-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.custom-saved-payment-methods.surcharge-calculating {
opacity: 0.7;
pointer-events: none;
}
.wc-block-components-checkout-place-order-button.surcharge-loading button {
opacity: 0.6;
cursor: not-allowed;
position: relative;
}
.wc-block-components-checkout-place-order-button.surcharge-loading button::before {
content: "";
position: absolute;
top: 50%;
left: 16px;
width: 16px;
height: 16px;
margin-top: -8px;
border: 2px solid transparent;
border-top: 2px solid #ffffff;
border-radius: 50%;
animation: surcharge-spin 1s linear infinite;
}
.fortis-spinner {
display: flex;
justify-content: center;
align-items: center;
min-height: 40px;
}
.fortis-spinner:after {
content: "";
width: 32px;
height: 32px;
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: fortis-spin 1s linear infinite;
}
@keyframes fortis-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#validate-btn:active,
#validate-btn:focus {
outline-style: unset;
opacity: 0.2 !important;
}
#validate-btn:hover {
opacity: 1 !important;
}