.s72-pricing-button-selector {
  display: inline-block; }

s72-pricing-buttons {
  display: none; }
  s72-pricing-buttons.s72-show {
    display: inline-block; }

.s72-pricing-button-container .s72-btn:nth-child(2) {
  margin-left: .5rem; }

.s72-subscriptions-list {
  display: block; }

.s72-subscriptions-list-item {
  display: block; }

.s72-shopping-modal .s72-modal-body .s72-shopping-modal-promo-code .s72-form-group {
  margin-bottom: 0.625rem; }

.s72-shopping-modal .s72-modal-footer p.s72-terms-and-conditions {
  margin-top: 2.375rem; }

.s72-shopping-modal-header-image {
  width: 20%; }
  .s72-shopping-modal-header-image img {
    width: 100%; }

.s72-shopping-modal-header-title {
  width: 80%; }

.s72-shopping-header-price {
  flex-direction: column;
  display: flex; }

.s72-price-line {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }

.s72-price-title,
.s72-price {
  flex: 0 0 50%; }

s72-userlibrary {
  display: block;
  width: 100%; }

.s72-payment-option-group .s72-form-group {
  margin-bottom: 0.5rem; }
  .s72-payment-option-group .s72-form-group a {
    margin-left: 0.2rem; }

.s72-payment-option-group a:hover {
  cursor: pointer; }

.s72-payment-option-group .deleted-card {
  float: right;
  margin-right: 12px; }
  .s72-payment-option-group .deleted-card.delete-text {
    color: #ff0000; }

.s72-payment-option-group .deleted-card:hover {
  text-decoration: underline; }

.s72-payment-option-group .delete-dialog-show {
  margin: 0 0 8px;
  padding: 10px 8px 10px 8px;
  border-radius: 0.3rem;
  background-color: rgba(0, 0, 0, 0.07);
  display: flex;
  flex-wrap: wrap;
  width: 100%; }
  .s72-payment-option-group .delete-dialog-show .delete-dialog-text {
    flex: 0 0 70%; }

.s72-payment-option-group .s72-btn-delete-credit-card {
  margin-left: auto;
  padding: 0px; }

.s72-payment-option-group i.fa.fa-trash {
  color: #000; }
  .s72-payment-option-group i.fa.fa-trash:hover {
    color: red; }

.s72-payment-option-group p {
  margin-bottom: 0.5rem;
  font-weight: 500; }

.s72-payment-option-group .s72-btn {
  border-radius: 0.3rem; }

.s72-payment-option-group .s72-shopping-modal-save-card-check {
  flex-grow: 1; }

.s72-payment-option-group .s72-new-card-options {
  padding-top: .5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  .s72-payment-option-group .s72-new-card-options .s72-form-check-label {
    font-size: 0.875rem; }
  .s72-payment-option-group .s72-new-card-options .s72-btn-show-saved-cards {
    font-size: 0.875rem; }

.s72-payment-option-group .s72-form-control.existing-card {
  position: relative;
  margin-bottom: 8px;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  align-items: center; }
  .s72-payment-option-group .s72-form-control.existing-card.selectable {
    cursor: pointer; }
    .s72-payment-option-group .s72-form-control.existing-card.selectable label {
      cursor: pointer;
      display: flex;
      align-items: center; }
    .s72-payment-option-group .s72-form-control.existing-card.selectable:hover {
      background-color: #ccc; }
  .s72-payment-option-group .s72-form-control.existing-card.existing-card input[type="radio"] {
    visibility: hidden;
    margin-right: 5px;
    pointer-events: none; }
  .s72-payment-option-group .s72-form-control.existing-card.existing-card span {
    padding-left: 5px; }
  .s72-payment-option-group .s72-form-control.existing-card.existing-card label {
    margin-bottom: 0px;
    width: 100%; }
    .s72-payment-option-group .s72-form-control.existing-card.existing-card label span {
      font-size: 0.875rem; }
  .s72-payment-option-group .s72-form-control.existing-card.existing-card.selectable input[type="radio"] {
    visibility: visible; }
  .s72-payment-option-group .s72-form-control.existing-card.existing-card.selectable span {
    padding-left: 5px; }
  .s72-payment-option-group .s72-form-control.existing-card .existing-card-label {
    flex: 0 0 90%; }
  .s72-payment-option-group .s72-form-control.existing-card .existing-card-logo-and-text {
    display: flex;
    flex: 1;
    min-width: 0; }
    .s72-payment-option-group .s72-form-control.existing-card .existing-card-logo-and-text label {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .s72-payment-option-group .s72-form-control.existing-card .existing-card-change-credit-card-btn {
    white-space: nowrap; }
    .s72-payment-option-group .s72-form-control.existing-card .existing-card-change-credit-card-btn > button {
      font-size: 0.875rem;
      background: #ccc;
      font-weight: 500;
      right: 3px;
      top: 2px;
      color: #000; }
      .s72-payment-option-group .s72-form-control.existing-card .existing-card-change-credit-card-btn > button:hover {
        background: #999; }

.s72-payment-option-group .s72-form-group button.s72-btn.s72-btn-select-new-card {
  padding: 0px;
  font-size: 0.875rem; }

#new-card-container:not(.StripeElement) {
  border: none;
  padding: 0;
  margin-bottom: -.5rem;
  background-color: transparent; }

.s72-shopping-modal .s72-form-control {
  height: unset; }