.detailsTitleAndDownloadWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

#pdf-print {
  padding: 0.15rem 1rem;
  border: solid 1.5px;
  border-radius: 16px;
  font-size: 16px;
  background-color: white;
  cursor: pointer; }
  #pdf-print img {
    height: 10px;
    margin-left: 2px; }

.confirmationMsgModal {
  width: 280px;
  background-color: #f9f9f9;
  text-align: center;
  padding: 10px;
  color: black; }

@media (min-width: 769px) {
  .add-to-cart-messages.confirmationMsgModal {
    transform: translate(-50%, -50%);
    position: fixed;
    top: 45%;
    left: 50%; } }

.bold {
  font-weight: bold; }

.orderDetailsTopWrapper {
  padding: 18px;
  max-width: 800px;
  margin: 0 auto; }
  @media (min-width: 769px) {
    .orderDetailsTopWrapper {
      margin: 200px auto 0; } }

.returnLinkWrapper {
  margin-bottom: 8px; }
  .returnLinkWrapper #returnToPurchaseHist {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #395072; }

.order-details-title, .items-details-title {
  font-size: 18px;
  font-weight: bold; }

.items-details-title {
  margin-left: 18px; }

.orderStatusWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .orderStatusWrapper .statusBarWrapper {
    width: 32%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center; }
  .orderStatusWrapper .statusBar {
    width: 100%;
    height: 8px;
    background-color: lightgray; }
    .orderStatusWrapper .statusBar.blue {
      background-color: blue; }
    .orderStatusWrapper .statusBar.green {
      background-color: green; }
    .orderStatusWrapper .statusBar.orangered {
      background-color: #c9510d; }
  .orderStatusWrapper .statusLabel {
    color: gray; }
    .orderStatusWrapper .statusLabel.current {
      color: black;
      font-weight: bold; }
    .orderStatusWrapper .statusLabel.completed {
      color: green;
      font-weight: bold; }
      .orderStatusWrapper .statusLabel.completed::before {
        content: "\2713   "; }

.refundMsg {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 12px;
  padding-top: 12px;
  border-top: solid 1px gray;
  font-size: 16px; }
  .refundMsg .refundTitle {
    font-weight: bold;
    margin-bottom: 6px; }
  .refundMsg .refundAmt {
    font-weight: bold; }

.shipmentTrackingNums {
  margin-top: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }

.cancelledItemsMsg {
  background-color: #fff6e9;
  color: #c9510d;
  padding: 8px; }
  .cancelledItemsMsg img {
    margin-right: 6px;
    width: 18px;
    height: 18px; }

.orderDetailsCard {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 8px; }

.orderDetailsHeader {
  font-size: 14px;
  font-weight: bold; }

.detailsCardFlexbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .detailsCardFlexbox .statusFlexWrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .detailsCardFlexbox .totalRow {
    margin: 4px 0px; }
  .detailsCardFlexbox a.trackingNoText {
    display: block;
    color: black;
    pointer-events: none;
    text-decoration: none; }
  .detailsCardFlexbox .detailLabelLink {
    text-decoration: underline;
    color: #1e9cf6;
    display: block; }
  .detailsCardFlexbox .store-phone-link {
    font-size: inherit; }

.store-address-link-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-decoration: underline;
  cursor: pointer; }

.cardTypeBtnWrapper {
  display: -ms-flexbox;
  display: flex; }

.summary-show-items span, .summary-hide-items span {
  margin-left: 6px; }

.summary-show-items img, .summary-hide-items img {
  width: 12px; }

.mobileOnlyCollapser {
  display: none; }

@media only screen and (max-width: 650px) {
  .mobileOnlyCollapser {
    display: -ms-flexbox;
    display: flex; } }

.addItemsToBagFlexParent {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  margin: 16px auto; }

.addSameItemToBagWrapper {
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px 6px 94px;
  margin: 12px 0px; }
  .addSameItemToBagWrapper .quantity-form-buyagain {
    min-width: 70px; }

.addSameItemToBag, #addItemsToBag, #addItemsToBagOffline {
  margin-left: 29px;
  padding: 0.15rem 1rem;
  border: solid 1.5px;
  border-radius: 16px;
  font-size: 16px;
  background-color: white; }

.itemLevelDetailsWrapper {
  padding: 8px 30px; }

.orderDetailsMiddleWrapper {
  max-width: 800px;
  margin: 0 auto;
  padding: 0px 24px; }

.orderDetailsCardsWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.orderDetailsCard {
  width: 360px; }

.instore-only {
  color: #B50021;
  padding-left: 5px; }

.available-msg-label {
  color: #B50021; }
  .available-msg-label .availabilityMsg {
    padding-left: 4px; }

.order-status-icon {
  padding-bottom: 4px; }

.warning-text {
  padding-left: 4px; }

.statusFlexWrapper.sub-tax {
  padding-left: 16px;
  font-size: 12px; }