@import "client/common.scss";

[data-react-class="PayPalConfirmationScreen"] {
  height: 100%;
  overflow: scroll;

  .content-body-scroller {
    height: calc(100% - 30px) ! important; // 15px top and bottom padding, and 48px used by .controls
    padding: 15px 30px;
  }

  .confirm-header {
    color: white;
    font-size: 20px;
  }

  .controls.bottom {
    margin-top: 20px;
  }

  .place-order-btn {
    text-align: center;
    margin-right:0;
  }

  .or-holder {
    margin-top: 20px;
    text-align: center;
  }

  .cancel-order-btn {
    margin-top: 20px;
    text-align: center;
  }
  .shopping-cart-contents {
    @include border-box_sizing;
    width: 50%;
    margin-top:20px;
  }
  .controls {
    @include border-box_sizing;
    width:50%;
    a {
      float:right;
    }
  }
  .loading-indicator {
    margin-bottom:20px;
    padding-bottom:20px;
  }

  .sold-notice {
    h2 {
      font-size:30px;
      text-align:center;
    }
  }
  .download-jamkazam {
    color:$ColorLink;
    border-radius: 4px;
    border-style:solid;
    border-color:#AAA;
    border-width:1px;
    padding:10px;
    margin-top:20px;
    display:inline-block;
  }

  .download-jamkazam-wrapper, .back-to-browsing {
    text-align:center;
    display:block;
    margin-top:35px;

    &.hidden {
      display:none;
    }
  }
}
