.payment-method-braintree {
    position: relative
}

.braintree-loader {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff 50% 40% url(../images/ajax-loader.gif) no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 990
}

.account-add-credit-card .braintree-hosted-fields-ph {
    display: none
}

.account-add-credit-card #braintreeFormErrorContainer {
    margin-left: 27%;
    color: #f00;
    line-height: 24px;
    min-height: 24px;
    margin-top: -24px
}

.braintree-cart-paypal-button {
    float: left;
    width: 170px;
    height: 32px;
    background: #fff url(../images/braintree_paypal_checkout_btn.png) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -5000px;
    cursor: pointer
}

.braintree-cart-paypal-containter {
    float: left;
    cursor: pointer
}

.braintree-cart-paypal-buttons-wrap {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    min-width: 100px
}

#braintreePaypalEditDefaultShippingAddress label.error {
    display: block;
    float: none;
    font-weight: normal;
    background: none;
    padding-left: 0;
    text-align: left;
    width: 100%
}

#braintreePaypalEditDefaultShippingAddress select {
    height: 32px
}

#braintree3DSecureContainer {
    display: none
}

#accountAddPayapalForm {
    position: relative
}

.braintree-account-paypal-button {
    display: block;
    width: 170px;
    height: 32px;
    background: #fff url(../images/braintree_paypal_checkout_btn.png) 0 0 no-repeat;
    cursor: pointer
}

.braintree-cart-apple-button-wraper {
    vertical-align: middle;
    margin-top:15px;
}

.braintree-cart-apple-button {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    min-width: 100px;
    min-height: 32px;
    width:100%;
}

@supports (-webkit-appearance:-apple-pay-button) {
    .apple-pay-button-with-text {
        -webkit-appearance: -apple-pay-button;
        /*-apple-pay-button-type: buy;*/
        cursor: pointer;
        height:43px;
    }
    .apple-pay-button-with-text>* {
        display: none
    }
    .apple-pay-button-black-with-text {
        -apple-pay-button-style: black
    }
    .apple-pay-button-white-with-text {
        -apple-pay-button-style: white
    }
    .apple-pay-button-white-with-line-with-text {
        -apple-pay-button-style: white-outline
    }
}

/*@supports not(-webkit-appearance:-apple-pay-button) {
	.apple-pay-button-with-text {--apple-pay-scale:1; display:inline-flex; justify-content:center; font-size:12px; border-radius:5px; padding:0px; box-sizing:border-box; min-width:200px; min-height:32px; max-height:64px; cursor:pointer}
	.apple-pay-button-with-text span {color}
	.apple-pay-button-black-with-text {background-color:black; color:white}
	.apple-pay-button-white-with-text {background-color:white; color:black}
	.apple-pay-button-white-with-line-with-text {background-color:white; color:black; border:.5px solid black}
	.apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {background-image:-webkit-named-image(apple-pay-logo-white); background-color:black}
	.apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {background-image:-webkit-named-image(apple-pay-logo-black); background-color:white}
	.apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo {background-image:-webkit-named-image(apple-pay-logo-black); background-color:white}
	.apple-pay-button-with-text > .text {font-family:-apple-system; font-size:calc(1em * var(--apple-pay-scale)); font-weight:300; align-self:center; margin-right:calc(2px*var(--apple-pay-scale))}
	.apple-pay-button-with-text > .logo {width:calc(35px*var(--scale)); height:100%; background-size:100% 60%; background-repeat:no-repeat; background-position:0 50%; margin-left:calc(2px*var(--apple-pay-scale)); border:none}
}*/

.js_braintree_applepay_button_disabled {
    opacity: 0.4;
    cursor: default
}

#braintreeCreditCardFieldsContainer .braintree-hosted-fields-ph {
    display: none;
    line-height: 36px;
    color: #b9b9b9;
}

#braintreeCreditCardFieldsContainer .field-responsive-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 0 16px 0;
}

#braintreeCreditCardFieldsContainer .field-responsive-wrapper .form-row {
    margin: 0;
    width: 48%;
}

#braintreeCardNumber {
    height: 48px;
    border: 1px solid #cdcdcd;
}

@media screen and (min-width: 64em) {
	#braintreeCreditCardFieldsContainer {
		width: 612px;
	}
	#braintreeCreditCardFieldsContainer .field-responsive-wrapper {
		width: 292px;
		display: inline-flex;
	}
	#braintreeCreditCardFieldsContainer .field-responsive-wrapper:last-child{
   		margin-left: 20px;
	}
    #braintreeCreditCardFieldsContainer .field-responsive-wrapper .form-row {
    	width: 140px;
    }
}
    
#braintreeCreditCardFieldsContainer .field-responsive-wrapper .input-select,
#braintreeCreditCardFieldsContainer .field-responsive-wrapper .input-text {
    width: 100%;
}

#braintreeCreditCardFieldsContainer .form-field-tooltip {
    padding: 13px 0 0;
    margin: 0;
}

#braintreeCreditCardFieldsContainer .braintree-hosted-fields-iframe-container.input-text,
#braintreeCreditCardFieldsContainer .braintree-hosted-fields-iframe-container.input-select {
    padding: 0;
}

#braintreeCreditCardFieldsContainer #braintreeCardOwnerWrap {
    padding: 0;
    height: auto;
}

#braintreeCreditCardFieldsContainer .braintree-input-wrap .braintree-field-wrap .braintree-hosted-fields-iframe-container>input {
    border: none;
}

#braintreeCreditCardFieldsContainer .braintree-hosted-fields-focused {
    border: 1px solid #525352;
}

#braintreeCreditCardFieldsContainer .braintree-input-wrap.fields-invalid .braintree-field-wrap .input-text,
#braintreeCreditCardFieldsContainer .braintree-select-wrap.fields-invalid .braintree-field-wrap .input-select,
#braintreeCreditCardFieldsContainer .braintree-hosted-fields-invalid {
    border: 1px solid #d8d8d8;
    border-bottom: 1px solid #ce0e0e
}

#braintreeCreditCardFieldsContainer .braintree-select-wrap iframe {
    width: calc(100% + 2px) !important;
    margin-left: -1px !important;
}

.js_braintree_paypal_billing_button.disabled,
.js_braintree_applepay_button.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.used-paypal-account-hide {
    display: none;
}