.navbar-content {
  height: 55px;
  position: relative;
  background: black;
  font-family: Helvetica,Arial,sans-serif; }
  .navbar-content .nav-logo {
    background-color: rgba(255, 255, 255, 0.1);
    width: 226px;
    height: 100%;
    display: inline-block;
    margin-right: 85px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    line-height: 55px; }
    .navbar-content .nav-logo img {
      margin-top: 5px;
      height: 19px;
      width: 111px;
      text-decoration: none; }
  .navbar-content .user-img {
    margin-top: 7px;
    margin-right: 65px; }

.gems-checkout {
  font-family: Helvetica,Arial,sans-serif;
  background: white;
  height: calc(100vh - 55px);
  overflow-y: auto; }
  .gems-checkout .gems-balance {
    background: #f93593;
    height: 235px;
    text-align: center; }
    .gems-checkout .gems-balance .title {
      font-family: Montserrat,Helvetica,Arial,sans-serif;
      color: white;
      padding-top: 25px;
      font-size: 20px;
      letter-spacing: 0.4px;
      font-weight: bold; }
    .gems-checkout .gems-balance img {
      padding-top: 20px;
      padding-bottom: 10px; }
    .gems-checkout .gems-balance .gems-count {
      font-size: 26px;
      color: white;
      font-weight: 300;
      letter-spacing: -0.8px; }
    .gems-checkout .gems-balance .gems {
      color: white;
      font-weight: 300;
      font-size: 20px;
      padding-top: 8px;
      letter-spacing: -0.8px; }
  .gems-checkout .pending-checkouts {
    height: 180px;
    border-bottom: 1px solid #d0dbd3;
    margin: 0 auto;
    width: 65vw; }
    .gems-checkout .pending-checkouts .title {
      font-family: Montserrat,Helvetica,Arial,sans-serif;
      padding-top: 20px;
      font-weight: 600;
      font-size: 16px; }
    .gems-checkout .pending-checkouts .checkouts {
      font-size: 14px; }
      .gems-checkout .pending-checkouts .checkouts div {
        padding-top: 10px; }
        .gems-checkout .pending-checkouts .checkouts div .gems-requested {
          color: #f93593;
          font-weight: 400; }
        .gems-checkout .pending-checkouts .checkouts div .dollars-requested {
          font-weight: 400; }
        .gems-checkout .pending-checkouts .checkouts div img {
          margin-top: 4px;
          margin-right: 5px; }
    .gems-checkout .pending-checkouts .checkouts-duration {
      color: #BCBCBC;
      font-size: 14px; }
    .gems-checkout .pending-checkouts .checkouts-note {
      text-align: center;
      color: #F86CAF;
      padding-top: 15px; }
  .gems-checkout .cash-out-gems {
    text-align: center;
    padding-top: 20px; }
    .gems-checkout .cash-out-gems .cash-out-btn {
      background: #f93593;
      width: 200px;
      font-weight: lighter; }
  .gems-checkout .payment-history {
    text-align: center;
    padding-top: 10px;
    font-size: 13px;
    text-decoration: underline; }
  .gems-checkout .details h3 {
    font-weight: bold;
    font-size: 16px; }
  .gems-checkout .details p {
    color: #9b9b9b;
    font-size: 13px; }
  .gems-checkout .gems-details {
    margin: 0 auto;
    width: 65vw; }
  .gems-checkout .terms-container {
    margin: 0 auto;
    width: 65vw;
    height: calc(100% - 60px); }
    .gems-checkout .terms-container .terms-titles {
      text-align: center;
      height: 100px; }
      .gems-checkout .terms-container .terms-titles .main {
        font-family: Montserrat,Helvetica,Arial,sans-serif;
        font-weight: bold;
        padding-top: 20px;
        font-size: 17px; }
      .gems-checkout .terms-container .terms-titles .sub {
        padding-top: 20px;
        color: #9b9b9b;
        font-size: 14px; }
    .gems-checkout .terms-container .terms-details {
      overflow-y: auto;
      height: calc(100% - 100px); }
  .gems-checkout .agree-footer {
    text-align: center;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 60px;
    background: white;
    width: 100%;
    border-top: 1px solid #d0dbd3; }
    .gems-checkout .agree-footer .agree-btn {
      margin-top: 10px; }
      .gems-checkout .agree-footer .agree-btn .blue-btn {
        background: #2695F9;
        width: 150px; }
  .gems-checkout .withdrawal-options-container {
    margin: 0 auto;
    width: 50vw;
    height: calc(100% - 235px); }
    .gems-checkout .withdrawal-options-container .title {
      text-align: center;
      border-bottom: 1px solid #d0dbd3;
      padding-top: 20px;
      padding-bottom: 20px;
      font-weight: 400;
      font-size: 16px; }
    .gems-checkout .withdrawal-options-container .withdrawal-options div {
      padding-top: 25px;
      padding-bottom: 25px;
      border-bottom: 1px solid #d0dbd3; }
      .gems-checkout .withdrawal-options-container .withdrawal-options div input {
        margin: 0; }
      .gems-checkout .withdrawal-options-container .withdrawal-options div .dollars {
        font-weight: 700;
        margin-left: 5px; }
      .gems-checkout .withdrawal-options-container .withdrawal-options div .gems {
        font-weight: 500; }
        .gems-checkout .withdrawal-options-container .withdrawal-options div .gems img {
          margin-right: 8px; }
    .gems-checkout .withdrawal-options-container .withdrawal-options .row-disabled {
      color: #989898; }
    .gems-checkout .withdrawal-options-container .cash-out {
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px; }
      .gems-checkout .withdrawal-options-container .cash-out .cash-out-btn {
        background: #9B9B9B;
        width: 170px;
        font-weight: lighter; }
      .gems-checkout .withdrawal-options-container .cash-out .cash-out-btn-enable {
        background: #2695F9; }

@media only screen and (max-device-width: 480px) {
  .gems-checkout {
    height: 100vh; }
    .gems-checkout .gems-details {
      width: 90vw; }
    .gems-checkout .terms-container {
      width: 95vw; }
    .gems-checkout .pending-checkouts {
      width: 90vw; }
    .gems-checkout .withdrawal-options-container {
      width: 90vw; } }