.paymendo-block-payment {
background-color: #fafafa;
padding: 10px;
border-radius: 4px;
}
.paymendo-block-payment-modal-outer {
position: fixed;
width: 100%;
left: 0;
height: 100%;
top: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 99999999;
display: none;
}
.paymendo-block-payment-modal-outer.show {
display: block;
}
.paymendo-block-payment-modal-outer .grilabs--pos--grimodal {
width: 400px;
margin: 0;
left: 50%;
margin-left: -200px;
position: absolute;
top: 50px;
border: 2px solid #333;
border-radius: 3px;
background: #FFF;
box-shadow: 0 0 13px -10px #333;
}
.paymendo-block-payment-modal-outer .grilabs--pos--grimodal #paymendo-iframe-box {
width: 100%;
height: 400px;
max-width: 100%;
max-height: 100%;
position: relative;
z-index: 999;
}
.paymendo-block-payment-modal-outer .grilabs--pos--grimodal button.grilabs--grimodal--close {
border: 0 none;
float: none;
text-align: center;
width: 32px;
height: 32px;
position: absolute;
right: -10px;
top: -10px;
border-radius: 100%;
background-color: #333;
line-height: 46px;
padding: 0;
z-index: 99999;
}
.paymendo-block-payment-modal-outer .grilabs--pos--grimodal button.grilabs--grimodal--close img {
float: none !important;
display: inline-block !important;
max-width: none;
max-height: none !important;
width: 25px;
height: 25px;
position: absolute;
top: 3px;
right: 3px;
}
.paymendo-block-payment-modal-outer .grilabs--pos--grimodal .grilabs--pos--loading {
z-index: 0;
}
.paymendo-block-payment-modal-outer #grilabs--inline--iframe body {
background-color: white;
}
.paymendo-block-card-single-row {
display: flex;
width: 100%;
margin-bottom: 15px;
}
@media screen and (max-width: 720px) {
.paymendo-block-card-single-row {
display: block;
}
}
.paymendo-block-card-single-row .paymendo-block-row-full {
width: 100%;
display: block;
}
.paymendo-block-card-single-row .paymendo-block-row-half {
width: 50%;
display: block;
}
@media screen and (max-width: 720px) {
.paymendo-block-card-single-row .paymendo-block-row-half {
width: 100%;
margin-bottom: 15px;
}
}
.paymendo-block-card-single-row .paymendo-block-input-group {
display: flex;
}
.paymendo-block-card-single-row .paymendo-block-input-group > div {
width: 35%;
max-width: 150px;
margin-right: 15px;
}
@media screen and (max-width: 720px) {
.paymendo-block-card-single-row .paymendo-block-input-group > div {
width: calc(50% - 15px);
}
}
.paymendo-block-card-single-row .paymendo-block-input-group select {
width: 100%;
background-color: #fff;
border: 1px solid #bbb;
border-radius: 3px;
padding: 9.4px 5px;
}
.paymendo-block-card-single-row .paymendo-quick-checkout-form-cardcvv-row input {
max-width: 100px;
}
@media screen and (max-width: 720px) {
.paymendo-block-card-single-row .paymendo-quick-checkout-form-cardcvv-row input {
max-width: 100%;
}
}
.paymendo-block-installment-options {
width: 100%;
display: flex;
padding: 10px 0;
flex-flow: row wrap;
}
.paymendo-block-installment-options label {
font-weight: normal;
text-align: center;
width: 88px !important;
height: 88px !important;
display: inline-block;
border: 1px solid #ddd;
margin: 0.6% !important;
padding: 15px 7px 3px 7px;
background-color: #fff;
color: #333;
flex-basis: 15.6%;
cursor: pointer;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none; -ms-user-select: none;
user-select: none;
}
@media screen and (min-width: 1200px) {
.paymendo-block-installment-options label:nth-child(6n+6), .paymendo-block-installment-options label:last-child {
margin-right: 0 !important;
}
.paymendo-block-installment-options label:nth-child(6n+7), .paymendo-block-installment-options label:first-child {
margin-left: 0 !important;
}
}
@media screen and (min-width: 720px) and (max-width: 1200px) {
.paymendo-block-installment-options label:nth-child(4n+4), .paymendo-block-installment-options label:last-child {
margin-right: 0 !important;
}
.paymendo-block-installment-options label:nth-child(4n+5), .paymendo-block-installment-options label:first-child {
margin-left: 0 !important;
}
}
@media screen and (max-width: 1200px) {
.paymendo-block-installment-options label {
width: 23.5% !important;
flex-basis: 23.5%;
}
}
@media screen and (max-width: 720px) {
.paymendo-block-installment-options label {
width: 31% !important;
flex-basis: 31%;
}
.paymendo-block-installment-options label:nth-child(3n+3), .paymendo-block-installment-options label:last-child {
margin-right: 0 !important;
}
.paymendo-block-installment-options label:nth-child(3n+4), .paymendo-block-installment-options label:first-child {
margin-left: 0 !important;
}
}
.paymendo-block-installment-options label.active {
background-color: #fff;
border-color: #343a40;
}
.paymendo-block-installment-options label.active::before, .paymendo-block-installment-options label.active::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
border-color: transparent;
border-style: solid;
}
.paymendo-block-installment-options label.active::before {
border-width: 1.1em;
border-right-color: #343a40;
border-bottom-color: #343a40;
}
.paymendo-block-installment-options label.active::after {
background-image: url(//www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/image/check-mark.svg);
background-size: 60%;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
right: 0px;
bottom: 0px;
content: " ";
width: 24px;
height: 24px;
}
.paymendo-block-installment-options label.active .installment-big {
font-weight: bold;
}
.paymendo-block-installment-options label .installment-big {
width: 100%;
display: block;
font-weight: normal;
text-transform: uppercase;
font-size: 11px;
position: relative;
}
.paymendo-block-installment-options label .installment-big:after {
position: absolute;
content: " ";
width: 20px;
height: 1px;
background: #c9c9c9;
left: 50%;
bottom: -1px;
margin-left: -10px;
}
.paymendo-block-installment-options label .installment-amounts {
width: 100%;
display: block;
font-size: 10px;
line-height: 15px;
margin-top: 5px;
}
.paymendo-block-installment-options label .installment-amounts strong {
font-size: 12px;
width: 100%;
display: block;
}
.paymendo-block-installment-options label .installment-amounts small {
width: 100%;
display: block;
font-size: 11px;
color: #AAA;
}
.paymendo-quick-checkout-form-cardnumber-row input,
.paymendo-quick-checkout-form-cardholder-row input {
width: 100%;
border-radius: 4px;
border: 1px solid #444;
}
.paymendo-quick-checkout-form-cardnumber-row {
position: relative;
}
.paymendo-quick-checkout-form-cardnumber-row.paymendo-quick-checkout-card-type-visa .paymendo-quick-checkout-cardtype-logo {
background-image: url(https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/image/visa.svg);
}
.paymendo-quick-checkout-form-cardnumber-row.paymendo-quick-checkout-card-type-mastercard .paymendo-quick-checkout-cardtype-logo {
background-image: url(https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/image/mastercard.svg);
}
.paymendo-quick-checkout-form-cardnumber-row.paymendo-quick-checkout-card-type-amex .paymendo-quick-checkout-cardtype-logo {
background-image: url(https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/image/amex.svg);
}
.paymendo-quick-checkout-form-cardnumber-row.paymendo-quick-checkout-card-type-troy .paymendo-quick-checkout-cardtype-logo {
background-image: url(https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/image/troy.svg);
}
.paymendo-quick-checkout-form-cardnumber-row.paymendo-quick-checkout-card-type-jcb .paymendo-quick-checkout-cardtype-logo {
background-image: url(https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/image/jcb.svg);
}
.paymendo-quick-checkout-form-cardnumber-row.paymendo-quick-checkout-card-type-discover .paymendo-quick-checkout-cardtype-logo {
background-image: url(https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/image/discover.svg);
}
.paymendo-quick-checkout-form-cardnumber-row.paymendo-quick-checkout-card-type-diners .paymendo-quick-checkout-cardtype-logo {
background-image: url(https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/.https://www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/block-assets/css/image/diners.svg);
}
.paymendo-quick-checkout-form-cardnumber-row .paymendo-quick-checkout-cardtype-logo {
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 20px;
width: 60px;
height: 32px;
right: 10px;
top: 6px;
}