
.card-purchase-information .checkout-container .text {
  color: #223B82;
}

.cq-Editable-dom .card-purchase-information .checkout-container .text {
  color: #223B82;
}

.cq-Editable-dom .card-purchase-information .checkout-container .title {
  font-size: unset;
}

.card-purchase-information .checkout-container [data-js='detail-return'] {
  margin-bottom: 20px;
}

/* =================== edit mode rules =================== */
.card-purchase-information.cq-Editable-dom .checkout-container .header-checkout
.purchase-information-title.cq-Editable-dom {
  width: 100%;
}

.card-purchase-information.cq-Editable-dom .checkout-container [data-js='detail-return'] {
  display: block;
  margin-bottom: 20px;
}

.card-purchase-information.cq-Editable-dom .checkout-container .header-checkout .purchase-information-title .cmp-text {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #223B82;
  margin: 0;
}

.card-purchase-information.cq-Editable-dom .checkout-container .card-checkout-header .purchase-information-title.cq-Editable-dom {
  width: 50%;
}

.card-purchase-information.cq-Editable-dom .checkout-container .card-checkout .embarque.cq-Editable-dom {
  width: 100%;
}

.cq-Editable-dom .card-purchase-information .checkout-container .card-checkout .boarding-icon.cq-Editable-dom {
  width: auto;
}

.cq-Editable-dom .card-purchase-information .checkout-container .header-checkout .purchase-icon.cq-Editable-dom{
  width: auto;
}

.cq-Editable-dom .card-purchase-information .checkout-container .header-checkout .boarding-icon.cq-Editable-dom img {
  height: auto;
  width: auto;
}

.cq-Editable-dom .card-purchase-information .checkout-container .header-checkout .purchase-icon.cq-Editable-dom img{
  height: auto;
  width: auto;
}

.card-purchase-information.cq-Editable-dom .checkout-container .locator-text.cq-Editable-dom,
.card-purchase-information.cq-Editable-dom .checkout-container .finder.cq-Editable-dom {
  width: 100%;
}

.card-purchase-information.cq-Editable-dom .checkout-container .location.city-location,
 .card-purchase-information.cq-Editable-dom .checkout-container .location.city-location .depart-city-container,
  .card-purchase-information.cq-Editable-dom .checkout-container .location.city-location .arrival-city-container {
  width: 100%;
}

.card-purchase-information.cq-Editable-dom .checkout-container .location.city-location .text.city.cq-Editable-dom,
 .card-purchase-information.cq-Editable-dom .checkout-container .location.city-location .depart-city-container span,
 .card-purchase-information.cq-Editable-dom .checkout-container .location.city-location .depart-city-container .address,
 .card-purchase-information.cq-Editable-dom .checkout-container .location.city-location .arrival-city-container span,
 .card-purchase-information.cq-Editable-dom .checkout-container .location.city-location .arrival-city-container .address,
 .card-checkout .cq-Editable-dom .text,
 .cq-Editable-dom .card-checkout-body.text,
 .card-checkout .cq-Editable-dom span,
 .card-checkout-body .cq-Editable-dom span,
 .card-checkout-body .cq-Editable-dom .text,
 .cq-Editable-dom .card-checkout-header .flex-column {
  width: 50%;
}

.card-purchase-information .purchase-information-title {
    margin: auto;
    margin-left: 0;
}

.card-checkout .card-checkout-header .icon-wrapper > em {
    color: #fff;
    font-size: 1rem;
}

/* =================== edit mode rules =================== */

.checkout-container .card-finder .locator-text .cmp-text,
 .checkout-container .card-finder .finder .cmp-text {
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

.checkout-container .card-finder .finder .cmp-text {
  font-size: 20px;
  font-weight: bold;
}

.card-purchase-information .checkout-container .header-checkout .purchase-icon {
  margin-right: 10px;
}

.card-purchase-information .checkout-container p {
  margin-bottom: 0px;
}

.checkout-container .card-checkout .card-checkout-header p {
  color: unset;
  font-size: unset;
  font-weight: unset;
}

.checkout-container .card-checkout .card-checkout-header {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.34px;
  color: #223B82;
  margin-bottom: 0;
}

.checkout-container .card-checkout .card-checkout-table > table > thead th .cmp-text {
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: normal;
  color: #0a67b1;
  /*border-bottom: 1px solid #0a67b1;*/
  padding-left: 0;
  padding-bottom: 0.5rem;
  border-top: none;
  text-align: center;
}

.checkout-container .card-checkout .card-checkout-table > table > thead th.align-left .cmp-text {
  text-align: left;
}

.checkout-container .card-checkout .card-checkout-header .title.departure .cmp-text,
 .checkout-container .card-checkout .card-checkout-header .title.arrival .cmp-text,
   .checkout-container .card-checkout .card-checkout-header .title.tripdate .cmp-text{
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: normal;
  color: #0a67b1;
}

.card-purchase-information .checkout-container .detail-depart-container {
  width: 100%;
}

.card-purchase-information .checkout-container .detail-arrival-container {
    width: 100%;
}

.checkout-container .card-checkout .card-checkout-info .image-wrapper .embarque .cmp-text {
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.23px;
  color: #223B82;
  margin-bottom: 0;
  margin-left: 10px;
}

.checkout-container .card-checkout .card-checkout-info p:not(.embarque) {
  font-size: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-style: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: auto auto auto 10px;
}

.checkout-container .card-checkout .card-checkout-info .footer-text .cmp-text,
 .checkout-container .card-checkout .card-checkout-info .footer-text-depart .cmp-text {
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  color: #666666;
  margin-bottom: 0;
}

.checkout-container .card-checkout .card-checkout-header .ext-date .cmp-text {
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.2px;
  color: #223B82;
}

.checkout-container .card-checkout .card-checkout-header .time .cmp-text {
  font-size: 20px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.2px;
  color: #223B82;
}

.card-purchase-information .checkout-container .row.purchase-information-checkout {
  margin: auto;
  width: 100%;
}

@media (max-width: 1023px) {
  .checkout-container .card-finder {
    position: absolute;
    right: 10px;
  }

  .card-purchase-information .checkout-container .purchase-information-title .cmp-text p {
    font-size: 18px;
  }

  .card-purchase-information .checkout-container .purchase-information-title .icon-text-component {
    width: 30px !important;
    height: 30px !important;
  }

  .card-purchase-information .checkout-container .purchase-information-title .cmp-text p {
    width: 100%;
  }

  .card-checkout .card-checkout-table > table .hide-on-mobile {
    display: none;
  }

  .main-content.checkout-page .checkout-container .card-checkout .card-checkout-header {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .card-purchase-information .checkout-container .header-checkout .purchase-information-title .cmp-text.text-icon {
    width: 50%;
    margin-left: 9px;
    text-align: center;
  }

  .card-purchase-information .checkout-container .row.purchase-information-checkout {
    width: 104%;
  }
}

@media (max-width: 575px) {
  .main-content.my-trip-page .card-checkout .card-checkout-table > table .hide-on-mobile {
    display: none;
  }
}

@media (max-width: 320px) {
  .main-content.my-trip-page .checkout-container .card-checkout .card-checkout-header .time .cmp-text {
    font-size: 16px;
  }

  .main-content.my-trip-page .checkout-container .card-checkout .card-checkout-header .ext-date .cmp-text {
    font-size: 12px;
  }

  .main-content.my-trip-page .card-checkout .card-checkout-table > table .hide-on-mobile {
    display: none;
  }

  .checkout-container .card-finder {
    right: 10px;
  }
}

.card-purchase-information .checkout-container .row .trip-return {
  display: none;
}

.main-content.checkout-page .card-purchase-information .checkout-container.container-fluid,
 .main-content.checkout-bank-page .card-purchase-information .checkout-container.container-fluid{
  padding-right: unset;
  padding-left: unset;
}

.card-purchase-information.cq-Editable-dom .checkout-container .other-infos-parsys.cq-Editable-dom {
  width: 100%;
}

.cq-Editable-dom .checkout-container .trip-return.isAuthorMode {
  display: block !important;
}

.card-purchase-information .checkout-container {
  background-color: inherit;
}

.card-purchase-information .checkout-container .row .trip-hidden {
    display: none;
}
