﻿.extrabonus {
  position: absolute;
  top: -7px;
  right: -9px;
  z-index: 9;
  width: 75px;
  height: 70px;
  max-width: 75px;
  max-height: 75px;
  background-image: url('/Site/dlc_2023/images/extrabonus-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 75px 70px;
}

.bonus-offer-giftbox-icon {
  background-image: url('/Site/dlc_2023/images/giftbox-white-transparent.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

.guest-title-header .guest-info-icons {
  background-image: url('/Site/dlc_2023/images/person-white-transparent.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

#emailHeader .guest-info-icons {
  background-image: url('/Site/dlc_2023/images/email-white-transparent.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px 24px;
}

.ship-cruise-faq .guest-info-icons {
  background-image: url('/Site/dlc_2023/images/anchor-white-transparent.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

.future-certificates-info-icon {
  background-image: url('/Site/dlc_2023/images/info-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
}

.dollar-price-icon {
  background-image: url('/Site/dlc_2023/images/dollarsign-white-transparent.png');
  background-position: center;
  background-size: 22px 24px;
  background-repeat: no-repeat;
}

.calculator-image {
  background-image: url('/Site/dlc_2023/images/calculator.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
}

.category-expand {
  background: url('/Site/dlc_2023/images/expand-orange.png') white;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 15px;
}

.category-collapse {
  background: url('/Site/dlc_2023/images/collaspe-orange.png') white;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  border-radius: 15px;
}


.dollarsign-white-transparent {
  background-image: url('/Site/dlc_2023/images/dollarsign-white-transparent.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.giftbox-white {
  background-image: url('/Site/dlc_2023/images/giftbox-white-transparent.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.badge-icon {
  background-image: url('/Site/dlc_2023/images/badge-white-transparent.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  width: 20px;
  height: 20px;
}

.additional-services-icon {
  background-image: url("/site/dlc_2023/images/additional-services-icon.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  width: 24px;
  height: 24px;
}

.payment-info-icon {
  background-image: url("/site/dlc_2023/images/payment-info-icon.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  width: 24px;
  height: 24px;
}

.special-rates-icon {
  background-image: url('/Site/dlc_2023/images/check-list-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 27px;
  width: 24px;
  height: 25px;
}

[data-ody-id='odyEmail'] .odi-mail {
  background-image: url('/Site/dlc_2023/images/email-blue-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  width: 21px;
  height: 19px;
}

[data-ody-id='emailPopup'] .odi-mail {
  background-image: url('/Site/dlc_2023/images/white-email-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
  width: 15px;
  height: 15px;
}

[data-ody-id='emailPopup'] .odi-email-outline {
  background-image: url('/Site/dlc_2023/images/white-email-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  width: 21px;
  height: 19px;
}

.news-letter .odi-email-outline {
  background-image: url('/Site/dlc_2023/images/email-blue-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px;
  width: 21px;
  height: 19px;
}

/*#61620 Icons added for sidebar deck plan & replicate itinerary*/

.ship-replicate-itinerary-icon {
  background-image: url('/Site/dlc_2023/images/replicate-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  width: 24px;
  height: 24px;
}

.ship-deckplan-icon {
  background-image: url('/Site/dlc_2023/images/info-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  width: 24px;
  height: 30px;
}

@media (max-width: 767px) {
  .calculator-image {
    width: 55px;
  }
}

/*Icon related changes*/
.ico-GRPFare,
.ico-NonRefundable,
.ico-PastGuest,
.ico-PoliceFire,
.ico-Resident,
.ico-Special,
.ico-DepositNonRefundable {
  background-size: contain !important;
  height: 70px !important;
}

#shipReviewPlugin .cbResultSetPanelDataContainer .cbResultSetNestedAlign img {
  cursor: pointer;
}

/*changed icon for additional services tab on checkout page.*/
body.page_customer_booking_details .section-additional-services .odi-account {
  background-image: url("/site/dlc_2023/images/additional-services-icon.png") !important;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: inline-block;
}

body.page_customer_booking_details .section-additional-services .odi-account::before {
  content: none;
}

/*Review PlugIn CSS*/

#shipReviewPlugin .cbResultSetPanelDataContainer {
  margin-bottom: 0;
}

#shipReviewPlugin .dlc-ship-review-title {
  position: relative !important;
}

.cbResultSetPanelDataContainer .cbResultSetNestedAlign {
  vertical-align: middle;
}

@media (min-width: 540px) and (max-width: 768px) {
  #shipReviewPlugin .cbResultSetPanelDataContainer .cbResultSetNestedAlign img {
    width: 218px !important;
  }
}
