﻿.subscriptions-form {
  display: flex;
  justify-content: space-between;
  min-height: 372px;
  padding: 15px; }
  @media screen and (max-width: 767px) {
    .subscriptions-form {
      flex-direction: column; } }
  .subscriptions-form .error-text {
    color: #d01e1e;
    font-size: 12px; }
  .subscriptions-form .subscriptions-form-inputs-and-results {
    width: 100%; }
    .subscriptions-form .subscriptions-form-inputs-and-results .error-asterix {
      color: #d01e1e;
      margin-left: 3px; }
    .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-error, .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-success {
      margin-top: 60px; }
    .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-heading {
      margin-bottom: 15px;
      margin-right: 15px; }
      @media screen and (max-width: 767px) {
        .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-heading {
          margin-right: 0px; } }
      .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-heading h2 {
        margin-bottom: 8px; }
    .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs {
      margin-right: 15px;
      max-width: 600px; }
      @media screen and (max-width: 767px) {
        .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs {
          margin-right: 0px;
          max-width: unset; } }
      .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .input-container {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        margin-right: 10px;
        width: calc(50% - 10px); }
        @media screen and (max-width: 767px) {
          .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .input-container {
            margin-right: 0px;
            width: 100%; } }
        .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .input-container label {
          font-weight: bold; }
        .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .input-container textarea {
          height: 100%; }
      .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .subscriptions-form-information-inputs {
        display: flex;
        flex-flow: row wrap;
        margin-bottom: -10px;
        width: 100%; }
      .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .discount-code-row {
        display: flex; }
        .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .discount-code-row button {
          height: 30px;
          margin-left: 5px;
          margin-top: auto;
          width: 160px; }
          .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .discount-code-row button div, .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .discount-code-row button img {
            padding: 0; }
          .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .discount-code-row button:disabled {
            background: #d1d1d1 !important;
            color: #aaaaaa !important; }
          .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .discount-code-row button .discount-apply-spinner {
            height: 24px; }
            .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .discount-code-row button .discount-apply-spinner img {
              height: 18px;
              margin-right: 5px;
              animation: rotation 2s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
        .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .discount-code-row .input-container {
          margin-bottom: 0px;
          width: calc(50% - 5px); }
          @media screen and (max-width: 767px) {
            .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .discount-code-row .input-container {
              margin-right: 10px; } }
      .subscriptions-form .subscriptions-form-inputs-and-results .subscriptions-form-inputs .subscriptions-form-discount-code-description {
        margin-top: 60px;
        margin-bottom: 60px; }
  .subscriptions-form .subscriptions-form-outputs {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 280px; }
    @media screen and (max-width: 767px) {
      .subscriptions-form .subscriptions-form-outputs {
        margin-top: 15px; } }
    .subscriptions-form .subscriptions-form-outputs button {
      height: 46px; }
      .subscriptions-form .subscriptions-form-outputs button:disabled {
        background: #d1d1d1 !important;
        color: #aaaaaa !important; }
    .subscriptions-form .subscriptions-form-outputs .subscriptions-form-price {
      background: white;
      font-size: 32px;
      font-weight: bold;
      margin-bottom: 15px;
      padding: 15px;
      text-align: center; }
    .subscriptions-form .subscriptions-form-outputs .subscriptions-form-paypal-button-container {
      margin-bottom: -7px; }
