.markodemesistemi-block-payment {
background-color:#fafafa;
padding:10px;
border-radius:4px;
}

.markodemesistemi-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;
}

.markodemesistemi-block-payment-modal-outer.show {
display:block;
}

.markodemesistemi-block-payment-modal-outer .markturizmsistem--pos--markmodal {
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;
}

.markodemesistemi-block-payment-modal-outer .markturizmsistem--pos--markmodal #markodemesistemi-iframe-box {
width:100%;
height:400px;
max-width:100%;
max-height:100%;
position:relative;
z-index:999;
}

.markodemesistemi-block-payment-modal-outer .markturizmsistem--pos--markmodal button.markturizmsistem--markmodal--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;
}

.markodemesistemi-block-payment-modal-outer .markturizmsistem--pos--markmodal button.markturizmsistem--markmodal--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;
}

.markodemesistemi-block-payment-modal-outer .markturizmsistem--pos--markmodal .markturizmsistem--pos--loading {
z-index:0;
}

.markodemesistemi-block-payment-modal-outer #markturizmsistem--inline--iframe body {
background-color:#fff;
}

.markodemesistemi-block-card-single-row {
display:flex;
width:100%;
margin-bottom:15px;
}

@media screen and (max-width: 720px) {
.markodemesistemi-block-card-single-row {
display:block;
}
}

.markodemesistemi-block-card-single-row .markodemesistemi-block-row-full {
width:100%;
display:block;
}

.markodemesistemi-block-card-single-row .markodemesistemi-block-row-half {
width:50%;
display:block;
}

@media screen and (max-width: 720px) {
.markodemesistemi-block-card-single-row .markodemesistemi-block-row-half {
width:100%;
margin-bottom:15px;
}
}

.markodemesistemi-block-card-single-row .markodemesistemi-block-input-group {
display:flex;
}

.markodemesistemi-block-card-single-row .markodemesistemi-block-input-group > div {
width:35%;
max-width:150px;
margin-right:15px;
}

@media screen and (max-width: 720px) {
.markodemesistemi-block-card-single-row .markodemesistemi-block-input-group > div {
width:calc(50% - 15px);
}
}

.markodemesistemi-block-card-single-row .markodemesistemi-block-input-group select {
width:100%;
background-color:#fff;
border:1px solid #bbb;
border-radius:3px;
padding:9.4px 5px;
}

.markodemesistemi-block-card-single-row .markodemesistemi-quick-checkout-form-cardcvv-row input {
max-width:100px;
}

@media screen and (max-width: 720px) {
.markodemesistemi-block-card-single-row .markodemesistemi-quick-checkout-form-cardcvv-row input {
max-width:100%;
}
}

.markodemesistemi-block-installment-options {
width:100%;
display:flex;
padding:10px 0;
flex-flow:row wrap;
}

.markodemesistemi-block-installment-options label {
font-weight:400;
text-align:center;
width:88px!important;
height:88px!important;
display:inline-block;
border:1px solid #ddd;
margin:.6%!important;
padding:15px 7px 3px;
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) {
.markodemesistemi-block-installment-options label:nth-child(6n+6),.markodemesistemi-block-installment-options label:last-child {
margin-right:0!important;
}

.markodemesistemi-block-installment-options label:nth-child(6n+7),.markodemesistemi-block-installment-options label:first-child {
margin-left:0!important;
}
}

@media screen and (min-width: 720px) and (max-width: 1200px) {
.markodemesistemi-block-installment-options label:nth-child(4n+4),.markodemesistemi-block-installment-options label:last-child {
margin-right:0!important;
}

.markodemesistemi-block-installment-options label:nth-child(4n+5),.markodemesistemi-block-installment-options label:first-child {
margin-left:0!important;
}
}

@media screen and (max-width: 1200px) {
.markodemesistemi-block-installment-options label {
width:23.5%!important;
flex-basis:23.5%;
}
}

@media screen and (max-width: 720px) {
.markodemesistemi-block-installment-options label {
width:31%!important;
flex-basis:31%;
}

.markodemesistemi-block-installment-options label:nth-child(3n+3),.markodemesistemi-block-installment-options label:last-child {
margin-right:0!important;
}

.markodemesistemi-block-installment-options label:nth-child(3n+4),.markodemesistemi-block-installment-options label:first-child {
margin-left:0!important;
}
}

.markodemesistemi-block-installment-options label.active {
background-color:#fff;
border-color:#343a40;
}

.markodemesistemi-block-installment-options label.active::before,.markodemesistemi-block-installment-options label.active::after {
content:"";
position:absolute;
bottom:0;
right:0;
border-color:transparent;
border-style:solid;
}

.markodemesistemi-block-installment-options label.active::before {
border-width:1.1em;
border-right-color:#343a40;
border-bottom-color:#343a40;
}

.markodemesistemi-block-installment-options label.active::after {
background-image:url(/system-files/plugins/markturizm-sanal-pos/assets/image/check-mark.svg);
background-size:60%;
background-position:center center;
background-repeat:no-repeat;
position:absolute;
right:0;
bottom:0;
content:" ";
width:24px;
height:24px;
}

.markodemesistemi-block-installment-options label.active .installment-big {
font-weight:700;
}

.markodemesistemi-block-installment-options label .installment-big {
width:100%;
display:block;
font-weight:400;
text-transform:uppercase;
font-size:11px;
position:relative;
}

.markodemesistemi-block-installment-options label .installment-big:after {
position:absolute;
content:" ";
width:20px;
height:1px;
background:#c9c9c9;
left:50%;
bottom:-1px;
margin-left:-10px;
}

.markodemesistemi-block-installment-options label .installment-amounts {
width:100%;
display:block;
font-size:10px;
line-height:15px;
margin-top:5px;
}

.markodemesistemi-block-installment-options label .installment-amounts strong {
font-size:12px;
width:100%;
display:block;
}

.markodemesistemi-block-installment-options label .installment-amounts small {
width:100%;
display:block;
font-size:11px;
color:#AAA;
}

.markodemesistemi-quick-checkout-form-cardnumber-row input,.markodemesistemi-quick-checkout-form-cardholder-row input {
width:100%;
border-radius:4px;
border:1px solid #444;
}

.markodemesistemi-quick-checkout-form-cardnumber-row {
position:relative;
}

.markodemesistemi-quick-checkout-form-cardnumber-row.markodemesistemi-quick-checkout-card-type-visa .markodemesistemi-quick-checkout-cardtype-logo {
background-image:url(/system-files/plugins/markturizm-sanal-pos/assets/image/visa.svg);
}

.markodemesistemi-quick-checkout-form-cardnumber-row.markodemesistemi-quick-checkout-card-type-mastercard .markodemesistemi-quick-checkout-cardtype-logo {
background-image:url(/system-files/plugins/markturizm-sanal-pos/assets/image/mastercard.svg);
}

.markodemesistemi-quick-checkout-form-cardnumber-row.markodemesistemi-quick-checkout-card-type-amex .markodemesistemi-quick-checkout-cardtype-logo {
background-image:url(/system-files/plugins/markturizm-sanal-pos/assets/image/amex.svg);
}

.markodemesistemi-quick-checkout-form-cardnumber-row.markodemesistemi-quick-checkout-card-type-troy .markodemesistemi-quick-checkout-cardtype-logo {
background-image:url(/system-files/plugins/markturizm-sanal-pos/assets/image/troy.svg);
}

.markodemesistemi-quick-checkout-form-cardnumber-row.markodemesistemi-quick-checkout-card-type-jcb .markodemesistemi-quick-checkout-cardtype-logo {
background-image:url(/system-files/plugins/markturizm-sanal-pos/assets/image/jcb.svg);
}

.markodemesistemi-quick-checkout-form-cardnumber-row.markodemesistemi-quick-checkout-card-type-discover .markodemesistemi-quick-checkout-cardtype-logo {
background-image:url(/system-files/plugins/markturizm-sanal-pos/assets/image/discover.svg);
}

.markodemesistemi-quick-checkout-form-cardnumber-row.markodemesistemi-quick-checkout-card-type-diners .markodemesistemi-quick-checkout-cardtype-logo {
background-image:url(/system-files/plugins/markturizm-sanal-pos/assets/image/diners.svg);
}

.markodemesistemi-quick-checkout-form-cardnumber-row .markodemesistemi-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;
}