#card-number,
#card-cvv,
#card-expiry-month,
#card-expiry-year
  background: #FFFFFF
  border: 1px solid #D5D6D8
  box-shadow: inset 0px 1px 1px 0px #EAEAEB
  border-radius: 3px
  padding: 0 15px
  height: 40px
  line-height: 40px

  &.braintree-hosted-fields-focused
    border-color: #7D9E1D

  &.braintree-hosted-fields-invalid
    border-color: #D9534F
    
.checkout-card-types
  border-radius: 3px
  background: #F4F5F5
  padding: 10px 15px
  display: inline-block

  img
    border: 1px solid transparent
    border-radius: 3px
    display: inline-block
    margin-right: 5px
    opacity: .5

    &.is-current
      opacity: 1
      border-color: #7D9E1D