/* line 1, app/assets/stylesheets/braintree.scss */
iframe {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 0 !important;
}

/* line 8, app/assets/stylesheets/braintree.scss */
.error h3 .red, .error h4 .red {
  color: red;
}

/* line 12, app/assets/stylesheets/braintree.scss */
.change_mem_level {
  float: right;
  margin-right: 65px;
}

/* line 18, app/assets/stylesheets/braintree.scss */
#cardForm .hosted-field, .payment-form .hosted-field {
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 12px;
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 14px;
  border: 1px solid #dddddd;
  line-height: 20px;
  background: #fcfcfc;
  margin-bottom: 12px;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, white), color-stop(50%, #fcfcfc));
  background: -webkit-linear-gradient(left, white 50%, #fcfcfc 50%);
  background: linear-gradient(to right, white 50%, #fcfcfc 50%);
  -webkit-background-size: 200% 100%;
          background-size: 200% 100%;
  background-position: right bottom;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

/* line 36, app/assets/stylesheets/braintree.scss */
#cardForm input.hosted-field:focus, .payment-form input.hosted-field:focus {
  outline: none;
}

/* line 40, app/assets/stylesheets/braintree.scss */
#cardForm .hosted-fields--label, .payment-form .hosted-fields--label {
  font-family: "PT Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 16px;
  display: block;
  margin-bottom: 6px;
}

/* line 47, app/assets/stylesheets/braintree.scss */
#cardForm .button-container, .payment-form .button-container {
  display: block;
  text-align: center;
}

/* line 52, app/assets/stylesheets/braintree.scss */
#cardForm .button, .payment-form .button {
  cursor: pointer;
  font-weight: 500;
  line-height: inherit;
  position: relative;
  text-decoration: none;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
}

/* line 67, app/assets/stylesheets/braintree.scss */
#cardForm .button--small, .payment-form .button--small {
  padding: 10px 20px;
  font-size: 0.875rem;
}

/* line 72, app/assets/stylesheets/braintree.scss */
#cardForm .button--green, .payment-form .button--green {
  outline: none;
  background-color: #64d18a;
  border-color: #64d18a;
  color: white;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

/* line 80, app/assets/stylesheets/braintree.scss */
#cardForm .button--green:hover, .payment-form .button--green:hover {
  background-color: #8bdda8;
  color: white;
}

/* line 85, app/assets/stylesheets/braintree.scss */
#cardForm .braintree-hosted-fields-focused, .payment-form .braintree-hosted-fields-focused {
  border: 1px solid #64d18a;
  border-radius: 1px;
  background-position: left bottom;
}

/* line 91, app/assets/stylesheets/braintree.scss */
#cardForm .braintree-hosted-fields-invalid, .payment-form .braintree-hosted-fields-invalid {
  border: 1px solid #ed574a;
}

/* line 99, app/assets/stylesheets/braintree.scss */
#cardForm {
  max-width: 50.75em;
  margin: 0 auto;
  padding: 1.875em;
}

/* line 106, app/assets/stylesheets/braintree.scss */
tr.clickable:hover {
  cursor: pointer;
  background-color: #e2e2e2;
}

/* line 112, app/assets/stylesheets/braintree.scss */
#confirm-pay {
  background-color: #fff;
}

/* line 116, app/assets/stylesheets/braintree.scss */
#existing-cards {
  width: 90%;
  float: right;
}

/* line 121, app/assets/stylesheets/braintree.scss */
#existing-cards tr td:first-child {
  width: 40px;
}

/* line 126, app/assets/stylesheets/braintree.scss */
#existing-cards .card-radio {
  margin: 0 0 0 10px;
}

/* line 129, app/assets/stylesheets/braintree.scss */
#existing-cards .cvv {
  width: 100px;
}

/* line 133, app/assets/stylesheets/braintree.scss */
#existing-cards td.cvv-field .payment-form {
  display: none;
}

/* line 139, app/assets/stylesheets/braintree.scss */
#existing-cards .selected .cvv-field .payment-form {
  display: block;
}

/* line 145, app/assets/stylesheets/braintree.scss */
#existing-cards .payment-form .hosted-field {
  margin: 0;
}

/* line 152, app/assets/stylesheets/braintree.scss */
.accordion-navigation > a {
  font-size: 25px !important;
  padding: 10px 0 10px 20px !important;
  background-color: #fff !important;
  border-bottom: 1px solid #ddd;
}

/* line 157, app/assets/stylesheets/braintree.scss */
.accordion-navigation > a input[type='radio'] {
  margin: 0 20px 0 0;
}

/* line 160, app/assets/stylesheets/braintree.scss */
.accordion-navigation > a i {
  font-size: 60px;
  margin: 0 10px 0 0;
  line-height: 0;
  display: inline-table;
  vertical-align: middle;
}

/* line 170, app/assets/stylesheets/braintree.scss */
#paypal-button {
  text-align: center;
  margin-bottom: 20px;
}

/* line 176, app/assets/stylesheets/braintree.scss */
#messages.success h4 {
  color: green;
}

/* line 177, app/assets/stylesheets/braintree.scss */
#messages.failed h4 {
  color: red;
}

/* line 180, app/assets/stylesheets/braintree.scss */
#paypal-success {
  padding: 20px;
}

/* line 188, app/assets/stylesheets/braintree.scss */
#payment-accordion .content.empty {
  padding: 0;
}

/* line 191, app/assets/stylesheets/braintree.scss */
.block_membership_content {
  margin-left: 90px;
}

/* line 195, app/assets/stylesheets/braintree.scss */
.premium_plus {
  color: #fbb03a;
}

/* line 199, app/assets/stylesheets/braintree.scss */
.premium {
  color: #3c86b6;
}

/* line 204, app/assets/stylesheets/braintree.scss */
#order-button i {
  margin-left: 10px;
  font-size: 22px;
  display: none;
}

/* line 210, app/assets/stylesheets/braintree.scss */
#order-button.disabled i {
  display: inline-block;
}

/* line 216, app/assets/stylesheets/braintree.scss */
.default-card {
  width: 75px;
}

/* line 220, app/assets/stylesheets/braintree.scss */
.not-active {
  pointer-events: none;
}

/* line 226, app/assets/stylesheets/braintree.scss */
input#promo_code.valid {
  border-color: #008000;
  background-color: #d4ffd4;
}

/* line 230, app/assets/stylesheets/braintree.scss */
input#promo_code.invalid {
  border-color: red;
  background-color: rgba(253, 0, 0, 0.3);
}

/* line 237, app/assets/stylesheets/braintree.scss */
#promo_code_invalid_message {
  display: none;
  font-size: 13px;
}

/* line 242, app/assets/stylesheets/braintree.scss */
.promo-disclaimer {
  color: #5f5f5f;
  font-size: 14px;
}

/* line 248, app/assets/stylesheets/braintree.scss */
.sag-discount-price {
  font-size: 20px;
}

/* line 250, app/assets/stylesheets/braintree.scss */
.sag-discount-price .old_price {
  color: gray;
  text-decoration: line-through;
  font-weight: bold;
}

/* line 255, app/assets/stylesheets/braintree.scss */
.sag-discount-price .sag_sale {
  color: #2b59a1;
}

/* line 258, app/assets/stylesheets/braintree.scss */
.sag-discount-price .sag_price {
  color: #2b59a1;
  font-weight: bold;
  margin: 0;
}

/* line 264, app/assets/stylesheets/braintree.scss */
#old_plan_price {
  display: none;
  margin-top: 0;
  text-decoration: line-through;
  font-size: 18px;
}