/* Presentation only: keep native payment forms, inputs, events and validation. */
#main-body .sgh-invoice-action {
    display:inline-flex;align-items:center;justify-content:center;gap:9px;
    background:#006178!important;color:#fff!important;border:2px solid #006178!important;
    border-radius:7px;padding:13px 22px!important;margin:8px 0;min-height:48px;
    max-width:100%;box-sizing:border-box;white-space:normal;text-decoration:none!important;
    font-size:17px;font-weight:700;line-height:1.5;
}
#main-body .sgh-invoice-action:hover {background:#00475b!important;}
#main-body .sgh-invoice-action:focus-visible {outline:3px solid #89b92c;outline-offset:3px;}
#main-body #paymentGatewaysContainer.sgh-payment-radio-grid {display:block;}
#main-body #paymentGatewaysContainer > .text-center {
    display:flex!important;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:12px;
}
#main-body #paymentGatewaysContainer > .text-center > label.radio-inline {
    display:flex!important;align-items:center;gap:10px;flex:1 1 200px;width:auto!important;
    min-width:0;max-width:100%;min-height:64px;margin:0!important;padding:14px 16px!important;
    border:1px solid #cbded7;border-radius:8px;background:#fff;text-align:start;
    white-space:normal;box-sizing:border-box;overflow-wrap:anywhere;cursor:pointer;
}
#main-body #paymentGatewaysContainer label.radio-inline > input[type="radio"] {
    position:static!important;float:none!important;margin:0!important;flex:0 0 auto;
}
#main-body #paymentGatewaysContainer label.radio-inline > .iradio_square-blue,
#main-body #paymentGatewaysContainer label.radio-inline > .iradio_square-green {flex:0 0 auto;}
#main-body #paymentGatewaysContainer label.radio-inline:focus-within {outline:2px solid #006178;outline-offset:2px;}
#main-body .sgh-invoice-payment .form-control {max-width:100%;box-sizing:border-box;}
#main-body .sgh-invoice-payment #inputCardExpiry,
#main-body .sgh-invoice-payment #inputCardStart,
#main-body .sgh-invoice-payment #inputCardCvv {width:135px;max-width:100%;min-height:40px;}
#main-body .sgh-invoice-payment #cvvWhereLink {white-space:normal;text-align:start;}
#main-body .sgh-invoice-payment #btnSubmit {max-width:100%;white-space:normal;min-height:44px;}
#main-body .sgh-invoice-payment .row > [class*="col-"] {min-width:0;}
@media(min-width:768px) {
    #main-body .sgh-invoice-payment > .row > .col-md-7 > .form-group:not(.hidden):not(.w-hidden) {
        display:flex;align-items:flex-start;flex-wrap:nowrap;clear:both;
    }
    #main-body .sgh-invoice-payment > .row > .col-md-7 > .form-group:before,
    #main-body .sgh-invoice-payment > .row > .col-md-7 > .form-group:after {display:none;}
    #main-body .sgh-invoice-payment > .row > .col-md-7 > .form-group > label.control-label {
        float:none!important;clear:none!important;flex:0 0 33.333333%;width:33.333333%!important;
        box-sizing:border-box;padding-top:9px;
    }
    #main-body .sgh-invoice-payment > .row > .col-md-7 > .form-group > label.control-label + div {
        float:none!important;clear:none!important;flex:1 1 0;width:auto!important;min-width:0;box-sizing:border-box;
    }
    #main-body .sgh-invoice-payment #btnSubmitContainer {justify-content:center;}
}
@media(max-width:767px) {
    #main-body #paymentGatewaysContainer > .text-center > label.radio-inline {flex:1 1 180px;}
    #main-body .sgh-invoice-payment .form-group > label.control-label {display:block;text-align:start;float:none;width:100%;padding-bottom:6px;}
    #main-body .sgh-invoice-payment > .row > .col-md-7 > .form-group > label.control-label + div {float:none;clear:both;width:100%;}
    #main-body .sgh-invoice-payment #cvvWhereLink {display:block;margin-top:5px;padding-left:0;}
    #main-body .sgh-invoice-payment .invoice-summary {margin-top:24px;max-width:100%;}
    #main-body .sgh-invoice-action {width:100%;font-size:16px;padding:12px 14px!important;}
}

#main-body #paymentGatewaysContainer > .text-center > label.radio-inline.is-selected {border-color:#176b43;background:#eaf5e9;box-shadow:inset 0 0 0 1px #176b43;}
#main-body #paymentGatewaysContainer > .text-center > label.radio-inline.is-disabled {opacity:.55;cursor:not-allowed;}