apple-pay-button {
    --apple-pay-button-width: 100%;
    --apple-pay-button-height: 52px;
    --apple-pay-button-border-radius: 6px;
    --apple-pay-button-padding: 0px 0px;
    --apple-pay-button-box-sizing: border-box;
}

input[type='button'].btn-link {
    background-color: transparent;
    color: #337ab7;
    border-color: white;
}
    /* override the styles.css */
    input[type='button'].btn-link:hover {
        border-color: #337ab7;
    }

/* override the styles.css */
.payHidden {
    background-color: gray;
    display: none;
}

.payVisible {
    background-color: white;
    display: block;
}

/* the built in error is bold, we don't want it that bright */
.field-validation-error {
    font-weight: normal;
    font-size: 12pt;
}

/* The box for Checking or credit cards */
.paymentOptionRadioBox {
    width: 200px;
    height: 65px;
    border: solid 1px #cdcdcd;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 10px 4px 10px;
    line-height: 1.25em;
}

/* Agreement for terms of use */
.agreementContent {
    border: solid 1px #4b6c9e;
    padding: 5px;
    text-align: left;
}

    .agreementContent p {
        margin-bottom: 15px;
    }

.agreementHeader {
    background-color: #fff;
    font-size: 14px;
    text-align: left;
    padding: 5px;
    color: #4b6c9e;
    font-weight: bold;
}

a.linkbutton {
    padding: 10px 20px;
    width: 200px;
    background-color: #72749d;
    font-size: 11pt;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

/* Site.css overrides */
#wrapper {
    min-width: 800px;
}

.validation-summary-errors {
    margin-bottom: 10px;
    font-size: 14px;
    padding: 5px;
}

/* The check */
.checkOuter {
    width: 432px;
    background-color: #DCE3D1;
    border: solid 1px #7F9957;
    position: relative;
    margin: 0px;
    margin: 10px auto 10px auto;
    xdisplay: none;
}

    /* make the entire check the same font*/
    .checkOuter, .checkOuter p {
        font-size: 13px;
    }

@@media only screen and (min-width: 550px) {
    .checkOuter {
        display: block;
    }
}

.checkInner {
    height: 170px;
    border: solid 2px #7F9957;
}

    .checkInner span {
        float: left;
        position: absolute;
        padding: 2px;
        margin: 5px;
    }

        .checkInner span.resetSpan {
            float: none;
            position: relative;
            padding: 0;
            margin: 0;
        }

.checkunderline {
    border-bottom: solid 1px #7F9957;
    padding: 2px;
    padding-right: 150px;
}

.checkBorder {
    border: solid 1px #7F9957;
    padding: 0px 2px;
    width: 75px;
    float: left;
    height: 20px;
    text-align: center;
}

.checkHighlight {
    background-color: Yellow;
}

.colon {
    font-weight: bold;
    font-size: 26px;
    text-align: center;
}

.QuickPayFieldHasError {
    background-color: #ffff99;
    background-color: #FFFFCC;
}

/* bootstrap override */
.form-group {
    margin-bottom: 0px;
}

    .ccPaymentInfo input, .ccPaymentInfo select, .spreedly-container input, .spreedly-container select, .form-control.spreedly-container, .form-group input, .form-group select {
        max-width: 250px !important;
    }

/* Confirmation */
#Page_Confirmation .control-label {
}

.labelRight label {
    text-align: right;
    margin-top: 10px;
}

.labelConfirmation div.col-sm-8 {
    padding-left: 5px;
    padding-right: 5px;
    color: #337ab7;
    font-weight: bold;
}

.labelConfirmation label.col-sm-4 {
    padding: 0px 0px 0px 10px;
    margin: 0px;
    text-align: right;
    font-weight: normal;
}

.labelConfirmation label.confirmationValue {
    text-align: left;
    padding-left: 5px;
}

.page {
    border: solid 1px #cdcdcd;
    margin-top: 10px;
    padding: 15px;
}