﻿#imageSeal {
    max-height: 100px;
    object-fit: contain;
}

#sectionOrderItems {
    max-height: 500px;
    overflow-x: hidden !important;
    border-style: ridge;
    border-width: thin;
    font-size: smaller;
    border-radius: 10px;
}

#sectionPaymentMethods {
    max-height: 130px;
    overflow-x: hidden !important;
}

#sectionAssociationButton {
    padding-left: 8px;
    padding-right: 8px;
    background: inherit;
    border-radius: 5px;
}

#sectionDisclaimer {
    background: var(--Primary--50, #F5F5F5);
    color: black;
}

#imageCardPaymentsAcceptance {
    height: 31px;
    width: 50px;
}

#imageVisaCheckoutAcceptance {
    height: 31px;
    width: 50px;
}

#imageMasterPassAcceptance {
    height: 31px;
    width: 50px;
}

#imageGooglePayAcceptance {
    height: 31px;
    width: 50px;
}

#imageSamsungPayAcceptance {
    height: 31px;
    width: 50px;
}

#imageOzowAcceptance {
    height: 31px;
    width: 50px;
}

#imageOTTVoucherAcceptance {
    height: 31px;
    width: 50px;
}

#imageEcoCashAcceptance {
    height: 31px;
    width: 50px;
}

#imageOneMoneyAcceptance {
    height: 31px;
    width: 50px;
}

#imageMPesaAcceptance {
    height: 31px;
    width: 50px;
}

#imageZimswitchAcceptance {
    height: 31px;
    width: 50px;
}

#imagePayShapAcceptance {
    height: 31px;
    width: 50px;
}

#imageVisa {
    height: 12px;
    width: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

#imageMasterCard {
    height: 12px;
    width: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

#imageAmex {
    height: 12px;
    width: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

#imageDiners {
    height: 12px;
    width: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

#imageUnionPay {
    height: 12px;
    width: 20px;
    margin: 0;
    padding: 0;
    float: left;
}

#image3DSecureVisa {
    height: 15px;
    width: 27px;
    margin: 0;
    padding: 0;
    float: left;
}

#image3DSecureMasterCard {
    height: 15px;
    width: 27px;
    margin: 0;
    padding: 0;
    float: left;
}

#image3DSecureAmex {
    height: 15px;
    width: 25px;
    margin: 0;
    padding: 0;
    float: left;
}

#image3DSecureDinersClub {
    height: 15px;
    width: 19px;
    margin: 0;
    padding: 0;
    float: left;
}

.row {
    --bs-gutter-x: 0rem;
}

.btn {
    border-radius: 10px;
    padding: .25rem .575rem;
}

.overflow-label {
    white-space: nowrap;
    overflow: visible;
}

.modal-header .close {
    display: none;
}

input[type="checkbox"] {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
}

.fs-10px {
    font-size: 10px;
}

.fs-12px {
    font-size: 12px;
}

.fs-smaller {
    font-size: smaller;
}

.cursor-pointer {
    cursor: pointer;
}

.asteriskRequired-start {
    font-size: smaller;
    font-weight: 500;
    color: #ff0000;
    margin-left: 5px;
    margin-right: 5px;
}

.asteriskRequired-end {
    font-size: smaller;
    font-weight: 500;
    color: #ff0000;
}

.spinner {
    width: 5rem;
    height: 5rem;
    border-width: .5rem;
}

.v-align-middle {
    vertical-align: middle;
}

.label-foreign-currency {
    max-width: 320px;
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
    text-align: left;
}

.span-foreign-currency {
    text-indent: 0px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-align: left;
}

@media only screen and (max-width: 576px) {
    #buttonCheckCardCurrency, #buttonCardPaymentSubmit, #buttonCardPaymentCancel, #buttonTokenizedPaymentSubmit, #buttonTokenizedPaymentCancel, #buttonOTTVoucherPaymentSubmit, #buttonOTTVoucherPaymentCancel, #buttonEcoCashPaymentSubmit, #buttonEcoCashPaymentCancel, #buttonOneMoneyPaymentSubmit, #buttonOneMoneyPaymentCancel, #buttonMPesaPaymentSubmit, #buttonMPesaPaymentCancel, #buttonZimswitchPaymentSubmit, #buttonZimswitchPaymentCancel {
        width: 95% !important;
        height: 38px;
        border-radius: 20px;
    }
}

@media only screen and (min-width: 576px) { /* sm */
    #buttonCheckCardCurrency, #buttonCardPaymentSubmit, #buttonCardPaymentCancel, #buttonTokenizedPaymentSubmit, #buttonTokenizedPaymentCancel, #buttonOTTVoucherPaymentSubmit, #buttonOTTVoucherPaymentCancel,
    #buttonEcoCashPaymentSubmit, #buttonEcoCashPaymentCancel, #buttonOneMoneyPaymentSubmit, #buttonOneMoneyPaymentCancel, #buttonMPesaPaymentSubmit, #buttonMPesaPaymentCancel, #buttonZimswitchPaymentSubmit, #buttonZimswitchPaymentCancel {
        width: 45% !important;
        height: 38px;
        border-radius: 20px;
    }
}

@media only screen and (min-width: 768px) { /* md */
    #buttonCheckCardCurrency, #buttonCardPaymentSubmit, #buttonCardPaymentCancel, #buttonTokenizedPaymentSubmit, #buttonTokenizedPaymentCancel, #buttonOTTVoucherPaymentSubmit, #buttonOTTVoucherPaymentCancel,
    #buttonEcoCashPaymentSubmit, #buttonEcoCashPaymentCancel, #buttonOneMoneyPaymentSubmit, #buttonOneMoneyPaymentCancel, #buttonMPesaPaymentSubmit, #buttonMPesaPaymentCancel, #buttonZimswitchPaymentSubmit, #buttonZimswitchPaymentCancel {
        width: 45% !important;
        height: 38px;
        border-radius: 20px;
    }
}

@media only screen and (min-width: 992px) { /* lg */
    #buttonCheckCardCurrency, #buttonCardPaymentSubmit, #buttonCardPaymentCancel, #buttonTokenizedPaymentSubmit, #buttonTokenizedPaymentCancel, #buttonOTTVoucherPaymentSubmit, #buttonOTTVoucherPaymentCancel,
    #buttonEcoCashPaymentSubmit, #buttonEcoCashPaymentCancel, #buttonOneMoneyPaymentSubmit, #buttonOneMoneyPaymentCancel, #buttonMPesaPaymentSubmit, #buttonMPesaPaymentCancel, #buttonZimswitchPaymentSubmit, #buttonZimswitchPaymentCancel {
        width: 45% !important;
        height: 38px;
        border-radius: 20px;
    }
}

@media only screen and (min-width: 1200px) { /* xl */
    #buttonCheckCardCurrency, #buttonCardPaymentSubmit, #buttonCardPaymentCancel, #buttonTokenizedPaymentSubmit, #buttonTokenizedPaymentCancel, #buttonOTTVoucherPaymentSubmit, #buttonOTTVoucherPaymentCancel,
    #buttonEcoCashPaymentSubmit, #buttonEcoCashPaymentCancel, #buttonOneMoneyPaymentSubmit, #buttonOneMoneyPaymentCancel, #buttonMPesaPaymentSubmit, #buttonMPesaPaymentCancel, #buttonZimswitchPaymentSubmit, #buttonZimswitchPaymentCancel {
        width: 45% !important;
        height: 38px;
        border-radius: 20px;
    }
}
