/*#payment-details .form-item {
  margin: 0px;
  display: inline-block;
  vertical-align: bottom;
}

#payment-details #edit-commerce-payment-payment-details-braintree-number {
  width: 16em;
  margin-top: 10px;
  margin-right: 10px;
}

#payment-details .commerce-credit-card-expiration {
  margin-top: 10px;
  margin-right: 10px;
}

#payment-details .commerce-month-year-divider,
#payment-details .braintree-month-year-divider{
  display: inline-block;
  vertical-align: bottom;
  margin: 0px 5px 0px 2px;
}

#payment-details #edit-commerce-payment-payment-details-braintree-cvv {
  margin-top: 10px;
  width: 82px;
}

.braintree-hosted-field {
  height: 1.2em;
  border: 1px solid #D6D2C4;
  padding: 4px;
  background: #FFF;
  box-sizing: content-box;
}
*/

/* Why are these IDs so long? */
#edit-submitted-payment-information-payment-fields-credit-braintree-new-expiration-card-expiration-month,
#edit-payment-fields-credit-braintree-new-expiration-card-expiration-month,
#edit-month,
#edit-payment-fields-credit-braintree-new-expiration-month,
#edit-submitted-payment-information-payment-fields-credit-braintree-new-expiration-card-expiration-year,
#edit-payment-fields-credit-braintree-new-expiration-card-expiration-year,
#edit-year,
#edit-payment-fields-credit-braintree-new-expiration-year {
  display: inline-block;
  width: 8em;
  clear:none;
  float: none;
}
#edit-payment-fields-credit-braintree-new-expiration-month,
#edit-payment-fields-credit-braintree-new-expiration-year {
  width: 9em;
}

#expiration-month {
  width: 6em;
}

#expiration-year {
  width: 6em;
}

#cvv {
  width: 5em;
}

.braintree-month-year-divider {
    display: inline-block;
    width: 1em;
}

.webform-client-form .braintree-hosted-field.error {
  background:none;
  color:#333;
}

/*
.braintree-hosted-fields-focused {
  border-color: #777;
}

.braintree-hosted-fields-invalid {
  border-color: red;
}

.braintree-hosted-fields-valid {
  border-color: limegreen;
}

.payment-details-method-title {
  font-weight: bold;
}

#paypal-container {
  margin-top: 1em;
}

body.using-existing-payment-method #braintree-payment-form-outer {
  display: none;
}

#payment-details .form-item-commerce-payment-payment-details-braintree-payment-method-token {
  display: none;
}

body.using-existing-payment-method #payment-details .form-item-commerce-payment-payment-details-braintree-payment-method-token {
  display: block;
}

.braintree-payment-toggle-link {
  clear: both;
  margin-top: 1rem;
}
*/

/**
 * Headless styling for PayPal
 */
#braintree-paypal-loggedin {
  display: none;
  max-width: 500px;
  overflow: hidden;
  padding: 16px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(209, 212, 214);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(209, 212, 214);
  background-image: url("https://checkout.paypal.com/pwpp/2.21.0/images/paypal-small.svg"), none;
  background-size: 13px 15px;
  background-position: 20px 50%;
  background-repeat: no-repeat;
}
#braintree-paypal-loggedout {
  display: block;
  overflow: hidden;
}
#bt-pp-name {
  color: rgb(40, 48, 54);
  font-size: 13px;
  font-weight: 800;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 36px;
  -webkit-font-smoothing: antialiased;
}
#bt-pp-email {
  color: rgb(110, 120, 127);
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 5px;
  -webkit-font-smoothing: antialiased;
}
#bt-pp-cancel {
  color: rgb(61, 149, 206);
  font-size: 11px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 20px;
  margin: 0px 0px 0px 25px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  text-decoration: underline;
  float: right;
  -webkit-font-smoothing: antialiased;
  background-color: transparent;
}
#braintree-paypal-button {
  display: block;
  width: 115px;
  height: 44px;
  overflow: hidden;
}
#braintree-paypal-button img {
  max-width: 100%;
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  border: 0px;
}