/* backend changes start */
@import url("https://pro.fontawesome.com/releases/v5.10.0/css/fontawesome.css");
.btn .odi-share::before {
    content: "\f14d" !important;
}
body .progress-stepper-arrow .checkout-steps-wrap {
    margin-bottom: 3em;
  }
.progress-stepper-arrow .checkout-steps-wrap .checkout-step:first-child::before {
    background: #f4f4f4 !important;
}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step.current::before, .progress-stepper-arrow .checkout-steps-wrap .checkout-step.past::before {
    border-top: 1px solid #f4f4f4 !important;
    border-bottom: 1px solid #f4f4f4 !important;
}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step.current .checkout-step-inner, .progress-stepper-arrow .checkout-steps-wrap .checkout-step.past .checkout-step-inner {
    background: #c7c7c7 !important;
    color: #4c4c4c !important;
}
body ody-dropdown .select2-container {
    box-shadow: none;
}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step.current .checkout-step-inner, .progress-stepper-arrow .checkout-steps-wrap .checkout-step.past .checkout-step-inner {
    border-bottom: 1px solid #c7c7c7 !important;
    border-top: 1px solid #c7c7c7 !important;
}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step.current .checkout-step-inner::after, .progress-stepper-arrow .checkout-steps-wrap .checkout-step.past .checkout-step-inner::after {
    border-color: transparent #c7c7c7 !important;
}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step:last-child::after {
    background: #f4f4f4 !important;
}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step:last-child::after {

    border-top: 1px solid #f4f4f4!important;
    border-bottom: 1px solid #f4f4f4!important;
}
.progress-stepper-arrow .checkout-steps-wrap .checkout-step.current:first-child .checkout-step-inner, .progress-stepper-arrow .checkout-steps-wrap .checkout-step.past:first-child .checkout-step-inner {
    border-left: 1px solid #c7c7c7!important;
}
swift-ui {
    overflow: hidden;
}
.stepper-with-arrow .nav-stepper:first-child::before {
    border-top: 1px solid #f4f4f4!important;
    border-bottom: 1px solid #f4f4f4!important;
    background: #f4f4f4!important;
}
.stepper-with-arrow .nav-stepper li.nav-item.past .nav-link .step-label {
    color: #4c4c4c!important;
}
.stepper-with-arrow .nav-stepper li.nav-item.past .nav-link {
    border-top: 1px solid #c7c7c7!important;
    border-bottom: 1px solid #c7c7c7!important;
    background: #c7c7c7!important;
}
.stepper-with-arrow .nav-stepper li.nav-item .nav-link.active::before {
    border-color: transparent #4c4c4c!important;
}
.stepper-with-arrow .nav-stepper li.nav-item:first-child {
    border-color: #c7c7c7!important;
}
.stepper-with-arrow .nav-stepper li.nav-item.past .nav-link::after {
    border-color: transparent #c7c7c7!important;
}
.stepper-with-arrow .nav-stepper li.nav-item .nav-link.active::after {
    border-color: transparent #c7c7c7!important;
}
.stepper-with-arrow .nav-stepper li.nav-item .nav-link.active {
    border-top: 1px solid #c7c7c7!important;
    border-bottom: 1px solid #c7c7c7!important;
    background: #c7c7c7!important;
}
.stepper-with-arrow .nav-stepper:last-child::after{
    border-top: 1px solid #f4f4f4!important;
    border-bottom: 1px solid #f4f4f4!important;
    background: #f4f4f4!important;
}
.odi-share {
    background: url(https://www.cruisedirect.com/odynew/transition-img/share-icon-blue.svg) no-repeat left !important;
    width: 22px;
    margin: 0 10px;
    background-size: 22px !important;
}
/* .odi-share:hover {
    background: url(https://www.cruisedirect.com/odynew/transition-img/share-icon-white.svg) no-repeat left;
} */
i.odi.odi-share-variant {
    background: url(https://www.cruisedirect.com/odynew/transition-img/share-icon-blue.svg) no-repeat left;
    display: block !important;
    width: 22px!important;
    height: 22px!important;
    margin: 0 2px!important;
    background-size: 22px!important;
}
/* i.odi.odi-share-variant:hover {
    background: url(https://www.cruisedirect.com/odynew/transition-img/share-icon-white.svg) no-repeat left;
} */
i.odi.odi-share-variant::before{
    content: inherit !important;
}
.share-icon span.btn:hover{
    background-color: #fff!important;
    color: #2e86c1!important;
}

.page_booking_checkout .stepper-with-arrow .nav-stepper:last-child::after {
    border-top: 1px solid #f4f4f4 !important;
    border-bottom: 1px solid #f4f4f4!important;
    background: #f4f4f4!important;
}
.page_booking_checkout .stepper-with-arrow .nav-stepper li.nav-item:last-child {
    border-right: 1px solid #f4f4f4!important;
}
.stepper-with-arrow .nav-stepper li.nav-item.past .nav-link::before {
    border-color: transparent #4c4c4c!important;
}

.resultSalesImgSm ~ span.fs14.spanpadding.pl-1 {
    font-size: 1rem!important;
}
.most_popular.nobox-shadow .summary_index > span{
    color:#e74c3c !important;
}
.section-title.proximanova-light .btn-outline-primary{
    background-color: #ffffff!important;
}
.section-title.proximanova-light .btn-outline-primary{
    color: #2e86c1!important;
}
.guest-info-form label {
    color: #6e6e6e!important;
    font-size: 12px!important;
    font-weight: 500!important;
    text-transform: uppercase;
}
.text-red .d-block {
    color: #000000!important;
}
.text-red.tab-price{
    color: #000000!important;
}
.text-grey.lh-normal{
    color: #c12e3d!important;
    font-weight: bold;
}
.category-price-text.text-red,.category-price-per-person.text-red {
    color: #000 !important;
}
.section-cruise-cabin .section-stateroom-deckplan-details .section-ship-deckplan-details .section-showing-deckplan .alert {
    text-align: center !important;
}
label.pass-form-title.text-nowrap {
    color: #141414;
    font-family: 'proxima-nova';
}
.d-sm-flex.flex-equal.flex-wrap.align-items-center.search-booking-form {
    padding-top: 25px;
}
.search-booking-panel.mb-3.py-3 {
    width: 800px;
    margin: 0 auto;
}
a.share-icon {
    background: #fff;
}

img.resultSalesImgSm {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

@media (max-width: 767px) {
    .search-booking-panel.mb-3.py-3 {
        width: 100%;
        margin: 0 auto;
    }
    ul.bookingpagelist {
        padding: 0px 20px !important;
        display: inherit !important;
    }
    .bookingpagelist li {
        padding-top: 10px;
        padding-bottom: 10px;
        width: 100% !important;
    }
    .resultSalesImgSm ~ .fs14.spanpadding.pl-1 {
        display: none;
    }
    .resultSalesImgSm ~ .odi.odi-clone {
        display: none;
    }
    .price-column a {
        width: 25%;
        float: left;
        margin-bottom: 5px !important;
    }
    ul.bookingpagelist li:nth-child(3){
        margin-left: 0 !important;
    }
    .category-price-table .category-price-table-row .category-price-table-column .price-column {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: center;
        align-items: center;
        width: 100px;
    }
    .progress-stepper-arrow {
        padding-top: 20px;
    }
    .bg-primary.text-white.checkout-steps-wrap * {
      font-size: 17px;
    }
    .stepper-with-arrow{
        margin-top: 20px;
    }
}

@media (min-width: 768px) {
  .category-price-table-column .price-column a {
    padding-bottom: 5px;
  }
  .category-price-table-column.passenger-price span br {
    display: none;
  }
  .category-price-table-header > div:first-child {
    padding-left: 20px !important;
  }
}

.category-price-table-header > div {
    padding: 10px !important;
    display: flex;
    vertical-align: middle;
    align-items: center;
  }

@media (min-width: 1025px) {
  .category-price-table .category-price-table-row .category-price-table-column {
    line-height: normal;
  }
}

@media (max-width: 1100px) {
  .category-price-table .category-price-table-row .category-price-table-column {
    white-space: normal !important;
    display: flex;
  }
}

.subtext {
    text-align: center;
    font-family: 'proxima-nova';
    color: #6e6e6e;
    margin-bottom: 15px;
}

ul.bookingpagelist {
    list-style: none;
    margin: 0;
    padding: 0 120px;

    display: flex;
}
ul.bookingpagelist li:nth-child(3) {
    width: 30%;
    margin-left: 25px;
}
.bookingpagelist li {
    width: 33%;
    padding-left: 24px;
    font-family: 'proxima-nova';
    color: #6e6e6e;
    background: url(transition-img/check-icon.png) no-repeat left;
}
.stepper-with-arrow{
    margin-bottom: 30px;
}
/* backend changes start */

/* pricing section */
.summary-table-wrap .summary-table.priceSummary .row{
  border-bottom: 1px solid #90989b;
  }
  .summary-table-wrap .summary-table.priceSummary .col-xs-6.text-right{
    border-left:1px solid #90989b;
        padding-bottom: 10px;
  }
  .summary-table-wrap .summary-table.priceSummary .mar-sm-top{
      margin-top: 0px;
  }
  .summary-table-wrap div.priceSummary.summary-table {
      padding: 0px 10px 10px !important;
  }
  .main .summary-table.visible-xs .col-xs-6.text-left{
        padding: 2px 10px;
  }
  /* pricing section */

/* Insurance Popover styles */
.insurance-sec div#InsDescription.modal p, .insurance-sec div#InsDescription.modal p * {
  font-weight: normal;
  text-transform: none;
  line-height: 22px;
}
.insurance-sec div#InsDescription.modal p span {
  line-height: normal;
}
.insurance-sec div#InsDescription.modal table td:first-child {
  color: #333;
}
.insurance-sec div#InsDescription.modal table td,
.insurance-sec div#InsDescription.modal table {
  border: none;
}
.insurance-sec div#InsDescription.modal * {font-family: "Arial";}
/* End insurance popover style */
.modal-dialog.modal-message-content,
.modal .modal-sm,
.modal-dialog {
	max-width: 810px;
}