/*Luxury Cruise Connections Custom Styles B2C 15-05-2025 17:20*/ 


/* COLORS */

:root{
    --blue-900-color:#051821;
    --orange-700-color:#DD6B1F;
    --orange-900-color:#CE5200;
    --co-100-color: #F1F3FF;  
    --co-200-color: #DEE1ED;
    --co-300-color: #DEE1ED;
    --co-600-color: #5A6771;
    --co-900-color: #051821;
    --font-georgia:Georgia, 'Times New Roman', Times, serif;
    --font-trebuchet: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;    
}

/* Fonts LCC */

.font-paragraph-bigb-bold{
    font-family: "Trebuchet MS";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
}

body {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
    background-color: #FFF;
    color: var(--blue-900-color);
    font-weight: 400;
}


.custom-header {
    display: none;
}

.custom-headerlcc {
    display: none;
    width: 100%;
    font-family: "Open Sans", sans-serif;
    background-color: white;
    box-sizing: border-box;
    padding: 15px;
}


.custom-headerlccb2c {
    width: 100%;
    font-family: "Open Sans", sans-serif;
    background-color: white;
    box-sizing: border-box;
    padding: 15px;
}


.results-page.custom-headerlccb2c{
    display: none;
} 

.results-page #headerHtml > header{
    display: none;

}

.custom-header-container {
    display: -webkit-box;
    display: block;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    box-sizing: border-box;
    font-weight: 400;
}

.custom-header-right-container {
color: rgba(0,0,0,.5);
float: right;
line-height: 2.5;
}
.custom-header-right-container a {
  cursor: auto;
  text-decoration: none;
  font-size: 16px;
  color: rgba(0,0,0,.5)
}

.custom-header-right-container div{
  font-size: 16px;
}

.custom-img {
    max-width: 268px;
    width: 100%;
}
.custom-header-inner-container{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }


.custom-phone {
    display: flex;
    align-items: center;
}

.custom-icon-style {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
}

@media (max-width: 767px) {
    .custom-header-brand {
        max-width: 260px;
    }
    
    .custom-phone {
        justify-content: center;
    }

    .custom-header-right-container {
        float: none;
    }
}

.breadcrumb {
    background: none;
}

.breadcrumb a.breadcrumb-item {
    color: var(--co-900-color);
}

/**/

/*search*/



a {
    color: #026999;
}

.bg-primary {
    background: var(--blue-900-color)!important;
}

.search-bar-section {
    background: var(--blue-900-color);
}

.search-bar-section-collapsed {
    background: var(--blue-900-color);
}

[data-ody-id="LblSorthByBotton"] .btn{
    background: #fff;
    padding: 2px;
}

.cruise-title {
    font-family: "Trebuchet MS";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    color: var(--blue-900-color);
}

.cruise-title > span.text-gradient.ng-star-inserted{
    font-size: 1.5rem;
    line-height: 1.5rem;  
}

.cruiseline-name{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.font-georgia {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.font-trebuchet{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.text-primary {
    color: #EC843E !important;
}

.low-rate {
    border-color: var(--co-300-color);
    border: 1px solid;
}

.low-rate-list li {
    border-color: var(--co-300-color);
}

.low-rate-list li span {
    color: #34444D;
}

.cruise-prices .cruise-prices-details .cruise-min-price {
    color: var(--orange-700-color);
    font-weight: 400 !important;
    font-size: 32px;
    line-height: 32px;
    font-family: var(--font-georgia);
}

.btn-primary {
    background-color: #EC843E;
    border-color: #EC843E;
}

.btn-primary:hover {
    background-color: #F5A26C;
    border-color: #F5A26C;
}
.btn-primary:focus {
    background-color: #F5A26C;
    border-color: #F5A26C;
}
.btn-primary.focus, .btn-primary:focus {
    background-color: #F5A26C;
    border-color: #F5A26C;
}

.btn-primary:not(:disabled):not(.disabled).active.focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled).active:hover, .btn-primary:not(:disabled):not(.disabled):active.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled):active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
    background-color: #F5A26C;
    border-color: #F5A26C;
}



.btn-outline-primary {
    color: #034A6C;
    background-color: transparent;
    background-image: none;
    border-color: #034A6C;
}

.btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover {
    color: #fff;
    background-color: #034A6C;
    border-color: #034A6C;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #034A6C;
    border-color: #034A6C;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-line .nav-tabs>li.active>a.nav-link, .top-line .nav-tabs>li.active>a.nav-link:focus, .top-line .nav-tabs>li.active>a.nav-link:hover {
    background: 0 0;
    color: #026999;
    border-top-color: #026999;
    border-left-color: rgba(0, 0, 0, .07);
    border-right-color: rgba(0, 0, 0, .07);
}

.filter-container .filter-item.active label {
    color: #fff;
    background: #034A6C;
}

.cruise-sailing-dates.for-list .cruise-sailing-dates-container td.rules-icons {
    white-space: normal;
    display: none;
}
.section-sailing-date-btns{
    display: none;
}

.sort-by-section .itinerary-count > strong{
    color: var(--blue-900-color) !important;
}
.cruise-offers-list {
   /* display: none;  */
}
.cruise-offers-list ul{
    background: none;
}
.list-view .cruise-promotions-for-sailing {
/* display: none;  */
}

.offers-label-for-bpc-theme {
    display: inline;
}

.cruise-offers-list li .odi {
    width: 26px;
    padding: 3px;
    text-align: center;
    color: #c0bebe;
}

/*search details*/

.card-image .card-image-caption {
    position: absolute;
    right: 5px;
    bottom: 10px;
    left: 5px;
    padding: 6px 4px;
    color: #fff;
    font-size: 1rem;
    background: #fff;
    border-radius: 4px;
    color:var(--co-600-color);
}

.cruise-item-card .cruise-info .cruise-logo img {
    max-height: 50px !important;
}

.cruise-item-card .cruise-info-details .odi {
    color: var(--co-900-color);
    font-size: 1.5rem;
    margin-right: 8px;
    margin-left: 0;
    vertical-align: middle;
}


[data-ody-id="PortsOfCallDisclaimer"]{
    font-size: 11px;
    color: var(--co-600-color);  
}

.cruise-prices .cruise-prices-details .cruise-price-per-night {
    color: var(--co-900-color);  
}

.text-price-color {
    color: var(--co-900-color);  
}

[data-ody-id="cruiseInclusiveExclusiveMessage"] .text-primary{
    color: var(--co-600-color);
}

.table-fixed .table>thead>tr>th {
   background-color: var(--co-300-color);
   color: var(--co-900-color);
}

.table-fixed .table>thead>tr>th.even {
    background-color: var(--co-300-color);
    color: var(--co-900-color);
}

.striped>tbody>tr.odd {
    background-color: #fff;
}


.results-page[data-ody-id="CruiseResultsBookButton"]{
    float: left;
    width: 49%;
}

.results-page[data-ody-id="RequestQuoteButton"]{
    float: right;
    width: 49%;
}

[data-ody-id="cruiseInclusiveExclusiveMessage"]{
    display: none;
}

.package-voyage.ng-star-inserted{
    display: none;
}

/**/

/*detail package*/

.clipboard-copy .section-compare-itinerary{ 
    max-height: 100%; 
}
.copy-to-clipboard [data-ody-id="CatCodeFarecodeTitle"] {
    display: none;
}
.copy-to-clipboard .alert{
    max-width: 1080px;
    padding: 10px;
}

.sort-by-section {
    box-shadow: none;
    border: none;
    border-radius: 0px;
    background: var(--co-200-color);
}

.cruise-item-card {
    border-radius: 4px;
    background: var(--Complementary-CO-50, #FFF);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
    border: none;
}
.filters-section .card{
    box-shadow: none;
    border: 1px solid #e6e6e6;
    border-radius: 0px;

}
.filter-max-occupancy, .filter-supplier-promotions, .filter-product-experience, .FilterPanelCruiseTypes {
    display: none;
}

filter-content-component[data-ody-id="FilterPanelRules"] {
    display: none;
}

button[data-ody-id="ItineraryPlusIcon"] {
    display: none;
}

div[data-ody-id="FilterPanelCruiseTypes"] {
    display: none;
}

[data-ody-id="RequestQuoteButton"] {
    background-color: #EC843E;
    border-color: #EC843E;
    color: #fff;

}

[data-ody-id="CruiseResultsBookButton"] {
    color: #034A6C;
    background-color: transparent;
    background-image: none;
    border-color: #034A6C;
}

[data-ody-id="CruiseResultsBookButton"] {
    font-size: 0;  
}

[data-ody-id="CruiseResultsBookButton"]::after {
    content: "View Details";
    font-size: 14px;  
}

[data-ody-id="GeneratePDFButton"]{
    display: none;
}

[data-ody-id="ManualBookingButton"]{
    display: none;
}




/*b2c design*/

.progress-stepper-arrow, .guest-info-section, .special-rates-section, .guest-residency-section{
    display: none;
}

#packageDetails > div > div.card > div.minh500.loader-wrapper.skeleton-loader > div > div > div.col-12.col-lg-9 > div.landing-right-section > div.row.landing-pricing-wrapper > div > div > guest-info-v2 > form > div.d-flex.flex-wrap.align-items-start.justify-content-between > div.col-auto.p-0.d-flex.flex-wrap.align-items-center.justify-content-end.custom-btn-alignment.ml-auto > button.btn.btn-outline-primary.mb-1.ml-2.fs16.ng-star-inserted{
    display: none;
}
/*
.filter-cruise-line{
    display: none;
}

.filter-cruise-ship{
    display: none;
}
*/

#front-chat-iframe{
    display: none !important;
}

.package-details .cruise-details-package-title {
    font-size: 1.3125rem;
    color: var(--blue-900-color) !important;
   /* font-family: Georgia, 'Times New Roman', Times, serif;*/
}


.package-details .cruise-details-package-subtitle {
    color: var(--blue-900-color) !important;
}


.image-slider .slide-item img {
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
    color: rgba(0, 0, 0, .56);
    border-radius: 4px;
}

.bg-secondary {
    background: #034A6C !important;
}

.package-details .card .loader-wrapper tabset ul .nav-item .nav-link:hover {
    color: #034A6C;
}
.package-details .card .loader-wrapper tabset ul .nav-item .nav-link.active {
    border: 0;
    border-bottom: 4px solid #034A6C;
    color: #034A6C;
    font-weight: 400;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .open>.btn-primary.dropdown-toggle {
    background-color: #EC843E;
    border-color: #EC843E;
    background-image: none;
}

.grid-view .cruise-prices .cruise-prices-details .cruise-min-price {
    color: #034A6C;
    font-weight: 700 !important;
    font-size: 1.5rem;
    line-height: 25px;
}

.grid-view .section-sailing-date-btns .btn-outline-primary:hover {
    background-color: #EC843E !important;
    border-color: #EC843E;
    color: #fff;
}

.grid-view .section-sailing-date-btns .btn-outline-primary.focus, .grid-view .section-sailing-date-btns .btn-outline-primary:focus, .grid-view .section-sailing-date-btns .btn-outline-primary:not(:disabled):not(.disabled).active, .grid-view .section-sailing-date-btns .btn-outline-primary:not(:disabled):not(.disabled):active, .open>.grid-view .section-sailing-date-btns .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #EC843E !important;
    border-color: #EC843E;
}

.btn-view-more {
    background: #034A6C !important;
    border-color: #034A6C;
}

ul.select2-results__options li[id*="cruiselinePriority"] {
    display: none !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff;
    background-color: #026999;
}

.card-header-primary {
    background: #034A6C;
    color: #fff;
}


@media (min-width: 1440px) {
    .cruise-item-card {
        min-height: 520px;
    }
}

/*details */


.dummy-img {
    border-radius: 4px;
}

.image-container .image-caption {
    position: absolute;
    right: 5px;
    bottom: 10px;
    left: 5px;
    padding: 6px 10px;
    color: #fff;
    font-size: 1rem;
    background: #fff;
    border-radius: 4px;
    color: var(--co-600-color);
    max-width: fit-content;
}


/*sidebar*/

[data-ody-id="PackageDetailsInfoSidebar"]{
color: var(--co-900-color);
}

#packageDetails > div > div.card > div.minh500 > div > div > div.section-sidebar.package-details-basic-info.col-12.col-lg-3 > div.mb-2.d-flex.flex-wrap.align-items-center{
   /* flex-direction: column-reverse;
    align-content: flex-start;*/
}

.package-details-basic-info .cruiseline-name {
    max-height: 44px;
    max-width: 200px;
}

.odi-24-grey {
    color: var(--co-900-color);
}

.packageprices-whitebg{
    border-radius: 4px;
    background: var(--Complementary-CO-50, #FFF);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
    border: none !important;
}


.packageprices-whitebg h5{
    background: none !important;
    color: var(--co-900-color) !important;
}

[data-ody-id="EmailOfficeIDSection"] .custom-office-selection{
    display: none !important;
 
}

#BonusOffer .card-flat {
    border-radius: 4px;
    border: 1px solid var(--Complementary-CO-300, #DEE1ED);
}

#bonusOfferTitleHeader{
    background: var(--Complementary-CO-100, #F8F9FF);
}

#bonusOfferTitleHeader span{
text-transform: lowercase;
}


.sailing-category-price{
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}


.nav-tabs>li>a.nav-link {
     border-color: rgba(0, 0, 0, .07);
     background: none;
     border-width: 0px 0px 2px 0px;
}

.top-line .nav-tabs>li.active>a.nav-link, .top-line .nav-tabs>li.active>a.nav-link:focus, .top-line .nav-tabs>li.active>a.nav-link:hover {
    background: 0 0;
    color: #026999;
    border-bottom:6px solid var(--co-900-color);
    border-top: none;
    border-left-color: rgba(0, 0, 0, .07);
    border-right-color: rgba(0, 0, 0, .07);
}


.tab-ship-info, .tab-ship-gallery,.tab-ship-deck-plans, .tab-ship-staterooms, .tab-ship-facts{
    background: #fff;
    border-radius: 10px;
    border: 1px solid var(--co-300-color);
    margin: 0px 10px;   
    color: var(--co-600-color);
}

.tab-ship-info a.active, .tab-ship-gallery a.active, .tab-ship-deck-plans a.active, .tab-ship-staterooms a.active, .tab-ship-facts a.active{
    background: var(--co-900-color) !important;
    border-radius: 4px !important;
    color: #fff !important;
}

.tab-content, .tab-pane{
    border: none !important;
}

.results-page > #footerHtml >.custom-footer{
display:none;
}

/*mobile*/

[data-ody-id="BreadcrumbSection"] .flex-grow-1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}