.account-stats {
  padding-bottom:20px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.account-numbers > div {
  vertical-align: top;
  display: inline-block;
  margin-left: 20px;
  float: right;
}

.account-numbers .number-highlight {
  color: #8429ce;
}

.account-numbers .number-button {
  line-height: 31px;
  font-weight: 600;
  padding: 3px 15px;
  text-align: center;
  color: #8429ce;
  border: 1px solid #8429ce;
  display: inline-block;
  margin-top: 5px;
  background-color: #fff;
  border-radius: 5px;
}

.account-numbers .number-button:hover {
  background-color: rgba(132, 41, 206, 0.12);
  text-decoration: none;
}

.recurly-billing-form {
  display: none;
}

.recurly-billing-form.recurly-billing-form--selected {
  display: block;
}

.member-payment-methods .member-payment-method {
  max-width: 600px;
  margin: 20px 0 0;
  border-width: 1px!important;
}

.first-stats-size {margin-left:0;}
.account-formgroup {float:left;width:300px;margin-left:20px;margin-bottom:10px;}
.account-banner {width:1140px;height:250px;}
.account-avatar-img {width:115px;height:115px;}
.with-height {height:60px;}
.first-group {margin-left:0;}
p {margin:0 0 1em;}
.radio {margin:0 4px 0 20px;}
.first-radio {margin-left:0;}
textarea {margin:0 0 20px!important;height:200px;}
.content-tabs {margin:30px 0 20px !important;}
.no-top-margin {margin-top:0 !important;}
.no-bottom-margin {margin-bottom:0 !important;}
.personality {float:left;width:300px;margin:0 0 20px 20px;}
.personality:nth-child(3n+1) {margin-left:0;}
.has-margin-top {margin-top:30px;}
table {margin-top: 20px; margin-bottom:30px;}
.pager-bottom {margin:30px 0;}
.comment-message {width:870px;}
.unread {color:red;}
.read {color:green;}
.profile-link-buttons a {
  margin-left: 10px;
  font-size: 13px;
  line-height: 31px;
  width: 140px;
  height: 30px;
  text-align: center;
  color: #8429ce;
  background: rgba(132, 41, 206, 0.12);
  display: inline-block;
}
.profile-link-button {
  position: absolute;
  top: -8px;
  margin-left: 30px;
  font-size: 13px;
  line-height: 31px;
  width: 140px;
  height: 30px;
  text-align: center;
  color: #8429ce;
  background: rgba(132, 41, 206, 0.12);
  display: inline-block;
}
.profile-link-button:hover {
  background: rgba(132, 41, 206, 0.08);
  text-decoration: none;
}

.vip-cancel-offer {
  position: relative;
  background-size: contain;
  height: 480px;
}

.view-offer-button {
  position: absolute;
  top: 393px;
  left: 397px;
  border:1px solid #ffb171;
  background:#ff8212;
  color: #fafafa;
  line-height: 42px;
  width: 204px;
  height: 42px;
  text-transform: uppercase;
}

.view-offer-button.disabled {
  background: #999999;
  border-color: #cccccc;
}

.reject-offer-link.reject-offer-desktop {
  position: absolute;
  top: 442px;
  left: 407px;
  color: #000000;
  font-size:10px;
  text-transform: uppercase;
}

.reject-offer-link.reject-offer-mobile {
  position: absolute;
  display: none;
  top: 478px;
  left: 35px;
  border:1px solid #fbcfb9;
  background:#fac2a4;
  color: #fef0e4;
  font-size: 18px;
  line-height: 21px;
  padding-top: 10px;
  width: 148px;
  height: 63px;
  text-transform: uppercase;
}

.warning {
  font-weight: normal;
}

table.subscription-table, table.promotion-table {
  width: 100%;
}

td.status-col {
  text-transform: capitalize;
}

td.cancel-col a {
  background: rgba(53, 129, 190, 0.12);
  color: #3581BE;
}

td.cancel-col a:hover {
  background: rgba(53, 129, 190, 0.08);
  border: 1px solid #3581BE;
}

.recurly-elements {
  margin-top: 14px;
  margin-bottom: 30px;
  background: #fff;
  border: 1px solid #b5b5b5;
  border-radius: 5px;
  color: #000000;
  line-height: normal;
  width: 619px;
  height: 35px;
}

.member-payment-methods .recurly-elements {
  margin-bottom: 5px;
}

.recurly-element, .recurly-hosted-field {
  height: 33px!important;
  border: none!important;
  margin-top: 0!important;
}

.recurly-elements > .recurly-element > iframe {
  height: 35px!important;
}

.signup-form div.validate-error, .recurly-billing-form div.validate-error {
  position: relative;
  background-color: #e12f40;
  color: #fff!important;
  margin: 3px 0;
  padding: 6px 10px;
  text-align: center;
}

.signup-form div.validate-error:before, .recurly-billing-form div.validate-error:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 12px solid #e12f40;
  left: 50%;
  top: -11px;
}

.recurly-errors {
  display: flex;
  gap: 2em;
}

.recurly-elements.validate-error {
  height: 42px!important;
}

.recurly-billing-form input.validate-error,
.recurly-billing-form select.validate-error,
.recurly-billing-form textarea.validate-error {
  background-color: #d43333;
  color: #ffffff;
}
.recurly-billing-form input.validate-error::placeholder,
.recurly-billing-form select.validate-error::placeholder,
.recurly-billing-form textarea.validate-error::placeholder {
  color: #ffffff;
}

.recurly-billing-form .recurly-validation-error {
  color: #d43333;
  font-size: 12px;
  display: none;
  line-height: 20px;
}

.recurly-billing-form .recurly-validation-error.validate-error {
  display: block;
}

.shockwave-codes table img {
  max-width: 200px;
  cursor: pointer;
}

.shockwave-codes table td, .shockwave-codes table th {
  border-left: 1px solid #eaea;
  vertical-align: middle;
  padding: 0px 15px;
}

.shockwave-codeless a {
  text-decoration: underline;
  color: #6100b0;
}

#md-modal-generate-promotion .md-content {
  border-radius: 20px;
}

#md-modal-generate-promotion .md-content>.md-close {
  color: #000;
}

#md-modal-generate-promotion .md-content .heading-text {
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
}

#md-modal-generate-promotion .md-content .form-entry {
  margin: 3px 0;
}

#md-modal-generate-promotion .md-content .form-entry label {
  display: inline-block;
  width: 130px;
}

#md-modal-generate-promotion .md-content .form-entry input {
  width: 230px;
}

@media (min-width: 320px) and (max-width: 500px) {
  table.subscription-table {
    width: 450px;
  }

  table.subscription-table td:first-child > div {
    width: 150px;
    word-wrap: break-word;
    display: inline-block;
  }

  .show-subscriptions {
    margin-top:10px;
  }

  .account-numbers {
    margin-top: 20px;
    float: unset;
    width: 450px;
  }

  .account-numbers > div {
    margin-left: 0;
    margin-right: 10px;
    float: unset;
  }

  .tab-link {
    width: 108px!important;
  }

  .profile-link-button {
    position: relative;
    top: 0;
    margin-left: 0;
  }

  .member-payment-methods .member-payment-method {
    max-width: 450px;
  }

  .recurly-elements {
    width: 450px;
  }

  .vip-cancel-offer {
    background-image: url('/images/v9/cancel_special_offers-mobile.png');
    width: 480px;
    height: 640px;
  }

  .reject-offer-link.reject-offer-desktop {
    display: none;
  }

  .reject-offer-link.reject-offer-mobile {
    display: block;
  }

  .view-offer-button {
    top: 478px;
    left: 187px;
    width: 265px;
    height: 63px;
    font-size: 18px;
    line-height: 61px;
  }
}