/* HEADER STYLES
************************************/

body 
{  
    font-family: Arial,Helvetica,sans-serif;
    margin:0;
}

.HEADER-WRAP
{
    background: #047bc1;
    height:100px;
    margin-bottom: 20px;
}

.HEADER-LOGO-WRAP
{
   margin-top: 20px;
   width: 300px;
}


.HEADER-WRAP .CONSTRAINT-WRAP {
    height: 100px;
    margin: 0 auto 10px;
}

.sold-by-wrap
{
    padding: 8px 12px;
    line-height: 1.1rem;
    font-size: 1.2rem;
    display: block;
    float: left;
    background-color: rgba(255, 255, 255, 0.7);
    position: relative;
    top: 20px;
    border-radius: 5px;
    font-family: 'montserrat', Arial, Sans-Serif !important;
}

.phone-number-wrap
{
    float: right;
    background-color: rgba(255, 255, 255, 0.7);
    position: relative;
    top: 20px;
    padding: 5px 10px;
    border-radius: 5px;
    display: block;
    font-size: 1.75rem;
    font-weight: bold;
}



/* RESTOOL STYLES
************************************/

.restool-wrap .expco-trigger-wrap
{
    padding: 10px;
}

.customer-care,
.recent-searches
{
 
    padding: 10px;
    font-size: 1.1rem;
    line-height: 1.9;
    background-color: #fff;
}

.CONTENT-GUTTER-WRAP
{
    background-color: initial;  
}

.gutter-section-title
{
    border-bottom: 1px solid #A8A5A0;
    background: #fff;
    font-size:1rem;
    text-align:center;
    margin-bottom: 7px;
}

.customer-care p {
    margin-bottom: 10px;
    line-height: 1.1rem;
    font-size: 1rem;
}

.customer-care ul
{
    margin-bottom:5px;
}

.customer-care li 
{
    line-height: 1.5rem;
}

.customer-care li a
{
    color: #1a2b59;
    font-size:1rem;
}

.CONTENT-WRAP
{
    background-color:#efefef;
}

.CONTENT-MAIN-WRAP
{
    background-color:#fff;
    padding:20px;
}

.restool-wrap
{
    background-color: #FFFFFF;
    padding: 10px;
}
    
.expco-trigger-wrap
{
    background-color: #eee;
    border: none;
}

.expco-trigger-wrap .fa
{
    color: #5C93CA;
}

.CONTENT-MAST-WRAP h1
{
    font-size: 1.8rem;
}

.is-highlighted
{
    background-color: #fff;
}

.PRICE-INCLUSION-WRAP
{
    font-size: .95rem;
    color:#777777;
}

.PRICE-INCLUSION-WRAP a
{
    text-decoration:none;
}

.baggage-charges-wrap a,
.sold-by-wrap a,
.PRICE-INCLUSION-WRAP a,
.hotel-location-wrap a,
.see-all-promos-wrap a,
.recent-searches a,
.recent-searches .tooltip,
.new-search-wrap a,
.new-search-wrap .tooltip
{
    color:#1a2b59;

}

.new-search-wrap .gutter-section-title
{
    font-size: 1.5rem;
    text-align: left;
}



/* BOOKING NAVIGATION
************************************/

.BOOKING-NAVIGATION .search.current-booking-tab a
{
    color: #fff !important;
}

.BOOKING-NAVIGATION li
{
    background-color: #5d6ea1;
    border: 1px solid #ddd;
}

.BOOKING-NAVIGATION li a,
.BOOKING-NAVIGATION > .current-booking-tab > a
{
    color: #fff;
}

.BOOKING-NAVIGATION li:hover
{  
    background-color: #5369ad;
}
 
.BOOKING-NAVIGATION .current-booking-tab 
{
    background-color: #334a92;
}

.flight-leg-drop-down 
{
    background-color: #5d6ea1;
}

.flight-leg-drop-down dt
{
    background-color: #1a2b59;
}

.flight-leg-drop-down dd
{
    background-color: #3eab6b;
}

.flight-leg-drop-down dd:hover
{
    background-color: #1a2b59;
    cursor:pointer;
}

.BOOKING-NAVIGATION .fa-caret-down
{
    color: #fff;
}

.BOOKING-NAVIGATION .selected-booking-tab .fa-check
{
    color: #9fcb07;
    text-shadow: 2px 2px 1px #666;   
}



/* WAITSCREENS
************************************/

.waitscreen-modal-wrap
{
    background: #FFFFFF url("https://trisept.widen.net/content/4wewnrf51l/jpeg/GBS_IMG_WAITSCREEN_BLUESKY_waitscreen1.jpg") no-repeat top left;
    width: 533px;
    height: 264px;
    padding: 10px;
    border: 2px solid #9C9A9C;
}

.wait-screen-status-section 
{
    font-size: 1.2rem;
    margin-top: 64px;
}

.wait-screen-last-section 
{
    position: absolute;
    bottom: 10px;
    font-size: 1.1rem;
}

@media (max-width: 767px) 
{
    .waitscreen-modal-wrap
    {
        width: 320px;
        height: 235px;
    }
    
    .waitScreenStatusSection 
    {
        font-size: 1rem;
    }
    
    .waitScreenLastSection
    {
        display: none;
    }
}

@media(max-width:414px)
{
    .waitscreen-modal-wrap 
    {
        background-image: none;
        border: 0;
        width: 100%;
    }
}


/* HOTEL AVAIL
************************************/

.mc-v1-wrap, 
.mc-v2-wrap
{
    background-color: #efefef;
    border: 1px solid #cccccc;
}

.mc-v1-wrap .expco-trigger-wrap, 
.mc-v2-wrap .expco-trigger-wrap
{
    padding: 0;
    border: none;
}

.v1-minicart-title-wrap,
.v2-minicart-title-wrap, 
.ro-minicart-title-wrap
{
    margin-top: 0;
}

.mc-v4-wrap .secondary-button {
    line-height: inherit;
}

.hotel-avail-page
{
    background-color: #efefef;
    border: 1px solid #cccccc;
}

.results-controls-wrap
{
    background-color: #fff;
    padding: 10px;
    border: 1px solid #cccccc;
}

.mini-cart-wrap .PRICE-SELECT-WRAP
{
    background-color: #efefef;
    border: 1px solid black;
}

.select-hotel-wrap
{
    border-top: 1px solid  #cccccc;
}

.SELECTED-COMPONENT
{
    background-color: #1a2b59;
}
.COMPONENT-OPTIONS-LIST .PRICE-SELECT-WRAP
{
    background-color: #f6f6f6;

}

.COMPONENT-OPTIONS-LIST > li
{
    background-color: #fff;
    border: 1px solid #cccccc;

}

.room-type-table td, 
.upsell-room-type-table td
{
    border-bottom: 1px dashed #cccccc;
}

.COMPONENT-DETAILS-WRAP
{
    border: none;
}

a:hover
{
    color: rgba(0, 105, 198, 0.7);
}



/* FLIGHT AVAIL
************************************/

.air-avail-page
{
    background-color: #efefef;
    margin-top: 10px;
    border: 1px solid #cccccc;
}

.new-search-wrap
{
    background-color: #fff;
    padding: 10px;
}

.flight-column-wrap
{
    border-top: 1px solid #cccccc;
}

.component-options-wrap .expco-trigger-wrap
{
    background-color: #fff;
}

.component-options-wrap .expco-trigger-wrap .expco-trigger-text
{
    color: #0069C6;
}

.component-options-wrap .expco-trigger-wrap .expco-trigger-text:hover
{
    color: rgba(0, 105, 198, 0.5);
}



/* AIR MATRIX TABLE
************************************/

.air-matrix-wrap > a
{
    background-color: #838282;
    border: 1px solid #e3e3e3;
}
    
.air-matrix-table, 
.air-matrix-table th,
.air-matrix-table tr, 
.air-matrix-table td
{
    padding: 5px; 
    border: solid 2px #d8d8d8;
    text-align: center;
    vertical-align: middle;
}

.air-matrix-table
{
    background: #fff;
}

.matrixHover 
{
    background-color: #eeeeee !important; 
}

table.air-matrix-table tr td.matrixSelected, 
table.air-matrix-table tr th.matrixSelected  
{
    background-color: #d8d8d8 ;   
}
 
 
 
/* FILTERS
************************************/

.filter-count-wrap
{
    background-color: #fff;
    border: solid #dedede;
    border-width: 1px 1px 1px 1px;
}

.filter-count,
.filter-count-label,
.hotels-map
{
    color:#000;
}

.hotels-map:hover
{
    color:#5d6ea1;
    text-decoration:underline;
}

.hotel-avail-page .new-search-wrap
{
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
}

.clear-filters-wrap,
.filters-heading,
.price-filter-wrap,
.filters-wrap
{
    background-color: #fff;
}

.filters-wrap .expco-trigger-wrap
{
    background-color: #fff;
    border: none;
}

.clear-filters-wrap
{
    border: none;
}

.ui-rangeSlider-label
{
    box-shadow: 0px 1px 0px #c2c5d6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67707F), color-stop(100%,#888DA0));
    font-size: 1rem;
}

.ui-rangeSlider-label-inner
{
    border-top: 10px solid #888DA0;
}



/* CHECKOUT STEP 1
************************************/

.expco-trigger-wrap .fa
{
    color:#006bb7;   
}

.advisory-fa
{
    color: #d90707;
}

.review-trip-summary .PRICE-SELECT-WRAP
{
    background-color: #efefef;
    border: none;
}

.review-trip-summary .COMPONENT-PRICE
{
    color: #0066cc;
}

.confirmation-wrap h2, 
.checkout-step1 h2, 
.checkout-step2 h2, 
.checkout-step3 h2
.checkout-step3 .h2
{
    border-bottom: 3px solid #efefef;
}

.summary-hotel-detail,
.review-flight-details,
.CART-COMPONENT-DETAIL,
.header,
.expco-content-wrap
{

    padding: 5px;
}

.summary-hotel-detail,
.flight-cart-modify .expco-content-wrap,
.insurance-cart-modify
{
    border-bottom: 10px solid #efefef;
}

.summary-cart-title
{
    width: 64%;
} 

.expco-trigger-wrap
{
    padding: 5px
}

.expco-trigger-text
{
    color: #000000;
}

.flight-leg-layover
{
    border: 1px solid #efefef;
    border-left: 0;
    border-right: 0;
}

.review-flight, 
.review-hotel, 
.review-vehicle
{
    border-bottom: 2px solid #efefef;
}

.cart-item-wrap
{
    border-bottom: 1px solid #efefef;
}

.cart-price tr.cart-highlight
{
    border-top: 2px solid #000;
}

.cart-price tr
{
    border-bottom: 1px dashed #efefef;
}

.proceed-btn-wrap 
{
    background: #efefef;
    border: none;
}

.cart-modify-button-wrap, 
.cart-remove-item-wrap,
.view-all-features-position
{
    margin: 8px 6px 0 0;
}

.cart-advisory
{
    font-size:1rem;
}



/* CHECKOUT STEP 2
************************************/

.checkout2-instruction
{
    border: 3px 0 solid #efefef;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px;
}

.ro-minicart-wrap .expco-trigger-wrap
{
    background-color: inherit;
    padding: 0;
}

.checkout-step2 .PRICE-SELECT-WRAP,
.checkout-step3 .PRICE-SELECT-WRAP
{
    margin: 15px;
    border: 1px solid #cccccc;
}

.PRICE-SELECT-WRAP p
{
    font-weight: bold;
}

.digi-cert-logo
{
    float: right;
    padding: 0 20px 0 20px;
}

.security-cert-wrap
{
    margin: 0;
}

 .checkout-step2  .security-cert-wrap
{
    margin-bottom: 20px;
}

.booking-bar
{
    background-color: #efefef;
    padding: 20px;
    text-align: right;
    margin-bottom: 8px;
}

.booking-bar .button
{
    float: right;
}



/* CHECKOUT STEP 3
************************************/

.ssr-ro-detail > div
{
    border: 1px dashed #efefef;
}



/* BUTTONS
************************************/

a.button,
.button:enabled,
.secondary-button:enabled 
{
    border: none;
    background-color: #334a92;
    color: #fff;
}

a.button:hover,
.button:hover:enabled,
.secondary-button:hover:enabled
{
    background-color: #273a73;
}

.secondary-button:disabled
{
    height: 30px;
}



/* FOOTER
************************************/

.FOOTER-WRAP 
{
    background-color: #e2e2e2;
    font-size: 1.2rem;
    border-top: 1px solid #dedede;
    padding: 20px 1% 40px !important;
    background: none;
    border-bottom: 0;
}

.FOOTER-WRAP .CONSTRAINT-WRAP {
    height: 55px;
}

.footer-credits .CONSTRAINT-WRAP {
    clear: both;
}

.FOOTER-WRAP a {
    text-transform: none;
    color: #555555;
    text-decoration: none;
}

.FOOTER-WRAP a:hover {
    text-decoration: underline;
} 

.FOOTER-WRAP * {
    font-family: 'montserrat', Arial, Sans-Serif;
    font-weight: normal;
    font-size: 1.35rem;
}

.FOOTER-WRAP .footer-left div {
    float: left;
    margin-right: 90px;
}

.FOOTER-WRAP .footer-left div:last-child {
    margin-right: 0;
}

.FOOTER-WRAP .footer-left div strong 
{
    display:block;
    margin-bottom:4px;
}

.FOOTER-WRAP .footer-left div a {
    display:block;
    margin-bottom:4px;
}

.footer-right
{
    float:right;
}

.stay-connected {
    float: right;
    margin-right: 10px;
}

.social-media-wrap
{
    clear:both;
}

.FOOTER-WRAP a.email 
{
    margin-right:35px; 
    background:url("https://trisept.widen.net/content/dcb88los3b/png/GBS_ICON_SOCIAL_BLUESKY_footerEmailIcon.png") no-repeat bottom left;
}

.FOOTER-WRAP a.faceBook 
{
    background:url("https://trisept.widen.net/content/d1klkld45u/png/GBS_ICON_SOCIAL_BLUESKY_footerFaceBookIcon.png") no-repeat bottom left;
}

.FOOTER-WRAP a.twitter 
{
    background:url("https://trisept.widen.net/content/usslsafmy7/png/GBS_ICON_SOCIAL_BLUESKY_footerTwitterIcon.png") no-repeat bottom left;
}

.FOOTER-WRAP a.email,
.FOOTER-WRAP a.faceBook,
.FOOTER-WRAP a.twitter {
    float: right;
    width: 32px;
    height: 32px;
    margin: 10px 0 0 15px;
}


.footer-credits 
{
    color: #000;
    background-color:#fff;
    font-weight: bold;
    padding: 10px 20px 20px 20px;
}

.footer-credits p
{
    display: inline-block;
}

.footer-credits span 
{
    vertical-align: top;
}

.footer-credits .footer-created-by
{
    float: right;
}

.footer-created-by img 
{
    max-width: 125px;
	clear: both;
    display: block;
}

/* CONFIRMATION AND CANCELATION
************************************/

.confirm-top-summary-wrap, 
.confirm-bottom-summary-wrap 
{  
    background: #efefef;
    border: none; 
}

.confirm-number-highlight 
{
    background-color: #454545;
}
   
.confirm-expect-wrap
{
    padding: 5px;
    background: #efefef;
}
    
.confirmation-wrap h2,
.review-flight, 
.review-hotel
{
     border-bottom: solid 5px #efefef;
}

.confirm-traveler
{
    border-bottom: solid 2px #efefef;
}

.traveler-tsa-wrap
{
    border: 1px solid #efefef;
}

.confirm-bar
{
    background-color: #efefef;
    border: none;
}

h2, 
.h2
{
    border-bottom: 2px solid #efefef;
}



/* RESPONSIVE
************************************/

@media(max-width:1080px)
{
    .mini-cart-wrap .PRICE-SELECT-WRAP
    {
        clear: both;
        width: 100%;
        position: relative;
        left: 15px;
     }   
     
     .review-trip-summary .PRICE-SELECT-WRAP,
     .COMPONENT-OPTIONS-LIST .PRICE-SELECT-WRAP
     {
         left:0px;
     }
     
     .ro-minicart-wrap 
     {
        width: 100%;
     }
}
@media (max-width: 979px){
    .summary-cart-title
    {
        width: 50%;
    }
}
@media (max-width: 820px)
{
    .HEADER-WRAP
    {
        height:190px;
    }
    
    .HEADER-LOGO-WRAP {
        width: 100%;
        text-align: center;
        float:left;
    }
    
    .sold-by-wrap {
        top:0px;
        left: 20px;
    }
    
    .phone-number-wrap 
    {
        top:0px;
        
        right: 20px;
    }
    .booking-bar .button
    {
        width:100%;
    }
    
    .security-cert-wrap
    {
        clear:both;
        padding-top:8px;
        text-align:center;
    }
    
    .digi-cert-logo
    {
        margin-top:10px;
        float:none;
    }
}

@media (max-width:695px)
{
    .FOOTER-WRAP .footer-left div {
        float: none;
        margin-right: 00px;
        text-align: center;
        margin-bottom: 30px;
    }
    
    .footer-right,
    .footer-right *
    {
        float:none;
        text-align: center;
        width: 100%;
        height: 65px;
    }
    
    .stay-connected
    {
        margin-right:0px;
    }
    
    .social-media-wrap
    {
        width: 126px;
        margin:0 auto;
    }
    
    .FOOTER-WRAP a.faceBook,
    .FOOTER-WRAP a.twitter 
    {
        float:left;
        margin: 10px 15px 0px 0px;
    }
    
    .FOOTER-WRAP a.email
    {
        float:left;
        margin: 10px 0px 0px 0px;
    }
}
@media(max-width:580px)
{   
   .summary-cart-title
   {
       width:100%;
   }
}
@media (max-width: 465px)

{
    .HEADER-WRAP {
        height: 235px;
    }
    
    .sold-by-wrap,
    .phone-number-wrap
    {
        right: initial;
        left: initial;
        top: initial;
    }
    
    .sold-by-wrap
    {
        clear: both;
        float: none;
        width: 230px;
        margin: 0 auto;
    }
    
    .phone-number-wrap 
    {
        clear:both;
        float:none;
        width:130px;
        margin: 10px auto 0px;
    } 
}


/* MOBILE STYLES
************************************/

@media (max-width: 414px) 
{
    
    .BASE-NAV
    {
        padding: 10px 5px 10px 5px;
    }
    
    .CONTENT-WRAP
    {
        padding: 0px 5px;
    }
    
    /*** mobile checkboxes ***/
    
    input[type=checkbox]:checked + label:before 
    {
        background-color: #334a92;
        border-color: #334a92;
    }
    
    /*** mobile radio buttons ***/
    
    input[type="radio"]:checked + label:after,
    input[type="radio"]:not(:checked) + label:after 
    {
        background: #334a92;
    }
    
    /*** mobile navigation ***/
    
    .BOOKING-NAVIGATION::before
    {
        background-color: #ccc;
    }
    
    .BOOKING-NAVIGATION > li > a
    {
        background-color: #fff;
        border: 1px solid #334a92;
        color: #334a92;
    }
    
    .BOOKING-NAVIGATION > li.current-booking-tab > a,
    .BOOKING-NAVIGATION .fa-check,
    .BOOKING-NAVIGATION .selected-booking-tab .fa-check
    {
        background-color: #9fcb07;
        color: #fff;
        text-shadow: none;
    }
    
    .BOOKING-NAVIGATION .current-booking-tab,
    .BOOKING-NAVIGATION li
    {
        background-color: transparent;
    }
} 

 /*** SEGMENTED BUTTONS  

@media (max-width: 414px) 
{
    .spoofed-btn-wrap input[type="radio"]:checked + label:before, 
    .spoofed-btn-wrap input[type="radio"]:not(:checked) + label:before,
    .spoofed-btn-wrap input[type="radio"]:checked + label:after, 
    .spoofed-btn-wrap input[type="radio"]:not(:checked) + label:after
    {
        opacity: 0;
        position: absolute;
    }

    .spoofed-btn-wrap input + label
    {
        text-align: center;
        color: #006bb7;
        border: 1px solid #006bb7;
        border-right: none;
        background-color: #fff;
        margin: 0px !important;
        padding: 5px !important;
        flex-grow: 1;
    }   
    
    .spoofed-btn-wrap input + label:last-child
    {
        border-right: 1px solid #006bb7;
    }

    .spoofed-btn-wrap input[type="radio"]:checked + label
    {
        border: 1px solid #006bb7;
        background-color: #006bb7;
        color: #fff;
    }   
}

***/ 


/*** Payment Desposit Option Overrides ***/

.payment-option-wrap input + label 
{
    border: 1px solid #334a92;
}

.payment-option-wrap input[type="radio"]:checked + label, .payment-option-wrap input[type="radio"]:not(:checked) + label
{
    border: 1px solid #334a92;
}

.payment-option-wrap input[type="radio"]:checked + label 
{
    border: 1px solid #334a92;
    background-color: #334a92;
    color: #fff;
}

.payment-option-wrap:focus-within input[type="radio"]:checked + label,
.payment-option-wrap:focus input[type="radio"]:checked + label,
.payment-option-wrap:focus-within input[type="radio"]:not(:checked) + label,
.payment-option-wrap:focus input[type="radio"]:not(:checked) + label 
{
    outline: auto;
}

@media (max-width: 414px)
{
    .payment-option-wrap:only-child input[type="radio"]:checked + label,
    .payment-option-wrap:only-child input[type="radio"]:not(:checked) + label 
    {
        border-bottom: 1px solid #334a92;
    }
}

.ui-datepicker-trigger img
{
    background: rgba(0, 0, 0, 0) url("https://trisept.widen.net/content/d0dyg9ixca/png/GBS_ICON_CAL_BLUESKY_calendar.png") no-repeat scroll left top;
}

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
    border: 0 solid !important;
    background-color: transparent !important;
    color: #555555 !important;
    cursor: pointer !important;
    padding: 0 !important;
    font-family: 'montserrat', Arial, Sans-Serif !important;
    font-weight: normal !important;
    font-size: 1.35rem !important;
}

    #ot-sdk-btn.ot-sdk-show-settings:hover,
    #ot-sdk-btn.optanon-show-settings:hover {
        color: #555555 !important;
        text-decoration: underline !important;
    }