@import '../../../master/settings/settings';

.rc_module, .rc_details {
  .eMerch-heading {
    text-align: center;
  }
  .rc_row {
    display: table;
    table-layout: fixed;
    width: 100%;

    &_content {
      margin-top: 1rem;
    }
  }

  .rc_col {
    display: table-cell;

    &_middle {
      vertical-align: middle;
    }

    &_img {
      width: 100px;
    }
  }

  .rc_effective_date {
    text-transform: none;
  }

  .button_set {
    margin-top: 24px;
    text-align: center;
  }

  .rc_print {
    background: none;
    font-size: small;
    font-weight: $fontWeightSemiBold;
    border: 0;
    color: $blue;
    position: absolute;
    padding: 0.25rem 0.5rem;
    top: 0.75rem;
    right: 1.5rem;

    &_img {
      background: url('//media.officedepot.com/co_rgb:1E5A99,e_colorize:100,f_png,w_32,h_32/icons/Print.png') no-repeat;
      width: 32px;
      height: 32px;
      display: block;
      transform: scale(0.75);
      margin-right: 0.25rem;
    }

    .rc_row {
      width: auto;
      margin: 0 auto;
    }
  }


  .rc_img {
    width: 80px;
    height: 50px;
    display: block;
    border-radius: 5px;
    border: 1px solid $grayMedium;
    box-shadow: 2px 2px 2px $grayMedium;
    margin-left: auto;
    margin-right: auto;

    &_lg {
      width: 160px;
      height: 100px;
    }
  }

  .rc_balance {
    text-align: center;
    margin-top: 15px;
  }
}

.rc_details {
  padding: 2.5rem 1.5rem 1.5rem;
  box-sizing: border-box;
  position: relative;

  .rc_label {
    font-weight: $fontWeightSemiBold;
    font-size: 1rem;
    margin-bottom: 0.5rem;

    &_container {
      display: flex;
    }
  }

  .rc_label_number,
  .rc_label_pin {
    padding-left: 0.25rem;
  }

  .rc_pin,
  .rc_number {
    padding-left: 0.5rem;
    font-size: 1rem;
    font-weight: $fontWeightNormal;
    min-height: 1rem;
  }

  .rc_pin {
    width: 6rem;
  }

  .rc_col_barcode {
    width: 10%;
    vertical-align: bottom;
    align-items: center;
    text-align: center;
  }

  .rc_barcode {
    width: 50%;
    height: 64px;

    &_container {
      height: 64px;
    }
  }

  .rc_col_img_lg {
    width: 184px;
  }

  .rc_row + .rc_row {
    margin-top: 1rem;
  }

  .rc_disclaimer {
    font-size: 0.75rem;
    margin: 1rem 0 0.5rem;
    color: $gray;
  }

  @media only screen and (min-width: 1258px) {
    .rc_col_balance {
      width: 48%;
    }

    .rc_col_balance_container {
      width: 5%;
    }

    .rc_col_pin {
      width: 20%;
    }

    .rc_barcode_container {
      width: 78%;
    }

    .rc_barcode_label {
      font-size: 1rem;
      font-weight: $fontWeightSemiBold;
    }
  }

  @media only screen and (max-width: 1258px) {
    .rc_col {
      text-align: center;
    }
  }
}

// Print styles
@media print {
  body.rc-printing {
    #siteNav,
    .site_nav_spacer {
      display: none;
    }

    #Header.app {
      .od-header-layout-store-bar,
      .od-header-logo-od-svg {
        display: none;
      }

      .od-header-logo-od-svg-print {
        display: block;
      }
    }

    #content,
    #mainContent {
      > * {
        display: none;
      }

      > #rcModuleList,
      > .msite_return_card_section {
        display: block;
      }

      .rc_details.active_tab,
      .msite_return_card .rc_details.tab {
        border: 2px solid $grayMedium;
        margin-top: 4rem;
        padding-top: 1rem;
      }

      .rc_details.active_tab:before,
      .msite_return_card .rc_details.tab:before {
        content: attr(data-heading);
        position: absolute;
        top: -2.5rem;
        left: 0;
        font-weight: $fontWeightSemiBold;
        font-size: 1.5rem;
      }

      .rc_label {
        padding-left: 0.5rem;
      }
    }
  }
}