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

a.button,
input.button, 
.button:enabled
{
    cursor: pointer;
    text-align: center;
    height: 23px;
    color: #fff;
    border: 2px solid #06893d;
    background-color: #06893d;
    border-radius: 0px;
    padding: 0 10px;
}

a.button,
a.button:enabled
{
    display:inline-block;
    padding-top:1px;
    text-decoration:none;
}

.button:hover:enabled 
{
    background-color: #0d5029;
    border: 2px solid #0d5029;
}

.secondary-button:enabled,
a.secondary-button
{
    background-color: #4b6d82;
    border: 2px solid #4b6d82;
}

.secondary-button:hover:enabled,
a.secondary-button:hover
{
    background-color: #243a4f;
    border: 2px solid #243a4f;
}

.tertiary-button:enabled 
{
    background-color: #fff;
    border: 2px solid #4b6d86;
    color: #4b6d86;
}

.tertiary-button:hover:enabled
{
    color: #243a4f;
    border: 2px solid #243a4f;
    background-color: #fff;
}

.button-large:enabled
{
    padding: 0px 33px !important;
    height: 38px !important;
    font-size: 20px;
}

/* don't combine "input:read-only" and "input:-moz-read-only" with other selectors */
input:read-only { background: #dddddd; cursor: default; border: 0; color: #333; }
input[readonly="readonly"] { background: #dddddd; cursor: default; border: 0; color: #333; }
input:-moz-read-only { background: #dddddd; cursor: default; border: 0; color: #333; }
input[disabled=disabled][type=submit],
input[type="button"]:disabled,
select:disabled,
button:disabled
{
    background: #dddddd;
    cursor: default;
    border: 0;
    color: #333;
    padding: 0 10px;
    height: 23px;
}

select:disabled 
{
    padding: 0;
}

button:disabled i
{
    color: #dddddd !important;
}

button.link
{
    background: none;
    border: none; 
    padding: 0;
    font: inherit;
}


@media (max-width: 767px)
{
    .button-large:enabled
    {
        width: 100%;
    }

    .multistop-search {
        flex-direction: column;
        align-items: flex-start;
    }

    .multistop-search a {
        margin-bottom: 15px;
    }
}     
 


 /* RIGHT GUTTER (excludes filters)
************************************/

.content-gutter-wrap > fieldset,
.self-help-library-link-wrap,
.get-help-link-wrap,
.commission-link-wrap,
.price-stamp-wrap,
.recent-searches-wrap,
.loyalty-points-wrap
{
    margin-bottom: 15px;
    border: solid 1px #d3d3d3;
    padding: 10px;  
}

.content-gutter-wrap ul
{
    list-style: none;
}

.content-gutter-wrap > div:last-of-type
{
    margin-bottom: 0;
}

.gutter-section-title
{
    width: 100%;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    font-size: 1.6rem;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #aaa;
}

.price-stamp-wrap .button
{
    width: 94%;
    margin: 10px auto 0;
}

.price-stamp
{
    width: 100%;
}


.price-stamp caption
{
    text-align:left;
    font-weight:bold;
    font-size:1.5rem;
    margin:5px 0;
}

.price-stamp th, 
.price-stamp td
{
    margin-bottom:5px;    
}

.price-stamp td
{
    text-align:right;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.price-stamp th
{
    font-weight:normal;
    font-family: 'SourceSansPro-Regular', Arial, Sans-Serif;
    max-width: 120px;
}

.price-stamp caption
{
    text-align:left;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}    
    
.vendor-logo-wrap
{
    text-align:center;
}

.vendor-logo-wrap img
{
    max-width:100%;
}

.drip-pricing-row th,
.drip-pricing-row td {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #d3d3d3;
}

.total-pricing-row th, 
.total-pricing-row td
{
    margin-top:10px; 
    padding-top:10px; 
    border-top:solid 1px #d3d3d3;
}

.total-pricing-row td
{
    color:#06893d;
}

p.price-stamp-spacer
{
    display:block; 
    width:100%; 
    height:10px;
}

.price-stamp-linklist
{
    margin:10px auto;
}

.price-stamp-rr-points
{
    margin:10px auto 0 auto; 
    color:#000 !important;
}

.price-stamp-rr-points font
{
    color:#000 !important;
}

.commission-link-wrap
{
    text-align:center;
}

.self-help-library-link-wrap 
{
    text-align:center;
}

.get-help-link-wrap
{
    text-align:center;
}
    
/*** recent searches ***/

.recent-searches-wrap h2
{
    border:0; 
    margin-bottom:5px;
}

.recent-searches ul dl
{
    margin-bottom: 15px;
}
    
.recent-searches li:last-child dl
{
    margin-bottom: 0;
}

.recent-searches dt 
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.recent-itin
{
    margin-bottom:12px; 
    padding-top:12px; 
    border-top:solid 1px #d3d3d3;
}

.recent-itin:first-child
{
    border-top:none;
}
    
.recent-searches .is-highlighted
{
    padding: 5px;
    background-color: #f2f2f2;
    border:solid 2px #4b6d86;
}

.recent-itin.is-highlighted + .recent-itin,
.recent-itin.is-highlighted + .save-all-recent
{
    border-top:0;
    padding-top:0;
}

.save-all-recent
{
    border-top:solid 1px #d3d3d3; 
    text-align:right;
    font-weight:bold;
    padding:12px 0;
}

.itin-compare-checkbox-wrap label
{
    padding-left:2px;
}

.itin-compare-button-wrap
{
    position:absolute;
    margin-top:10px;
}

.toggle-admin-btn-wrap
{
    margin:10px auto;
    text-align:right;    
    color: #0E589F;
}

.toggle-admin-btn-wrap button.link
{
    font-weight:bold;
}

.itin-compare-table 
{
    width: 100%;
    table-layout: fixed;
}

.compare-row-label 
{
    width:145px;
}

.commission-row-subheader
{
    font-size:82%;    
}

.itin-compare-table tr th,
.itin-compare-table tr td
{
    padding:5px;
}

.itin-compare-table li
{
    list-style:none;
}

.mobile-compare-row,
.placeholder-row
{
    display: none;
}
.itin-compare-table thead tr
{
    background-color:#f2f2f2;
    border: 1px solid #d3d3d3;
}

.itin-compare-table tbody tr:not(.mobile-compare-row):nth-child(4n)
{
    background-color: #f9f9f9;
}

.itin-compare-table tr th, 
.itin-compare-table tr td 
{
    border: solid 1px #d3d3d3;
}

@media (max-width: 480px) 
{
    .itin-compare-table
    {
        table-layout:auto;
    }
    
    .itin-compare-table tr {
        display: flex;
    }
    
    .itin-compare-table tr th, 
    .itin-compare-table tr td {
        width: 33%;
        flex: 1;
        display: inline-block;
    }
    
    .mobile-compare-row 
    {
        display:table-row;
        background-color:#f9f9f9;
        width:100%;
    }
    .compare-row-label 
    {
        display:none !important;
    }
    .itin-compare-table tbody tr:not(.mobile-compare-row):nth-child(4n)
    {
        background-color:#fff;
    }
}


/* my saved vacations */

.my-saved-vacations dl
{
    margin-top: 10px;
}



/* FILTERS
************************************/

.filters-wrap
{
    padding: 10px 8px;
    margin-bottom: 15px;
    border: solid 1px #d3d3d3;
}

.filters-wrap li 
{
    list-style: none;
}

.filters-wrap input[type="checkbox"] 
{
    margin-right: 3px;
}

.responsive-filters-wrap
{
    margin: 20px 0;
}

.filter-count-wrap
{
    text-align: left;
    padding:0 0 10px 0;
}

.filters-heading
{
    font-size: 2.2rem;
    border-top:solid 1px #d3d3d3;
    padding:10px 0;
    font-family: 'SourceSansPro-Light';
}

.filters-wrap > div:last-of-type
{
    margin-bottom: 0;
}

.filter-count
{
    font-size: 3.2rem;
    font-family: 'SourceSansPro-Light';
    margin-right: 5px;
}

.filter-count-label
{
    font-size: 1.6rem;
    font-family: 'SourceSansPro-bold';
    margin: 15px 0;
}

.name-filter-wrap
{
    position: relative;
}

.name-filter-wrap input[type="text"] 
{
    width: 100%;
}

.name-filter-wrap .button 
{
}

.name-filter-field
{
    width: 100%;
    padding-right: 50px
}

.name-filter-wrap .button
{
    position: absolute;
    right: 0;
    top: 0;
}

.filters-wrap .expco-trigger,
.name-filter-label,
.price-filter-label,
.basic-econ-filter-label 
{
    font-size: 1.4rem;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    text-decoration: none;
}

.name-filter-label
{
    padding-bottom:10px;
}

.filters-wrap li label 
{
    float: left;
    width: 90%;  
}

.filters-wrap li input
{
    float: left;
    clear: left;
}

.clear-filters
{
    width: 100%;
    height: 30px;
    margin-top: 15px;
} 


/*** price filter ***/

.ui-rangeSlider
{
    height: 20px;
    padding-top: 40px;
}

.ui-rangeSlider,
.ui-rangeSlider-container,
.ui-rangeSlider-arrow
{
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container
{
    margin: 0 15px;
}

.ui-rangeSlider-withArrows .ui-rangeSlider-container,
.ui-rangeSlider-noArrow .ui-rangeSlider-container,
.ui-rangeSlider-arrow
{
  -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
     -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
          box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.5);
}

.ui-rangeSlider-disabled.ui-rangeSlider-withArrows .ui-rangeSlider-container,
.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow
{
  -webkit-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
     -moz-box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
          box-shadow: inset 0px 4px 6px -2px RGBA(0,0,0,0.3);
}

.ui-rangeSlider-noArrow .ui-rangeSlider-container
{
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-left: solid 1px #515862;
    border-right: solid 1px #515862;
}

.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container
{
    border-color: #8490a3;
}

.ui-rangeSlider-container,
.ui-rangeSlider-arrow
{
 	height: 20px;
    border-top: solid 1px #232a32;
    border-bottom: solid 1px #6a7179;
}

.ui-rangeSlider-disabled .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow
{
    border-top-color: #49576b;
    border-bottom-color: #9ca7b3;
}

.ui-rangeSlider-container,
.ui-rangeSlider-arrow,
.ui-rangeSlider-label
{
    background: #67707F;
    background: -moz-linear-gradient(top, #67707F 0%, #888DA0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67707F), color-stop(100%,#888DA0));
}

.ui-rangeSlider-disabled .ui-rangeSlider-container,
.ui-rangeSlider-disabled .ui-rangeSlider-arrow,
.ui-rangeSlider-disabled .ui-rangeSlider-label
{
    background: #ddd;
}

.ui-rangeSlider-arrow
{
    width: 14px;
    cursor: pointer;
}

.ui-rangeSlider-leftArrow
{
    border-radius: 4px 0 0 4px;
    border-left: solid 1px #515862;
}

.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow
{
    border-left-color: #8792a2; 
}

.ui-rangeSlider-rightArrow
{
    border-radius: 0 4px 4px 0;
    border-right: solid 1px #515862;
}

.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow
{
    border-right-color: #8792a2; 
}

.ui-rangeSlider-arrow-inner
{
    position: absolute;
    top: 50%;
    border: 10px solid transparent;
    width: 0;
    height: 0;
    margin-top: -10px;
}

.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner
{
    border-right: 10px solid #a4a8b7;
    left: 0;
    margin-left: -8px;
}

.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner
{
    border-right: 10px solid #b3b6c2;
}

.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner,
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner
{
    border-right-color: #bbc0cf;
}

.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner
{
      border-left: 10px solid #a4a8b7;
      right: 0;
      margin-right: -8px;
}

.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner
{
    border-left: 10px solid #b3b6c2;
}

.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner,
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner
{
    border-left-color: #bbc0cf;
}

.ui-rangeSlider-innerBar
{
      width: 110%;
      height: 100%;
      left: -10px;
      overflow: hidden;
}

.ui-rangeSlider-bar
{
    background: #68a1d6;
    height: 19px;
    margin: 1px 0;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    -webkit-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
    -moz-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
    box-shadow: inset 0 2px 6px RGBA(0,0,0,0.5);
}

.ui-rangeSlider-disabled .ui-rangeSlider-bar
{
    background: #93aeca;
    -webkit-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.3);
    -moz-box-shadow: inset 0 2px 6px RGBA(0,0,0,0.3);
    box-shadow: inset 0 2px 6px RGBA(0,0,0,0.3);
}

.ui-rangeSlider-handle
{
	width: 10px;
	height: 30px;
	background: transparent;
	cursor: col-resize;
}

.ui-rangeSlider-label
{
    padding: 5px 10px;
    bottom: 30px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #666;
    color: #fff;
    cursor: col-resize;
}

.ui-rangeSlider-label-value 
{
    color: #fff;
}

.ui-rangeSlider-disabled .ui-rangeSlider-label-value 
{
    color: #333;
}

.ui-rangeSlider-label-inner
{
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    z-index: 99;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -10px;
    border-top: 10px solid #666;
}

.ui-rangeSlider-disabled .ui-rangeSlider-label-inner
{
    border-top-color: #ddd; 
}

.ui-editRangeSlider-inputValue
{
    width: 2em;
    text-align: center;
    font-size: 15px;
}

.ui-rangeSlider .ui-ruler-scale
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ui-rangeSlider .ui-ruler-tick
{ 
    float: left; 
}

.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-inner
{
    color: white;
    margin-top: 1px;
    border-left: 1px solid white;
    height: 19px;
    padding-left: 2px;
    position: relative;
}

.ui-rangeSlider .ui-ruler-scale0 .ui-ruler-tick-label
{
    position: absolute;
    bottom: 6px;
}

.ui-rangeSlider .ui-ruler-scale1 .ui-ruler-tick-inner
{
    border-left: 1px solid white;
    margin-top: 25px;
    height: 5px;
}

/* hide the left label */
.singleSlider .ui-rangeSlider-leftLabel
{
    visibility: hidden; /* Needs to be there for script */
}

/* remove left handle */
.singleSlider .ui-rangeSlider-leftHandle
{
    display: none;
}

/* hide right handle */
.singleSlider .ui-rangeSlider-rightHandle
{
    visibility: hidden; /* Needs to be there for script */
}

/* remove bar */
.singleSlider .ui-rangeSlider-bar
{
    display: none;
}

/* shorten container*/
.singleSlider .ui-rangeSlider-container
{
    height: 5px;
}


/*** flight filter ***/

.flights-gutter-wrap fieldset > div > fieldset
{
    margin-top: 15px;
}

.flights-gutter-wrap fieldset > div > fieldset.inbound-departure-wrap,
.flights-gutter-wrap fieldset > div > fieldset.outbound-departure-wrap 
{
    margin-top: 5px;
}

.departure-filter-label 
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}


/*** add-on filter ***/

#categoryOptionsArea li ul 
{
    font-size: 1.1rem;
    padding-left: 20px;
    margin-bottom: 5px;
}


/*** landmarks filter ***/

#landmarkFilterZone2 div 
{
    clear: both;
}

#landmarkOptionsArea div 
{
    font-size: 1.2rem;
    margin-left: 17px;
    clear:both;
}


/*** features filter ***/

.featureCategoryFilters2
{
    margin-top: 15px;
}


/*** basic economy filter ***/

.hide-basic-economy,
.show-basic-economy 
{
    display: inline-block;
}

.hide-basic-economy 
{
    padding-left: 5%;
}

.hide-basic-economy input,
.show-basic-economy input
{
    margin-right: 3px;
}

.basic-economy-toggle-wrap
{
    text-align: center;
}

.basic-economy-toggle-wrap i 
{
    color: #4b6d82;
    font-size: 5rem;
}

.basic-economy-toggle-wrap p 
{
    padding: 5px 0px;
}

.basic-economy-toggle-wrap button 
{
    min-width: 220px;
    margin: 5px 0px;
}

/* MINICART V1
************************************/
.mc-v1-wrap {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #dedede;
    padding: 3% 4% 2% 4%;
    margin-bottom: -1px;
}

.mini-cart ul 
{
    list-style:none;
}
    
.v1-minicart,
.ro-minicart
{
    border-bottom: solid 10px #f2f2f2; 
    margin-bottom: 15px; 
    padding-bottom: 15px;
}

.v1-minicart-wrap,
.ro-minicart-wrap
{
    width: 68%; 
    float: left;
}
    
.v1-minicart-wrap .expo-trigger,
.ro-minicart-wrap .expco-trigger
{
    text-decoration: none;
}

.v1-minicart-title-wrap,
.ro-minicart-title-wrap
{
    margin-top: 5px;
}

.v1-minicart-sub-accordian-title .expco-trigger,
.ro-minicart-sub-accordian-title .expco-trigger
{
    display: inline-block;
    float: left;
    margin-right: 4px;
    text-decoration: none;
}
    
.v1-minicart-sub-accordian-title .expco-trigger-text,
.ro-minicart-sub-accordian-title .expco-trigger-text
{
    color: #4c6c85;
}
    
.v1-minicart-sub-accordian-title.is-expanded .expco-trigger,    
.ro-minicart-sub-accordian-title.is-expanded .expco-trigger
{
    margin-right: 7px;
}
    
.v1-minicart-content-wrap,
.ro-minicart-content-wrap
{
    padding: 10px 0 2% 3%;
}
    
.v1-minicart-fight-details,
.ro-minicart-flight-details
{
    margin: 5px 0px;
}
        
.minicart-accordian-title
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    border-bottom: dashed 1px #aaa; 
    text-decoration: none; 
    margin-bottom: 15px;
}
    
.cart-rewards-wrap
{
    border-top: 1px solid #dedede;
}
    
.pnl-mc-mod 
{
    border-top: solid 3px #f2f2f2;
    margin-top: 10px;
    padding-top: 10px;
}

.v1-minicart-wrap-mod .expco-content-wrap
{
    width: 68%;
    float: left;
}

.mini-cart-original-price 
{
    width: 28%;
    float: right;
}


@media (max-width: 580px) 
{  
    .v1-minicart-wrap,
    .ro-minicart-wrap
    {
        width: 96%; 
        float: none;
        margin: 20px auto;
    }
}   



/* MINICART V2
************************************/

.mc-v2-wrap
{
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #dedede;
    padding: 3% 4% 2% 4%;
    margin-bottom: -1px;
}

.mc-v2-wrap ul 
{
    list-style: none;
}

.mc-v2-wrap li 
{
    margin-bottom: 20px;
}

.mc-v2-wrap h2
{
    border-style: dashed;
    border-color: #aaa
}

.mc-v2-wrap h3 
{
    font-size: 1.6rem;
}

.mc-modify-booked,
.mc-modify-v2-wrap h3
{
    padding-bottom: 15px; 
}

.mc-v2-wrap i
{
    float: left;
    font-size: 2.2rem;
    margin-right: 15px;
    margin-top: 1px;
    width: 20px;
    text-align: center;
}

.mc-component-summary-v2
{
    width: 73%;
    display: inline-block;
}

.mc-component-title-v2 
{
    display: inline-block;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    max-width: 300px;
}

.mc-component-label-v2
{
    position: absolute;
}

.mc-component-info-rt-v2
{
    float: right;
    width: 250px;
}

.mc-detail-v2
{
    padding-left: 75px;
}

.mc-component-action-v2
{
    float: right;
    text-align: right;
    width: 150px;
}

.mc-component-action-v2 a
{
    margin-bottom: 5px;
    display: inline-block;
}

.mc-component-action-v2 .secondary-button 
{
    width: 100%;
}


/* flight section */

.mc-flight-leg-v2-wrap .remove-button,
.mc-flight-notes-v2 
{
    margin-top: 5px;
}

.mc-hotel-v2-wrap .mc-component-title-v2 img 
{
    margin-left: 10px;
}


/* car section*/

.mc-car-v2-wrap i
{
    font-size: 1.8rem;
}


/* addons section */

.mc-v2-wrap .mc-addon-v2-wrap 
{
    margin-bottom: 5px;
}

.mc-addon-v2-wrap .mc-component-title-v2 
{
    max-width: 400px;
}

.cancel-modify-inner 
{
    float: right;
    padding: 10px 10px 0 0;
}


@media (max-width: 979px) 
{
    .mc-component-title-rt-v2,
    .mc-component-info-rt-v2
    {
        float: none;
        text-align: left;
        width: 100%;
    }
}

@media (max-width: 767px) 
{
    .mc-v2-wrap 
    {
        position: relative;
        padding-bottom: 50px;
    }
    
    .mc-v2-wrap i 
    {
        display: none;
    }
    
    .mc-component-action-v2 {
        float: none;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 30px;
    }
    
    .mc-component-action-v2 a
    {
        margin-bottom: 10px;
    }
    
    .mc-component-summary-v2
    {
        width: auto;
    }

    .mc-v2-wrap .mc-addon-v2-wrap
    {
        margin-bottom: 10px;
    }
    
    .mc-addon-v2-wrap .mc-component-action-v2
    {
        margin-bottom: 0;
        margin-left: 0;
        position: absolute;
        bottom: 25px;
    }
    
    .mc-addon-v2-wrap .mc-component-summary-v2 
    {
        width: auto;
    }
}

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

.iframeRestoolContainer
{
    padding-left:10px;
    background-color: #f0f0f0;
}    

.iframeRestoolContainer .departing-from-wrap,
.iframeRestoolContainer .package-type-wrap,
.iframeRestoolContainer .supplier-wrap, 
.iframeRestoolContainer .going-to-wrap, 
.iframeRestoolContainer .return-date-wrap, 
.iframeRestoolContainer .rooms-wrap, 
.iframeRestoolContainer .dest-region-wrap, 
.iframeRestoolContainer .ms-departing-from-wrap, 
.iframeRestoolContainer .ms-depart-date-wrap, 
.iframeRestoolContainer .ms-supplier-wrap
{
   min-width: 250px;
}

.iframeRestoolContainer .supplier-wrap select,
.iframeRestoolContainer .package-type-wrap select,
.iframeRestoolContainer .going-to-wrap select,
.iframeRestoolContainer .departing-from-wrap select,
.iframeRestoolContainer .extSearchBtnPosition input,
.iframeRestoolContainer .travel-protection-wrap,
.iframeRestoolContainer .shop-by-wrap,
.iframeRestoolContainer .hotelBrand,
.iframeRestoolContainer .hotelName
{
    width:240px;
    min-width: auto;
}

.iframeRestoolContainer .travel-protection-wrap
{
    margin: 0 0 20px 0;
}

.iframeRestoolContainer .rooms-wrap select,
.iframeRestoolContainer .number-nights-wrap input,
.iframeRestoolContainer .calendar-icon-wrap input
{
    width:100%;       
}

.iframeRestoolContainer .single.selectize-control.plugin-item_nowrap .selectize-input
{    
    max-width: 240px;
    height: 23px !important;
}

.iframeRestoolContainer .return-date-wrap,
.iframeRestoolContainer .depart-date-wrap
{
    width:145px !important;
    min-width: auto;
    margin-right: 0 !important;
}

.iframeRestoolContainer .promo-code-wrap
{
    width:168px;
    min-width: auto;
}

.iframeRestoolContainer .promo-code-wrap input
{
    width:100%;
}

.iframeRestoolContainer .extResToolLinks 
{
	margin-top: 10px;
}

.iframeRestoolContainer .subLabel {
    font-size: .9rem;
    top: 5px;
}

.iframeRestoolContainer .number-nights-wrap
{
    margin: 0 0 0 6% !important;    
}

.iframeRestoolContainer .number-of-pax-wrap
{
    max-width:240px;    
}

.iframeRestoolContainer .number-of-rooms-wrap + .number-of-pax-wrap, .iframeRestoolContainer .number-of-pax-wrap + .number-of-pax-wrap
{
    margin-left: 10px;
}

.iframeRestoolContainer .shopByFlightRadiosExt
{
    margin-bottom: 8px;
}

.iframeRestoolContainer .shopByFlightRadiosExt legend
{
    width: 80px;
    float: left;
    margin: 0 4px 0 0;
    padding: 0;
}

.iframeRestoolContainer .shopByFlightRadiosExt input 
{
    margin: 3px 5px 0 10px;   
}

.iframeRestoolContainer .hotelNameField select
{
    width:240px;
}

.iframeRestoolContainer .shopByFlightRadiosExt p.extRezSBS, .iframeRestoolContainer p.valid-dates
{
    font-size: 1.3rem;
}

.iframeAnchorStore .rooms-wrap
{
    min-width: 245px;   
} 

.iframeRestoolContainer .rooms-wrap, 
.iframeRestoolContainer .departing-from-wrap, 
.iframeRestoolContainer .supplier-wrap, 
.iframeRestoolContainer .number-nights-wrap
{
    margin-right: 0px;
}

.iframeAnchorStore
{
    background-color: #ffffff;
    width: 260px;
}    

.iframeAnchorStore .departing-from-wrap,
.iframeAnchorStore .package-type-wrap,
.iframeAnchorStore .supplier-wrap, 
.iframeAnchorStore .going-to-wrap, 
.iframeAnchorStore .return-date-wrap, 
.iframeAnchorStore .rooms-wrap, 
.iframeAnchorStore .dest-region-wrap, 
.iframeAnchorStore .ms-departing-from-wrap, 
.iframeAnchorStore .ms-depart-date-wrap, 
.iframeAnchorStore .ms-supplier-wrap
{
   min-width: 250px;
}

.iframeAnchorStore .supplier-wrap select,
.iframeAnchorStore .package-type-wrap select,
.iframeAnchorStore .going-to-wrap select,
.iframeAnchorStore .departing-from-wrap select,
.iframeAnchorStore .extSearchBtnPosition input,
.iframeAnchorStore .travel-protection-wrap
{
    width:240px;
    min-width: auto;
}

.iframeAnchorStore .travel-protection-wrap
{
    margin: 20px 0;
}

.iframeAnchorStore .rooms-wrap select,
.iframeAnchorStore .number-nights-wrap input,
.iframeAnchorStore .calendar-icon-wrap input
{
    width:100%;       
}

.iframeAnchorStore .single.selectize-control.plugin-item_nowrap .selectize-input
{    
    max-width: 240px;    
}

.iframeAnchorStore .return-date-wrap,
.iframeAnchorStore .depart-date-wrap
{
    width:145px;
    min-width: auto;
}

.iframeAnchorStore .promo-code-wrap
{
    width:168px;
    min-width: auto;
}

.iframeAnchorStore .promo-code-wrap input
{
    width:100%;
}

.iframeAnchorStore .extResToolLinks 
{
	margin-top: 10px;
}

.iframeAnchorStore .number-nights-wrap
{
    margin:0;    
}

.iframeAnchorStore .number-of-pax-wrap
{
    max-width:240px;   
}

.iframeAnchorStore .shopByFlightRadiosExt
{
    margin-bottom: 8px;
}

.iframeAnchorStore .shopByFlightRadiosExt legend
{
    width: 80px;
    float: left;
    margin: 0 4px 0 0;
    padding: 0;
}

.iframeAnchorStore .shopByFlightRadiosExt input 
{
    margin: 3px 5px 0 10px;   
}

.iframeAnchorStore .hotelNameField select
{
    width:240px;
}

.iframeAnchorStore .shopByFlightRadiosExt p.extRezSBS, .iframeAnchorStore p.valid-dates
{
    font-size: 1.3rem;
}

.iframeAnchorStore .rooms-wrap
{
    min-width: 245px;   
} 

.iframeAnchorStore .rooms-wrap, 
.iframeAnchorStore .departing-from-wrap, 
.iframeAnchorStore .supplier-wrap, 
.iframeAnchorStore .number-nights-wrap
{
    margin-right: 0px;
}

ul#extResToolLinks 
{
	overflow: hidden;
	width: 100%;
}

ul#extResToolLinks li 
{	
	padding: 4px 6px;
	float: left;	
	list-style-type: none;
}


.onsale-restool-container .hiddenInPromoRestool,
.content-restool-container .hiddenInPromoRestool,
.supplier-restool-container .hiddenInPromoRestool,
.promo-restool-container .hiddenInPromoRestool
{
    display:none;
}


/* ADVANCED SEARCH (single + multi stop)
************************************/

.restool-wrap .expco-content-wrap,
.vacation-type-wrap
{
    margin-bottom: 25px;
}

.vacation-type-wrap legend
{
    font-family: "SourceSansPro-Bold", Arial, sans-serif;
    margin-top: 25px;
}

.restool-wrap legend .expco-trigger,
.restool-wrap legend a,
.restool-wrap legend button
{
    color: #333;
    font-family: "SourceSansPro-Bold",Arial,sans-serif;
    font-size: inherit;
    text-decoration: none;
}

.restool-wrap fieldset .vacation-experience-wrap label
{
    display: inline-block;
    margin: 0 10px 5px 0;
    width: 225px;
}

.restool-wrap fieldset select,
.restool-wrap fieldset input[type="text"]
{
    width: 100%;
}

.restool-wrap .expco-content-wrap > div,
.main-package-options > div,
.package-type,
.dest-region-wrap,
.ms-departing-from-wrap,
.supplier-wrap,
.ms-supplier-wrap,
.ms-depart-date-wrap,
.rooms-wrap,
.hotel-name-wrap,
.hotel-brand-wrap,
.going-to-wrap,
.source-code-wrap 
{
    margin-bottom: 10px;
    vertical-align: top;
}

.add-party-restool-wrap .supplier-wrap
{
    display: none;
}

.add-party-restool-wrap .package-type-wrap
{ 
    display: block;
}

.restool-wrap .expco-content-wrap > div.flex-link 
{
    margin: 0;
}

.restool-wrap .expco-content-wrap > div.flex-link a
{
    position: relative;
    top: -12px;
}

.package-type legend
{
    margin-bottom: 5px;
}

.vacation-type-wrap
{
    position: relative;
}

.vacation-type-wrap input
{
    cursor: pointer;
    margin-right: 5px;
    margin-top: 3px;
}

.vacation-type-wrap label
{
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    margin-right: 100px;
}

.vacation-type-wrap label:last-child 
{
    margin-right: 0;
}

.vacation-type-wrap br
{
    display: none;
}

.selectize-input
{
    border-radius: 0 !important;
}

div#CalendarTarget > .departing-from-wrap {
    min-width: 260px;
    width: 30%;
    margin-right: 1.5rem;
}

div#CalendarTarget > .departing-from-wrap-secondary {
    min-width: 145px;
    width: 14%;
}

.departing-from-wrap,
.package-type-wrap,
.supplier-wrap,
.going-to-wrap,
.return-date-wrap,
.rooms-wrap,
.dest-region-wrap,
.ms-departing-from-wrap,
.ms-depart-date-wrap,
.ms-supplier-wrap,
.source-code-wrap {
    display: inline-block;
    min-width: 279px;
    width: 46.8%;
}

.los-exclusiveNonStopVacation-wrap
{
    display: inline-block;
    min-width: 279px;
    width: 5%;
}

.origin-depart-exclusiveNonStopVacation-wrap
{
    display: inline-block;
    min-width: 279px;
    width: 5%;
}

.departing-from-wrap,
.rooms-wrap,
.supplier-wrap,
.number-nights-wrap
{
    margin-right: 25px;
}

.depart-date-wrap
{
    display: inline-block;
    margin-right: 2.7%;
    min-width: 180px;
    width: 30.1%;
}

.number-nights-wrap
{
    display: inline-block;
    min-width: 78px;
    width: 13.5%;
}

.number-of-rooms-wrap,
.adults-wrap,
.children-wrap
{
    float: left;
    margin-right: 6.7%;
    width: 29.5%;
}

.multi-room[style="display: block;"],
.multi-room[style="display: block;"] + div,
.children-ages-label
{
    font-size: 1.2rem;
}

.multi-room .room-number-label
{
    border-bottom: 1px dashed #aaa;
    clear: left;
    display: block;
    font-family: "SourceSansPro-Bold",Arial,sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 15px 0 5px;
}

.children-ages-wrap
{
    clear: both;
    margin-bottom: 10px;
}

.children-ages-wrap:after
{
    clear: both;
    content: "";
    display: table;
}

.children-ages-label
{
    font-family: "SourceSansPro-Bold";
    margin-bottom: 5px;
    padding-top: 15px;
}

.ChildAgeDisclaimer,
.children-ages-label.subLabel
{
    font-weight: normal;
}

.child-age-wrap
{
    float: none;
    min-width: 45px;
    width: 100%;    
}

.child-age-wrap:last-child
{
    margin-right: 0;
}

.child-age-wrap .childAge
{
    width:100%;
}

.child-age-wrap .childAge select
{
    width: 28.5%;
    display: block;    
}

.childAge
{
    float: left;
    width: 16.8%;
    margin-right: 4%; 
    padding: 1% 0;   
}

.childDob
{
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 1% 0;
    clear: both;
}

.max-pax
{
    display: none;
}

.number-of-rooms-wrap + .number-of-pax-wrap,
.number-of-pax-wrap + .number-of-pax-wrap 
{
    margin-left: 20px;
}

.promo-code-wrap,
.travel-protection-wrap,
.shop-by-wrap,
.ms-dest-info
{
    min-width: 275px;
    width: 46.8%;
}

.travel-protection-wrap, .shop-by-wrap
{
    border: 2px solid #4b6d88;
    padding: 10px;
}

.shop-by-wrap
{
    margin-bottom: 25px;
}

.shop-by-wrap label
{
    margin: 0 25px 0 5px;
}

.shop-by-wrap p
{
    font-size: 1.2rem;
    font-style: italic;
    margin-top: 5px;
}

.travel-protection-wrap
{
    margin-top: 25px;
}

.travel-protection-wrap legend,
.shop-by-wrap legend
{
    font-family: "SourceSansPro-Bold";
    font-weight: bold;
    padding: 0 5px;
    width: auto;
}

.vacationDetails h3 span
{
    font-size: 12px;
}

.airline-wrap,
.cabin-preference-wrap,
.number-of-stops-wrap,
.depart-time-wrap,
.return-time-wrap,
.fare-preference-wrap,
.hotel-name-wrap,
.hotel-brand-wrap,
.checkin-date-wrap,
.checkout-date-wrap,
.car-company-wrap,
.pickup-date-wrap,
.dropoff-date-wrap,
.pickup-location-wrap,
.dropoff-location-wrap
{
    display: inline-block;
    margin-right: 6%;
    width: 27%;
}

.car-company-wrap,
.fare-preference-wrap,
.dest-region-wrap,
.ms-departing-from-wrap,
.ms-supplier-wrap,
.ms-depart-date-wrap,
.ms-supplier-wrap,
.rooms-wrap,
.multistop-restool-wrap .return-date-wrap
{
    display: block;
}

.displayNone.departing-from-wrap,
.displayNone.ms-departing-from-wrap
{
    display: none;
}

.number-of-stops-wrap,
.children-wrap
{
    margin-right: 0;
}

.dropoff-date-wrap
{
    margin-right: 10%;
}

.search-container
{
    text-align: right;
}

.multistop-link {
    display: inline-block;
    margin-bottom: 10px;
}

.multistop-search {
    display: flex;
    justify-content: flex-end;
}

.multistop-search a {
    margin-right: 20px;
}

.multistop-destination-wrap,
.multistop-depart {
    border-bottom: 10px solid #f2f2f2;
    margin-bottom: 25px;
    padding-bottom: 20px;
    position: relative;
}

.multistop-destination-wrap:last-of-type
{
    margin-bottom: 0;
}

.ms-hotel-options-wrap legend,
.ms-flight-options-wrap legend
{
    margin-bottom: 5px;
}

.remove-dest-wrap
{
    border: 1px solid #dedede;
    border-radius: 3px;
    padding: 3px 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.remove-dest-wrap input
{
    margin: 0 5px -3px 0;
}

.ms-going-to-wrap
{
    display: inline-block;
    margin-right: 3%;
    min-width: 275px;
    width: 30.5%;
}

.num-nights-wrap
{
    display: inline-block;
    min-width: 120px;
    vertical-align: top;
    width: 13%;
}

.add-destination-wrap
{
    margin: 10px 0 30px;
    padding: 10px;
    position: relative;
    border: 1px solid #dfdfdf;
}

.add-destination-wrap p 
{
    width: 55%;
}

.add-destination-wrap input
{
    position: absolute;
    right: 5px;
    top: 6px;
}

.ms-component-needs 
{
    margin-top: 10px;
    list-style: none;
}

.multistop-restool-wrap .depart-date-wrap 
{
    margin-right: 0;
}

.multistop-restool-wrap .return-date-wrap 
{
    padding: 10px 0 15px;
    margin-bottom: 0;
} 

.multistop-restool-wrap .search-container {
    margin-top: 25px;
}

.ms-flight-options-wrap,
.multistop-restool-wrap .departing-from-wrap
{
    margin-top: 15px;
}

.multistop-destination-wrap h4
{
    font-family: "SourceSansPro-Bold";
}

.multistop-destination-title
{
    margin-top: 20px;
}

.multistop-destination-title h4
{
    width: 45%;
    float: left;
}

.add-destination-before-btn-wrap
{
    text-align: right;
}

.multistop-destination-wrap .remove-dest-wrap
{ 
    position: relative;
    text-align: right;
    border: none;
}


.multistop-restool-wrap legend .expco-trigger
{
    font-family: "SourceSansPro-Regular";
    font-size: 1.4rem;
    margin-left: -2px;
    margin-top: 15px;
}

.searchbar-wrap
{
    text-align: right;
}

.ms-return-flight-wrap .ms-flight-options-wrap,
.ms-return-flight-wrap legend .expco-trigger
{
    margin-top: 0;
}

@media (max-width: 640px)
{
    .restool-wrap .expco-content-wrap > div,
    .dest-region-wrap,
    .promo-code-wrap,
    .departing-from-wrap,
    .ms-going-to-wrap,
    .num-nights-wrap,
    .hotel-name-wrap,
    .hotel-brand-wrap,
    .checkin-date-wrap,
    .checkout-date-wrap,
    .going-to-wrap,
    .airline-wrap,
    .cabin-preference-wrap,
    .number-of-stops-wrap,
    .ms-dest-info,
    .ms-departing-from-wrap,
    .supplier-wrap,
    .ms-depart-date-wrap,
    .ms-supplier-wrap,
    .source-code-wrap
    {
        margin-right: 0;
        width: 100%;
    }
    
    .multistop-restool-wrap .checkin-date-wrap,
    .ms-going-to-wrap, .airline-wrap,
    .cabin-preference-wrap,
    .checkin-date-wrap
    {
        margin-bottom: 15px;
    }
    
    .vacation-type-wrap input
    {
        left: 0;
        position: absolute;
    }
    
    .vacation-type-wrap label
    {
        display: block;
        margin-left: 18px;
        margin-right: 0;
    }
    
    .restool-wrap .button-large
    {
        float: none;
        width: 100%;
    }
    
    .depart-date-wrap,
    .depart-from-ro-fieldset,
    .res-depart-from-ro-fieldset
    {
        margin-right: 5% !important;
        width: 64.5% !important;
    }
    .res-depart-from-ro-fieldset
    { 
        margin-bottom: 10px;
    }
    
    .number-nights-wrap
    {
        width: 29.2% !important;
    }
    
    .remove-dest-wrap
    {
        width: auto !important;
    }
    
     .supplier-wrap label
    {
        display: block;
    }
}

@media (max-width: 639px) 
{
    .add-destination-wrap input 
    {
        position: static;
        margin-top: 10px;
    }
    
    .add-destination-wrap p 
    {
        width: 100%;
    }
}


/* AVAILABILITY
************************************/

.COMPONENT-SUMMARY-WRAP
{
    width: 70%;
    float: left;
    margin: 0;
    padding:10px;
}

.COMPONENT-OPTIONS-LIST
{
    display: block !important;
    width: 100%;
    margin: 0;
    padding: 0;
}

.COMPONENT-OPTIONS-LIST > li
{
    list-style-type: none;
    clear: both;
    margin-bottom: 12px;
    border:solid 1px #d3d3d3;
}

.COMPONENT-TITLE-WRAP
{
    padding-bottom: 10px;
    position: relative;
}

.component-details-wrap
{                  
    border-top:solid 8px #d3d3d3;
}

.SELECTED-COMPONENT
{
    display: none;
}

.airContainerSelected .SELECTED-COMPONENT,
.componentContainerSelected .SELECTED-COMPONENT,
.avail-grid-table .flight-current-selection,
.avail-grid-table .hotel-current-selection
{
    color: #fff;
    display: block;
    background: #243a51;
    border: 1px solid #243a51 !important;
    text-align: right;
    letter-spacing: .5px;
    font-size: 1.4rem;
    padding: 3px 5px !important;
    width: 100%;
}

.hotel-options-list .avail-grid-table .hotel-current-selection,
.flight-options-list .avail-grid-table .flight-current-selection 
{
    border: 0;
}

.componentContainerSelected,
.airContainerSelected
{
    border:solid 2px #243a51 !important;
}

.NO-MATCH-WRAP 
{
    text-align: center;
    padding: 30px 2%;
    border: solid #000;
    border-width: 2px 0;
    font-size: 2rem;
    margin: 40px auto;
}

.NO-MATCH-WRAP p 
{
    padding-bottom: 20px;
}

.VIEW-ALL-AVAIL-WRAP
{
    text-align: center;
    font-size: 2rem;
    margin: 15px auto;
}

.PRICE-SELECT-WRAP
{
    padding:10px;       
}


/** Flight Availability **/

#flightActive
{
    position:relative;
}

.active-flight-panel-header,
.inactive-flight-panel-header
{
    border:solid 1px #d3d3d3; 
    border-left:0; 
    border-right:0; 
    padding:6px 0;  
    margin:4px 0 0;
}

.active-flight-panel-header
{
    border-bottom:0;
}

.active-summary-panel-header
{
    border:solid 1px #d3d3d3; 
    border-left:0; 
    border-right:0; 
    padding:6px 0;  
    margin:4px 0 0;
}

.multistop-summary-dest-divider
{
    border-top:0;
    margin-bottom:20px;
}

.avail-summary-accordian-title,
.avail-summary-inactive-title
{
    display: inline-block; 
    border:0;
    margin-bottom:0;
    padding-bottom:0;
    width: inherit;
}

.avail-summary-accordian-title i
{
    margin-left:1px;
}

.flight-avail-summary,
.feature-avail-summary
{
    width:60%; 
    float:right;
}

.flight-avail-summary ul,
.feature-avail-summary ul
{
    list-style:none; 
    margin-bottom:10px;
}

.flight-avail-summary ul.summary-flight-detail,
.flight-avail-summary ul.avail-summary-flight-list:last-child,
ul.hotel-summary-list:last-child
{
    margin-bottom:0;
}

.summary-flight-detail li span,
.summary-flight-detail li strong{margin-right:10px;}

.air-results-count
{
    display:none;
}

.flight-avail-summary
{
  visibility:hidden;
  opacity:0;
  max-height:0;
  
}

.avail-summary-accordian-title.is-collapsed + .flight-avail-summary,
.avail-summary-inactive-title + .flight-avail-summary
{
    visibility:visible;
    opacity:1;
    max-height:1000px;
    transition:visibility,opacity, max-height;
    transition-delay:0.4s;
}

.show-summary-header-border 
{
    border-bottom:solid 1px #d3d3d3;
    transition:border-bottom;
    transition-delay:0.4s;
}

.hide-summary-header-border 
{
    border-bottom:0;
    transition:border-bottom;
    transition-delay:0.4s;
}


.show-avail-summary,
.show-air-results-count
{
    display:block;
}

.air-results-count
{
    position:absolute; 
    top:15px; 
    right:0;
}

.avail-count-wrap
{
    margin-right:20px;
}





/* Additional Search Options - Flight */

.avail-addtl-search-title
{
    font-size:1.6rem;
    border-bottom: 0;
    margin-bottom: 5px; 
}

.avail-addtl-search
{
    margin-bottom:20px;
}

.addtl-search-3col-wrap
{
    width: 29%;
    margin-right: 3%;
    display: inline-block;   
}

.avail-addtl-search select,
.avail-addtl-search input[type="text"]
{
    width: 100%;
    margin-bottom:10px;
}

/* ALT Origin/Destination Dropdown Styles */

.actbBgColor {
	background-color: #FFFFFF;
}

.actbBgColor td
{
    padding:4px 2px;
}

.actbTextColor {
	color: #FFFFFF;
}

.actbHColor {
	 background-color: #f2f2f2;
}

.actbHStyle {
	text-decoration: underline;
	font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.airline-depart-wrap
{
    width:48%; 
    margin-right:2%; 
    display:inline-block;
}

.airline-depart-wrap:last-child 
{
    margin-right: 0;
}


@media (min-width:1180px)
{
    .addtl-search-3col-wrap
    {
        width:100%;
        margin-right: 0;
        display:block;   
    }
}

@media (max-width: 580px)
{
    .addtl-search-3col-wrap
    {
        width: 47%;
        margin-right: 2%;
        display: inline-block;   
    }    
}

@media (max-width: 380px)
{
    .addtl-search-3col-wrap
    {
        width: 100%;
        margin-right: 0%;
        display: block;   
    }    
}


@media (max-width: 1080px)
{
    .addtl-search-airline-wrap
    {
        width: 46%;
        margin-right: 2%;
        display: inline-block;   
    }
}


@media (max-width: 979px)
{ 
    .avail-summary-accordian-title.is-collapsed + .flight-avail-summary,
    .avail-summary-inactive-title + .flight-avail-summary 
    {
        width:100%; 
        float:none;
    }    
}

@media (max-width: 860px)
{    
  .air-results-count
    {
        position:inherit;
        margin:0 0 20px 0;
    }
}

@media (max-width: 767px)
{    
  .air-results-count
    {
        position:absolute;
        margin:0;
    }
}

@media (max-width: 580px)
{    
  .air-results-count
    {
        position:inherit;
        margin:0 0 20px 0;
    }
}

    
   
  /* HOTEL AVAILABILITY
************************************/

#hotelActive .avail-content-wrap
{
    border-top: 0;
    padding-top: 0;
}

.date-offset 
{
    background-color: #b9dbe5;
    margin-bottom: 10px;
    padding: 10px;
}

.hotel-results-wrap
{
    font-family: "SourceSansPro-Light";
    font-size: 2.2rem;
    margin-bottom: 10px;
}

.limited-hotel-wrap
{
    margin-bottom: 15px;
    border: solid 1px #d3d3d3;
    padding: 10px;
    background:#f2f2f2;
    position:relative;
}

.limited-hotel-wrap button {
    position: absolute;
    right: 10px;
    bottom: 7px;
}

.hotel-options-list > li 
{
    border-width: 5px 0 0 0;
    border-color: #d3d3d3;
    border-style: solid;
}

.hotel-options-list li 
{
    list-style: none;
}

.hotel-options-list .avail-grid-table tr
{
    margin-bottom: 0;
    border-top: 0;
}

.hotel-options-list .avail-grid-table td
{
    padding: 7px;
    vertical-align: top;
    border-width: 0 1px;
}

.hotel-options-list table 
{
    width: 100%;
}

.hotel-options-list h2 
{
    border-bottom: none;
    padding: 0 100px 0 0;
    margin: 0;
    line-height: 1.2;
    font-family: "SourceSansPro-Bold"
}

button.cleaning-badge
{
    margin-left: auto;
    padding: 10px 0 0 10px;
}

button.cleaning-badge img
{
    width: 75px;
}

.promo-wrap
{
    background-color: #b9dbe5;
    padding: 5px;
}

.hotel-options-list .avail-grid-table tr .promo-wrap
{
    width: 100%;
    margin: 0;
}

.avail-grid-table-wrap .promo-wrap
{
    margin-bottom: 20px;
}

.hotel-options-list table .hotel-avail-col-1 
{
    width: 100%;
    display: flex;
    align-items: flex-start;
} 

.hotel-options-list table .hotel-avail-col-2 
{
    width: 25%;
}

.hotel-avail-col-1 .rating0_0
{
    display: none;
}

.hotel-room-repeater .room-repeater-visibility
{
    display: none !important;
}

.hotel-room-col-1 
{
    width: 40%;
}

.hotel-room-col-2
{
    width: 35%;
}

.hotel-room-col-3
{
    width: 25%;
    text-align: right;
}

.hotel-options-list table .view-all-room-types-wrap
{
    width: 100% !important;
    padding:4px;
}

.hotel-options-list table .hotel-room-col-1
{
    width: 40%;
}

.hotel-options-list table .hotel-room-col-2
{
    width: 35%;
}

.hotel-options-list table .hotel-room-col-3
{
    width: 25%;
}

.hotel-rating-info
{
    margin-top:5px;    
}

.trip-advisory-wrap 
{
    border-left: 1px solid #d3d3d3;
    display: inline-block;
    margin-left: 5px;
    padding-left: 5px;
}

.trip-advisor-image
{
    vertical-align:text-bottom; 
    margin-right:5px;
    width:100px;
}

.trip-advisor-label
{
    padding-right:5px;    
}

.view-all-room-types-wrap img
{
    position: relative;
    top: 2px;
}

.view-all-room-types-wrap .expco-trigger-text
{
    font-family: "SourceSansPro-Bold"
}

.hotel-total-price a
{
    color: #06893d;
    font-size: 2.4rem;
    line-height: 1;    
}

.price-difference-wrap 
{
    font-size: 1.2rem;
}

.rr-points-wrap 
{
    font-size: 1.2rem;
    line-height: 1.3;
    margin-top: 10px;
}

.value-indicator
{
    padding-bottom: 10px;
}

.value-indicator img
{
    display: inline-block;
    margin-bottom: -4px;
    margin-right: 3px;
    width: 15px;
}

.added-value-wrap 
{
    padding: 5px 0;
}

.up_from_price_pill br
{
    display:none; 
    height:0; 
    clear:none;
}

.up_from_price_pill
{
    padding-bottom:0 !important; 
    margin:2px 0; 
    line-height:inherit !important;    
}

.up_summary_pm, 
.up_pm
{
    color:#0E589F !important;  
}

.added-value-wrap .link
{
    text-align: left;
}

.hotel-avail-calendar 
{
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    float: right;
}

.hotel-avail-calendar img
{
    background: url("https://trisept.widen.net/content/4oczebhiiq/png/TRI_ICON_CAL_calendar.png") no-repeat scroll left top;
    width: 24px;
    margin-top: -2px;
}

.hotel-avail-room-type-wrap 
{
    font-family: "SourceSansPro-Bold";
    font-size: 1.5rem;
}

.hotel-avail-room-type-wrap button
{
    float: right;
    width: 20px;
}

.sales-email-option-wrap 
{
    padding-top: 5px;
}

.sales-email-option-wrap input 
{
    margin-top: 4px;
}

.upgrade-note
{
    border-top: 1px dashed #d3d3d3;
    font-size: 1.2rem;
    font-style: italic;
    line-height: 1.2;
    margin-top: 10px;
    padding-top: 10px;
}

.hotel-multi-room-type
{
    min-height: 30px;
}

.mixedRoomIcon {
    background: url("https://trisept.widen.net/content/raehvbkagn/jpeg/TRI_ICON_NAV_MixedRoomTypeIcon.jpg") no-repeat;
    height: 13px;
    margin-bottom: -2px;
    width: 14px;
}

.no-filter-results
{
    border: 1px solid #d3d3d3;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 20px 0;
    padding: 10% 0;
    text-align: center;
}

.no-filter-results p 
{
    margin-bottom: 20px;
}

.hotel-not-available-wrap 
{
    background-color: #f2f2f2;
    padding: 3px;
}

.earn-points-message
{
    padding: 5px 0px;
}


/* hotel collapsed */

.hotel-summary-details > a
{
    font-weight: bold;
}


/* hotel left gutter filters */

.hotels-gutter-wrap fieldset > div > fieldset
{
    margin-top: 15px;
}

.filter-accordian-title
{
    margin-left: -3px;
}

.hotel-room-col-3 button
{
    margin-top: 10px;
}

.hotels-map-wrap 
{
    border-top: 1px solid #d3d3d3;
    padding-top: 10px;
    margin-top: 10px;
}

.hotels-map-wrap i
{
    font-size: 2rem;
    margin-right: 5px;
}


@media (max-width: 580px)
{
    .view-all-room-types-wrap
    {
        text-align: center;
        background: #f9f9f9;  
    }
    
    .hotel-options-list > li 
    {
        border-top-color: #666;
    }
    
    .hotel-options-list .avail-grid-table td.hotel-avail-col-2
    {
        padding-top: 0;
        padding-left: 6px;
    }
    
    .hotel-avail-room-type-wrap
    {
        padding: 5px 0;
    }

    .hotel-avail-room-type-wrap 
    {
        border-bottom: 1px dashed #ccc;
        padding-bottom: 5px;
    }
    
    .avail-grid-table td.mobile-full-col 
    {
        border-top: 0;
        text-align: left !important;
    }
    
    .hotel-options-list .avail-grid-table td
    {
        border: 0 !important;
    }
    
    .hotel-options-list .avail-grid-table td.hotel-avail-col-2,
    .hotel-options-list .avail-grid-table td.mobile-full-col
    {
        border-top: 0;
    }
    
    .hotel-room-col-3 > div 
    {
        background: #f9f9f9;
        padding: 3px 10px 10px;
        border: 1px solid #f0f0f0;
        text-align: center;
    }
    
    .hotel-room-col-3 button 
    {
        width: 50%;
    }
    
    
    .limited-hotel-wrap {
        text-align: center;
    } 
    
    .limited-hotel-wrap button {
        display: block;
        margin: 5px auto 0;
        position:relative;
        right:0;
        bottom:0;
    }
    
}



/* CAR AVAILABILITY
************************************/

#vehicleActive 
{
    position: relative;
}

.car-matrix-wrap 
{
    min-width: 480px;
}

#vehicleActive .avail-content-wrap
{
    border-top: 0;
    padding-top: 0;
}

.car-heading-info-wrap 
{
    padding: 20px 0 10px 0;
}

.more-cars-wrap 
{
    float: right;
    margin-top: 20px;
}

.car-time-wrap 
{
    float: left;
}

.car-dropoff-label 
{
    margin-left: 15px;
}

.car-icons
{
    position: absolute; 
    top: 3px; 
    right: 0;
}

.pickup-dropoff-wrap
{
    margin: 2% auto;
}

.car-pickup strong, 
.car-dropoff strong
{
    text-transform: uppercase; 
}

.car-pickup,
.car-dropoff
{
    font-size: 1.3rem; 
    width: 49%; 
    float: left; 
}

.car-pickup
{
    margin-right: 2%;
}

.car-deposit
{
    font-size: 1.1rem; 
    color: #D90707;
}   
    
.car-matrix-table
{
    border-collapse: separate;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    width: 100%;
}

.car-matrix-table td,
.car-matrix-table th 
{
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    padding-bottom: 5px;
    font-size: 1.2rem;
}

.car-matrix-table td.columnHover
{
	background: #fcfcfc;
}

.car-matrix-table tr.rowHover:hover
{
    background-color: #fcfcfc;
}

.car-matrix-table tbody tr td:hover
{
    background-color: #f2f2f2;
}

.car-matrix-table tbody tr td.carDescription:hover,
.car-matrix-table tr.rowHover:hover td.carDescription
{
    background-color: #fcfcfc;
}

.cm-details-wrap 
{
    position: relative;
}

.cm-details-wrap > div 
{
    position: absolute;
    right: 5px;
    margin-top: 4px;
    text-align: right;
}

.cm-rental-detail
{
    text-align: center;
    padding-top: 5px;
    font-family: "SourceSansPro-Regular";
}

.car-price-cell 
{
    width: 19%;
    text-align: center;
    vertical-align: bottom;
}

.car-description-wrap 
{
    vertical-align: middle;
    padding: 5px;
    text-align: right;
}

.cm-total-price
{
    font-weight: bold;
    font-size: 1.8rem;
}

.cm-current-selection 
{
    display: none;
    background-color: #243a51;
    color: #fff;
    font-weight: bold;
    padding: 3px;
    margin: 3px;
}

.componentContainerSelected .cm-current-selection 
{
    display: block;
}

.car-matrix-table .cm-details-modal 
{
    margin: 0 3px 4px 3px;
}

.car-indicator-wrap 
{
    margin: 10px 0 5px 0;
}

.earn-rewards-info
{
    text-align: right;
    padding: 5px 0px;
}


@media (max-width: 580px)
{       
    .pickup-dropoff-wrap 
    {
        margin: 4% auto;
    }
    
    .earn-rewards-info
    {
        float: left;
        text-align: left;
        width: 100%;
    }
}


/* FEATURE AVAILABILITY
************************************/

#featuresActive
{
    position:relative;    
}

.feature-component-details
{
    padding:10px;
}

.feature-title-wrap
{
    width:68%; 
    float:left;
}

.feature-title
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.feature-from-price
{
    float: right;
    max-width: 125px;
    text-align: right !important;
}

.feature-from-price .avail-price 
{
    font-size: 1.4rem;
}

.feature-price-select-wrap
{
    background-color: #f2f2f2;
    padding: 10px;
    margin-top: 10px;
}

.feature-price-select-wrap,
.feature-passenger-list li,
.feature-date-input-wrap,
.feature-show-time
{
    display: flex;
}

.feature-price-select-wrap > *,
.feature-passenger-list li > * 
{
    align-self: center;
}

.feature-passenger-list label,
.feature-date-input-wrap label,
.feature-show-time label 
{
    min-width: 100px;
    align-self: center;
}

.feature-show-time select
{
    width: 100%;
}

.feature-price-breakdown > div
{
    display: inline-block;
}

.feature-price-breakdown div:nth-child(2),
.feature-price-breakdown div:nth-child(3)
{
    margin-left: 10px;
}

.feature-price-btn-wrap,
.feature-price-btn-wrap .button
{
    text-align: right;
    margin-left: auto;
}

.feature-price-btn-wrap .avail-price 
{
    vertical-align: sub;
}

.feature-options-list #featureRateSelectionComponent
{
    margin-bottom:0px;
}

.feature-options-wrap
{
    margin-top:10px;    
}

.feature-option-details li
{
    border: 0;
    margin-top: 5px;
}

.feature-sales-email-wrap label
{
    display:inline;
    margin-right:2px;
}

.feature-show-time
{
    margin-bottom:10px;   
}

.featureSelectRepeater, 
.feature-rate-select {
    margin-top: 0;
}

.feature-passenger-list 
{
    list-style:none; 
}

.feature-passenger-list li:nth-child(2),
.feature-passenger-list li:nth-child(3)
{
    margin-top: 5px;
}

.feature-passenger-list select 
{
    width: 97px;
}

.feature-passenger-list strong
{
    margin-left: 10px;
}

.feature-earn-rewards
{
    margin-bottom: 5px;
}

.feature-sales-message
{
    float: right;
    text-align: right;
    max-width: 200px;
}

.feature-sales-advisory
{
    padding: 10px 10px 10px 0;
}

.feature-sales-advisory li
{        
    margin-left: 20px;
}

.smartOrderModificationDate,
.smartOrderModificationNew {
    color: #ff0000;
    font-weight: bold;
    margin-left: 20px;
}

@media (max-width: 1250px) 
{
    .feature-price-breakdown > div
    {
        display: block;
    }

    .feature-price-breakdown div:nth-child(2),
    .feature-price-breakdown div:nth-child(3)
    {
        margin-left: 0;
    }
}

@media (max-width: 480px) 
{
    .feature-options-list .feature-passenger-list,
    .feature-options-list .feature-date-input-wrap 
    {
        width:100%;
    }
    
    .feature-options-list .feature-passenger-list
    {
        padding-top:10px;
    }
    
    .componentContainerSelected .feature-price-btn-wrap .button
    {
        width:100%;
    }
    
    .componentContainerSelected .feature-price-btn-wrap .secondary-button
    {
        margin-bottom:5px;    
    }
    
    .feature-price-btn-wrap .button 
    {
        display: block;
    }
    
    .feature-sales-message
    {
        max-width: 100%;
        float: none;
        text-align: left;
        padding-top: 10px;
    }
}


/* Price Matrix
************************************/

.price-matrix-wrap 
{
    overflow-x: auto;
}

.price-matrix-table 
{
    width: 100%;
    white-space: nowrap;
    font-size: 1.2rem;
}

.price-matrix-table th 
{
    border-bottom: solid 1px #d3d3d3;
    white-space: nowrap;
}

.price-matrix-table th,
.price-matrix-table td 
{
    padding: 5px;
    text-align: center;
    vertical-align: bottom;
}

.price-matrix-content th 
{
    border: 0;
    text-align: left;
}

.price-matrix-content td span 
{
    display: none;
}

.price-matrix-content td strong 
{
    font-family: 'SourceSansPro-Regular', Arial, Sans-Serif;
}

.price-matrix-content td:after 
{
    content: "";
    clear: both;
    display: table;
}

.pm-item-name 
{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 220px;
    max-width: 300px;
}


@media (max-width:980px) 
{

    .price-matrix-wrap 
    {
        overflow-x: visible;
    }

    .price-matrix-table 
    {
        white-space: normal;
    }

    .price-matrix-header 
    {
        display: none;
    }

    .price-matrix-content th 
    {
        border-bottom: solid 1px #d3d3d3;
        padding-top: 10px;
        width: 100%;
        display: block;
    }

    .price-matrix-table th,
    .price-matrix-table td 
    {
        text-align: right;
    }

    .pm-item-name 
    {
        overflow: visible;
        max-width: 100%;
        margin-top: 15px;
    }

    .price-matrix-content td 
    {
        display: inline-block;
        width: 48%;
        border-bottom: solid 1px #f2f2f2;
    }

    .price-matrix-content td:last-child 
    {
        border-bottom: 0;
    }

    .price-matrix-content td span 
    {
        display: block;
        width: 48%;
        float: left;
        text-align: left;
    }

    .price-matrix-content td strong 
    {
        font-weight: bold;
    }

    .price-matrix-content td:nth-child(even) 
    {
        margin-right: 2%;
    }
}

@media (max-width: 380px) 
{
    .price-matrix-content 
    {
        display: block;
        margin-bottom: 10px;
    }

    .price-matrix-content td 
    {
        display: block;
        width: 100%;
    }

    .price-matrix-content td:nth-child(even) 
    {
        padding-right: 0px;
    }
}

.avail-content-wrap
{
    border-top:0; 
    padding-top:0;
}

.avail-sorting-header
{
    padding:10px;
    background-color:#243a4f;    
}

.avail-grid-table
{
    width:100%;
}

.avail-grid-table,
.avail-grid-table thead,
.avail-grid-table tbody,
.avail-grid-table th,
.avail-grid-table tr,
.avail-grid-table td
{
    display:block; 
    vertical-align:top;
}

.avail-grid-table tr
{
    display: -ms-flexbox;
    display: flex; /* Don't add 'important'; it breaks filtering */
    height:100%;
    border-bottom:solid 1px #d3d3d3;
    border-top:solid 10px #d3d3d3;
    flex-wrap:wrap;
    margin-bottom:20px;
    align-items: stretch;
}

.avail-grid-table tr.selected-component
{
    background-color: #f2f2f2;
    border:solid 2px #243a51;
}

.avail-grid-table thead
{
    background-color:#243a51;
}

.avail-grid-table thead tr
{
    border-bottom:0;
}

.avail-grid-table th,
.avail-grid-table td
{
    display:inline-block; 
    width:20%; 
    min-height:100%; 
    align-items: stretch; 
    align-content: stretch; 
    border-right:solid 1px #d3d3d3; 
    padding:10px;
}

.avail-grid-table th:first-child,
.avail-grid-table td:first-child,
.avail-flight-carrier
{
    border-left:solid 1px #d3d3d3;
}

.avail-grid-table thead th,
.avail-grid-table thead th:first-child
{
    border:0;
}

.avail-grid-table thead a
{
    color:#fff;  
    text-decoration:none;  
}

.avail-grid-select-wrap
{
    text-align:right; 
    margin:10px 0;
}

.up-from-price-pill {
    padding-bottom: 0 !important;
}

/** Flight specific styles **/
/*shop by schedule*/
.flight-grid-schedule {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    font-size: 1.1rem;
    border-bottom: solid 1px #d3d3d3;
    margin-bottom: 10px;
}

.flight-grid-schedule ul
{
    list-style:none;
}

.schedule-inbound-col,
.schedule-outbound-col
{
    width:50%;
    margin:0 auto;
}

.shopByFlightSorting .shopByCol1, 
.shopByFlightSorting .shopByCol2,
.shopByFlightSorting .shopByCol3,
.shopByFlightSorting .shopByCol4
{
    border:0;
    }

.schedule-flex
{
    display:flex;
    flex-flow: row wrap;
}

.schedule-flex.currentSelection
{
    border:solid 3px #4b6d86;
    background-color:#f2f2f2;
}

/* removed flexbox for vertical stretching because of padding issues - leaving the styles in case we want to re-implement and fix 
.schedule-col-flex
{
    display:flex;
    flex-direction: column;
    align-items:stretch;
    min-height: 100%;
}
.shopByFlightLeg
{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
*/

#sbsLeg1 .shopByFlightSorting,
#sbsLeg1 .shopByPerPageTop,
.outboundHeader
{
    border-right:solid 1px #d3d3d3;
}

.individualFlight
{
    flex: 1;
    border:solid 1px #d3d3d3;
    border-top:0;
}

.groupedFlights
{
    border-bottom: solid 5px #243a4f;
}

.altShopByFlightColor
{
    background-color:rgba(242, 242, 242, 0.4);    
}

.shopByCol1, 
.shopByCol2,
.shopByCol3,
.shopByCol4
{
    padding:5px;
    border-right:solid 1px #d3d3d3;    
}

.shopByCol1
{
    width:48%;    
}

.shopByCol2,
.shopByCol3
{
    width:17%;
}

.shopByCol4
{
    width:16%;
    text-align:center;
    border:0;
}

.shopByFlightSorting,
.shopByPerPageTop,
.shopByPerPageBottom,
.inboundHeader,
.outboundHeader
{
    color:#fff;
    background-color:#243a4f;
}

.shopByFlightSorting a,
.shopByPerPageTop a,
.shopByPerPageBottom a
{
    color:#fff;
}

.shopByFlightSorting .shopByCol4
{
    text-align:left;    
}

.shopByPerPageTop,
.shopByPerPageBottom,
.inboundHeader,
.outboundHeader
{
    padding:5px; 
    text-align:center;
}

.schedule-segment-spacer
{
    display:block;
    height:10px;
    width:100%;    
}

.schedule-operated-by
{
    display:inline-block;
    width:100%;
    margin:0 0 5px;    
}

.schedule-select-wrap
{
    margin-top:10px;    
}

.schedule-best-price
{
    width:50%; float:left;    
}

.schedule-btn-wrap
{
    margin-bottom:10px;
    text-align:right;    
}

.schedule-btn-wrap .btnDisabled .button
{
    cursor: default;
    color:#333;
    background-color:#ddd;
    border:0;
}

.charter-search 
{
    margin-top: 5px;
}

.charter-active-itinerary
{
    width: 60%;
    float: right;
}

.charterIcon {
	background: url("https://trisept.widen.net/content/j0pubtjjnn/gif/TRI_ICON_NAV_charterIcon.gif") no-repeat top left;
	width: 22px;
	height: 22px;
	float: left;
	margin: 0px 3px 0px 0px;
}

.charterIconSBS {
	background: url("https://trisept.widen.net/content/xoylfkndxv/gif/TRI_ICON_NAV_charterIconSmall.gif") no-repeat top left;
	padding-left: 16px;
    clear:both;    
	margin: 2px 0px 2px 0px;
}

.shopByClassList
{
    width:100%; 
    padding:5px; 
   
}

.schedule-ul-selector + .shopByClassList
{
    border-top:solid 1px #d3d3d3; 
    padding-top:5px;
}

.shopByClassList fieldset
{
    display:inline; 
    margin-right:5px;
}

.schedule-class-info
{
    margin-bottom:5px;    
}

.schedule-ul-selector
{
    height:0;    
}

@media (max-width: 960px)
{  
    .schedule-inbound-col,
    .schedule-outbound-col
    {
        width:100%;
    }
}

@media (max-width: 767px) 
{
    .schedule-inbound-col,
    .schedule-outbound-col 
    {
        width: 50%;
    }

    .schedule-best-price 
    {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .flight-grid-schedule
    {
        font-size: 1rem;
    }
}

@media (max-width: 580px) 
{
    .schedule-inbound-col,
    .schedule-outbound-col 
    {
        width: 100%;
    }

    .flight-grid-schedule 
    {
        font-size: 1.1rem;
    }
}

/* shop by leg */

.flight-options-list > li 
{
    border-width: 5px 0 0 0;
    border-color: #d3d3d3;
    border-style: solid;
}

.flight-options-list li 
{
    list-style: none;
}

.flight-options-list .avail-grid-table tr
{
    margin-bottom: 0;
    border-top: 0;
}

.flight-options-list .avail-grid-table tr.flight-avail-row-content
{
    border-top:solid 1px #d3d3d3;
    border-bottom:0;
}

.selected-component .avail-grid-table tr.flight-avail-row-content:first-child
{
    border-top:0;
}

.flight-options-list .avail-grid-table td
{
    vertical-align: top;
    border-width: 0 1px;
}

.flight-options-list .avail-grid-table td.flight-current-selection
{
    padding:7px;
}

.avail-grid-table .flight-col-large{width:28%;}
.avail-grid-table .flight-col-small{width:12%;}

.avail-grid-table .flight-col-byair
{
    width:72%; 
    padding:0; 
    border-right:0; 
    border-bottom:0; 
}

.flight-col-byair table{display:block;}

.flight-col-byair td
{
    padding:10px;
}

.flight-col-byair tr
{
    margin-bottom:0;
    border-top:0;
}

.flight-col-byair td:first-child
{
    border-left:0;
}

.flight-col-byair tr:last-child
{
    border-bottom:0;
}

.flight-col-byair .flight-col-large{width:30%;}
.flight-col-byair .flight-col-small{width:20%;}
.flight-header-byair .flight-col-large{width:22%;}
.flight-header-byair .flight-col-small{width:14%;}
.flight-header-byair .byair-header-price{width:28%}

.avail-grid-table.flight-leg-table .flight-col-large{width:40%;}
.avail-grid-table.flight-leg-table .flight-col-small{width:15%;}
.avail-grid-table.flight-leg-table td.leg-airline-wrap{width:30%;}

.return-depart-text{display:block;}


.avail-price-col{text-align:right;}

.avail-price-position
{
    text-align:right; 
    margin-bottom:5px;
}

.avail-price,
.avail-price span
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    color:#06893d;
    text-decoration:none;
    font-size:2rem;
}

.avail-price-position .avail-price,
.hotel-total-price .avail-price
{ 
    color: #06893d;
}

.avail-messaging
{
    margin:20px 0;
}

.avail-promo-full-col
{
    flex: auto; 
    width:100%;
    padding: 5px;
    background-color: #b9dbe5;
    border:solid 1px #d3d3d30;
    border-left:0;
    border-right:0;
}

.selected-component .avail-promo-full-col
{
    border:0 !important;
}

.avail-grid-mobile-header
{
    display:none;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    margin-bottom:5px;
    border-bottom:solid 1px #d3d3d3;
    padding-bottom:5px;  
}

.flight-segment
{
    margin-bottom:2px;
}

.arrival-time-nextday,
.checkout-required-field,
.depositDueAmount
{
    color:#ff3300;
}

.validation-error-message {
    color: #ff3300;
    margin-top: 1px;
    margin-bottom: 1px;
}

.arrival-text
{
    color:#ff3300;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.seats-left
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    color:#ff3300;
}

.avail-rr-points, 
.avail-rr-points font
{
    margin:10px auto; 
    color:#000 !important;
}

.avail-carrier-name
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.codeshare-msg
{
    width:100%;
}

@media (max-width: 580px)
{   
    
    .avail-grid-table th:first-child,
    .avail-grid-table td:first-child
    {
    }
    
    .avail-grid-table tr
    {
        margin-bottom:20px;
        border:solid 1px #d3d3d3;
    }
    
    .flight-col-byair tr
    {
        border-bottom:0; 
        border-left:0; 
        border-right:0; 
        margin-bottom:0;
    }
    
    .avail-grid-table th{display:none;}
    
    .avail-grid-table td
    {
        -ms-flex: 1 0 10%;
        flex: 1 0 10%;
        width:100%; 
    }
    
    .avail-grid-table td.mobile-full-col
    {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        width:100%; 
        text-align:center;
        border-top:solid 1px #d3d3d3;
        border-left:solid 1px #d3d3d3;
    }
    
    .flight-col-byair  td.mobile-full-col
    {
        border-left:0;
    }
    
    
    .avail-grid-table td.avail-promo-full-col
    {
        width:100%; 
        text-align:left; 
        border-bottom: solid 1px #d3d3d3;
        border-top:0;
    }
    
    .avail-price-position,
    .avail-grid-select-wrap
    {
        text-align:center; 
    }
    
    .avail-grid-select-wrap .button{width:50%;}
    
    .avail-grid-mobile-header{display:block;}
    
    .seat-map-link-wrap
        {
            text-align:center;
        }
}

/** Branded Fares **/

.flight-options-list.leg-options-list > li 
{
    border-width: 5px 1px 1px;
    border-color: #d3d3d3;
    border-style: solid;
}

.branded-air-table
{
    width: 100%;
    margin-top: 0;
    border-top:solid 1px #d3d3d3;
}

.fare-list-table .air-selected
{
    background-color: #F2F2F2;
    border-bottom: none;
}

.fare-list-table,
.fare-list-table thead,
.fare-list-table tbody,
.fare-list-table th,
.fare-list-table tr,
.fare-list-table td
{
    display: block; 
}

.fare-list-table tr
{
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.fare-list-table th,
.fare-list-table td
{
    display: inline-block; 
    width: 35%; 
    min-height: 100%; 
    align-items: stretch; 
    align-content: stretch;
    padding: 2px 10px;
    -ms-flex: 1;
    border-right:solid 1px #d3d3d3;
}

.fare-list-table th.flight-col-large,
.fare-list-table td.flight-col-large
{
    width:50%;    
}

.fare-list-table th.flight-col-small,
.fare-list-table td.flight-col-small
{
    width:25%;
}

.combined-price-col {text-align:right;}

.avail-grid-table.flight-leg-table tr,
.avail-grid-table.flight-leg-table th,
.avail-grid-table.flight-leg-table td
{
    border:0 !important;    
}

.fare-list-table th:last-child,
.fare-list-table td:last-child
{
    border-right:0;
}

.fare-list-table tr
{
    border-bottom: solid 1px #dedede;
}

.fare-list-table tr:last-child
{
    border-bottom: none;
}

@media (max-width: 580px) 
{
   
    .fare-list-table thead {
	    display: none;
    }
    
    .fare-list-table tr,
    .fare-list-table th,
    .fare-list-table th.flight-col-large,
    .fare-list-table th.flight-col-small,
    .fare-list-table td,
    .fare-list-table td.flight-col-large,
    .fare-list-table td.flight-col-small,
    .fare-list-table td.flight-col-large:last-child
    {
        display:block;
        width: 100%;
        border-right:0;
        text-align:center;
    }
       
    .combined-price-col,
    .combined-rewards-col,
    .combined-disclaimers-col
    {
        border-top:dashed 1px #dedede;
        text-align:center;
    }
    
    .fare-list-table tr
    {
        border-bottom: solid 3px #dedede;
    }
}

   
/* CART
************************************/

.CART-COMPONENT
{
    margin: 2% 0;
    padding: 0 0;
    position: relative;
}

.CART-COMPONENT-DETAILS-WRAP 
{
    border: dashed 1px #aaa; 
    border-left: 0; 
    border-right: 0;
    border-bottom: 0;
    padding: 15px 0 0; 
}
    
.CART-COMPONENT-DETAIL
{
    margin: 0 0 30px 0;
    display: block;
    clear: both;
    overflow: hidden;
}

.CART-COMPONENT-DETAIL h2 
{
    border-bottom: solid 3px #f2f2f2;
}

.CART-COMPONENT-DETAIL:last-child
{
    margin: 0 0 0 0;
}

.CART-COMPONENT-WRAP input[type=checkbox],
.CART-COMPONENT-WRAP input[type=radio]  
{
    margin-right: 4px;
}

.CART-COMPONENT-IMAGE-WRAP 
{
    width: 185px;
    float: left;
    margin-right: 2%;
}

.cart-advisory
{
    padding: 3% 1% 1% 0;
    clear: both;
    color: #fd3400;
} 

.cart-advisory ol
{
    padding-left: 20px;
}

.cart-advisory ol li
{
    list-style-type: decimal;
    margin-bottom: 10px;
}

.cart-advisory *
{
    color: #fd3400;
} 
    
.cart-advisory-title
{   
    color: #fd3400;   
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    display: block;
    font-size: 1.5rem;  
    text-transform: uppercase;
}
    
.advisory-fa,
.message-title-text  
{    
	color: #fd3400;
}

a.button:hover 
{
    color: #fff;
}

.title 
{
    font-size: 1.6rem;
}

.header
{
    margin-bottom: 15px;
}       
        
.review-trip-summary
{
    clear: both;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 10px #f2f2f2;
}

.review-trip-summary .price-select-wrap
{
    min-width: 210px;
}
     
.no-wrap
{
    white-space: nowrap;
}

/* REQUIRED DECISIONS PAGE
************************************/

.required-destination-title
{
    margin: 20px 0px 0px;
    padding-bottom: 0;
}

.required-decisions-table 
{
    border: 1px solid #d3d3d3;
    width: 100%;
    margin-bottom: 10px;
}

.required-feature-selection
{
    padding: 20px 0px 5px 0px;
}

.required-feature-legend
{ 
    padding: 10px 0px;
}

.required-decisions-btn-wrap
{
    width:25%; 
    float:right; 
    text-align:right;
    min-width: 125px;
    margin-bottom: 50px;
}

.required-decisions-table th
{
    padding: 10px ;
}

.required-decisions-table td
{
    padding: 10px ;
}

@media (max-width: 460px)
{
    .required-decisions-btn-wrap
    {
        width:100%; 
        float:none;
        text-align:left;
        min-width: 125px;
    }
}
  
/* CHECKOUT STEP 1
************************************/

.summary-cart-title,
.checkout-summary-enhance
{
    width: 68%;
    float: left;
}

.flight-cart-modify .expco-content-wrap 
{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 10px #f2f2f2;
}

.cabin-description 
{
    font-weight: normal;
    margin-left: 10px;
    font-size: 1.1rem;
}

.taxes-fees-detail 
{
    margin-bottom: 15px;
    float: left;
}

.cart-price-points 
{
    text-align: right;
    float: right;
    clear:right;
}

.summary-add-on-detail,
.summary-hotel-detail,
.summary-car-detail
{
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.transfer-itin-summary-item-btn-wrap.itin-summary-item-btn-wrap
{
    float:none;
}

.transfer-upgrade
{
    border-top:solid 1px #d3d3d3;
}

.transfer-upgrade-wrap
{
    border-top:solid 1px #d3d3d3;
    margin-top:20px;
}

.transfer-upgrade-wrap .cart-feature-options-list
{
    margin-top:0;
}

.transfer-upgrade-wrap .cart-feature-options-list li
{
   border-top:0;
   margin-bottom:0;
}

.transfer-upgrade-wrap .itin-summary-feature-wrap
{
    border-bottom:0;    
}

.transfer-itin-summary-item-btn-wrap
{
    float:none;
}

.selected-transfer-intro:first-of-type
{
    background:#fff;
    margin-top:-1px;
    border-bottom:solid 1px #d3d3d3;
    padding:10px 0;    
}

.transfer-upgrade-wrap + .itin-summary-feature-component .itin-summary-feature-wrap
{
    border-top:solid 1px #d3d3d3;  
}

.transfer-upgrade-wrap + .itin-summary-feature-component,
.view-all-transfers-text
{
    margin-top:20px;
}

.summary-transfer-detail .CART-COMPONENT-IMAGE-WRAP img 
{
    width: 100%;
    height: auto;
}

.add-on-component-header 
{
    position: relative;
}

.view-all-features-position 
{
    position: absolute;
    top: 0;
    right: 0;
}

.view-all-features-position .button 
{
    text-transform: uppercase;
}

.vehicleTypeZone:last-child td 
{
    border-bottom: 0;
}

.vehicleTypeZone .upsell-name a
{
    vertical-align:top;
    margin:5px 0 0 10px;
    display:inline-block;
}

.cart-header
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.cart-item-repeater
{
    padding: 8px 0px;
}

.cart-header h3 
{
    width: auto;
    float: left;
}

.cart-header .arrival-disclaimer-t
{
    margin-left: 15px;
}

.cart-modify-button-wrap,
.cart-remove-item-wrap,
.remove-button-itin-wrap
{
    float: right;
    width: auto;
    margin: 6px;
}

.cart-modify-button-header-wrap
{
    position: absolute;
    right: 0;
    top: 0;
    margin:0;
}

.cart-header .cart-modify-button-wrap
{
    margin: 0 0;
}

.cart-modify-button, 
.cart-remove-feature 
{
    float: right;
    display: block;
    margin-left: 15px;
    min-width: 130px;
    text-transform: uppercase;
}

.cart-remove-item
{
    display: block;
    clear: both;
}

.cart-remove-item i 
{
    color: #4c6c85;
}

.cart-accordian-title
{
    border-bottom:solid 3px #f2f2f2;
}

.cart-accordian-title a
{
    text-decoration: none;
}

.upsell-options-table
{
    width: 100%;
    margin-bottom: 15px;    
    padding-bottom: 10px;
}    

.upsell-options-table caption 
{
    text-align: left;
    font-size: 1.8rem;
    padding: 15px 0 10px;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.upsell-options-table-header 
{
    font-size: 1.5rem;
}    


.upsell-options-table td
{
    padding: 7px 0;
    border-bottom: 1px dashed #ddd;
    vertical-align: middle;
}

.upsell-room-type-table th.room-promo-heading 
{
    padding-left: 0;
}

.upsell-room-type-table td
{
    border-bottom: 1px dashed #ddd; 
    padding: 7px 0;   
}

.upsell-options-table-header td
{
    border-bottom: 0px;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    padding: 0 0;
}    

.upsell-name 
{
    width: 85%;
}

.upsell-name,
.view-all-hotel-options td
{
    border: 0px;
}

.upsell-price-text 
{
    display: block;
}

.upsell-price
{
    text-align: right;
}

.cart-summary-current-selected
{
    color: #44812d;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.cart-upsell-wrap
{
    overflow: hidden;    
}


/*** flight modify ***/

.arrival-disclaimer-t
{
    position: relative;
}

.flight-additional-info
{
    display: block;
    margin: 10px 0;
}

.flight-additional-info p 
{
    margin-bottom: 15px;
}

.cart-flight-stops::before
{ 
    content: "-";
}


/*** hotel modify ***/

.hotel-room-options-wrap
{
    display: block;
    clear: both;
}

tr[class^="RoomCategoryDivVisible"] .upsell-price
{
    color: #44812d;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.hotel-cart-modify .rr-points 
{
    float: right;
    margin: 0 0;
}

.cart-summary-hotel-checkin 
{
    font-size: 1.6rem;
}

.hotel-room-number 
{
    font-size: 1.6rem;
    display: block;
    clear: left;
    width: auto;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}    

.trip-advisor-wrap
{
    margin: 5px 0 0 0;    
}        


/*** vehicle modify ***/ 
.vehicle-dropoff
{
    float: left;
    margin: 12px;
}

.vehicle-pickup
{
    margin: 12px 12px 12px 0px;
    float: left;    
}

/*** transfer modify ***/

.select-psngrs legend
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.select-psngrs .passenger_wrap
{
    float: left;
    display: block;
    white-space: nowrap;
    margin-right: 2%;
    margin-bottom: 1%;
}


/*** insuracy modify ***/

.itin-summary-item-header.insurance-upsell-header
{  
    margin-bottom:0px;    
}

.insurance-upsell-btn-wrap
{
    padding-bottom:10px;    
}

.insurance-upsell-details
{
    background-color:#bddbe5;
    padding:15px 10px 0;   
}

.insurance-upsell-text p
{
    margin-bottom:15px;    
}

.insurance-upsell-text ul
{
    list-style-type: disc;
    margin: 0 0 15px 25px;
    padding: 0 0 0 20px;    
}

.insurance-cart-modify
{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: solid 10px #f2f2f2;
}

.insurance-selection 
{
    margin: 0px 0 15px;
}

.insurance-selection input 
{
    display: inline-block;
    float: left;
    min-width: 18px;
}

.insurance-selection input:focus 
{
    outline: 1px dotted #4c6c85;
}

.insurance-selection label
{
    float: left;
    margin-left: 8px;
    clear: right !important;
    display: inline-block;
    width: 95%;
    margin-bottom: 5px;
}


@media (max-width: 979px)
{ 
    .summary-cart-title,
    .checkout-summary-enhance
    {
        width: 58%;
    }
}

@media (max-width: 924px)
{ 
    .insurance-selection label
    {
        width: 92%;
    }
}

@media (max-width: 799px)
{ 
    .summary-cart-title,
    .checkout-summary-enhance
    {
        width: 52%;
    }
}

@media (max-width: 580px)
{   
    .summary-cart-title,
    .checkout-summary-enhance
    {
        width: 100%;
        float: none;
    }
}

@media (max-width: 446px)
{ 
    .insurance-selection label
    {
        width: 90%;
    }
}

.insurance-cart-modify .cart-item-wrap .cart-modify-button
{
    display: none;
}

.insurance-selection ul 
{
    list-style: none;
}

.insurance-selection ul li
{
    margin: 4px 0px;
}

.insurance-selection ul li:after
{
   content: "";
   display: table;
   clear: both;
}


/*** feature upsell ***/

.feature-upsell-options-wrap
{
    width:100%;    
}

.feature-date-input-upsell-wrap
{
    display:flex;
}

.feature-upsell-pax-pricing-wrap
{
    width:80%; 
    margin:0 auto;
}

.feature-date-input-upsell-wrap label,
.feature-upsell-passenger-list.feature-passenger-list label
{
    min-width: 100px;
    display: inline-block;
    float: left;
}

.feature-upsell-passenger-list.feature-passenger-list
{
    margin:10px 0;
}

.feature-rate-select
{
    clear:both;
}

.showcase-features-wrap .feature-upsell-pax-pricing-wrap
{
    width:100%;
}

.cart-feature-options-list
{
    margin-top:20px;
}

li.feature-upsell
{
    padding:10px;
}

.feature-upsell h4
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.feature-upsell-pax-pricing-wrap .avail-price-position
{
    vertical-align:middle;    
    margin-top:10px;
    float:right;
}

.feature-upsell-pax-pricing-wrap .avail-price
{
    vertical-align:middle;   
    margin-right:10px; 
}

.feature-upsell-modal-description
{
    margin-bottom: 20px;
}

.feature-upsell-options
{
    margin-top: 15px;
}

.feature-upsell-passenger-select 
{
    width: 100%; 
    margin-top: 15px;
}

.feature-upsell-passengers
{
    width: 48%; 
    float: left; 
    margin-right: 2%;
}

.feature-upsell-passengers select
{
    margin-right: 5px;
}

.feature-upsell-datelabel
{
    display: block; 
    width: 100%; 
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.feature-upsell-date-select
{
    width: 100%;
}

#featureRateSelectionComponent
{
    margin-bottom: 15px;
}

#featureRateSelectionComponent .price-select-wrap
{
    width: 49%; 
    float: right; 
    margin: 0;
}

#featureRateSelectionComponent:after{
   content: "";
   display: table;
   clear: both;
}

.feature-upsell-select-item .check-wrap 
{
    position: relative; 
}

.feature-upsell-select-item label input[type="checkbox"]
{
    position: absolute; 
    top: 5px; 
    left: 10px; 
    z-index: 999;
}

.feature-upsell-select-item label span
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    border: 1px solid #4c6c85;
    background-color: #127cb7;
    border-radius: 3px; 
    width: 100%;
    display: block;
    margin-top: 15px;
}    

.feature-upsell-select-item label span:hover
{
    background-color: #106fa2;
}

.feature-upsell-select-item input:checked + span 
{
    background-color: #44812d;
    border-color: #3b7128;
    color: #fff;
}

.feature-upsell-select-item input
{
    margin-top: 5px;    
}    

.view-all-features-wrap
{
    margin-bottom: 15px;
}  

.cart-item-wrap
{
    border-bottom: 1px dashed #ddd;
    padding-bottom: 8px;
    overflow: hidden;
}

.cart-item-repeater 
{
    width: 72%;
    float: left;
}

.cart-item-repeater-header
{
    width: auto;
}

.cart-item-repeater dd
{
    display: inline;
    margin-right: 15px;
}

div[id^="cartFeatureHeader"] 
{
    padding: 0 0;
    position: relative;
}

div[id^="cartFeaturePanel"] .CART-COMPONENT-DETAIL:last-child dl
{
    margin: 0 0 30px 0;
}

.summary-upsell-image-wrap
{
    float:left; 
    margin-right:15px;
}


@media (max-width: 979px)
{ 
    .feature-upsell-options-wrap
    {
        flex-flow:row wrap;  
    }
    
    .feature-date-input-upsell-wrap,
    .feature-upsell-pax-pricing-wrap
    {
        width:100%;
    }
    
    .feature-upsell-pax-pricing-wrap{margin-top:15px;}
    .feature-date-input-upsell-wrap select{width:100%;}
}

@media (max-width: 580px)
    { 
        .feature-upsell-passenger-list
        {
            display:block;
            width:100%;
            float:none;
        }
        
        .feature-upsell-passenger-list li
        {
            width:100%;
        }
        
        .feature-upsell-pax-pricing-wrap .avail-price-position
        {
            text-align:right;  
        }

    }

@media (max-width: 414px) 
{
    .feature-option-details .avail-price-position button 
    {
        width: 100%;
        margin-top: 10px;
    }
}
    
@media (max-width: 370px)
{ 
    .feature-upsell-passengers,
    .checkout-upsell-inputs
    {
        width: 100%; 
        float: none; 
        margin-bottom: 15px;
    }
    
        .feature-upsell-pax-pricing-wrap .avail-price-position
        {
            float:none;
            width:100%;
            margin-top:20px;
        }
}
   
/*** cart price ***/

.cart-price 
{ 
    width: 100%; 
    font-size: 1.6rem;
    margin: 0 0 10px 0;
}

.cart-price tr 
{
}    

.cart-price td
{
    text-align: right;
    overflow: hidden;  
    padding: 4px 8px 4px 0;
    background-color:#e8e8e8;  
}

.cart-price td:first-child, 
.cart-price th
{ 
    width: auto; 
    overflow: hidden; 
    font-weight: normal;    
    padding: 4px 8px;  
    background-color:#e8e8e8;
    font-family: 'SourceSansPro-Regular', Arial, Sans-Serif;
}

.cart-price tr.cart-highlight
{    
    border-top: solid 3px #f2f2f2;
}

.cart-price td h4 
{    
    margin-bottom: 0px;
}

.review-price-header 
{
    
    margin: 0 0 12px 0;
    clear:both;
}    

.review-price-header h3 
{
    text-align: left;
    text-transform: uppercase; 
}

.promo-code-label
{
    margin-right:10px;   
}

.cart-summary-apply-promo 
{
    width:100%;
    text-align:right;
    display: block;
    padding:0 0 10px 0;
}

.booking-buttons-bar
{
    overflow: hidden;
    margin-top: 15px;
}

.booking-options-buttons 
{
    float: left; 
    padding: 5px;
}    

.summary-warning-text 
{    
    font-size: 1.6rem;
	color: #d90707;
}

.review-flight
{
    border-bottom: solid 2px #f2f2f2; 
    margin-bottom: 15px; 
    padding-bottom: 15px;
    list-style: none;
}

.modify-item-row th 
{
    padding-left: 30px;
}

.review-flight,
.review-hotel,
.review-vehicle
{
    border-bottom: solid 2px #f2f2f2; 
    margin-bottom: 15px; 
    padding-bottom: 15px;
}

@media (max-width: 767px)
{    
    .CART-COMPONENT-DETAIL
    {
        margin: 0 0 30px 0;
    }
    
    .CART-COMPONENT-DETAIL
    {
        margin: 0 0 30px 0;
    }
    
    .taxes-fees-detail, .cart-price-points 
    {
        float: none;
        text-align: center;
    }
}

@media (max-width: 640px)
{    
    .CART-COMPONENT-DETAIL h3, 
    .cart-item-repeater
    {
        text-align: center;
    }
}

@media (max-width: 580px)
{    
    .cart-modify-button-wrap,
    .cart-remove-item,
    .view-all-features-position
    {
        position: relative;
        clear: both;
        margin-bottom: 12px;
        width: 100%;
        margin: 6px 0;
        text-align: center;
    }
    
    .cart-modify-button-wrap .cart-modify-button,
    .view-all-features-position .cart-modify-button
    {
        display: block;
        float: none;
        margin: 0px auto;
        width: 96%;
    }
 
    .CART-COMPONENT-DETAIL h3
    {
        text-align: center;
    }

    .cart-header h3
    {
        float: none;
        text-align: center;
    }

    .cart-modify-button-wrap,
    .cart-header .cart-modify-button-wrap,
    .cart-remove-item-wrap
    {
        position: relative;
        clear: both;
        width: 100%;
        margin: 6px 0;
        text-align: center;
    }

    .cart-modify-button-wrap .cart-modify-button
    {
        display: block;
        float: none;
        margin: 0px auto;
        width: 96%;
    }
    
    .cart-remove-item
    {
        margin: 0px auto;
    }
    
    .cart-item-repeater
    {
        text-align: center;
        float: none;
        margin: 0 auto;
        width: 98%;
    }
}

@media (max-width: 425px)
{    
    .CART-COMPONENT-IMAGE-WRAP, 
    .hotel-ro-image-wrap
    {
        float: none;
        clear: both;
        text-align: center;
        width: 100%;
    }
    
    .CART-COMPONENT-IMAGE-WRAP img,
    .hotel-ro-image-wrap img
    {
        width: 50%;
    } 
}


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

.checkout-sign-in 
{
    padding: 2%; 
    background: #f2f2f2; 
    border-radius: 3px;
}
    
.checkout2-instruction
{
    margin: 15px auto;
}

.traveler-info 
{
    clear: both;
    float: none;
    margin: 0 0 10px;
    padding: 0 0 10px;
    width: 100%;
}

.traveler-info fieldset
{
    margin: 0 5% 10px 0;
    width: 28%;
    display: inline-block;
    min-width: 260px;
}

.traveler-info fieldset.traveler-name-title 
{
    display: block;
    clear: both;
    min-width: 270px;
    float: none;
}

.traveler-info label 
{
    display: inline;
}

.gender-dob 
{
    display: block;
    clear: both;
}

.traveler-info-subheader h3
{
    display: inline;
    font-weight: normal;
}

.traveler-info-subheader
{
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.traveler-info textarea
{ 
    max-width: 100%;
    width: 100%;
}

.traveler-info fieldset.date-of-birth  
{
    clear: right;
}

.air-customer-contact
{
    margin: 20px 0 30px 0;
}

.air-customer-contact-consent
{
    margin: 10px 0 0 0;
}

.air-customer-contact-consent input,
.air-customer-contact-consent label
{
    margin: 5px 5px 5px 0px
}

.air-customer-contact-consent fieldset
{
    width: 100%;
}

.air-customer-contact-details fieldset input
{
    width: 100%;
    border: 1px solid #aaa;
    height: 23px;
    padding-left: 4px;
}

.air-customer-contact-details fieldset {
    margin: 0 5% 5px 0;
}

.air-customer-contact-disclaimer p
{
    font-size: 1rem;
}

.frequent-flyer-wrap,
.aspis-wrap
{
    width: 100% !important;
}

.aspis-multi-passenger input[type="checkbox"]
{ 
    vertical-align: middle;
}

.frequent-flyer-button-wrap
{
    margin-bottom: 10px;
}

.frequent-flyer-form
{
    padding: 10px;
    background-color: #f2f2f2;
    display:flex;
    flex-wrap: wrap;
    margin-top:5px;
    margin-bottom:10px;
}

.frequent-flyer-form fieldset
{
    margin: 0 5% 5px 0;
    width: 28%;
    display: inline-block;
    min-width: 260px;
}

.clear-button-wrap
{
    width: 100%;
    margin: 10px 0px;
}

.clear-button-wrap .secondary-button
{
    float: left;
}
    
.traveler-info .frequent-flyer
{
    clear: both;
    float: none;
    margin: 8px 0 0px 0;
}    

.aspis-checkbox-wrap
{
    margin: 15px 0 15px 0 !important;
}

fieldset.frequent-flyer-number
{
    display: block;
}

fieldset.frequent-flyer-number input[type=text],
fieldset.frequent-flyer-number select
{
    width: 27%;
    float: left;
    margin: 0 15px 0 0;
}
    
input.account-password, 
.payment-info-details input[type="password"] 
{
    border: 1px solid #aaa;
    height: 30px;
    border-radius: 3px;
    min-width: 100%;
}

.payment-info-details .pay-city-label
{
    padding-right: 20px;
}

.traveler-info input[type="text"],
.traveler-info select,
.payment-info-details input[type="text"],
.payment-info-details select,
fieldset.frequent-flyer-number input[type="text"] {
    width: 90%;
}

.select-passenger-name {
    float: right;
    background: #ffffff url("https://trisept.widen.net/content/jxtrdat1ov/png/TRI_ICON_NAV_select-passenger-name-icon.png") no-repeat;
    height: 20px;
    width: 25px;
}

.select-passenger-name-label {
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
}

.subscription-selection fieldset 
{
    width: 100%;
}    

.subscription-selection label, 
.frequent-flyer label
{
    display: inline;
}    

.debit-card-tooltip 
{
    position: relative;
    bottom: 7px;
}

.booking-bar 
{
    clear: both;
    text-align: right;
}

.accept-terms-button
{
    margin: 0 auto;
    display: block;
}

.traveler-tsa-info
{
    clear: both;
    display: block;
    border: 1px solid #d3d3d3;
    padding: 10px;
}

.booking-bar-privacy
{
    margin-top: 20px;
}

.security-cert-wrap
{
    margin: 10px 0 30px;
}

.security-cert-wrap > div
{
    display:inline-block;
    float:right;
}



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

.ro-package-name
{
    border-bottom:0 !important; 
    margin-bottom:0; 
    padding-bottom:0; 
    margin-top:5px;
}

.pkg-name
{
    display:block;
}

.content-mast-wrap .pkg-name
{
    font-size:16px; 
    font-weight:bold;
}

/*seat assignment table */

.seat-matrix-wrap,
.ssr-ro-detail,
.booking-wrap,
.early-bird-container,
.payment-info-container 
{
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 10px #f2f2f2;
}

.seat-matrix-table 
{
    border-radius: 3px;
    margin-bottom: 15px;
}

.seat-matrix-table th,
.seat-matrix-table td 
{
    border: 1px solid #d3d3d3;
    padding: 5px;
}

.seat-matrix-table th 
{
    background: #f2f2f2;
}

.seat-matrix-table tr:nth-child(odd)
{
    background-color: #f9f9f9;
}

.SSR-cart-modify div h2,
.SSR-cart-modify div h3 
{
    border: 0;
}

.flight-cart-points 
{
    margin-top: 0;
    float: right;
}

.codeshare-footnote 
{
    float: left;
}

.hotel-read-only-details 
{
    display: block;
    overflow: hidden;
}    

.hotel-room-details 
{
    margin: 0 0 15px 0;
    width: 80%;
    float: right;
}

.hotel-ro-image-wrap 
{
    width: 18%;
    float: left;
    margin-right: 2%;
}

.hotel-ro-image-wrap img 
{
    width: 100%;
    height: auto;
}

.hotel-room-number-read-only 
{
    font-size: 1.6rem;
    display: block;
    clear: none;
    width: auto;
    float: none;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}    
 
.advisory-text, 
i.advisory-fa,
.advisory-fa  
{    
	color: #d90707;
}

.feature-read-only h2 #BtnAddFeature 
{
    float: right;
}

.feature-read-only .cart-item-repeater 
{
    width: 98%;
    float: none;
}

.early-bird-container 
{
    margin: 20px 0;
}

.early-bird-container h4
{
    margin-bottom: 10px;
}

.early-bird-intro 
{
    width: 100%;
}

.early-bird-logo 
{
    width: 18%;
    margin-right: 2%;
    max-width: 154px;
    height: auto;
    max-height: 60px;
    float: left;
    background: url("https://trisept.widen.net/content/jgssy6lc3c/png/TRI_IMG_WEBSITE_earlyBirdLogo.png") no-repeat;
    background-size: contain;
}

.early-bird-intro-text 
{
    float: left;
    width: 80%;
    padding-left: 10px;
}

.early-bird-summary-intro-text 
{
    margin-bottom: 10px;
}

.early-bird-total-price
{
    text-align: right;
    width: 20%;
    float: right;
    padding-top: 5px;
}

.early-bird-disclaimer
{
    width: 65%;
    float: left;
    padding-top: 5px;
}

.early-bird-container p,
#earlyBirdAList 
{
    margin-bottom: 10px;
}

.early-bird-summary-specific
{
    margin: 10px 0 0 !important;
    padding-bottom: 5px;
    border-bottom: solid 1px #d3d3d3;
}

.early-bird-container ul 
{
    margin: 10px 0px; 
}

.early-bird-intro-text li 
{
    list-style: none;
}

.early-bird-intro-text li i
{
    color: #06893d;
}   

.early-bird-container input 
{
    margin: 0 4px 0 0;
    position: relative;
    top: 6px;
}

.early-bird-input-wrap
{
    margin:0 0 20px 0;    
    border:solid 1px #d3d3d3;
    padding:10px;
}

.early-bird-cost-details 
{
    width: 100%;
    margin: 20px auto;
}

.early-bird-cost-details tr 
{
    border-bottom: solid 1px #f2f2f2;
}

.early-bird-cost-details th
{
    background: #f2f2f2;
    padding: 10px 4px;
}

.early-bird-total 
{
    border-top: solid 3px #f2f2f2;
}

.early-bird-cost-details .early-bird-total-cellhead
{
    text-align: right;
    background: none;
}

.early-bird-subtotal 
{
    text-align: right;
}
 
.early-bird-cost-details td
{ 
    padding: 10px 4px;
}
    
.earlyBirdCheckMark span:before
{
    content: "\2713\0020";
    font-size: 15px;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    color: #4caa51;
}

.num-payments-wrap
{
    margin:10px 0;
}

.payment-info-container h2 span
{
    font-size: 80%;
    font-weight: normal;
}

.payment-info-details fieldset 
{
    margin: 0 5% 10px 0;
    width: 27%;
    display: inline-block;
    vertical-align: top;
    min-width: 270px;
}

.checkout-wrap .payment-info-details
{
    display: inline;
}

.payment-info-details p img[src*=".svg"]
{
    height: 25px;
    padding: 2px;
    border: 1px solid #aaa;
}

.cc-expiration-wrap legend
{
    min-height: 22px;
}

.onpage-error-wrap
{
    position: relative;
    height: 0;
    width: 100%;
    clear: both;
}

.onpage-error-wrap span 
{
    position: absolute;
    top: 3px;
    left: 0;
    width: 270px;
    font-size: 1.2rem;
}

#expirationdate_1 span
{
    display: inline-block;
}

fieldset.cc-expiration-date 
{
    float: left;
    margin: 0 1% 0 0;
}

.cc-expiration-date.month 
{
    min-width: 130px;
    width: 55%;
}

.cc-expiration-date.year
{
    width: 30%;
    min-width: 115px;
}

fieldset.cc-expiration-date label 
{
    width: auto;
    margin-right: 5px;
}

fieldset.cc-expiration-date.year 
{
    float: right;
    text-align: right;
}
 
fieldset.cc-expiration-date label,
fieldset.cc-expiration-date select 
{
    display: inline-block;
}

fieldset.cc-expiration-date .expirationMonthInput 
{
    width: 65%;
}

fieldset.cc-expiration-date .expirationYearInput
{
    width: 51%;
}

.payment-info-details .confirmationNumberInput,
.payment-info-details .confirmation-number-input,
.payment-info-details .paymentTypeInput,
.swav-passenger-name,
.swav-payment-info .swav-confirmation-number-text .confirmation-number-input
{
    width: 27%;
    min-width: 270px;
}

.swav-payment-info
{
    width: 100% !important;
}

.swav-confirm-1,
.swav-confirm-2
{
    width: 100%;
    clear: both;
    padding-top: 15px;
}

.swav-payment-info .swav-confirmation-number-text
{
    width: 100%;
    float: left;
}

.verify-funds-remove-button
{
    width: auto;
}

.swav-passanger-confirm h5
{
    font-size: 1.4rem;
}

.swav-passanger-confirm .swav-passanger-name-text:first-child
{
    margin-top: 20px;
}

.swav-confirmation-number-text-button
{
    clear: both;
    padding-top: 15px;
}

.swav-confirmation-number-text-button input
{
    border-radius: 0;
}

.swav-payment .payment-info
{
    margin: 20px 0;
}

.payment-info-details .payment-type-icons
{
    margin: 10px 0 15px;
}

.payment-info-details .payment-type-messaging
{
    margin-bottom: 15px;
}

.swav-passanger-name-text label:first-child
{
    margin-top: 15px;
}

.payment-info-details .site-vendor-info ul
{
    padding-left: 20px;
}

.payment-info-details .site-vendor-info p
{
    clear: both;
}

.paymentInfoSection .swav-payment
{
    margin-top: 10px;
}

.swav-confirmation-number-text .verify-funds-remove-button
{
    margin-left: 10px;
}

.swav-passanger-name-text 
{
    margin-top: 10px;
}

fieldset.swav-payment
{
    margin-top: 10px;
}

.terms-conditions-checkout 
{
    width:100%;
}

.terms-conditions-checkout iframe 
{
    width:100%;
    height:300px;
    border:solid 1px #d3d3d3;
    padding:10px;
    margin-top: 10px;
}

.terms-conditions-checkout h2
{
    text-align:center;
}

.terms-conditions-checkout ul
{
    margin: 10px 0 10px 20px;
    list-style: disc;
}

.accept-terms-condition-checkout
{
    margin-bottom: 15px;
}

.pay-agree-submit-wrap
{
    margin-top:20px;
}

.pay-agree-submit-wrap {
    margin-top: 20px;
}

.pay-submit-button-wrap
{
    float:right; 
    text-align:right;
    vertical-align:middle;
}

.accept-terms-condition-checkout input[type="checkbox"]
{
    float: left;    
    margin-right: 10px;
}

.hazmat-message
{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 10px #f2f2f2;
}

.terms-conditions-checkout, 
.hazmat-message 
{
    margin: 0 0 15px 0;
}

.card-holder-info 
{
    clear: both;
    display: block;
}

.amount-due-warning 
{
    color: #d90707;
}

/* credit payment option message */
.credit-pay-msg-wrap {
    font-weight: bold;
    font-style: italic;
    margin-bottom: 20px;
}


/* internal credit payment option */

.internal-credit-wrap {
    clear: both;
    width: 100%;
    margin-top: 10px;
}

.internal-credit-wrap > ul {
    margin-left: 30px;
    padding-bottom: 25px;
}

.payment-info-details fieldset.int-cred-confirm {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}

.int-cred-confirm > div {
    width: 300px;
    margin-bottom: 15px;
}

.int-cred-confirm-num {
    width: 200px !important;
    margin-right: 10px;
}

.int-cred-confirm input.int-cred-clear {
    color: #0E589F;
    background: transparent;
    text-decoration: underline;
    cursor: pointer;
}

.int-cred-confirm input.int-cred-clear:hover {
    color: #0d4e78;
}

.int-cred-error {
    font-size: 1.6rem;
    color: #d90707;
    margin-bottom: 20px;
}

/* internal credit tables*/

.int-cred-head {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.int-cred-res-grid,
.int-cred-grid {
    padding: 5px 6px 5px 10px;
    margin: 15px 0 20px;
    width: 50%;
    min-width: 350px;
}

.int-cred-res-grid th,
.int-cred-grid th {
    padding: 5px 6px 5px 10px;
    background-color: #f2f2f2;
    border: 1px solid #d3d3d3;
}

.int-cred-res-grid td,
.int-cred-grid td {
    padding: 7px 5px 5px 10px;
    border: 1px solid #d3d3d3;
}

.int-cred-res-grid tr :first-child:not(:only-child),
.int-cred-grid tr :first-child:not(:only-child),
.int-cred-res-grid th + th {
    background-color: transparent !important;
}

.int-cred-res-grid tr :first-child:not(:only-child),
.int-cred-grid tr :first-child:not(:only-child) {
    width: 75%;
}
























.final-payment-wrap
{
    border-bottom: 10px solid #f2f2f2;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.email-reminder-wrap > label 
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.email-reminder-wrap input
{
    margin-right: 2px;
}

.email-reminder-content
{
    margin:10px 0 10px 18px;
}

.email-reminder-date 
{
    margin-bottom: 10px;
}

.email-reminder-date .calendar-icon-wrap 
{
    display: inline-block;
}

.email-reminder-content label
{
    display: inline-block;
    min-width: 170px;
}

.scheduled-payment-terms-wrap, 
.num-payments-label
{
    padding: 0 0 20px 0;
}

.scheduled-payment-terms-wrap input
{
    float: left;
}

.scheduled-payment-terms-wrap label 
{
    display: inline;
}

.scheduled-payment-terms-wrap
{ 
    margin-top: 10px;
}

.paymentNumbAndTerms select
{ 
    padding: 0;
}

.button-large:enabled.review-terms-button
{
    margin: 0 auto 20px auto;
    display: block;
}

@media (max-width:414px)
{
    .button-large:enabled.review-terms-button
    {
        height: auto !important;
        padding: 10px 5px !important;
    }
}

@media (max-width: 768px) 
{
    .accept-terms-condition-checkout,
    .pay-submit-button-wrap
    {
        width:100%; 
        float:none;    
    }
}

@media (max-width: 480px) 
{
    .email-reminder-content .num-payments-label
    {
        min-width: 0;
    }
    
    .early-bird-logo
    {
        display:none;    
    }
}

.PayerAuthenticationErrorMessage
{
	font-size: 13px;
	color:Red;
}

/* SPECIAL SERVICE REQUESTS
************************************/

.itinerary-tools-wrap .expco-trigger-text
{
    font-weight: normal;
}

.itinerary-tools-wrap .expco-trigger
{ 
     padding-bottom: 5px;
}
 
.comments-and-preferences
{ 
    padding: 0 0 10px 2px;
}

.extra-requests-wrap,
.seat-preferences-wrap
{
   margin-bottom: 25px;
}

.special-service-requests,
.seat-preferences-wrap,
.internal-comments-wrap
{
    padding: 5px 10px 10px 0px;
}

.customer-advisory-wrap
{
    padding: 5px 10px 10px 0px;
}
    
.ssr-section select 
{
    padding: 1px 0 1px 3px;
    width: 98%;
}

.ssr-section label 
{
    margin: 5px 0 5px 0;
    padding: 0 0;
    display: block;
}

p.ssrPleaseNote 
{
    font-size: 115%;
    clear: both;
    margin: 6px 0;
}

.SSRpassengerContainer label span,
span.mandatorySSR 
{  
    color: #d90707;
    font-weight: bold;
    font-size: 1.2rem;
}  

.ssrContainerHeader
{
	font-weight: bold;
	font-size: 130%;
	padding: 0 0;	
	margin: 0 0;
}

#hotelSSRcontainer,
#airSSRcontainer,
#vehicleSSRcontainer,
#featureSSRcontainer 
{
    border: 1px solid #e3e3e3;
    padding: 8px;
    margin-bottom: 15px;
    color: #444;
}

.seatPrefInfo
{
    padding-bottom: 5px;
}

#featureSSRcontainer 
{
    background: #fff;
    padding: 8px;
    color: #444;
}

.hotelSSR,
.flightSSR,
.vehicleSSR,
.featureSSR 
{
	background-color: #fff; 
	border: none;
	overflow: hidden;
	margin: 10px 0 0 0;	
}

.featureSSR 
{
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.featureSSR:last-child 
{
    margin-bottom: 0px;
    border-bottom: 0px;
}

.flightSSR fieldset legend 
{
    margin: 0 0;
    padding: 0 0;
    font-size: 110%;
    color: #000;
}

.additionalComments 
{
    clear: both;
}
.additional-remarks-question
{
    font-size:1.1rem;
    padding-top:3px;
}

.internal-comments-text textarea
{
    width: 100% !important;
    max-width: 100% !important;
}

.customer-advisory-text textarea
{
    width: 100% !important;
    max-width: 100% !important;
}

.SSRpassengerContainer .additionalComments 
{
    margin-bottom: 10px;
}

.additionalComments input 
{
    width: 100%;
    height: 25px;
    padding-left: 6px;    
}

.featureSSR .SSRpassengerContainer .additionalComments label 
{
    float: none;
    text-align: left;
}

.dropdownQuestion a:hover,
.additionalComments a:hover 
{
    color: #002e72; 
}

.SSRpassengerContainer 
{
    width: 48%;
    margin: 0 10px 5px 0px;   
}

.SSRpassengerContainer label,
.featureSSR .SSRpassengerContainer .dropdownQuestion label 
{
    float: left;
    margin: 4px 6px 10px 0;
    padding: 0 0;
}

.SSRpassengerContainer .dropdownQuestion label 
{
    width: 98%;
}

.featureSSR .SSRpassengerContainer 
{
    box-shadow: -0.3px -0.3px 8px #d3d3d3;
    margin: 5px 10px 18px 5px;
    padding: 10px 4px 4px 6px;
    width: 52.5%;
}

.featureSSR div.SSRpassengerContainer:nth-child(odd) 
{
    margin: 0 0 18px 5px;
}

.featureSSR .SSRpassengerContainer .dropdownQuestion 
{
    width: 100%;
    float: left;
    margin: 8px 0 0 0;
}

.SSRpassengerContainer select,
.featureSSR .SSRpassengerContainer .dropdownQuestion select 
{
    width: 48%;
    float: left;
    margin: 0 0 5px 0;
}

.SSRpassengerContainer .dropdownQuestion 
{
    clear: left;  
    padding-top: 5px;
}      

.vehicleSSRcontainer .SSRpassengerContainer .dropdownQuestion 
{
    width: 30%;
}

.vehicleSSR .SSRpassengerContainer 
{
    width: 98%;
}

.vehicleSSR .SSRpassengerContainer fieldset 
{
    width: 100%;
    float: left;
    margin-right: 25px;
}
.vehicleSSR .SSRpassengerContainer fieldset:last-child 
{
    margin-right: 0px;
}

.vehicleSSR .SSRpassengerContainer label,
.vehicleSSR .SSRpassengerContainer select 
{
    width: auto;
}
    
.hotelSSR .dropdownQuestion,
.flightSSR .dropdownQuestion,
.featureSSR .dropdownQuestion 
{
    min-width: 210px;
    width: 31%;
    margin: 0 2% 8px 0;
    float: left;   
}

.hotelSSR .dropdownQuestion select,
.featureSSR .dropdownQuestion select,
.featureSSR .dropdownQuestion label 
{
    width: 87%;
}

.flightSSR  .dropdownQuestion select 
{
    display: block;
}    

.sec-payment-logo-link
{    
    text-align: center;
    display: inline-block;
    margin: 10px 5px;
}

.sec-payment-logo-link img 
{
    display: block;
    width: 85px;
    height: auto;
    margin-bottom: 5px;
}


@media (max-width: 882px)
{ 
    .featureSSR .SSRpassengerContainer 
    {
        width: 95%;
        margin: 0 0 7px 5px;
        padding: 5px 0 5px 10px;
        box-shadow: 0px 0px 0px #fff;
        border-bottom: 1px solid #d1dee7;
        float: none;
    }
    
    .SSRpassengerContainer select,
    .featureSSR .SSRpassengerContainer .dropdownQuestion select 
    {
        width: 45%;
    }
    
    .featureSSR div.SSRpassengerContainer:nth-child(2n+1)
    {
        margin: 0 0 7px 5px;
    }
    
    .additionalComments 
    {
        margin-top: 6px;
    }
    
    .additionalComments label
    {
        display: block;
    }
}

@media (max-width: 485px)
{
    .hotelSSR .dropdownQuestion,
    .flightSSR  .dropdownQuestion,
    .additionalComments input,
    .vehicleSSR .SSRpassengerContainer fieldset 
    {
        float: none;
    }
    
    .hotel-ro-image-wrap
    {
        float: none;
        clear: both;
        text-align: center;
        width: 100%;
    }
    
    .hotel-ro-image-wrap img
    {
        width: 50%;
        max-width: 185px;
    }
    
    .hotel-room-details
    {
        width: 100%; 
        float: none;
    }
    
    .flight-cart-points, .codeshare-footnote
    {
        float: none; 
        text-align: center; 
        margin: 10px 0;
    }
}    

@media (max-width: 410px)
{     
    .featureSSR .SSRpassengerContainer .dropdownQuestion label,
    .featureSSR .SSRpassengerContainer label 
    {
       clear: left; 
       text-align: left;
       width: 100%;
    }
    
    .featureSSR .dropdownQuestion select,
    .SSRpassengerContainer select,
    .featureSSR .SSRpassengerContainer .dropdownQuestion select 
    {
        width: 190px;
    }
    
    .hotelSSR .dropdownQuestion,
    .flightSSR .dropdownQuestion,
    .featureSSR .dropdownQuestion 
    {
        min-width: 220px;
    }
}

@media (max-width: 380px)
{     
    .SSRpassengerContainer label {
        text-align: left;
    }

    .hotelSSR .dropdownQuestion,
    .flightSSR  .dropdownQuestion,
    .additionalComments input,
    .vehicleSSR .SSRpassengerContainer fieldset 
    {
        width: 195px;
    }
    
    .featureSSR .SSRpassengerContainer .additionalComments input,
    .additionalComments input 
    {
        width: 190px;
    }
    
    .SSRpassengerContainer label 
    {
        width: 95%;
    }

    .vehicleSSR .SSRpassengerContainer label,
    .vehicleSSR .SSRpassengerContainer select 
    {
        float: none;
        width: 98%;
    }

    .hotelSSR h3,
    .flightSSR h3,
    .vehicleSSR h3,
    .featureSSR h3,
    .flightSSR fieldset legend,
    .hotelSSR p,
    .flightSSR p,
    .vehicleSSR p,
    .featureSSR p 
    {
        width: 75%;
    }   
}

@media (max-width: 360px)
{ 
    #ssrForm  
    {
	    padding: 0px;
	    float: none;
	    line-height: 15px;
        margin: 10px 0 0 0;
    }
    
    .smallExpColPanel input 
    {
        height: auto;
        padding: 0 0 0 0 !important;
        margin: 0 0 0 0 !important;
    }
    
    .featureSSR .SSRpassengerContainer 
    {
        padding-left: 0px;
    }
  
    table.ajax__validatorcallout {
        left: 20px !important;        
    }      

    td.ajax__validatorcallout_callout_cell 
    {
        display: none;
    }
}

@media (max-width: 320px)
{    
    .SSRpassengerContainer label 
    {
        margin: 2px 0px;
    }
    
    .featureSSR .SSRpassengerContainer .additionalComments input 
    {
        width: 185px;
    }
}



/* BOOKING CONFIRMATION
************************************/

.modify-addon-text
{
    margin: 0 0 20px;
    padding: 15px;
    border: solid 1px #dedede;
    border-radius: 3px;
}

.modify-addon-text button 
{
    float: none !important;
}

.modify-addon-text p 
{
    margin-bottom: 15px;
}

.confirm-summary-wrap,
.confirm-summary-wrap-b
{
    margin: 20px auto;
    border-bottom: solid 10px #f2f2f2;
    padding-bottom: 20px;
}

.confirm-summary-wrap-b
{
    border-top: solid 10px #f2f2f2;
    padding-top: 20px;
    border-bottom: 0;
    padding-bottom: 0;
}

.confirm-top-summary-wrap,
.confirm-bottom-summary-wrap
{ 
    margin-right: 2%; 
    width: 49%; 
    float: left; 
    border-radius: 3px;
    background: #f2f2f2;
    border: solid 1px #dedede;
    padding: 2%;
    text-align: center;
}

.confirm-expect-wrap 
{
    width: 49%;
    float: left;
}

.confirm-expect-wrap dt 
{
    margin-bottom: 10px;
}

.confirm-expect-wrap dd 
{
    margin: 0 0 10px;
}
    
.confirm-number 
{
    font-size: 2.3em;
    display: block;
    width: 100%;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    color: #fff;
}

.confirm-number-highlight 
{
    text-align: center;
    background-color: #44812d;
    color: #fff;
    padding: 15px;
    display: block;
    width: 100%;
    border-radius: 3px;
    font-size: 1.8rem;
    margin: 0px auto 15px;
 }

.confirm-thanks 
{
    border-bottom: solid 1px #f2f2f2;
    padding-bottom: 5px;
    margin-bottom: 15px;
    display: block;
}

.confirm-bar 
{
    padding: 2%;
    background-color: #f2f2f2;
    border-color: #dedede;
    border-radius: 3px;
    text-align: right;
}

.confirm-bar input[type="button"]
{
    margin-left: 10px;
}

.confirm-bar .cartButton 
{
    display: inline;
}

.confirm-traveler-wrap 
{
    padding-top: 20px;
}

.confirm-traveler
{
    padding-bottom: 20px;
}

.confirm-traveler:last-child
{
    border-bottom: 0;
}

.confirm-traveler dd 
{
    display: block;
    width: 100%;
    white-space: nowrap;
}

.confirm-traveler-details  dd
{
    white-space: normal;
}

.confirm-traveler dl dd,
.ro-confirm-traveler-info dl dd
{
    display: inline;
    width: auto;
    margin-right: 20px;
}

.confirm-traveler dt,
.ro-confirm-traveler-info dt
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    font-size: 1.5rem
}

.confirm-traveler dt.confirm-traveler-title,
.ro-confirm-traveler-info dt
{
    font-size: 1.7rem;
}

.traveler-address-first
{
    width: 100%;
}

.document-apis-wrap,
.destination-apis-wrap
{
    float: left;
    margin-top: 10px;
}

.hotel-loyalty-wrap input 
{
    min-width: 300px;
    max-width: 400px;
}

.confirm-traveler dl dd dl:after
{
   content: "";
   display: table;
   clear: both;
}

.confirm-traveler-info 
{
    width: 49%;
    float: left;
    margin-right: 2%;
}

.ro-confirm-traveler-info 
{
    width: 49%;
    margin-right: 2%;
}

.re-issue-doc-form
{ 
    padding: 5px;
    margin-top: 5px;
    text-align: right;
}

.doc-delivery-title
{ 
    margin-top: 10px;
}

.confirm-traveler dd {
    font-family: "SourceSansPro-Bold",Arial,sans-serif;
}

.traveler-info-label 
{
    display: inline-block;
    font-family: "SourceSansPro-Regular",Arial,sans-serif;
    margin-right: 2px;
}

.traveler-tsa-wrap
{
    border: solid 1px #d3d3d3; 
    width: 49%;
    float: left;
    padding: 1%;
    line-height: 1.3;
}

.traveler-tsa-wrap dd 
{
    white-space: normal;
}

.traveler-apis-wrap
{
    float: left;
    margin-top: 10px;
}

.confirm-frequent-flyer-wrap
{
    margin-top: 10px;
}

.traveler-tsa-wrap dl dd dl:after,
.confirm-frequent-flyer-wrap  dl dd dl:after
{
   display: inline;
   clear: none;
}

.tsa-privacy-notice
{
    display: block;
    margin-bottom:5px;
}


.confirm-tsa dd,
.confirm-frequent-flyer dd
{
    float: left;
    margin-right: 15px;
}

.traveler-tsa-optional,
.frequent-flyer-number
{
    width: 100%;
    padding: 5px 0 0 0;
}

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

.confirmation-wrap .payment-info-container
{
    margin: 20px auto;
    padding: 20px 0;
    border: solid 10px #f2f2f2;
    border-left: 0;
    border-right: 0;
}

.confirmation-wrap .payment-info-section
{
    border-bottom: solid 2px #f2f2f2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.confirmation-wrap .payment-info-section:last-child 
{
    border: 0;
}

.refreshed-deposit-message
{
    text-align: right;
    color: #fd3400;
    font-weight: bold;
}

.cart-price input.button
{
    margin-right: 5px;
}

.partial-payment-wrap,
.estimated-due-wrap
{
    margin: 10px auto 20px auto;
}

.c-earlybird-wrap 
{
    margin:0 0 30px 0;
    padding-bottom: 30px;
    border-bottom: solid 10px #f2f2f2;
}

.c-earlybird-content 
{
    width: 100%;
}

.c-earlybird-price
{
    text-align: right;
    font-size: 1.6rem;
    padding-right: 8px;
}

.c-earlybird-content th,
.c-earlybird-content td
{
    padding: 8px 0px;
    font-weight: normal;
}

.c-earlybird-content caption
{
    text-align: left;
    border-bottom: solid 3px #f2f2f2;
    font-size: 2.2rem;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    padding-bottom: 5px;
}

.c-earlybird-disclaimer-wrap
{
    border-top: solid 1px #dedede;
    margin: 15px 0;
}


@media screen and (max-width: 640px)
{
    .confirm-expect-wrap
    {
        width: 100%;
        float: none;
    }
    
    .confirm-traveler-info 
    {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    
    .traveler-tsa-wrap, .traveler-apis-wrap,
    .confirm-frequent-flyer-wrap
    {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
  
    .confirm-top-summary-wrap,
    .confirm-bottom-summary-wrap
    { 
        margin-right: 0; 
        width: 100%; 
        float: none; 
    }
}

/* ATOL EMAIL FORM
************************************/

.atol-desc-text
{
    margin: 15px 0;
}

/* REFUND REQUEST FORM
************************************/

.refund-request-form
{
    clear: both;
    overflow: hidden;
    width: 100%;
}

.refund-request-form fieldset
{
    float: left;
    display: block;
    width: 45%;
    white-space: nowrap;
    margin-right: 2%;
    margin-bottom: 1%;
}

.refund-request-form label,
.refund-request-form input,
.refund-request-form textarea 
{
    clear: both;
    display: block;
    width: 99%;
}

.refund-address-1, 
.refund-address-2
{
    margin-bottom: 15px;
}

.required-field
{ 
    margin-bottom: 5px;
}



/* RESERVATION RETRIEVAL
************************************/

.reservation-header-wrap
{
    margin-bottom:40px;    
}

.reservation-header
{
    display: inline-block; 
    width:inherit; 
    border:0;
    margin-bottom:0;
}

.res-management-links
{
    width:50%; 
    float:right;
    text-align:right;
}

.res-canceled-msg
{
    float:left;
    text-align:left;
    margin-top:10px;
}

.res-package-required-wrap
{
    padding-top: 20px;
    float: right;
    clear: both;
}

.res-package-required 
{
    display: inline-block;
    width: 70%;
    padding-top: 20px;
    font-size: 1.6rem;
}

.res-package-required-wrap button
{
    float: right;
}

.multi-party-sum-email-and-print-buttons {
    margin: 0 0 13px 0;
}

.multi-party-sum-print-button {
    float: right;
}

.res-price-and-comm-price {
    color: #d97827;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0 10px 0 0;
    margin: 0 10px 65px 0;
}

.multi-party-sum-total-price {
    width: 30%;
    float: left;
}

.multi-party-sum-total-comm {
    width: 30%;
    float: right;
    text-align: right;
}

.res-summ-header {
    margin: 0 0 10px 0;
}

.multi-tab-res-party {
    margin: 15px 10px 15px 0;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
}

.multi-tab-res-name {
    border-top: 1px solid #243a4f;
    border-right: 1px solid #243a4f;
    border-left: 1px solid #243a4f;
    border-bottom: 1px solid #FFF;
    border-radius: 5px 5px 0 0;
    width: 200px;
    padding: 10px;
    margin: 0 0 -1px 0;
    z-index: 99;
    position: relative;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.multi-tab-res-itin {
    border: 1px solid #243a4f;
    padding: 0 10px;
}

@media print
{
    .multi-tab-res-itin { page-break-after: always; }
}

@media (max-width: 979px) 
{
    .res-management-links
    {
        width:100%; 
        float:none;
    }    
}

.res-retrieval-wrap fieldset
{
    margin: 20px 0;    
}

.res-retrieval-wrap label
{
    display: block; 
    width: 100%;
}

.res-retrieval-wrap input[type="text"],
.res-retrieval-wrap input[type="password"]
{
    width: 100%;
}

.res-retrieval-btn
{
    margin-top: 20px;
}

.res-retrieval-num,
.res-retrieval-pass
{
    width: 49%; 
    float: left;
}

.res-retrieval-num
{
    margin-right: 1%;
}

.res-retrieval-pass
{
    margin-left: 1%;
}

/* RESERVATION RETRIEVAL BOOKING REPORT
************************************/

.res-report-wrap
{
    background:white; 
    width:100%;   
}

.br-options-wrap
{
    display:flex;   
    align-items:flex-start;
}

.br-options-wap > div
{
    flex:1;
}


.br-full-retrieval-wrap,
.br-simple-retrieval-wrap
{
    background:#F2F2F2;
    padding:20px;   
}

.br-full-retrieval-wrap
{
    min-width:845px;    
}

.br-simple-retrieval-wrap
{
    min-width:350px;
    float:left;
}


.br-or-text
{
    min-width:55px;
    float:left;    
    text-align:center;
    position:relative;
    height:100%;
    display:flex;
    align-items:center;
}

.br-or-text span
{
    display:inline-block;
    background:#fff;
    padding:10px;    
    line-height:100%;
    width:100%;
    font-size:1.5rem;
    text-transform:uppercase;
    text-align:center;
    z-index:2;
}

.br-or-text:after { 
  position: absolute;
  content : "";
  left  : 50%;
  top   : 0;
  height: 100%;
  width : 0;
  border-right: 1px #666 solid;
  z-index:1;
  
}

.br-full-retrieval fieldset > span
{
    display:inline-block;
    position:relative;
}

.br-full-retrieval fieldset > span .ui-datepicker-trigger
{
     bottom:-3px;
     top:inherit;  
}

.br-full-retrieval label,
.br-simple-retrieval label
{
    float:left;
    clear:right;
}

.br-full-retrieval span 
{
    width:24.5%;    
    margin:5px 0;
}

.br-full-retrieval span input,
.br-full-retrieval span select,
.br-full-retrieval span .selectize-input,
.br-simple-retrieval fieldset input
{
   width:99%;
   float:left;
   clear:left;
   margin-right:5px;
}

.br-simple-retrieval input[type="text"] {
    margin-bottom: 15px;
}

.br-simple-retrieval fieldset input[type="submit"] {
    width: inherit;
    float: right;
    margin-bottom: 15px;
}

.booking-report-grid 
{
    width:1270px;
}

.booking-report-grid th.sorting,
.booking-report-grid th.sorting_asc,
.booking-report-grid th.sorting_desc
{
    cursor:pointer;
}

.br-retrieval-btn-wrap
{
    text-align:right;  
    padding-right:7px;  
}

.br-simple-retrieval .br-retrieval-btn-wrap
{
    padding-right:0;    
}

.br-retrieval-btn-wrap button
{
    float:right;
}

.br-grid-wrap .dataTables_processing
{
    width: 100%; 
    height: 100%; 
    background: rgba(255,255,255,0.6); 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 9999;
}

.br-grid-wrap .dataTables_processing p
{
    position: absolute; 
    top: 45%; 
    left: 40%; 
    width: 20%; 
    height: auto;
    background: #f2f2f2; 
    border: solid 1px #dedede; 
    border-radius: 3px; 
    padding: 20px; 
    text-align: center;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.br-grid-wrap .dataTables_info
{
    margin:10px 0; 
    float:left;
}

.br-grid-wrap .dataTables_paginate
{
    margin:10px 0;
    float:right;
}

.br-grid-wrap .paginate_button
{
    margin:0 2px;  
    padding:3px;  
}

.br-grid-wrap .paginate_button.disabled
{
    text-decoration:none;
    color: #333;
    cursor: default; 
}

.br-grid-wrap .paginate_button.current
{
    cursor:default;
    font-weight:bold;
}

.booking-report-grid .canceled-res .reservation-status 
{
    font-style:italic;
}

.booking-report-grid .booked-res .reservation-status
{
    font-weight:bold;
}

.booking-report-grid tr, 
.booking-report-grid td,
.booking-report-grid th
{
     border:solid 1px #d3d3d3;   
}

.booking-report-grid td,
.booking-report-grid th
{
     padding:8px; 
     max-width:200px; 
}
     
.booking-report-grid th
{
    vertical-align:middle;    
}

.booking-report-grid td,
.booking-report-grid td li
{
    overflow: hidden;
    text-overflow: ellipsis;
}

.booking-report-grid .toggle-multiparty-details
{
    font-size:22px;    
}

.br-grid-multiparty
{
    width:95%;
    margin:15px auto;    
}

.booking-report-grid li
{
    list-style-type:none;    
}

.br-footnote
{
    width:100%;
    margin-top:20px;    
}

.br-footnote li
{
    list-style-type:none;    
}

/* RESERVATION RETRIEVAL ITIN TOOLS
************************************/

.ro-itinerary-tools
{
    margin-top:25px;
}

.itinerary-tools-wrap .cancelBtnPosition
{ 
    margin: 20px 0;
    text-align: right;
}

/* Add Payment Tab */

#itin-tools-tab-container .payment-info-details fieldset 

{
    width: 44% ;
}

#itin-tools-tab-container  fieldset.cc-expiration-date .expirationMonthInput
{
    width: 62%;
}

#itin-tools-tab-container .submitBtnPosition
{
    text-align: right;
}

#itin-tools-tab-container .pay-city-label {
    padding-right:20px;
}

/* Comments and Preferences / modifications tab */

.change-component-List
{
    list-style-type: none;
    display: flex;  
}

.change-component-List li
{
    padding: 10px 20px 10px 0px;
}

.itin-tools-apply-promo
{
    width: 100%;
    text-align: left;
    display: block;
    margin-top: 5px;
    padding: 0 0 10px 0;
}

#itinComments #hotelSSRcontainer
{
    margin-top: 20px;
}

.ro-date-change-wrap 
{ 
    margin-bottom: 20px;
}

.flight-information-wrap fieldset,
.ro-date-change-wrap fieldset
{
    width: 33%;
    padding: 15px 5% 5px 0;
    float: left;
}

.flight-information-wrap-width25 fieldset
{
    width: 19%;
    padding: 2px;
    float: left;
    position: relative;    
    display: block; 
}

.flight-info-type-input-disabled {
    cursor: not-allowed;
    opacity: 0.5;
    background-color: #e9e9e9;
    pointer-events: none;
}

.flight-information-wrap fieldset label {
    display: block;
}

.flight-information-wrap input,
.ro-date-change-wrap input
{ 
    width: 100%;
}

.flight-information-wrap input[type=checkbox]
{
    float: left;
    width: auto;
    margin-right: 10px;
}

.itinerary-tools-subheader textarea
{
    width: 100%;
    max-width:100%;
}

.add-air-package-type-wrap,
.add-air-departing-from-wrap
{
    margin:3px 0px 7px;
}

.add-air-searchbar-wrap
{
    margin: 5px 0px;
    text-align:right;
}



/* History tab */

.commentHistory
{
    margin-bottom: 20px
}

.comment-history-table,
.current-balance-table,
.reservation-history-table,
.reservation-history-ssr-table,
.travel-credit-history-table
{
    width: 100%;
    margin-bottom: 20px;
    max-width: 100%;
}

.travel-credit-history-table
{
    margin-bottom: 0;
}

.current-balance-table tr:nth-child(odd),
.reservation-history-table tr:nth-child(odd),
.reservation-history-ssr-table tr:nth-child(even),
.comment-history-table tr:nth-child(even),
.travel-credit-history-table tr:nth-child(odd)
{
    background-color: #f9f9f9;
} 

.reservation-history-ssr-table
{
    margin: 0;
}

.component-history-title
{ 
   width: 20%;
   font-size:1.5rem;
}

.reservation-history-ssr-table
{
    table-layout:fixed;   
}

.comment-history-table th,
.current-balance-table th,
.reservation-history-table th,
.travel-credit-history-table th
{ 
    background-color: #f2f2f2;
}

.reservation-history-ssr-table th,
.comment-history-table tr:nth-child(even),
.current-balance-table tr:nth-child(even),
.res-history-ssr-table-wrap,
.travel-credit-history-table tr:nth-child(even)
{
    background-color:#fff;    
}

.current-balance-table th,
.current-balance-table td,
.reservation-history-table th,
.reservation-history-table td,
td.res-history-ssr-table-wrap,
.travel-credit-history-table th,
.travel-credit-history-table td
{
    padding: 5px;
    border: 1px solid #d3d3d3;
}

.comment-history-table th,
.comment-history-table td
{
    border: 1px solid #d3d3d3;
    padding: 5px 5px 5px 18px;
}

td.res-history-ssr-table-wrap
{
    border-top:0;
    border-bottom:0;
}

.res-history-ssr-requests
{
    border-bottom: 1px dashed #d3d3d3;
}

.reservation-history-ssr-table td,
.reservation-history-ssr-table th
{
    border: 0;
    background-color: #fff;
    font-size:1.2rem;
}

#itinHistory h3
{
    margin-bottom: 5px;
    font-weight: bold;
}

.reservation-history-mobile-label
{ 
    display: none;
}

.checkoutActive .successMessage,
.error
{
    color:#fd3400;
}



@media screen and (max-width: 767px)
{
    .current-balance-table tr:nth-child(even), 
    .reservation-history-table tr:nth-child(even), 
    .reservation-history-ssr-table tr:nth-child(even), 
    .comment-history-table tr:nth-child(even),
    .travel-credit-history-table tr:nth-child(even)
    {
        background-color: #f2f2f2;
    }
    
    .current-balance-table tr:nth-child(odd), 
    .reservation-history-table tr:nth-child(odd), 
    .reservation-history-ssr-table tr:nth-child(even), 
    .comment-history-table tr:nth-child(odd),
    .travel-credit-history-table tr:nth-child(odd)
    {
        background-color: #fff;
    }

    .ui-widget .commentHistory select
    {
        max-width: 100%;
        width: 100%;
    }
    
    .reservation-history-table th,
    .current-balance-table th,
    .comment-history-table th,
    .travel-credit-history-table th
    {
        display: none;
    }
    
    .reservation-history-ssr-table th
    {
        display: block;
    }
    
    .reservation-history-table td,
    .current-balance-table td,
    .comment-history-table td,
    .travel-credit-history-table td
    {
        display: inline-block;
        width: 49%;
        border: none;
        padding: 5px 3px 3px 3px;
        font-size: 1.3rem;
    }
    
    .reservation-history-table .reservation-history-mobile-label,
    .current-balance-table .reservation-history-mobile-label,
    .comment-history-table .reservation-history-mobile-label,
    .travel-credit-history-table .reservation-history-mobile-label
    {
        display: block;
    }
    
    .res-history-ssr-inner-row
    { 
        border: none !important;
    }
    .res-history-ssr-requests
    {
        border-bottom: 1px dashed #d3d3d3 !important;
    }
    
    .res-history-ssr-requests td,
    .component-history-title
    {
        width: 100% !important;
    }
    
     #priceAttachListHeader tr
    {
        border: none;
    }
    
    #priceAttachListHeader tr:nth-child(odd) 
    {
        background-color: #fff;
    }
    
     #priceAttachListHeader tr:nth-child(even) 
    {
        background-color: #f2f2f2;
    }
    
}


#itin-tools-tab-container .pay-submit-button-wrap
{
    width: 50%;
    margin: 10px 0;
}

#itin-tools-tab-container .accept-terms-condition-checkout
{
    width: 50%;
}

.submit-flight-information select
{
    margin-right: 7px;
}

/* Copy tab */

.modify-res-wrap
{ 
    margin-top: 10px;
}

.modify-copy-sections
{ 
    border-bottom: solid 1px #d3d3d3;
    padding: 5px 0;
    margin-bottom: 5px;
}

/* Cancel tab */
.cancel-res-wrap .passenger-details
{
    float: left;
    width: 33%;
}
.cancel-res-wrap .cancel-instructions
{
    float: right;
    text-align: right;
    width:66%;
}

.cancel-res-button-wrap
{
    text-align: right;
    margin-top: 10px;
}

@media (max-width: 892px)
{
    .flight-information-wrap fieldset,
    .ro-date-change-wrap fieldset
    {
        width: 70%;
    }
}

@media (max-width: 768px)
{
    #itin-tools-tab-container .pay-submit-button-wrap
    {
        width: 100%;
    }
    
    #itin-tools-tab-container .accept-terms-condition-checkout
    {
        width:100%;
    }

}
@media (max-width: 420px)
{
    
    .cancel-res-wrap .passenger-details,
    .cancel-res-wrap  .cancel-instructions
    {
        width: 100%;
        float: none;
        text-align: left;
    }
}

/*ITIN TOOLS - RES-RETRIEVAL - MULTI STOP COMPONENTS 
************************************/

.multi-stop-date-change-wrap
{ 
    margin-top: 10px;
}
.multi-stop-date-change
{
    border: 1px solid #f2f2f2;
    padding: 10px;
}

.multi-stop-change-restool input,
.multi-stop-change-hotel input,
.multi-stop-change-return input
{
    width: 100%;
}
.multi-stop-change-restool label,
.multi-stop-change-hotel label
{ 
    display: block;
}

.change-destination-wrap h4
{ 
    margin: 10px 0;
}

.res-depart-from-ro-fieldset
{ 
    display: inline-block;
    width: 30.1%;
    float: left;
    min-width: 180px;
    margin-right: 3%;
}

.change-destination-wrap .going-to-wrap
{
    margin-top: 10px;
}

.change-destination-wrap .changed-date-wrap
{
    margin: 5px 0px 10px 0px;
}

.change-destination-wrap .number-nights-wrap 
{ 
    display: block;
}
.change-destination-wrap .number-nights-wrap select
{
    width: 65px;
}

.changed-date-wrap
{ 
    font-weight: bold;
}

.changed-date-wrap label
{ 
    display: inline-block;
}

.itin-tools-change-checkboxes
{
    list-style-type: none;
    margin: 20px 0;
}

.multi-stop-change-return
{ 
    margin: 10px 0px 0px 10px;
}

/*** Email Payment link standalone page ***/

.self-payment-info,
.self-payment-info input,
.card-type-add-payment select
{
    width: 100%;
}

.self-payment-link-wrap
{
    margin-bottom: 20px;
}

.self-payment-intro
{
    margin-bottom: 20px;
}

.self-payment-info fieldset 
{
    margin: 0 2% 15px 0;
    width: 31%;
    display: inline-block;
    min-width: 260px;
}

.self-payment-link-wrap .vendorLogo,
.self-pay-footer .vaxLogo
{
    margin-right:50px;
}

.self-payment-success-message
{
    font-size:2.5rem;
    color: #0000ff;    
    margin-bottom:20px;
}

.self-payment-captcha
{
    background-color: #f5f5f5;
    margin: 20px 0;
    min-width: 320px;
    padding: 1%;
    width: 100%;
}

.self-pay-button-wrap
{
    text-align: right;
    margin-bottom: 30px;
}

.card-type-add-payment
{
     margin: 0 5% 30px 0;
    width: 27%;
    display: block;
    float: left;
    min-width: 270px;
}

.card-type-add-payment label
{
    display: block;
}

.self-pay-footer
{
    margin-top: 30px;
    text-align: right;
}

.self-pay-footer .triseptLogo {
    width: 150px;
}

@media (max-width: 520px)
{
    .self-pay-button-wrap
    {
        text-align: left;
    }
}



    
/* MODALS
************************************/

.push-right 
{
    float: right;
}

.cancel-no 
{
    margin-left: 10px;
}

#modalParentDiv p
{
    margin-bottom: 15px;
}

#modalExtPostBackground
{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:1049;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: fixed;
}

#fakeModalParentDiv.waitscreen-modal-wrap
{
    z-index:1050;
    position:relative;
    margin:0 auto;
}

.modal-wrap,
.modalPopup,
.FareTypeModalPopup,
.fare-type-modal-wrap
{
    background: #fff; 
    border: solid 1px #dedede; 
    border-radius: 3px;
    padding: 30px 2%;
    position: relative;
}
@media (max-width: 414px) 
{
  .modal-wrap,
  .modalPopup,
  .FareTypeModalPopup,
  .fare-type-modal-wrap,
  .modalWaitScreenPopup
    {
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 0px;
        padding-bottom: 0px;
    }  
}
@media (max-width: 414px) 
{
  .modalWaitScreenPopup
    {
        background: #fff; 
        border: solid 1px #dedede;
        border-radius: 3px;
        position: relative;
    }  
}
    
.modal-title
{
    border-bottom: solid 5px #f2f2f2;
    display: block;
    width: 100%;
    padding-top:10px;
}

.modal-overlay,
#modalExtPostBackground
{
    background: rgba(242,242,242, 0.8); 
}
    
.modalBody
{
    background-color: #fff !important;
}

/* Prevent iOS scrolling bug in iframe modals (https://stackoverflow.com/questions/34766636/ios-browser-iframe-jumps-to-top-when-changing-css-or-content-using-javascript) */
@media (max-width: 414px), (max-height: 414px)
{
    .modalHTML, .modalBody
    {
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (min-width: 415px) and (min-height: 415px) /* Non-phones */
{
    .modal-close
    {
        top: 0px;
        right: 0px;
        z-index: 1000;
        position: absolute;
        padding:  15px 15px;
    }
}

.modal-close a,
.modal-close button,
.close-text
{ 
    color: #d90707; 
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    text-transform: uppercase; 
    font-size: 1.2rem; 
    text-decoration: none;
}

.modal-close i
{
    color: #d90707;
    font-size: 2.0rem;
}

#modalContentDiv .modalContainer,
#modalContentDiv .fareTypeContainer
{
    width: 860px;
}

.remove-feature-buttons 
{
    text-align: right;
    margin: 20px 0 0;
    padding-top: 20px;
}

.remove-feature-buttons button
{
    float: left;
}

.modal-close button
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    cursor: pointer;
    padding: 4px 7px 4px 7px;
    display:block;
    text-align: center;
    color: #fff !important;
    border: 1px solid #4c6c85;
    background-color: #127cb7;
    border-radius: 3px;
    text-decoration: none;
    margin-left: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 3px;
}

.modal-close button .close-text, 
.modal-close button i 
{
    color: #fff !important;
}
    
@media (max-width: 414px), (max-height: 414px)
{
    .modal-wrap, 
    .fareTypeContainer 
    {
        padding-top: 10px; 
        padding-bottom: 60px;
    }    
    .modal-close button
    {
        margin-top: 8px;
        margin-right: 3px;
    }
}

@media (min-width: 415px) 
{
   .closeWindowBtn
   {
       display: none;
   }
}

/* Prevents iOS scrolling body through modals */
.fullscreen-modal-open 
{
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;   
}

/* Enable iframe scrolling and fix momentum scrolling on iOS */
#modalContentDiv, #modalIframeDiv
{
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 414px), (max-height: 414px)
{
    #modalContentDiv, #modalIframeDiv {
        overflow-y: scroll !important; /* Could do at all sizes for tablets, but then desktop shows scrollbar when not needed */
    }
}


/*** secure payment information modal ***/

.sec-payment-details 
{
    margin: 20px 0 10px;
}

.sec-payment-img 
{
    float: left;
    margin: 0 10px 10px 0;
}


/*** schedule change modal ***/

.schedule-change-wrap
{
    margin: 20px auto;
}

.schedule-change-btn-wrap
{
    margin-bottom: 20px;
}

.invalid-age-btn-wrap
{
    text-align: right; 
    clear: both; 
    margin: 20px 0 0;
}

.hotel-rating-list
{
    list-style: none;
}

.hotel-rating-list li
{
    margin-bottom: 20px;
}

   
/*** feature profile modal ***/
    
#feature-profile-wrap
{
    width: 96%; 
    margin: 2% auto;
}

.hotelImageEnlarged
{
    display: none;
}

#OverviewImageEnlargedClose
{
    display: none;
}

.feature-details-list
{
    border: solid 1px #dedede; 
    border-radius: 3px; 
    margin: 20px 0;
    list-style-type: none;
}

.feature-detail-list ul
{
    margin-left: 18px !important;
}

.feature-highlights 
{
    list-style: none;
    padding: 2%;
}

.feature-highlights ul
{
    margin-left: 18px;
}

.feature-details-list li:last-child
{
    border-bottom: 0;
}

.featureDetailList
{
    padding: 2%;
    list-style: none;
}

.featureDetailList ul
{
    padding: 0;
    list-style: none;
}

.featureDetailList li 
{
    margin-bottom: 10px;
}

.fp-accordian-title button
{
    padding: 1%; 
    background: #f2f2f2; 
    border-bottom: solid 1px #dedede;
    font-size: inherit;
    text-decoration: none;
    width: 100%;
}

.fp-accordian-title button:hover
{
    background: #efefef; 
}

.print-feature-wrap
{
    width: 100px; 
    float: right; 
    text-align: right;
}

.feature-fees
{
    text-align: right;
}


@media (max-width: 360px) 
{
    .feature-summary-image-wrap img
    {
        width: 96%; 
        margin: 15px auto;
    }
}

   
/*** leg detail modal ***/
    
.flight-detail-list 
{
    padding: 0; 
    margin: 0 0 2% 0; 
    width: 100%;
}

.flight-detail-wrap 
{
    list-style: none; 
    padding: 1% 2%; 
    border-top: 0;
}

.flight-detail-list li:nth-child(even) 
{
    background: #f2f2f2; 
    border-radius: 3px;
}
    
.fdLeft 
{
    width: 28%;
    margin-right: 1%; 
    float: left; 
    margin-bottom: 5px; 
}
        
.fdRight 
{
    width: 70%; 
    margin-left: 1%; 
    float: left;
    margin-bottom: 5px; 
}
    
.feature-detail-summary-wrap .feature-summary-image-wrap
{
    float: left; 
    margin: 0 20px 0 0;
}    

.air-modal .modal-title
{
    padding-bottom: 20px;
}

.air-modal h2
{
    border: 0; 
    margin-bottom: 0;
}

.air-modal h3
{
    font-style: italic; 
    border-bottom: 20px;
}

.air-modal .flight-leg-carrier
{
    width: 14%; 
    float: left; 
    margin-right: 1%;
}

.air-modal .flight-leg-carrier img
{
    max-width: 80px;
    display: block;
    clear: right;
}
    
.air-modal .flight-leg-info-wrap
{
    width: 84%; 
    float: left; 
    margin-left: 1%;
}


@media (max-width: 760px) 
{
    .air-modal .flight-leg-arrival,
    .air-modal .flight-leg-depart
    {
        width: 100%; 
        float: none;
    }

    .air-modal .flight-leg-depart
    {
        margin-right: 0; 
        margin-top: 2%;
    }

    .air-modal .flight-leg-arrival
    {
        margin-left: 0; 
        margin-top: 2%;
    }

    .air-modal .flight-leg-carrier img
    {
        width: 100%; 
        height: auto;
        max-width: 100px;
    }

    .air-modal .flight-leg-carrier
    {
        width: 25%; 
        float: left; 
        margin-right: 1%;
    }

    .air-modal .flight-leg-info-wrap
    {
        width: 67%; 
        float: left; 
        margin-left: 1%;
    }  
}

@media (max-width: 860px) 
{

    
    .flight-leg-arrival,
    .flight-leg-depart
    {
        width: 49%; 
        float: left;
    }

    .flight-leg-depart
    {
        margin-right: 1%;
    }
    
    .flight-leg-arrival
    {
        margin-left: 1%;
    }

    .flight-leg-carrier img
    {
        width: 100%; 
        height: auto;
    }
    
    .flight-leg-info-wrap
    {
        width: 80%; 
        float: left;
        margin-left: 1%;
    }
}

/* fare type info table*/

.fare-type-info
.fare-type-info thead,
.fare-type-info th,
.fare-type-info td
{
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 5px;
    border: 1px solid;
    border-collapse: collapse;
}



/*** economy fare modal ***/

.fare-grid
{
    border-collapse: unset;
}

.fare-grid,
.fare-grid thead,
.fare-grid tfoot,
.fare-grid tbody,
.fare-grid th,
.fare-grid td.fare-recommendation
{
    display: block;
}

.fare-grid tr,
.fare-grid .fare-inclusions td
{
    display: flex;
}

.fare-grid th,
.fare-grid td
{
    width: 50%;
    border: solid #ddd;
    border-width: 0 2px;
    padding: 10px;
}

.fare-grid th,
td.fare-recommendation
{
    color: #fff;
    background: #243a51;
    border-color: #243a51;
    text-align: center;
}

.fare-grid td
{
    line-height: 1.4;
    vertical-align: top;
}

.fare-grid th:first-child,
.fare-grid td:first-child
{
    margin-right: 20px;
}

th.fare-title
{
    font-size: 1.6rem;
    padding: 10px 5px 0 5px;
}

td.fare-recommendation
{
    font-size: 1.2rem;
    padding: 0 5px 10px 5px;
}

.fare-icon
{
    padding: 0 5px 5px 5px;
}

.fare-grid .fa-check
{
    font-size: 2.4rem;
    color: #44812d;
}

.fare-grid .fa-times
{
    font-size: 3rem;
    color: #d90707;
}

.fare-grid td.fare-price-wrap,
.fare-grid td.fare-select
{
    text-align: center;
    border-width: 0;
}

.fare-grid td.fare-restrictions
{
    width: 100%;
    font-size: 1.2rem;
    margin-right: 0;
    padding-bottom: 0;
    display: block;
}

.fare-grid td.fare-price-wrap
{
    border-top-width: 2px;
    display: block;
}

.fare-price
{
    font-weight: bold;
    font-size: 2.4rem;
}

.fare-price-per
{
    font-size: 1.2rem;
    vertical-align: top;
}

td.fare-select
{
    padding-top: 0;
    display: block;
}

.fare-select .button
{
    width: 100%;
    height: 100%;
    min-height: 30px;
}

.fare-perk-title
{
    font-weight: bold;
    font-size: 1.5rem;
}

.fare-perk-description
{
    display: block;
    font-size: 1.3rem;
}

.fare-change-flight
{
    width: 250px;
    display: block;
    margin: 10px auto 0 auto;
    height: 30px !important;
}

.fare-restrictions
{
    text-align: center;
    margin-top: 20px;
}

.economy-fare-error
{
    color: #d90707;
    text-align: center;
    border: 2px solid #d90707;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 15px
}

/* styles for fare grid when no upsell is present */
.fare-grid th:only-of-type,
.fare-grid td:only-of-type
{
    width: 100% !important;
    margin-right: 0 !important;
}


@media (max-width: 414px)
{
    .fare-grid th:first-child, .fare-grid td:first-child
    {
        margin-right: 0;
    }

    .fare-grid td:first-child
    {
        border-right-width: 0;
    }

    .fare-grid td:last-child
    {
        border-left-width: 0;
    }

    .fare-inclusions td:first-child
    {
        width: 100%;
    }

    .fare-inclusions td:first-child .fare-perk
    {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding-left: 15px;
    }

    .fare-inclusions td:not(:first-child)
    {
        width: auto;
        margin-left: auto;
    }

    .fare-inclusions td:not(:first-child) .fare-perk
    {
        display: none;
    }

    .fare-includes-left,
    .fare-grid th:first-child,
    .fare-recommendation:first-child
    {
        text-align: left;
    }

    .fare-includes-right,
    .fare-grid th:last-child,
    .fare-recommendation:last-child
    {
        text-align: right;
    }

    .fare-difference
    {
        display: none;
    }

    /* styles for fare grid when no upsell is present */

    .fare-grid th:only-of-type,
    .fare-grid thead td:only-of-type
    {
        text-align: center;
    }

    .fare-grid td:only-of-type .fare-perk
    {
        text-align: left;
    }

    .fare-inclusions td:only-of-type
    {
        border-width: 0 1px;
    }

    .fare-inclusions .fare-perk-description 
    { 
        display: none !important; 
    } 
}

/*** email itin modal ***/

input.email-itin-subject
{
    background: #dddddd;
    cursor: default;
    border: 0px;
    color: #333;
}      
.emailAddressField input, 
.email-itin-subject,
.email-itin-reply-to input,
.itin-subject-field input,
.email-itin-from input
{ 
    width: 60% !important;
    display: block;
}

.itin-modal-hide 
{
    display: none;
}

.itin-ar-wrap
{
    margin-bottom: 15px;
}

.itin-send-wrap
{
    margin-top: 10px;
    padding-bottom:30px;
}

.itin-modal-salutation
{
    width: 100%;
}

.email-itin-modal .hotel-rating-wrap
{
    width:auto;
}

.email-itin-modal input
{
    margin-bottom: 15px;
}

.emailModalLogos img
{ 
    max-width: 100%;
}


@media (max-width: 320px) 
{
    .emailAddressField input, 
    .email-itin-subject,
    .email-itin-reply-to input,
    .itin-subject-field input,
    .email-itin-from input
    { 
        width: 100% !important;
    }
}


/*** email a payment link modal ***/

.emailAddressField input, 
.email-itin-subject,
.email-itin-reply-to input,
.itin-subject-field input,
.email-itin-from input
{
    width:100%;
}    

#fromAddressInput,
#replyToAddress,
#subjectInput,
#HtmlEmailAgencyInfoContents 
{
    margin-top: 10px;
}

#fromAddressInput input,
#replyToAddress input
{
    width:100%;    
}

#subjectInput input
{
    width: 69%;
    margin-left: 5px;    
}

#emailEditSalutationTextArea table,
#emailEditSalutationTextArea textarea
{
    width: 100%;
    height: 130px;
}

#emailEditRegardsTextArea table,
#emailEditRegardsTextArea textarea
{
    width: 100%;    
}

#PaymentsRequestDisclaimer
{
    margin-top:10px;
}

.emailModalLogos
{
    margin-top:10px;
}


/*** seat map modal ***/

.seat-map-modal .ui-tabs-anchor 
{
    font-size: 1.2rem;
}

.seat-map-modal .ui-widget-header,
.seat-map-modal #flightTabs
{
    background: none;
    border: 0;
    padding: 0;
}

.seat-map-instructions-wrap
{
    margin-bottom: 20px;
}

.plane-wrap
{
    width: 600px;
}

.plane-direction-wrap 
{
    margin-left: 27px;
    margin-bottom: 5px;
}

.seat-map-modal .ui-tabs-panel:after
{
    clear: both;
    display: table;
    content: "";
}

.seat-map-modal #flightTabs 
{
    padding-top: 20px;
}

.seat-map-modal .ui-tabs-panel
{
    border: 1px solid #aaa;
}

.seat-map-segment-heading 
{
    font-size: 1.6rem;
    border: 0;
    margin-bottom: 0;
}

.seat-map-grid td,
.seat-map-grid th
{
    padding: 2px;
}

.seat-map-grid td:focus 
{
    outline: 1px solid #4c6c85;
}

.seat-map-grid th
{
    text-align: center;
}

.wing-row
{
    background-color: #c0c0c0;
}

.seat-map-legend,
.seat-map-key-guide
{
    float: right;
    width: 320px;
    margin-top: 57px;
    border: 1px solid #dedede;
    padding: 15px;
    margin-top: 15px;
}

.seat-map-key-guide dt 
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.seat-map-legend .wing-row
{
    display: inline-block;
    width: 15px;
    height: 15px;
}

.exit-row
{
    background-color: #cc9900;  /* Overrides wing-row */
}

.seat-map-legend .exit-row
{
    display: inline-block;
    width: 15px;
    height: 15px;
}

.seat-map-grid td.available[aria-readonly="false"]
{
    cursor: pointer;
}

.seat-map-legend img,
.seat-map-legend span
{
    margin-right: 5px;
    margin-bottom: -2px;
}

.seat-image
{
    width: 15px;  /* Smoother rendering */
    height: 15px;
}

.selected-seat-num
{  
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.seat-map-warning
{
    max-width: 500px;   
}

.seat-map-conditions 
{
    padding: 25px 0;
}

.seat-map-warning div 
{
    margin-bottom: 20px;
}


@media (max-width: 640px) 
{
    .seat-map-grid img
    {
        width: 17px;
        height: 17px;
    }
    
    .seat-map-legend,
    .seat-map-key-guide 
    {
        float: none;
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    .seat-map-grid td,
    .seat-map-grid th
    {
        padding: 3px;
    }
    
    .plane-direction-wrap 
    {
        margin-left: 40px;
    }
    
    .plane-wrap,
    .seat-map-legend,
    .seat-map-key-guide
    {
        width: 100%;
    }
}

@media (max-width: 360px) 
{
    .seat-action 
    {
        margin-bottom: 30px;
    }
}


/*** taxes and fees modal ***/

.taxes-modal-content ul 
{
    margin-left: 20px;
}

.taxes-modal-list
{
    margin: 10px 0 20px; 
    list-style-type: disc; 
    padding-left: 20px;
}

.taxes-modal-sublist
{
    list-style-type: circle; 
    margin-left: 20px;
}
    
.taxesFeesList
{
    padding: 10px;
    width: 100%;
}
        
.taxesFeesList tr
{
    border-bottom: solid 1px #f2f2f2;
    padding: 1% 0;
}

.taxesFeesList td, 
.taxesFeesList th
{
    padding: 1% 0;
}
        
.listDescription
{
    padding: 10px;
}
       
.taxesFeesList .title
{
    width: 100%;
    margin: 10px 0;
    border-bottom: solid 5px #f2f2f2;
    text-align: left;
}

.taxesFeesList .floatRight
{
    display: block;
    width: 30%;
    float: left;
}

.taxesFeesList caption
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    font-size: 1.8rem;
}

.tax-fee-title,
.tax-fee-total
{
    border-radius: 3px;
    padding: 3px 10px;
    border-top: solid 5px #f2f2f2;
}

.tf-col-1 
{
    width: 50%;
}

.tf-col-2, 
.tf-col-3
{
    width: 20%;
}

.tf-col-4
{
    width: 8%;           
}

.taxes-modal-content 
{
    margin: 40px 0 20px;
}

.tf-cell-space
{
    display: none;
}

.tf-cell-space:first-child
{
    display: table-cell;
}

@media (max-width: 360px)
{
    .taxes-fees-modal
    {
     padding-bottom:40px;   
    } 
}


/*** leg detail modal ***/
    
.flight-detail-list
{
    padding: 0;
    margin: 0 0 2% 0;
    width: 100%;
}

.flight-detail-list caption
{
    font-weight:bold; 
    text-align:left;
    padding:5px;
    border-bottom:solid 1px #f2f2f2;
    margin-bottom:10px;
}
    
.flight-detail-list td, 
.flight-detail-list th
{
    padding: 5px;
    border-top: 0;
}
    
.flight-detail-list tr:nth-child(even)
{
    background: #f2f2f2;
    border-radius: 3px;
}
    
.fdLeft
{
    width: 28%;
    margin-right: 1%;
    float: left;
    margin-bottom: 5px;
}
        
.fdRight
{
    width: 70%;
    margin-left: 1%;
    float: left;
    margin-bottom: 5px;
}


/*Price Selected flights modal*/

.price-flights-modal-wrap 
{
    padding: 10px;
}

.price-flights-modal-wrap .arrival-disclaimer,
.price-flights-modal-wrap .price-flights-intro
{
    
    font-size: 1.4rem;
    padding: 20px 0 12px 0 ;
}

.price-flights-modal-wrap .price-flights-intro a
{ 
    color: #000 !important;
}

.price-flights-modal-wrap .package-type-wrap
{
    clear: both;
    width:100%; 
    padding: 10px 0 0 0px;
    border-top:1px solid #d3d3d3;
}
.published-fare
{ 

    display: inline-block; 
    width:48%;
    padding-left:3%;

}

.bulk-fare
{ 
    border-right: 1px solid #d3d3d3;
    width:48%;
    display: inline-block; 
}

.shop-by-schedule-button-wrap
{
    margin-top: 10px;
}

.price-flights-intro em
{
    font-size: 1.1rem;
    display: block;
    padding-top:5px;
}

@media (max-width: 520px)
{
    
    .published-fare,
    .bulk-fare
    {
        width: 100%;
        text-align: center;
    }
}

/*** privacy policy modal ***/

#PrivacyContentDescription p
{
    margin-bottom: 10px;
}


/*** hotel profile modal ***/

.hotel-profile-wrap .modal-title
{
    display: flex;
    align-items: flex-start;
}

.hotel-profile-wrap button.cleaning-badge {
    margin-left: auto;
    padding: 0 40px 0 10px;
}

.hotel-profile-wrap .modal-title h2 
{
    border-bottom: none;
    margin-bottom: 0;
    display: inline;
    margin-right: 10px;
}

.hp-hotel-rating-wrap
{
    padding-bottom: 10px;
}

.hp-rating-wrap
{
    display: inline-block;
}

.hp-rating-wrap img[class^="rating_"] 
{
    vertical-align: inherit;
}

.hp-hotel-rating-wrap .hotel-rating-wrap
{
    width:auto;
}

.hp-hotel-address-wrap 
{
    margin-bottom: 15px;
}

.hp-top-wrap 
{
    margin: 15px 0;
}

.hotel-information-wrap 
{
    float: left;
    padding-bottom: 15px;
    width:58%;
}

.hp-hotel-address-wrap 
{
    margin-bottom: 15px;
}

.hp-hotel-rating-wrap .rating_AP_empty
{
    display:none;
}

.hp-top-wrap .price-select-wrap 
{
    width: 40%;
    border-radius: 3px;
    background: #f2f2f2;
    border: solid 1px #dedede;
    position: relative;
    float: right;
    margin: 0 0 0 2%;
    padding: 2%;
    text-align: center;
}

.hp-top-wrap .component-price 
{
    font-size: 2.5rem;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.hp-top-wrap .price-divide 
{
    display: none;
}

.hp-top-wrap .price-inclusion-wrap 
{
    margin-bottom: 5px;
}

.hp-top-wrap .button {
    margin: 10px 0 0;
    text-transform: uppercase;
    width: 96%;
}

.dmca-link 
{
    float: right;
}

.hotel-profile-wrap .expco-added-value .expco-trigger
{
    background: none;
    border: none;
    padding: 5px 0 0;
}

.hotel-profile-wrap .expco-added-value .expco-trigger span 
{
    color: #4c6c85;
}

.current-promotions-wrap .expco-trigger-text span
{
    margin-left: 10px;
    font-size: 1.2rem;
}

.expco-included-value-content
{
    margin: 3px 0 15px 20px;
    font-size: 1.2rem;
    line-height: 1.7;
}

.galleria-image-nav-left,
.galleria-image-nav-right 
{
    outline: none;
}


/*** Universal tab styling  ***/

.ui-widget,
.ui-widget select
{
    font-size: 1.4rem;
    font-family: 'SourceSansPro-Regular', Arial, Sans-Serif;
}

.ui-widget button,
.ui-widget input, 
.ui-widget textarea
{
    font-family: 'SourceSansPro-Regular', Arial, Sans-Serif;
}

.hotel-profile-tabs .ui-widget-header,
.group-details-tabs .ui-widget-header
{
    background: none !important;
    padding: 0;
    border-color: #dedede;
}

.group-details-tabs .ui-widget-header
{
    margin-top: 20px;
}

.group-details-tabs ul .currency-item 
{
    text-align: right;
    padding: 15px;
    font-size: 1.1rem;
    float:right;
}

@media (max-width: 640px)
{
    .group-details-tabs ul .currency-item 
    {
        border-top: 1px solid #dedede;
    }
}

.hotel-profile-tabs.ui-tabs,
.group-details-tabs.ui-tabs
{
    border: 0;
}

.hotel-profile-tabs .ui-tabs-nav,
.group-details-tabs.ui-tabs-nav
{
    border-width: 0 0 1px;
    min-width: 320px;
    padding: 25px 0 0 0;
}

.hotel-profile-tabs .ui-corner-all,
..group-details-tabs .ui-corner-all
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.hotel-profile-tabs .ui-tabs-panel,
.group-details-tabs .ui-tabs-panel
{
    border: 1px solid #dedede;
    border-top: none;
}

.sub-tab-wrap
{
    border: 1px solid #dedede;
    border-top: none;
}

.sub-tab-wrap + .sub-tab-wrap .expco-trigger 
{
    border-top-width: 0;
}

.hotel-profile-wrap .expco-trigger
{
    padding: 1%;
    background: #f2f2f2;
    display: block;
    text-decoration: none;
    border-top: 1px solid #dedede;
    width: 100%;
}

.hp-promotions-wrap 
{
    width: 95%;
}

.hotel-profile-tabs .ui-tabs-anchor 
{
    padding: 5px 8px !important;
}

.hotel-fees-disclaimer-wrap 
{
    margin-top: 15px;
    text-align: right;
    font-size: 1.2rem;
    font-style: italic;
}

.hotel-profile-tabs #tabHeaders li a
{
    font-size: 1.2rem;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.group-details-tabs #tabHeaders li a
{
    font-size: 1.7rem;
    font-weight: bold;
} 

.hotel-profile-tabs h2,
.group-details-tabs h2
{
    font-size: 1.6rem;
    border-bottom: 1px dashed #dedede;
    padding: 0 0 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

.group-details-tabs h2
{ 
    border: none;
}

.hotel-profile-tabs h3,
.group-details-tabs h3
{
    font-size: 1.4rem;
    font-weight: bold;
}

.hotel-profile-tabs li,
.group-details-tabs li 
{
    margin-left: 18px;
    list-style: disc;
    border-color: #dedede !important;
}

/* group details tabs */

.group-details-wrap
{ 
    width: 100%;
}

.group-details-iventory-table,
.grand-total-inventory,
.group-payment-reservation,
.grand-total-reservations,
.group-non-payment-commision-table,
.group-totals-commission,
.group-details-charter-inventory-table,
.group-flight-information 
{
    width: 100% !important;
    max-width: 100%;
    margin-bottom: 10px;
}

.current-balance-mobile-label
{ 
    display: none;
}

.grand-total-inventory,
.group-totals-commission
{
    margin-top: 10px;
}
 .group-details-iventory-table td
 {
    padding: 5px;
    border: 1px solid #d3d3d3;
 }

.grand-total-reservations th,
.group-non-payment-commision-table th,
.group-totals-commission th,
.group-details-charter-inventory-table th,
.group-payment-reservation th,
.group-details-iventory-table th,
.group-flight-information th {
    padding: 5px;
    background-color: #f2f2f2;
    border: 1px solid #d3d3d3;
}

.group-details-charter-inventory-table td,
.grand-total-reservations td,
.group-non-payment-commision-table td,
.group-totals-commission td,
.group-payment-reservation td,
.group-flight-information td {
    padding: 5px;
    border: 1px solid #d3d3d3;
}

.group-details-iventory-table th
{
    padding: 5px;
}

.group-details-charter-inventory-table tr:nth-child(even),
.grand-total-reservations tr:nth-child(even),
.group-non-payment-commision-table tr:nth-child(even),
.group-totals-commission tr:nth-child(even),
.group-payment-reservation tr:nth-child(even),
.group-details-iventory-table tr:nth-child(even),
.group-details-charter-inventory-table tr:nth-child(even),
.group-flight-information tr:nth-child(even) {
    background-color: #f9f9f9;
}

.group-details-charter-inventory-table tr:nth-child(odd),
.grand-total-reservations tr:nth-child(odd),
.group-non-payment-commision-table tr:nth-child(odd),
.group-totals-commission tr:nth-child(odd),
.group-payment-reservation tr:nth-child(odd),
.group-flight-information tr:nth-child(odd) {
    background-color: #fff;
}

.groups-charter-extra-detail,
#totalAmountHighError,
#totalAmountZeroError
{ 
    padding-bottom: 10px;
}

.res-package-type
{
     width: 130px !important;
}
.res-paid-amount
{
    width: 50px !important;
}
.groups-charter-flight-inventory
{ 
    margin-top: 10px;
}


.grand-total-inventory tr,
.grand-total-inventory
{
    background: #f1f1f1;
    border: 1px solid #d3d3d3;
}

.grand-total-inventory td
{
    padding: 5px;
    width: 30%;
}
.hotel-inventory-rooms h3
{ 
    padding-bottom: 5px;
}

.dataTable tr.even td.sorting_1,
.dataTable tr.odd td.sorting_1
{
    background-color: rgba(6, 137, 61, 0.05);
}

.dataTable th.sorting_disabled {
    cursor: default;
    padding-left: 3px !important;
}

.sorting
{
    background: url('https://trisept.widen.net/content/bebk3yfnpz/png/TRI_ICON_NAV_sort_both.png') no-repeat 0 50%;
}

.sorting_desc
{
    background: url('https://trisept.widen.net/content/x4mnahoupc/png/TRI_ICON_NAV_sort_desc.png') no-repeat 0 50%;
}

.sorting_asc
{
    background: url('https://trisept.widen.net/content/an9bm0krc7/png/TRI_ICON_NAV_sort_asc.png') no-repeat 0 50%;
}

#groupNonPaymentResTable thead th,
#groupPaymentTransferTable thead th,
#groupNonPaymentCommTable thead th
{
    padding: 0px 0px 3px 17px !important;
}

/*error message td was inheriting 5px padding from table */
.group-payment-reservation .ajax__validatorcallout_callout_cell,
.group-payment-reservation .ajax__validatorcallout_callout_arrow_cell
{
    padding-right: 0;
}

.pendingTransferAmountInvalid,
#totalAmountHighError,
#totalAmountZeroError
{  
    color:#fd3400;
}

.pendingTransferAmount
{
    font-weight: bold;
}

.payment-transfer-button-wrap
{ 
    text-align:right;
}

@media(max-width: 899px)
{

    .non-mobile-content {
        display: none;
    }

    #groupDetailsTabs .current-balance-mobile-label
    {
        display: block;
    }

    .group-payment-reservation th,
    .group-non-payment-commision-table th
    { 
        display: none;
    }

    .group-payment-reservation td,
    .group-non-payment-commision-table td
    {
        display: inline-block;
        width: 50%;
        border: none;
        padding: 5px 3px 3px 3px;
        font-size: 1.3rem;
        float: left;
    }
    
     .group-payment-reservation .ajax__validatorcallout tr
     {
        border: none;
     }
    
    .group-payment-reservation .ajax__validatorcallout td
    { 
           display: table-cell;
           width: inherit;
           padding: 5px 0px 3px 3px;
           font-size: inherit;
           float: none;
     }
       
    .group-payment-reservation tr:nth-child(odd),
    .group-non-payment-commision-table tr:nth-child(odd),
    .group-payment-reservation r:nth-child(odd)
    {
        background-color: #f2f2f2;
    }
    
     .group-payment-reservation tr:nth-child(even),
     .group-non-payment-commision-table tr:nth-child(even),
     .group-payment-reservation tr:nth-child(even)
    {
        background-color: #fff !important;
    }

    
    .dataTable tr.odd td.sorting_1
    {
        background:transparent;
    }
    
    .dataTable tr.even td.sorting_1
    {
        background-color: #fff;
    }
}


/* hotel details tab */

.hotel-description-wrap,
.hp-location-wrap
{
    margin-bottom: 15px;
}

.hp-location-wrap span 
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.hotel-policies-wrap h2 
{
    padding-top: 20px;
}

.hp-marketing-info ul
{
    margin-bottom: 20px;
}


/* amenities tab */

.amenity-detail
{
    display: none; 
    width: 300px; 
    position: absolute; 
    overflow: visible;  
    font-size: 100%; 
    padding: 25px 10px 10px 10px; 
    z-index: 99;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dedede;
}

.amenities-detail-trigger .expco-trigger
{
    display: inline; 
    border: 0;
}


/* accommodations tab */

.hotel-room-type-wrap
{
    margin-bottom: 40px;
}

.hotel-room-type-wrap .room-type-wrap {
    margin: 15px 0;
}

.room-type-wrap h3
{
    border-top: 1px dashed #dedede;
    padding-top: 10px;
    margin-top: 15px;
}

.hotel-room-type-wrap .room-type-wrap h3.rooms-tab-heading{
    border-top:0;
    margin-top:0;
    padding-top:0;
}

.room-type-wrap h3:first-child {
    border-top: none;
    padding-top: 0;
}

.room-type-promos-wrap 
{
    float: left;
    font-size: 1.2rem;
    max-width: 450px;
}

.room-type-wrap h3 span 
{
    font-size: 1.2rem;
    font-weight: normal;
}

.hotel-profile-tabs .room-type-wrap .hotel-profile-price-per-stay
{
    text-align: right;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 10px 0px;
}

.price-per-wrap
{
    float: right;
    text-align: right;
}

.acc-price-per-wrap {
    display: flex;
    align-items: flex-end;
}

.acc-room-rewards-wrap > div {
    margin-bottom: 2px;
    margin-right: 20px;
}

.room-amenities-content-wrap 
{
    margin-left: 19px;
}

.rooms-tab-heading {
border-bottom:0;
}

.rooms-tab-heading span {
    font-size: 80%;
    font-weight: normal;
}

.price-per-wrap > span {
    display: block;
    font-size: 1.2rem;
    margin-bottom: 3px;
}

.price-per-wrap > span strong {
    font-weight: bold;
    font-size: 1.8rem;
    display: block;
    margin-bottom: 5px;
}

.price-per-wrap div {
    font-size: 1.2rem;
}

h2.rooms-tab-heading,
h2.avail-rooms-panel,
#tabs-3 .rooms-panel-header,
.unavail-rooms-panel h2{
    border-bottom: 0;
}


.acc-room-type{
    border-bottom: solid 10px #f2f2f2;
    margin-bottom: 15px;
}

#tabs-3 .rooms-panel-header .expco-trigger {
    background: none;
    border-top: 0;
    border-bottom: 0;
    padding:0;
}

#tabs-3.ui-tabs-panel {
    padding-left: 0;
    padding-right: 0;
}

#tabs-3 > h2,
.room-category-wrap,
.room-type-inner-wrap,
.hotel-fees-disclaimer-wrap {
    padding: 0 20px 20px;
}

.room-category-wrap h2 {
    border-bottom:0;
}

.room-category-wrap + .room-type-wrap .acc-room-type,
.unavail-rooms-panel .room-category-wrap + .unavail-rooms-panel .room-type-wrap
{
    border-bottom: 1px dashed rgb(222, 222, 222);
    margin-bottom: 10px;
}

.room-category-wrap + .room-type-wrap .acc-room-type .room-type-inner-wrap {
    padding-bottom: 10px;
    padding-left: 35px;
    padding-right: 35px;
}

.room-category-wrap + .room-type-wrap .acc-room-type:only-child .room-type-inner-wrap {
    padding-left: 20px;
    padding-right: 20px;
}

.room-category-wrap + .room-type-wrap .acc-room-type:last-child,
.unavail-rooms-panel .hotel-room-type-wrap .room-category-wrap:only-child {
    border-bottom: solid 10px #f2f2f2;
    margin-bottom: 15px;
    padding-bottom: 20px;
}

.room-selected {
    border: solid 2px #243a4f;
    padding:20px;
}



@media (max-width: 640px) {
    .price-per-wrap, .room-type-promos-wrap,
    .acc-price-per-wrap 
    {
        display: block;
        text-align: left;
        width: 100%;
    }

    .acc-price-per-wrap .reward-points-incremental-wrap {
        float: none !important;
        margin: 10px auto 20px;
    }

    .price-per-wrap {
        text-align:center;
    }
    
    .hotel-information-wrap
    {
        width:100%;
    } 
    
    .price-per-wrap 
    {
        margin-top: 10px;
    }
    
    .hp-top-wrap .price-select-wrap 
    {
        width: 100%;
        clear: both;
        margin-top: 15px;
    }
    
    .ui-tabs .ui-tabs-nav li,
    .ui-tabs .ui-tabs-nav li a 
    {
        width: 100%;
    }   
}


/* activities tab */

.hp-sub-accordian-title 
{
    display: inline;
}

.hp-sub-accordian-title .expco-trigger
{
    background: none;
}

.attraction-title span
{
    color: #4c6c85;
}

.attraction-title .expco-trigger {
    padding: 0 0 10px 0;
}


/* trip advisor tab */

.ta-vendor-message 
{
    margin-bottom: 15px;
}

.trip-advisor-review-wrap
{
    margin-bottom: 25px;
}

.trip-advisor-review-wrap h2
{
    font-size: 1.8rem;
    border-bottom: none;
    margin-bottom: 0;
}

.review-date-wrap 
{
    border-bottom: 1px dashed #dbdbdb;
    margin-bottom: 10px;
}

.review-date-wrap span 
{
    position: absolute;
    margin-top: 1px;
    margin-left: 10px;
    font-size: 1.2rem;
}

.trip-advisor-footer-wrap
{
    font-size: 1.2rem;
    font-style: italic;
}


/*** vehicle profile modal ***/

#vehicleProfileTabs 
{
    width: 100%; 
}

#policiesSubTabs 
{
    margin-top: 10px; 
}

#policiesSubTabs .expco-trigger
{
    padding: 1%;
    background: #f2f2f2;
    display: block;
    text-decoration: none;
    border-top: 1px solid #dedede;
    width: 100%;
}

#vehicleProfileTabs .ui-tabs-anchor 
{
    padding: 5px 8px;
}

#vehicleProfileTabs .ui-corner-all 
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; 
}

#vehicleProfileTabs .ui-tabs-nav
{
    border-width: 0 0 1px;
    min-width: 320px; 
    padding: 5px;
}

#vehicleProfileTabs.ui-tabs
{
    border: 0;
}

#VehicleDescriptionTab,
#PoliciesTab,
#RateDetailsTab,
#LocationsTab
{
    border: solid 1px #dedede; 
    border-top: 0;
}

#vehicleProfileTabs .ui-widget-header
{
    background: none !important; 
    padding: 0; 
    border-color: #dedede;
}

#vehicleProfileTabs .ui-widget-header .ui-state-active
{
    border-color: #dedede;
}

#policiesSubTabs
{
    border: solid 1px #dedede;
}

#policiesSubTabs .expco-content-wrap
{
    width: 96%;
    margin: 2%;
}

#policiesSubTabs .expco-trigger-text
{
    margin-left: 5px;
}

#policiesSubTabs .more-info-list
{
    list-style: none;
}

#vehicleProfileTabs h2
{
    border-color: #dedede;
}

#vehicleProfileTabs h2 em
{
    font-size: 1.3rem; 
    font-weight: normal; 
    display: block;
}

.vp-image-container
{
    margin-right: 1%; 
    width: 28%; 
    float: left;
}

.vp-image-container img
{
    width: 100%; 
    max-width: 160px;
}

.vp-feature-container
{
    margin-left: 1%; 
    width: 70%; 
    float: left;
}

.vp-title-wrap
{
    position: relative;
}

.vp-logo-image
{
    position: absolute; 
    top: 0; 
    right: 0;
}

.rate-details-list td, 
.rate-details-list th
{
    padding: 1% 2%;
    border-top: 0;
}

th.rate-detail
{
    width: 70%; 
    text-align: left;
    padding-left: 10px;
    font-weight: normal;
}

td.rate-price
{
    width: 30%; 
    text-align: right;
    padding-right: 10px;
}

.rate-details-list
{
    width: 100%;
}

.rate-details-list tr.rate-row
{
    padding: 10px 0 !important;
}

.rate-details-list caption
{
    text-align: left;
    padding: 10px;
    border-bottom: solid 1px #f2f2f2;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

ul.listVehicle li
{
    list-style: disc; 
    margin-left: 30px;
}

ul.listVehicle 
{
    margin-bottom: 30px;
}

ul.locations-list 
{
    list-style: none;
}

ul.locations-list li
{
    border-bottom: solid 1px #f2f2f2;
    margin-bottom: 20px;
}

ul.locations-list li:last-child
{
    border-bottom: 0;
}

.deposit-notes
{
    margin-top: 5px; 
    padding-top: 10px;
}

dl.rental-rules-list dd.rental-rule-note,
dl.deposits-list dd.deposit-note 
{
    margin-bottom: 10px;
    border-bottom: solid 1px #dedede;
    font-size: 1.4rem;
    padding-bottom: 10px;
    display: block;
    width: 100%;
    clear: both;
}

dl.rental-rules-list dd.rental-rule-status,
dl.rental-rules-list dt,
dl.deposits-list dd.rental-rule-status,
dl.deposits-list dt
{
    display: inline-block;
    float: left;
    text-align: left;
}

dl.rental-rules-list em,
dl.deposits-list em
{
    font-size: 1.4rem;
}

.rate-details-list tr:nth-child(even)
{
    background: #f2f2f2;
    border-radius: 3px;
}

.location-address
{
    width: 49%; 
    float: left; 
    margin-right: 1%;
}

.location-hours
{
    width: 49%; 
    float: right; 
    margin-left: 1%;
    margin-bottom: 15px;
}

.more-info-item
{
    margin-bottom: 15px;
}


@media (max-width: 500px)
{
    #vehicleProfileTabs .ui-state-default .ui-tabs-anchor
    {
        padding: 2px 4px;
    }
}

@media (max-width: 479px)
{
    #vehicleProfileTabs .ui-state-default .ui-tabs-anchor
    {
        font-size: 10px;
    }
}

@media (max-width: 580px) 
{
    .vp-image-container
    {
        width: 100%; 
        margin: 10px 0;
        float: none;
    }

    .vp-feature-container
    {
        margin: 10px 0; 
        width: 100%; 
        float: none;
    }
    
    .location-address,
    .location-hours
    {
        width: 100%; 
        float: none; 
        margin: 20px 0;
    }
}


/*** hotel maps modal ***/

.map-display-wrap
{
	height: 500px;
	width: 70%;
	position: relative;
	float: left;
	border: solid 1px #dedede;
	border-radius: 3px;
}

.mhotel-list-wrap,
.mhotel-detail-wrap
{
    float: left;
	overflow: auto; 
	width: 28%;
	height: 500px;
    background: #f2f2f2;
	padding: 2%;
	margin-right: 2%;
	border-radius: 3px;
	line-height: 18px;
}

.mapInfoBoxHotel
{
    padding: 10px;
    max-width: 270px;
}

.mhotel-detail-wrap div
{
    border-bottom: solid 3px #dedede;
    padding: 0 0 15px;
    margin-bottom: 10px !important;
}
 
#PropertyListVirtualEarth.mhotel-detail-wrap div img
{
    margin-bottom: 10px;
}

.mhotel-detail-wrap hr 
{
    display: none;
}

.mapInfoBoxHotel h3 
{
    text-align: left;
    line-height: 2;
 }
 
@media (max-width: 414px), (max-height: 414px)
{
    .mapInfoBoxHotel h3 
    {
        font-size: 1.2rem;
    }
    
    #map_infobox_content
    {
        min-width: auto !important;
        min-height: auto !important;
        max-width: 150px;
    }
}

.mapInfoBoxHotel ul
{
    margin: 0;
    padding: 0;
    text-align: left;
}

#mapDiv_infobox_content 
{
    border: solid 1px #dedede !important;
    border-radius: 3px !important;
}

#mapDiv_infobox_content a 
{
    font-size: 1.4rem !important;
    line-height: 2 !important;
}

#mapDiv_infobox_arrow 
{
    border-right-color: #dedede !important;
}

#mapDiv_infobox_closeBtn
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    color: #d90707;
}

#PropertyListVirtualEarth img
{
	margin: 0 10px 10px 0;
	float: left;
}

#PropertyListVirtualEarth div
{
	margin: 2px 0px 2px 0px;
	line-height: 16px;	
	clear: both;
	overflow: hidden;
}

.VE_Pushpin_Popup_Body 
{
    text-align: left;
}


@media (max-width: 479px)
{
    .map-display-wrap
    {
	    height: 500px;
	    width: 100%;
	    float: none;
    }

    .mhotel-list-wrap,
    .mhotel-detail-wrap
    {
        float: none;
	    overflow: auto; 
	    width: 100%;
	    height: 160px;
    }
    
    .mhotel-list-wrap
    {
	    height: 300px;
	    margin-bottom: 20px;
    }
}

@media (max-width: 414px), (max-height: 414px)
{
    .map-display-wrap
    {
	    height: 100%;
	    width: 100%;
	    position: absolute;
    }
}


/*** save itin modal ***/

.save-itin-modal p
{
    margin-bottom: 20px;
}

.save-itin-modal .save-itin-buttons
{
    text-align: right;
    margin: 20px 0 0;
    padding-top: 20px;
}

.save-itin-modal .button
{
    display: inline;
}

/*** copy reservaration  modal ***/

#modalContentCopyReservation select
{
    width: 100%;    
}

#modalContentCopyParty select
{
    width: 100%;    
}

.copy-modal-wrap .rooms-wrap
{
    width:100%;    
}

/*** refund request modal ***/

.refund-request-modal h3
{
    margin-top: 15px;
    font-weight: bold;
}

.refund-request-modal p,
.refund-reason-option {
    margin-bottom: 15px;
}

.refund-request-modal fieldset
{
   margin-top: 15px;
   position: relative;
}

.pax-flight-number fieldset
{
    width: 0px;
    padding: 10px 5% 5px 0;
    /*padding: 5px;*/
    float: left;
    position: relative;     
}

.refund-request-label {
    font-weight: bold;
    margin-top: 15px;
    font-size: 1.5rem;
}

.refund-request-modal label
{
    display: block;
}

.refund-request-modal input[type=text]
{
    max-width: 400px;
    width: 400px;
}

.is-credit-check
{
    margin-top: 5px;
    position: relative;
}

.is-credit-check input,
.is-credit-check label
{
    display: inline-block;
}

.is-credit-check label
{
    margin-left: 20px;
}

.is-credit-check input
{
    position: absolute;
}

.refundOptions input {
    width: auto;
}

.refundOptions label
{
    display: inline;
    margin-left: 5px;
}

.submitRefundBtnPosition
{
    float: right;
}

@media (max-width: 580px) 
{
    .refund-request-modal input[type=text]
    {
        max-width: inherit;
        width: 90%;
    }
}

/*** price match form modal ***/

.price-match-modal h3
{
    margin-top: 10px;
}

.price-match-modal h4
{
    margin-top: 10px;
    font-style: italic;
    font-weight: bold;
}

.price-match-modal p
{
    margin-bottom: 15px;
}

.price-match-modal fieldset
{
   margin-top: 15px;    
}

.price-match-modal label
{
    display: block;
}

.price-match-modal input[type=text]
{
    max-width: 370px;
    width: 370px;
}

.price-match-modal input[type=radio],
.priceMatchInputs input[type=radio]
{
    margin: 4px 5px 5px 5px;
}

.price-match-modal em
{
    display: block;
    font-size: 1.2rem;
}

.submitPriceBtnPosition
{
    float: right;
}

@media (max-width: 580px) 
{
    .price-match-modal input[type=text]
    {
        max-width: inherit;
        width: 100%;
    }
}

.priceMatchInputs .hasSubQuestion label,
.competitorAirInfo fieldset table tr td label,
.competitorHotelInfo fieldset table tr td label,
.competitorCarInfo fieldset table tr td label,
.competitorAddFeatures fieldset table tr td label
{
    display: inline-block;
}

.priceMatchInputs .hasSubQuestion label.subQuestion
{
    display: block;
}


.copy-modal-wrap .number-of-pax-wrap
{
    margin-left: 0;
}

/*** change PAX info modal ***/

.modify-passenger legend.room-title
{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #666;
    display: block;
    padding-top: 5px;
}

.modify-passenger h3
{
    display: inline-block;
}

.modify-passenger-form-wrap em
{
    padding-top: 10px;
    display: block;
}

.modify-passenger fieldset
{
    margin: 0 5% 10px 0;
    width: 28%;
    display: inline-block;
    min-width: 260px;
}

.modify-passenger input[type=text],
.modify-passenger select
{
    width: 100%;
}

.modify-passenger .frequent-flyer-wrap
{
    width: 100%;
    max-width: 400px;
}

.modify-passenger .frequent-flyer-wrap fieldset
{
    width: 100%;
}

.modify-passenger-button-wrap
{
    text-align:right;
    margin:20px 0px;
}

.clear-button-wrap input[type="button"]:disabled
{
    padding: 0 10px;
    height: 30px;
}

@media (max-width: 640px)
{
   
    .modify-passenger fieldset
    { 
        min-width: 100%;
    }
    
}

/*** Drop PAX Age Chagen Modal ***/

.modPAXRoomNumber
{
    border-bottom: 1px solid #666;
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 5px;   
}

h3.travelerHeader
{
    width:100%;
    background-color: #243a4f;
    color: #fff;
    padding:5px 10px;
}

fieldset.dropPassAgeField 
{   
    margin: 13px 10px 0;
    padding: 10px 17px 0 0;
}

.dropPassAgeField fieldset.travelerInfo
{
    width:30%;
    float:left;
    margin-top:5px;
}

fieldset.dropPassAgeField hr 
{
	clear: both;
	margin: 15px 0 15px 0;
	background-color: #dbdbdb;
    border: 0 solid #dbdbdb;
    color: #dbdbdb;
    height: 1px;
}

.modifyAge
{
    width:30%;
    display:block;
    float:left;    
}

.modifyAge label,
.modifyAge select
{
    display:block;    
}

.modifyDOB
{
    width:30%;
    display:block;
    float:left;
}

label.removePassLabel 
{
	float:right;	
	margin: 10px 0 0 0;	
}

label.removePassLabel input
{
    margin-right:5px;    
}

.modPAXBtnPosition
{
    margin: 13px 10px 0;
    padding: 10px 25px 0 0;
    float: right;
	margin: 5px 0 0 0;   
}

/*** sales email modal ***/

.emailBodyContainer fieldset 
{
    margin: 0 0 10px 0;  
}

.emailBodyContainer label 
{
    display: block;
}

.emailBodyContainer input[type=text],
.emailBodyContainer textarea,
.emailBodyContainer select
{
    max-width: 370px;
    width: 370px;
}

.emailBodyContainer textarea
{
    max-width: 100%;
}

.emailBodyContainer fieldset.showPricesInput label
{
    display: inline;
}

.emailBodyContainer select
{
    display: block;
}
.sendEmailBtnPosition
{
    text-align: right;
}

.emailBodyContainer table, 
.emailBodyContainer th,
.emailBodyContainer tr, 
.emailBodyContainer td
{
    vertical-align: top;
}


@media print
{
    .print-only
    {
        display: none;
    }
}

@media (max-width: 760px) 
{
    .emailBodyContainer table,
    .salesEmailCars td,
    .salesEmailFeatures td,
    .salesEmailHotels td
    {
        display:block;
        width: 100% !important;
        float: none !important;
        text-align: left !important;
    }
}

@media (max-width: 420px) 
{
    .emailBodyContainer input[type=text],
    .emailBodyContainer textarea,
    .emailBodyContainer select
    {
        max-width: inherit;
        width: 100%;
    }
}


/*** add air exception modal ***/

.add-air-exception
{
    padding-top: 25px;
    font-weight: bold;
    display: flex;
}

.add-air-exception i
{
    font-size: 2rem;
    margin-right: 10px;
    align-self: baseline;
    margin-top: 3px;
}


/* Booking Administration Modal
************************************/

#column1Commission
{
    width:45%;
    float:left;
    margin-right:20px;
    margin-top:35px;
    border: 1px solid #d3d3d3;
    padding:5px; 
}

.amountTitle
{
    font-weight:bold;
} 

.origAmountBox .label
{
    line-height: 24px;
    background-color: #fff;    
}

.origAmountBox .value
{
    float:right;
    background-color:#fff;
}

#column2Commission 
{
    width:45%;
    float:left;    
} 

.amountRadios 
{
    float: left;
    margin-top:10px;         
}

.amountRadios input
{
    margin-left:11px;   
}

.amountRadios label
{
    margin-left:3px;      
}

.commissionAdjustedInput
{
    float:right;
}    

.commissionAdjusted
{
    border: 2px solid #4b6d86;
    padding:5px;
    margin-top:5px;
    background-color:#f2f2f2;
}

.adjsAmountBox .label
{
    line-height: 24px;
    background-color:#f2f2f2;
}

.adjsAmountBox .value
{
    float:right;
    background-color:#f2f2f2;
}

.origAmountBox li, .adjsAmountBox li
{
    background: transparent url("https://trisept.widen.net/content/xifexvik7b/gif/TRI_IMG_WEBSITE_priceDot.gif") repeat-x scroll left top;
    width: 100%;
    list-style-type:none;
}

.setCommissionBtnPosition
{
    float:right;
    margin-top:20px;
}

.commission-payout-special-button-wrap .commission-payout-modal 
{
    display: none;
}

.comission-amount-gross-span {
    display: inline-block;
    max-width: 54%;
    width: fit-content;
}

@media (max-width: 692px) 
{
    #column1Commission,
    #column2Commission
    {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 360px)
{
    .commission-payout-special-button-wrap .commission-payout-modal 
    {
        font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
        cursor: pointer;
        padding: 10px;
        display: block;
        text-align: center;
        border: 1px solid #4c6c85;
        background-color: #127cb7;
        border-radius: 3px;
        margin: 0 auto;
        text-decoration: none;
        width: 100%;

    }
    .commission-payout-special-button-wrap .commission-payout-modal a,
    .commission-payout-special-button-wrap .commission-payout-modal .fa 
    {
        color: #fff !important;
        font-size: 1.2rem;
    }
    .commission-payout-special-button-wrap .modal-close
    {
        display: none;
    }
    
    .amountRadios
    {
        float: none;
    }
    
    .commissionAdjustedInput
    {
        padding: 11px;
        float: none;
    }

}
/* Reissue Modal
************************************/

.reissueContainer
{
    margin-top: 15px;
}

.reissueContainer input 
{
    margin: 5px;
}

/* Flex Dates Calendar / LTMS Flex Date Selector Modal
************************************/

.calendar 
{
	width: 280px;
	background-color: silver;
}

.calendarTitle td 
{
	background-color: #243a4f;
	padding: 4px 5px 4px 5px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF !important;
}	

.calendarDayHeader {
	background-color: #bddbe5; 
	font-size: 110%;
	color: #000000; 	
	border: solid 1px #d3d3d3;
	padding:2px 5px;
}	

td.calendarDay 
{
	vertical-align: top;
	background-color: #ffffff;
	text-align: left;
	margin: 0;
}

td.calendarDay, 
td.calendarOtherMonthDay 
{
	border: solid 1px #d3d3d3;
}

#altCalContainer 
{
	margin: 10px 0 10px 10px;
	padding: 10px;
	position: absolute;
	left: 10px;
	width: 650px;
}

.altCalText 
{
	font-size: 100%; 
	text-align: left;
	width: 540px;
	float: left;
	margin: 0px 0px 0px 7px;
}

.altCalLegend 
{
	float: right;
	border: solid 1px #d3d3d3;
	padding: 3px;
	margin: 0 5px 0 0;
}

.calendarSetPosition 
{
	text-align: center;
	margin: 10px 0px;
	width: 60%;
}

.altAvailIcons 
{
	float: none;
}

.divstylecalendar 
{
	font-size: 90%; 
} 

#chk li ul 
{
	position: absolute;
	display: none;
}

/**********************/

.flex-flight-calendar
{
    margin: 20px 0;
    border: none !important;
} 

.flex-flight-calendar table 
{
    width: 100%;
    max-width: 700px;
    min-width: 250px;
}

.calDay,
.calDayDisabled 
{ /*This class controls the individual available days */
	list-style: none;
	width: 100%;
	height:auto;
	height:40px;
	vertical-align: top;
	text-align: left;
	padding: 0 0 0 2px;
	margin-bottom:25px;
}

.modalContainer .calDay,
.calDayDisabled{margin-bottom:0px;}

.calDayDisabled,
.calendarOtherMonthDay 
{
    background-color:#f2f2f2;
    text-align:left;
}

.calDay li 
{ 
    margin: 0 0 10px 0;   
    position: relative; 
    float: left;
	width: 100%;
    display: block;
}

.calDay li img 
{
	position: absolute;
	left: 10px;
	top: 8px;
	padding: 0 0 2px 10px;
}

 .calDay li ul 
 { 
    display: none;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 1;
	padding: 0px;
	margin: 0px;
	list-style: none; 
	width: 130px;
}

.calDay li ul li a:hover 
{			
	background-image: none;
	background-color: #06893d;
	color: #FFFFFF;
}

.calDay ul li
{
    margin-bottom:0;    
}

.calDay li ul li a 
{
    text-decoration: none; 
    display: flex;
    vertical-align: middle;
    padding: 10px 3px;  
    margin: 0; 
	width: 100%;
	text-align: left;
    justify-content: space-between;
    white-space: nowrap;
	background-color: #243a4f;
	color: #ffffff;
    border: solid #fff;
    border-width: 0 1px 1px 1px;
}

.calDay li ul li a:first-child 
{
    border-top: 1px solid #fff;
}

.calDay ul 
{
    display: none;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 1000;
}

.calDay li:hover ul ul, 
.calDay li:hover ul ul ul
{
    display: none; 
}

.calDay li:hover ul, 
.calDay ul li:hover ul, 
.calDay ul ul li:hover ul
{
    display: block;
}

.additional-cal-info
{ 
    margin-top: 10px;
}

.additional-cal-info fieldset
{ 
    margin-bottom: 10px;
}

.calendarTitle td a
{ 
    color: #bddbe5 !important;
}

.alt-cal-date-wrap table tr
{
    background-color: #fff !important;
}

.alt-cal-date-wrap table
{ 
   border-color: #d3d3d3;
}

.alt-cal-date-wrap table td
{
    border-right: solid 1px #d3d3d3;
    border-bottom: solid 1px #d3d3d3;
    height: 40px;
}

.SelectedOk 
{
	text-align:left;	
	background-color: #243a4f !important;
	color: White;
}

.statusDisplay
{
    color: #C0C0C0;
}

.overOk 
{
	vertical-align:top;	
    background-color: rgba(189, 219, 229,0.4);
    height:40px;
}

.overNotOk 
{
	vertical-align:top;	
	text-align:left;		
    background-color: #f2f2f2;
    background-image: url("https://trisept.widen.net/content/a3oiqo5biy/gif/TRI_ICON_NAV_cross.gif");
    width:40px;
	height:40px;
    cursor:default;
}
/****** End Calendar Modal Styles ******/

/****** Flexible dates flight avail section - V3 styles ******/

.flexible-calendar-wrap
{
    border: solid 1px #d3d3d3;
    border-top: none;
    width: 100%; 
    padding: 10px;
    float: left;
}

.flexible-calendar-wrap .ui-widget-header
{
    background: #bddbe5;
    text-align: center;
    font-size: 80%;
    padding: 2px 5px;
}

.flexible-calendar-wrap table
{
    font-size: 1.2rem;
}

.flexible-calendar-slide-panel
{
	display:none;
	width: 100%;
	padding: 10px 0px;
	float: left;
}

.flex-calendar-instructions
{
    float: left;
}

.flexible-calendar-slide-panel .flex-calendar-instructions ul 
{
    margin: 3px 0 3px 17px;
}

.flexible-calendar-slide-panel .flex-calendar-instructions ul li
{

    list-style-type: disc !important;
    padding: 2px 0 2px 0;
    display: list-item;
}

.flexible-calendar-slide-panel .flex-calendar-instructions p
{
    margin: 10px 0px;
}

.flexible-calendar-slide-panel .flex-calendar-instructions h2
{
    font-size: 1.6rem;
    margin: 10px 0px 5px 0px;
}


.flexible-calendar-slide-panel .flex-calendar-instructions .disclaimer
{
    font-weight: bold;
    font-size: 1.1rem;
}

.flex-calendar
{
    float: left;
    width: 48%;
    margin:0px 1% 0px 0px;
}

.flex-calendar h2
{
    color: #FFFFFF;
}

.flex-calendar-instructions-wrap
{
    float: left;
    width: 50%;
    padding: 0px 2%;
}

.flex-calendar-selected
{
    background-color:#D6EBFF;
}

.flex-calendar-lowest
{
    background-color:#FFFFCE
}    

.flex-calendar-key li 
{
    list-style-type:none;
    float: left;
    margin: 0 0 0 5px;
}

li.flex-calendar-selected, li.flex-calendar-lowest 
{
    height: 15px;
    width: 15px;
    border:1px solid #000;
}

@media (max-width: 980px) 
{
    .flex-calendar
    {
        width: 100%;
    }
    
    .flex-calendar-instructions-wrap
    {
        width: 100%;
        margin-top: 20px;
        padding: 0px;
    }
}


@media (max-width: 767px) 
{
    .flex-calendar
    {
        width: 48%;
    }
    
    .flex-calendar-instructions-wrap
    {
        width: 50%;
        margin-top: 0px;
        padding: 0px;
    }
}

@media (max-width: 676px) 
{
    .flex-calendar
    {
        width: 100%;
    }
    
    .flex-calendar-instructions-wrap
    {
        width: 100%;
        margin-top: 20px;
        padding: 0px;
    }
}


/****** Flexible dates modal section - V3 styles ******/

.flexible-dates-search
{
   padding: 5px 0px;
   text-align: left;
}


.flexible-dates-search .flexible-stay-check-wrap
{
    padding: 10px 0px 0px 0px;
}

.flexible-dates-search h1
{
    font-size: 1.8rem;
    margin-bottom: 0px;
}

.flexible-dates-search p
{
    font-size: 1.1rem;
    clear: both;
}

.flexible-price-search
{
    float: left;
    padding: 10px 0px;
    width: 40%;
    font-weight: bold;
    font-size: 1.6rem;
}
 
.flexible-stay-button-wrap
{
    padding: 10px 0px;
    float: right;
    width: 50%;
    text-align: right;
}   
        
.flex-calendar-background
{
    text-align: left;
    background: #243a4f;
    padding: 5px 0px 0px 0px;
    border: solid #d3d3d3;
	border-width: 0 1px;
}


/****** Below is the mostly untouched v2 styles of the flex avail calendar due to the backend functionality and unknowns ******/

/* 
 * FullCalendar v1.5.4 Stylesheet
 *
 * Copyright (c) 2011 Adam Shaw
 * Dual licensed under the MIT and GPL licenses, located in
 * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
 *
 * Date: Tue Sep 4 23:38:33 2012 -0700
 *
 */


/* Header
------------------------------------------------------------------------*/

.fc-header td {
	white-space: nowrap;
	}

.fc-header-left {
	width: 25%;
	text-align: left;
	}
	
.fc-header-center 
{
	text-align: center;
	vertical-align: middle;
}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	}
	
.fc .fc-header-space {
	padding-left: 10px;
	}
	
.fc-header .fc-button 
{
	margin: 5px !important;
	
}
	
/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
	}
	
.fc-header .fc-corner-right {
	margin-right: 1px; /* back to normal */
	}
	
.fc-header .ui-corner-right {
	margin-right: 0; /* back to normal */
	}
	
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	clear: both;
	}
	
.fc-view {
	width: 100%; /* needed for view switching (when view is absolute) */
	overflow: hidden;
	}
	
	

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	border: 1px solid #ccc;
	}
	
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #ffc;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #9cf;
	opacity: .2;
	filter: alpha(opacity=20); /* for IE */
	}
	


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	cursor: pointer;
	}
	
.fc-state-default { /* non-theme */
	border-style: solid;
	border-width: 1px 0;
	}
	
.fc-button-inner {
	position: relative;
	float: left;
	overflow: hidden;
	}
	
.fc-state-default .fc-button-inner { /* non-theme */
	border-style: solid;
	border-width: 0 1px;
	}
	
.fc-button-content {
	position: relative;
	float: left;
	height: 1.9em;
	line-height: 1.9em;
	padding: 0 .6em;
	white-space: nowrap;
	}
	
/* icon (for jquery ui) */
	
.fc-button-content .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.fc-button-content .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/* gloss effect */
	
.fc-state-default .fc-button-effect {
	position: absolute;
	top: 50%;
	left: 0;
	}
	
.fc-state-default .fc-button-effect span {
	position: absolute;
	top: -100px;
	left: 0;
	width: 500px;
	height: 100px;
	border-width: 100px 0 0 1px;
	border-style: solid;
	border-color: #fff;
	background: #444;
	opacity: .09;
	filter: alpha(opacity=9);
	}
	
/* button states (determines colors)  */
	
.fc-state-default,
.fc-state-default .fc-button-inner {
	border-style: solid;
	border-color: #ccc #bbb #aaa;
	background: #F3F3F3;
	color: #000;
	}
	
.fc-state-hover,
.fc-state-hover .fc-button-inner {
	border-color: #999;
	}
	
.fc-state-down,
.fc-state-down .fc-button-inner {
	border-color: #555;
	background: #777;
	}
	
.fc-state-active,
.fc-state-active .fc-button-inner {
	border-color: #555;
	background: #777;
	color: #fff;
	}
	
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
	color: #999;
	border-color: #ddd;
	}
	
.fc-state-disabled {
	cursor: default;
	}
	
.fc-state-disabled .fc-button-effect {
	display: none;
	}
	
	

/* Global Event Styles
------------------------------------------------------------------------*/
	 
.fc-event 
{
	border-style: solid;
	border-width: 0;
	font-size: .85em;
	cursor: default;
}
	
a.fc-event,
.fc-event-draggable 
{
	cursor: pointer;
}
	
a.fc-event 
{
	text-decoration: none;
}
	
.fc-rtl .fc-event 
{
	text-align: right;
}
	
.fc-event-skin 
{
	border-color: #06893d;     /* default BORDER color */
	background-color: #06893d; /* default BACKGROUND color */
	color: #fff;            /* default TEXT color */
}
	
.fc-event-inner 
{
	position: relative;
	width: 100%;
	font-size: 1.1rem;
	text-align: center;
	height: 100%;
	border-style: solid;
	border-width: 0;
}
	
.fc-event-time,
.fc-event-title 
{
	padding: 0 1px;
}
	
.fc .ui-resizable-handle 
{ /*** TODO: don't use ui-resizable anymore, change class ***/
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
}
	

/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e 
{
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
}
	
.fc-event-hori .ui-resizable-w 
{
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
}
	
.fc-event-hori .ui-resizable-handle 
{
	_padding-bottom: 14px; /* IE6 had 0 height */
}
	
	
	
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
	
.fc-corner-left .fc-event-inner 
{
	border-left-width: 1px;
}
	
.fc-corner-right .fc-event-inner 
{
	border-right-width: 1px;
}
	
.fc-corner-top .fc-event-inner 
{
	border-top-width: 1px;
}
	
.fc-corner-bottom .fc-event-inner 
{
	border-bottom-width: 1px;
}
	

/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate 
{
	border-collapse: separate;
}
	
.fc-border-separate th,
.fc-border-separate td 
{
	border-width: 1px 0 0 1px;
}
	
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last 
{
	border-right-width: 1px;
}
	
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td 
{
	border-bottom-width: 1px;
}
	
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th 
{
	border-top-width: 0;
}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th 
{
	text-align: center;
}
	
.fc-grid .fc-day-number 
{
	float: right;
	padding: 0 2px;
}
	
.fc-grid .fc-other-month .fc-day-number 
{
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}
	
.fc-grid .fc-day-content 
{
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
}
	
/* event styles */
	
.fc-grid .fc-event-time 
{
	font-weight: bold;
}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number 
{
	float: left;
}
	
.fc-rtl .fc-grid .fc-event-time 
{
	float: right;
}
	
	

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table 
{
	border-collapse: separate;
}
	
.fc-agenda-days th 
{
	text-align: center;
}
	
.fc-agenda .fc-agenda-axis 
{
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
}
	
.fc-agenda .fc-day-content 
{
	padding: 2px 2px 1px;
}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis 
{
	border-right-width: 1px;
}
	
.fc-agenda-days .fc-col0 
{
	border-left-width: 0;
}
	
/* all-day area */
	
.fc-agenda-allday th 
{
	border-width: 0 1px;
}
	
.fc-agenda-allday .fc-day-content 
{
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner 
{
	height: 2px;
	overflow: hidden;
}
	
.fc-widget-header .fc-agenda-divider-inner 
{
	background: #eee;
}
	
/* slot rows */
	
.fc-agenda-slots th 
{
	border-width: 1px 1px 0;
	
}
	
.fc-agenda-slots td 
{
	border-width: 1px 0 0;
	background: none;
}
	
.fc-agenda-slots td div 
{
	height: 20px;
}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td 
{
	border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td 
{
	border-top-style: dotted;
}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header 
{
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert 
{
	border-width: 0 1px;
}
	
.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content 
{
	position: relative;
	z-index: 2;
	width: 100%;
	overflow: hidden;
}
	
.fc-event-vert .fc-event-time 
{
	white-space: nowrap;
	font-size: 10px;
}
	
.fc-event-vert .fc-event-bg 
{ /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .3;
	filter: alpha(opacity=30);
}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg 
{
	display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s 
{
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}
	
.fc-agenda .ui-resizable-resizing 
{ /* TODO: better selector */
	_overflow: hidden;
}

/* Charter/Value Flights
************************************/

.flexsearch-panel-wrap
{
    height:auto !important;
    overflow:auto !important;
    /*
        without these styles, the content of the flexsearch accordian panes get cut off if an error message is on screen. 
        It messes with the fluiidity of the transition when 'search' is collapsed, but that was the lesser evil.
    */
}

.charter-restool
{
    width:48%; 
    float:left;
}

.charter-search-instructions
{
    width:48%; 
    float:right;
}

fieldset#GeneralSearchTarget > .departing-from-wrap-destination {
    display: none;
}

#GeneralSearchTarget .departing-from-wrap,
.charter-restool .rooms-wrap
{
        width:100%;
}

ul#legend {
	text-align: center;
	clear: both;
	list-style:none;
}

ul#legend li {
	float: left;
	margin: 0px 10px 0px 0px;
}

    ul#legend li.soldOut,
    ul.calDay li span.soldOut {
        color: #555555;
        cursor: default;
    }

ul#legend li.schedRiskAvail { 
    color: #0000FF;
	margin: 0px;
}

ul.calDay li ul li a.noSeats {
    background-color: #C0C0C0;
    cursor: default;
}

ul.calDay li ul li a span.noSeats {
    cursor: default;
    color: #000000;
    font-weight: bold;
}

ul.calDay li span {
	cursor: pointer;
	cursor: hand;	
}

.charter-restool input[type="text"],
.charter-restool select
{
    margin-bottom:10px;
}

.charter-cal-restool-wrap input[type="text"],
.charter-cal-restool-wrap select
{
    width:100%;
}

.charter-cal,
.charter-cal-restool-wrap
{
    margin:20px 0 40px;
}

.charter-cal,
.charter-cal table
{
    width:100%; 
    border-color:#d3d3d3; 
}

.charter-cal > tbody > tr > td
{
    height:100px;
    padding:5px;
}

.alt-cal-date-wrap table .calendarTitle tr td
{ 
    border: none;
    padding: 8px;
}

.calendarTitle > tbody > tr > td,
.charter-cal > tbody > tr:first-child td
{
    height:30px;
    padding:0px;
}

.flex-cal-btn-wrap
{
    text-align:right;    
}

.flex-cal-general-search
{
    margin-top:10px;    
}

.charter-instruction-list
{
    margin-top:15px;
    padding-left:15px;    
}

.charter-instruction-list li
{
    margin-bottom:5px;    
}

.charter-restool-button-wrap
{
    text-align:right;
}

.charter-restool-header{margin-top:15px;}



/* Calendar Modal Responsive Styles */


@media (max-width:630px)
{

    .calendar 
    {
	    width: 100%;
    }

    #altCalContainer 
    {
	    width: 90%;
    }

    .altCalText 
    {
	    width: 80%;
    }

    .calendarSetPosition 
    {
	    width: 290px;
    }

    .calendarSetPosition tr 
    {
	    width: 290px !important;
    }
    
    .charter-cal > tbody > tr > td
    { 
        padding: 0px;
    }

}

@media (max-width:500px)
{
    .calendarDayHeader 
    {
        font-size: 100%;
    }
    
    .calDay > ul > li,
    .calDay li ul li a,
    .calDay li ul li 
    {
        font-size: 1.1rem;
    }
    
    .calendarDay:last-child .altDays li:last-child 
    {
        left: -40px;
    }
}

@media (max-width:340px)
{

    .calendarDayHeader 
    {
        font-size: 80%;
    }
}


/* Hotel Maps Modal
************************************/
.mapDetailInfoPosition
{
    margin: 15px 0 0 0;   
}

/* Added Value Inclusions Modal
************************************/
.IncludedValuesSecondSection
{
    padding: 15px 0 0 0;   
}

.IncludedValuesSecondSection hr
{
    border: 1px solid #f2f2f2;
}
 
/* WAITSCREEN
************************************/

.waitscreen-modal-wrap,
.plcode-waitscreen-modal-wrap
{
    padding: 2%;
    min-width: 320px;
    max-width: 600px;
	background: url("https://trisept.widen.net/content/hzkwz8r98x/png/VAX_IMG_WAITSCREEN_VAXnewWaitscreen2.png") no-repeat top left;
	background-color: rgb(0, 71, 102);
	color: #fff;
	text-align: center;
}

@media (max-width: 414px) 
{
    #fakeModalParentDiv.ext-fake-modal
    {   
        position: fixed;
        z-index: 100001;
        left: 0px;
        top: 0px;
        height: 100vh;
        width: 100vw;
    }
}

@media (min-width: 415px) 
{
    #fakeModalParentDiv.ext-fake-modal
    {
        z-index:1050;
        position:relative;
        margin:0 auto;
        min-width: 320px;
        max-width: 600px;
    }
}

#modalExtPostBox
{
    max-width: 533px !important;
    margin: 0 auto;
}

#modalExtPostBox .waitscreen-modal-wrap
{
    width: auto;
}

.waitscreen-modal-wrap img
{
    width: 100%;
}

.waitScreenSearchingSection {
    color: white;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}

.waitscreen-ind
{
    text-align: center;
    margin: 10px auto;
    width: auto !important
}
    
.waitscreen-modal-wrap .waitscreen-ind 
{
    font-size: 28px;
}

.select-progress-ind,
.smt-select-progress-ind,
.flx-select-progress-ind, 
.pay-progress-ind
{
    width: 100%; 
    height: 100%; 
    background: rgba(255,255,255,0.6); 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 9999;
}

.select-progress-ind p,
.smt-select-progress-ind p,
.flx-select-progress-ind p,
.pay-progress-ind p
{
    position: absolute; 
    top: 45%; 
    left: 40%; 
    width: 20%; 
    height: auto;
    background: #f2f2f2; 
    border: solid 1px #dedede; 
    border-radius: 3px; 
    padding: 20px; 
    text-align: center;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.modalBody .select-progress-ind p
{
    width: 26%;
    left: 37%;
    height: 100px;
}


/*** scheduled flight modal ***/

.shop-by-schedule-modal {
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
    border: solid 1px #dedede; 
    border-radius: 3px;
    padding: 20px 5px 0 5px;
}

.shop-by-schedule-modal,
form[action*="ShopBySchedulePricingWait.aspx"] .waitscreen-modal-wrap
{
    max-width: 533px;
    width: auto;
}

iframe[src*="ShopBySchedulePricing.aspx"]
{
    max-width: 521px;
}

form[action*="ShopBySchedulePricing.aspx"],
form[action*="ShopBySchedulePricing.aspx"] .price-flights-modal-wrap
{
    padding-bottom: 0;
}

@media (max-width: 599px) 
{
    .select-progress-ind p,
    .smt-select-progress-ind p,
    .flx-select-progress-ind p,
    .pay-progress-ind p
    {
        top: 45%; 
        left: 10%; 
        width: 80%; 
        height: 100px; 
    }
    
    .waitscreen-modal-wrap,
    .plcode-waitscreen-modal-wrap
    {
        width: 300px;
    }
}


@media (max-width: 414px) 
{
    .base-waitscreen 
    {
        position: absolute;
        top: 50%;
        text-align: center;
        width: 100%;
        left: 0px;
        transform: translateY(-50%);
    }
}


/* VALIDATOR CALLOUT
************************************/

.ajax__validatorcallout div, .ajax__validatorcallout td
{
    border: solid 2px #aa0000;
    color: #aa0000;
    background-color: #ffcccc;
    vertical-align: top;
    text-align: center;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.ajax__validatorcallout_popup_table 
{
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.ajax__validatorcallout_popup_table_row 
{
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.ajax__validatorcallout_callout_cell 
{
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none !important;
    background-color: transparent !important;
    padding: 0;
    margin: 0;
}

.ajax__validatorcallout_callout_table
{
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.ajax__validatorcallout_callout_table_row
{
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.ajax__validatorcallout_callout_arrow_cell 
{
    padding: 8px 0 0 0;
    margin: 0;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none !important;
    background-color: transparent !important;
}

.ajax__validatorcallout_callout_arrow_cell_reverse 
{
    padding: 8px 0 0 0;
    margin: 0;
    text-align: left;
    vertical-align: top;
    font-size: 1px;
    border: none !important;
    background-color: transparent !important;
}

.ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
    font-size: 1px;
    position: relative;
    left: 2px;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
    width: 15px;
    background-color: transparent !important;
    padding: 0;
    margin: 0;

}

.ajax__validatorcallout_callout_arrow_cell_reverse .ajax__validatorcallout_innerdiv_reverse
{
    font-size: 1px;
    position: relative;
    right: 1px;
    border-bottom: none !important;
    border-right: none !important;
    border-left: none !important;
    width: 15px;
    background-color: transparent !important;
    padding: 0;
    margin: 0;
}

.ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
    height: 1px;
    overflow: hidden;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    padding: 0;
    margin: 0 0 0 auto;
}

.ajax__validatorcallout_callout_arrow_cell_reverse .ajax__validatorcallout_innerdiv_reverse div
{
    height: 1px;
    overflow: hidden;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    padding: 0;
    margin: auto 0 0 0;
}

.ajax__validatorcallout_error_message_cell
{
    font-size: 1.2rem;
    padding: 10px;
    border-right: none !important;
    border-left: none !important;
    width: 100%;
}

.ajax__validatorcallout_icon_cell
{
    width: 0;
    padding: 0;
    margin: 0;
    border-right: none !important;
}

.ajax__validatorcallout_icon_cell_reverse
{
    width: 20px;
    padding: 5px;
    margin: 0;
    border-left: none !important;
}

.ajax__validatorcallout_icon_cell img 
{
    display: none;
}
.ajax__validatorcallout_icon_cell_reverse img 
{
    display: none;
}

.ajax__validatorcallout_close_button_cell
{
    position: relative;
    vertical-align: top;
    padding: 0;
    margin: 0;
    text-align: right;
    border-left: none !important;
}

.ajax__validatorcallout_close_button_cell img 
{
    position: absolute;
    top: 2px;
    right: 2px;
}

.ajax__validatorcallout_close_button_cell_reverse
{
    vertical-align: top;
    padding: 0;
    margin: 0;
    text-align: right;
    border-right: none !important;
}

.ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
    border: none !important;
    text-align: center;
    width: 10px;
    padding: 2px;
    cursor: pointer;
}

.ajax__validatorcallout_close_button_cell_reverse .ajax__validatorcallout_innerdiv_reverse
{
    border: none !important;
    text-align: center;
    width: 10px;
    padding: 2px;
    cursor: pointer;
}


@media (max-width: 767px) 
{
    .ajax__validatorcallout.ajax__validatorcallout_popup_table 
    {
        top: auto !important;
        left: auto !important;
    }

    .ajax__validatorcallout_callout_arrow_cell_reverse,
    .ajax__validatorcallout_callout_arrow_cell
    {
        display: none;
    }
}

@media (max-width: 767px) 
{
    .departing-from-wrap .ajax__validatorcallout.ajax__validatorcallout_popup_table,
    .going-to-wrap .ajax__validatorcallout.ajax__validatorcallout_popup_table,
    .calendar-icon-wrap .ajax__validatorcallout.ajax__validatorcallout_popup_table
    {
        position: static !important;  /* Don't cover combobox dropdown */
    }
}

/* DATEPICKER
************************************/

.ui-datepicker-trigger
{
    cursor: pointer;
    border: 0 none;
    background: none;
    position: absolute;
    right: -5px;
    top: 3px; }
    
.ui-datepicker-trigger img
{
    background: url("https://trisept.widen.net/content/hsu5dnywix/png/TRI_ICON_NAV_calendar-V3.png") no-repeat scroll left top;
    width: 20px;
    margin-top: -2px;
}

#highlightFieldNewSearch .ui-datepicker-trigger
{
    float: left;
}

/* Disabled cells still need a border for keyboard navigation */
td.ui-datepicker-days-cell-over span 
{
    border: 1px solid #999 !important;
}
    
.ui-datepicker-calendar .ui-state-active .ui-state-default
{
    background: #fff;
}

.ui-datepicker-calendar .ui-state-active .ui-state-active 
{
    background: #4B6D86 !important;
}

.ui-datepicker .ui-state-highlight
{
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url("https://trisept.widen.net/content/odbrfdhv7r/png/TRI_IMG_BG_ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

.ui-datepicker .ui-state-hover 
{
    border: 1px solid #999999;
    background: #4B6D86 !important;
    font-weight: normal;
    color: #fff;
}

.ui-datepicker *
{
    font-size: 18px !important; /* phone size */
}

/*datepicker customization for ux*/

.ui-datepicker
{ 
    padding:0;
    border-radius: 0 !important;
}

.ui-datepicker table 
{
    margin-bottom:0;
}

.ui-datepicker thead 
{
    background: #4B6D86;
    color: #fff;
}

.ui-datepicker th 
{
    padding:.5em .3em;
}

.ui-datepicker-header 
{
    boder-radius: 0 !imporant;
    background: #fff;
    border: 0;
}

/*end datepicker customization*/

@media (max-device-width: 414px) 
{
   .ui-datepicker *
    {
        font-size: 18px !important; /* Phones */
    } 
}

@media (min-device-width: 415px) 
{
  .ui-datepicker *
    {
        font-size: 11px !important;
    }  
}

@media (min-device-width: 415px) 
{
    .ui-datepicker
    {
        font-size: 13px; /* default is 1.1em in the jquery-ui.css. Setting this font-size edits the width of the calendar. All base sites are set to 13px to keep consistent width.  We are using ".ui-datepicker *" to set the actual font size. */
    }
}

@media (max-device-width: 414px) 
{
    #ui-datepicker-div 
    {
        width: 98%;    /* Large for phones */
        left: 1% !important; /* Align with screen, not input */
    }
}

.ui-datepicker td a
{
    text-align:center;
}

table.ui-datepicker-calendar {
    table-layout:fixed; /* Consistent day columns */
}

.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled .ui-state-default
{
    background: #ddd none repeat scroll 0 0;
    color: #333;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default
{
    background: #fff none repeat scroll 0 0;
}

.ui-datepicker-calendar .ui-state-active .ui-state-active {
    background: #127cb7 none repeat scroll 0 0;
    color: #fff;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active
{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #127cb7;
}

.calendar-key-wrap
{
    margin: 5px 0 10px;
    text-align: center;
}

.calendar-key-wrap dt
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 5px;
}

.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2) !important;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2) !important;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2) !important;
}

/* SELECTIZE 
***************************************/

.selectize-control 
{
    margin-bottom: -5px;
}


/*** 'item_nowrap' plugin CSS.  Restricts input to one line when closed, regardless of selection length. ***/
.plugin-item_nowrap.selectize-control.single .selectize-input
{
    height: 36px;
    white-space: nowrap;
    overflow: hidden;
}

.plugin-item_nowrap.selectize-control.single .selectize-input.input-active .item-wrap-inner.long-input-value
{
    text-overflow: initial;
    width: auto;
    position: absolute;
    right: 0;
}

.plugin-item_nowrap.selectize-control.single .selectize-input .item-wrap-outer 
{
    overflow: hidden;
    position: absolute;
    top: 8px;
    right: 28px;
    left: 3px;
}

.plugin-item_nowrap.selectize-control.single .selectize-input .item-wrap-outer .item-wrap-inner
{
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}


/*** Add customizations to base Selectize CSS here.  This will be loaded last. ***/

.selectize-input
{
    padding: 0 0 0 4px;
    height: 23px !important;
    box-shadow: none;
    border: 1px solid #aaa;
    border-radius: 0;
}

.plugin-item_nowrap.selectize-control.single .selectize-input .item-wrap-outer
{
    top: 2px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header
{
    line-height: 18px;
}


/*** Hierarchical region display (OnSale) ***/

.selectize-dropdown .optgroup-header
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.selectize-dropdown .lv0
{
    padding-left: 8px;
}

.selectize-dropdown .lv1
{
    padding-left: 16px;
}

.selectize-dropdown .lv2
{
    padding-left: 24px;
}

.selectize-dropdown .lv3
{
    padding-left: 32px;
}
.selectize-dropdown .lv4
{
    padding-left: 40px;
}

.selectize-dropdown .lv5
{
    padding-left: 48px;
}

.selectize-dropdown .lv6
{
    padding-left: 56px;
}

.selectize-dropdown .lv7
{
    padding-left: 64px;
}

.selectize-dropdown .lv8
{
    padding-left: 72px;
}

.selectize-dropdown .lv9
{
    padding-left: 80px;
}

.selectize-dropdown-content {
    
    -webkit-overflow-scrolling: touch; /* For momentum scrolling on iOS */
}

@media (max-device-width: 414px) 
{
    .selectize-dropdown
    {
        font-size: 18px !important; /* Bigger dropdown items on mobile */
    }
    .selectize-dropdown-content {
      max-height: inherit !important; /* Will be sized with script in this case */
      overflow-y: scroll !important; /* Needed for momentum scrolling on iOS. */
    }
}

/***** sorting and pagination *****/

.results-controls-wrap,
.lower-results-controls-wrap
{
    margin-bottom: 5px;
}

.lower-results-controls-wrap
{
    margin-top:10px;
}

.sort-results-wrap
{
    float: left;
}

.pagination-wrap 
{
    float: right;
}

.pagination-trigger 
{
    font-size: 3rem;
    vertical-align: middle;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: auto !important;
    padding: 0 !important;
}

.pagination-trigger i.fa
{
    color: #0E589F;
}

.pagination-trigger:disabled
{
    background: none;   
}

.current-page-wrap 
{
    vertical-align: middle;
    margin-left:15px;
}


@media (max-width: 641px) 
{
    .pagination-wrap,
    .sort-results-wrap
    {
        float: none;
    }

    .sort-results-wrap
    {
        margin-bottom: 10px;
    }
    
    .current-page-wrap 
    {
        float: right;
    }    
  
}



/****************************************************** THEME.CSS ****************************************************/


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

.header-wrap
{
    margin-bottom: 10px;
    position: relative;
    min-width: 320px;
    background-color:#fff;
    padding: 10px 0 0 0;
}

.header-wrap .constraint-wrap
{
    margin-top:0;
    margin-bottom:0;    
}

.header-wrap a 
{
    text-decoration: none;
}

.header-wrap li 
{
    list-style: none;
}

.header-logo-wrap
{
    float: left;
    padding-bottom: 10px;
    width: 380px; 
}

.logo
{
    box-sizing: content-box;
    display: inline-block;
    margin-top: 10px;
    float: left;
}

.logo img 
{
    background: url("https://trisept.widen.net/content/alahkzgcos/png/VAX_LOGO_MAINBRAND_vaxLogo.png") no-repeat;
    width: 290px;
    height: 60px;
}

.footer-logo {
    width: 156px;
}

/*** MEMBER UTILITIES ***/

.member-actions
{
    text-align: center;
    float: right;
    font-size: 1.2rem;
    border: 1px solid #e1e1e1;
    position: relative;
}

.member-actions > li
{
    display: inline-block;
    padding: 0 5px 0 8px;
    border-left: 1px solid #e1e1e1;
    line-height: 1;
}

.member-actions li:first-child 
{
    border-left-width: 0;
}

.member-actions li.more-member-actions 
{
    margin: 0;
    line-height: 2;
}

.member-actions ul 
{
    background: #858585;
    display: none;
    position: absolute;
    right: 0;
}

.member-actions li 
{
    margin: 0 auto;
    display: inline-block;
}

.member-actions a,
.member-actions i
{
    color: #5a5a5a;
}

.member-actions ul li 
{
    padding: 3px 8px 2px 8px;
}

.member-actions li.more-member-actions:hover 
{
    background: #858585;
    cursor: pointer;
}

.member-actions li.more-member-actions:hover i,
.member-actions ul a 
{
    color: #fff;
}

/*** end member utilities ***/

/*** MAIN NAVIGATION ***/

.base-nav
{
    background-color: #e8e8e8;
    line-height: 40px;
}

.base-nav > ul
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.base-nav > li
{
    flex-grow: 1;
    flex-basis: auto;
    text-align: center;
}

.fa-home 
{
    font-size: 2rem;
    display: block;
    margin-top: 10px;
}

.site-navigation > li 
{
    padding: 0 1%;
    position: relative;
}

.site-navigation > li:hover
{
    background: #4b6d86;
}

.site-navigation li ul
{
    display: none;
    position: absolute;
    left: 0;
    background: #4b6d86;
    z-index: 999;
    padding: 10px 0;
}

.site-navigation > li:hover a,
.site-navigation > li:hover i,
.site-navigation ul a,
.site-navigation p
{
    color: #fff;
}

.site-navigation p 
{
    text-transform: none;
}

.site-navigation li:hover ul
{
    display: block;
}

.site-navigation > li > a,
.site-navigation > li i
{
    color: #212121;
    font-size: 1.8rem;
}

.site-navigation li li
{
    line-height: 1.8;
}

.site-navigation li li a
{
    font-size: 1.6rem;
    display: block;
    padding: 0 5px;
}

.site-navigation li li a:hover
{
    text-decoration: underline;
}

.site-navigation li li h2.navigation-title
{
    margin: 5px 0 0 0;
    padding: 0;
    font-family: 'SourceSansPro-Bold';
}

.site-navigation li li h2.navigation-title a
{
    padding-left: 10px;
}

.site-navigation li div 
{
    float: left;
    padding: 0 10px;
}

.site-navigation .nav-column
{
    width: 185px;
    float: left;
    padding: 0 0 15px 5px;
}

.site-navigation .nav-column a
{
    padding-left: 20px;
}

.site-navigation-mobile h2.navigation-title
{
    margin-top: 10px;
    font-family: 'SourceSansPro-Bold';
    color: #fff;
    font-size: 1em;
}

.site-navigation-mobile h2.navigation-title a
{
    color: #fff;
}

 /*For reservation*/
ul.nav-reservation 
{
    width: 217px;
}
 /*For offer sub-menu*/
ul.nav-offer 
{
    width: 217px;
}
/*For supplier sub-menu*/
ul.nav-supplier 
{
    width: 290px;
}
/*For destination sub-menu*/
ul.nav-destination 
{
    width: 563px;
}
/*For education sub-menu*/
ul.nav-education
{
    width:253px
}
/*For the compass sub-menu*/
ul.nav-compass 
{
    width: 230px;
    left: -63px;
}
/*For the sub sub-menus*/
ul.nav-indent {
    margin-left: 15px;
}

/*For the compass sub-menu*/
ul.nav-resources 
{
    width: 230px;
}

.submenu-ST {
    margin-left: 15px;
}

.site-navigation li > a:first-child
{
    cursor: default;
}

/*** end main navigation ***/


/*** MOBILE NAVIGATION ***/

.mobile-navigation-wrap 
{
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
}

.slide-menu-open
{
    color: #fff;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    font-size: 1.5rem;
    padding: 10px;
    border: 1px solid #666;
    float: right;
    margin: 8px 5px 0 0;
    background-color: #ff3301;
}

.slide-menu-open,
.slide-menu-open:hover
{
    text-decoration: none;
    color: #fff;
}

.side-menu-wrapper
{
    overflow: hidden;
    background: rgba(0,0,0,.95);
    padding: 5px 10px 0 10px;
    position: fixed;
    top: 0;
    left: -290px;
    height: 100%;
    z-index: 10000;
    transition: 0.5s;
    width: 250px;
    font-size: 14px;
}

.side-menu-wrapper > ul
{
    list-style:none;
    padding:0;
    margin:0;
    overflow-y: auto;
    height: 95%;
}

.side-menu-wrapper ul li a
{
    display: inline-block;
    padding: 6px 4px 6px 4px;
    color: #ccc;
    transition: 0.3s;
    text-decoration: none;
}

.side-menu-wrapper li 
{
    padding: 3px 0;
}

.side-menu-wrapper a.menu-close
{
    color: #6B6B6B;
    display: block;
    margin-top: -20px;
    font-size: 35px;
    text-decoration: none;
    float: right;
}

.side-menu-wrapper ul li a 
{
    color: #fff;
    padding: 0;
}

.side-menu-overlay
{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
    transition: opacity 1s;
}

.side-menu-wrapper > ul.member-actions-mobile 
{
    border-top: 1px solid #999;
    padding-top: 15px;
    margin-top: 15px;  
}

/*** end mobile navigation ***/

@media (min-width:768px) and (max-width: 1059px)
{
    .site-navigation .nav-column
    {
        float: none;
    }
}

@media (max-width: 979px)
{
    .site-navigation
    {
        width: 100%;
        float: none;
        clear: left;
        text-align: left;
    }
}

@media (max-width: 899px) 
{
    .site-navigation > li
    {
        font-size: 1.2rem;
    }
       .logo  
    {
        width: 260px;
    }
    .logo img
    {
        background-size: 80%;    
    }
}

@media (max-width: 799px)
{    
    .site-navigation-mobile 
    {
        list-style: none;
    }

    .side-menu-wrapper li
    {
        color: #fff;
    }
}

@media (max-width: 880px)
{
    .header-wrap .constraint-wrap,
    .header-wrap,
    .site-wrap 
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    .base-nav,
    .member-actions
    {
        display: none;
    }
    
    .mobile-navigation-wrap 
    {
        display: block;
    }
    
    .header-logo-wrap
    {
        float: none;
    }

    .site-navigation ul
    {
        text-align: left;
        padding-top: 5px;
    }
}

@media (max-width: 480px)
{
    .member-actions li:first-child
    {
        width: 100%;
        font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    }
}

@media (max-width: 359px)
{
    .header-logo-wrap
    {
        width: 340px;
    }
}



/* FOOTER STYLES
************************************/

.footer-wrap
{
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 50px;
    clear: both;
    background: #e8e8e8;
}

.footer-wrap .constraint-wrap 
{
    margin-bottom: -1px;
    position: relative;
}

.footer-wrap *
{
    color: #888888;
    text-decoration: none;
}

.footer-left
{
    width: 50%;
    min-width: 310px;
    display: flex;
    font-size: 1.4rem;
}

.footer-left a
{
    color: #4c6c85;
}

.footer-left li 
{
    display: inline-block;
    min-width: 130px;
    margin-right: 0;
    line-height: 1.5;
}

.footer-fb img
{
    vertical-align: middle;
}

.footer-right 
{
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 1.1rem;
    text-align: right;
    width: 25%;
}
 
.footer-logo-wrap 
{
    position: relative;
}

.footer-copyright-wrap 
{
    margin-top: 45px;
    font-size: 1rem;
}

.footer-right span 
{
    line-height: 16px;
    text-align: right;
    width: 47%;
    float: left;
    font-size: 1.4rem;
}

.footer-right img 
{
    position: relative;
    top: 8px;
}

@media (max-width: 1200px) 
{
    .footer-left 
    {
        width: 60%;
    } 
    
    .footer-right 
    {
        width: 35%;
        min-width: 310px;
    }       
}

@media (max-width: 899px) 
{
    .footer-right 
    {
        position: static;
        text-align: left;
        margin-top: 10px;
    }
    
    .footer-left 
    {
        width: 100%;
    }
    
    .footer-left li 
    {
        width: 22%;
    }      
}

@media (max-width: 599px) 
{
    .footer-left {
        flex-direction: column;
    }

    .footer-left li 
    {
        width: 96%;
        margin: 0 0 1% 4%;
    }      
}

/****************************************************** END THEME.CSS ****************************************************/




/* FLIGHT AVAILABILITY
************************************/

.shopByLegPrice strong span:last-child
{
    font-weight: normal;
}

.price-inclusion-wrap,
.priceInfo2
{                
    font-size: 1.1rem;
    margin-top: 5px;
    margin-bottom: 15px;

}

.seats-left,
.preview-seats
{
    font-size: 1.2rem;
}

.seats-left
{
    margin: 15px 0 0;
}

.rr-points
{
    padding: 2px 0;
}

.flight-wrap .rr-points 
{
    text-align: center;
    color: #276410;
}

.flight-wrap .rr-points i 
{
    color: #276410;
}

.rr-points br
{
    display: none;
}

.seats-left
{
    color: #d90707;
}

.air-select-button
{
    width: 100%; 
    margin: 10px auto; 
    padding: 10px 0; 
    height: 40px;
}

.carrier-wrap a,
.carrier-wrap span
{
    vertical-align: top; 
    padding-top: 10px;
}

.flight-title
{
    margin-bottom: 10px;
}
                              
.flight-column-wrap
{
    width: 100%; 
    clear: both; 
    margin: 0 auto; 
    border: dashed 1px #aaa; 
    border-left: 0; 
    border-right: 0;
    border-bottom: 0;
    padding: 20px 0 10px;
}

.flight-stops i
{
    color: #dedede; 
    font-size: 4rem; 
    line-height: 28px;
}

.flight-column-wrap > div,
.flight-column-wrap > p
{
    text-align: center;
}

.departure-column,
.arrival-column,
.flight-stop-column
{
    width: 32%; 
    float: left; 
    display: inline-block;
}

.flight-stop-column
{
    margin-left: 2%; 
    margin-right: 2%;
}


    
.charter-operated
{
    color: #d90707;
}

.operated-by-wrap
{
    margin: 2%;
}

.air-operated-by
{
    font-size: 1.2rem; 
    text-align: center;
    margin: 2% 0 0;
    display: block;
    width: 100%;
    clear: both;
}

.expanded-air-operated-by
{
    font-size: 1.2rem; 
}

.arrival-disclaimer-t,
.flight-options-list .arrival-disclaimer-t
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    color: #d90707; 
    position: absolute; 
    right: 0; 
    font-size: 1.3rem;
}
    
.arrival-disclaimer-t i,
.mc-arrival-warning-v2 i
{
    color: #d90707;
}

.arrival-disclaimer
{
    font-weight: normal; 
    color: #d90707; 
    font-size: 1.1rem;
}

.mc-arrival-warning-v2 
{
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    font-size: 1.3rem;
    color: #d90707;
}

.mc-arrival-warning-v2 i 
{
    font-size: 1.3rem;
    margin: 4px 0 0;
    width: auto;
}

.rewards-wrap
{
    border: solid 1px #dedede; 
    border-left: 0; 
    border-right: 0;
}    

/*** limited flights alert   */

.limited-flights-disclaimer
{
    text-align: center;
    padding: 0px 0px 20px 0px;
}

.limited-flights-disclaimer input
{
    margin-top: 10px;
}    
    
/* Standalone Hotel Profile - RES
***************************************/

#StandaloneHPContainer 
{
    background-color: #fff;
}

#StandaloneHPContainer .content-main-wrap,
#FPcontent .content-main-wrap
{
    border-top: 0;
    margin-top: 0;
    margin-right: 20px;
    padding: 10px;
}

#StandaloneHPContainer .modal-title 
{
    padding-top: 0;
}

#StandaloneHPContainer .travel-protection-wrap 
{
    margin-bottom: 10px;
    margin-top: -10px;
    width: 100%;
}

.shp-restool-wrap {
    width:25%;
    float:left;
    margin-right:2%;
    max-width:100%;
    min-width:275px;
    margin-top: 15px;
    }

.shp-restool-wrap input[type="text"],
.shp-package-type-wrap select
{
    width:100%;
}

.shp-restool-wrap input[type="button"]
{
    width:inherit;
}

.shp-restool-wrap .shp-package-type-wrap,
.shp-restool-wrap .shp-depart-wrap,
.shp-restool-wrap .shp-return-wrap,
.shp-restool-wrap .shp-origin-wrap,
.shp-restool-wrap .shp-destination-wrap,
.shp-restool-wrap .shp-promocode,
.shp-restool-wrap .rooms-wrap
{
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.shp-restool-wrap .promo-code-wrap {
    min-width:200px;
}
      
.shp-restool-wrap .button {
  padding:0;
}
    
.shp-restool-header
{
    border-bottom: solid 5px #f2f2f2;
    display: block;
    width: 100%;
    padding-top:10px;
}

@media (max-width: 899px) 
{
    .shp-restool-wrap 
    {
        width:100%;
        float:none;
        margin-right:0;
    }
    
    .shp-restool-wrap input[type="button"]
    {
        width:100%;
    }
}

@media (min-width: 640px) and (max-width: 899px)
{

    .shp-restool-wrap .shp-depart-wrap,
    .shp-restool-wrap .shp-return-wrap,
    .shp-restool-wrap .shp-origin-wrap,
    .shp-restool-wrap .shp-destination-wrap,
    .shp-restool-wrap .shp-promocode
    {
        width: 48.5%;
        display: inline-block;
        float:left;
    }

    .shp-restool-wrap .shp-return-wrap,
    .shp-restool-wrap .shp-destination-wrap
    {
        clear: right;
        content: "";
        display: table;
    }

   .shp-restool-wrap .shp-depart-wrap,
   .shp-restool-wrap .shp-origin-wrap,
   .shp-promocode
    {
        margin-right: 2%;
    }
    
    .shp-restool-wrap .rooms-wrap
    {
        width:48.5%;
        min-width:0px;
    }
}

.gr-grid-container {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 1rem;
    padding: 2.5rem 0;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.retrieve-group-form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.retrieve-group-form fieldset {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.retrieve-group-form fieldset label {
    font-weight: bold;
}

.retrieve-group-form .fieldset-group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 270px;
}

.px-1rem {
    padding: 1rem 0;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.gr-grid-container .left-section {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
}

.gr-grid-container .right-section {
    display: flex;
    padding: 1.25rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
}

.your-groups-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.gr-link-button {
    display: flex !important;
    align-items: center;
}

@media (max-width: 767px) {
    .gr-grid-container {
        grid-template-columns: 1fr;
        padding: 2rem 1rem;
    }

    .gr-grid-container .right-section {
        gap: 3rem;
    }
}

/* LOGIN PAGE & FORGOT PASSWORD STYLES
************************************/

.login-message 
{
    background-color: #fcfcfc;
    color: #ff3300;
    margin: 0 0 20px 0;
    padding: 10px;
    border: 1px solid #f2f2f2;
}

.login-page-wrap
{
    margin-bottom: 20px;
    padding: 30px 0;
    position: relative;
    width:100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    flex-direction:row;
}

.show-adv .login-page-wrap
{
    min-height:460px;    
}

.login-form-wrap
{
    float: left;
    margin-right: 45px;
    padding: 30px;
    width: 325px;
    background:#fff;
    border:solid 1px #e8e8e8;
}

.login-form
{
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:solid 1px #f2f2f2;
}

.login-form > td{display:block;}

.login-form label
{
    display: inline-block;
    width: 140px;
}

.reset-password-form label
{
    display: inline-block;
    width: 160px;
}

.login-form label + input,
.reset-password-form label + input
{
    margin-bottom: 10px;
    width: 100%;
}

.reset-password-form p
{
    padding: 5px 0 20px 0;
}

.forgot-password-wrap 
{
    display: block;
    margin-top: -10px;
    font-size: 1.3rem;
}

.login-form span[id$="tcvArc"] 
{
    display: none !important;
}

.login-form-error-position
{
    position:relative;
}

.login-form span[id$="Required"] 
{
    position: absolute;
    top:15px;
    right:-8px;

}

.validation-summary-wrap 
{
    padding: 10px;
    margin-bottom: 20px;
    font-style: italic;
}

.reset-password-form 
{
    width: 50%;
    min-width: 320px;
}

.captcha 
{
    background-color: #f5f5f5;
    margin: 20px 0;
    min-width: 320px;
    padding: 1%;
    width: 90%;  
}

.login-form .button
{
    float: right;
}

.login-form i 
{
    width: 18px;
}

.login-form i.fa-user-plus
{
    font-size: 1.4rem;
}

.register-wrap 
{
}

.bonusCashLoginMessage
{
    margin-bottom: 30px;       
}


.register-wrap p
{
    font-size: 1.5rem;
    margin-bottom: 5px;
}

.register-wrap li 
{
    font-size: 1.4rem;
    list-style: none;
    padding: 5px 0 0;
}

.register-wrap h2 
{
    border-bottom: none;
}

.register-wrap .fa 
{
    width: 18px;
}

.login-block-wrap 
{
    background: #fff;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    padding:0;
}

.login-anchor-block-wrap 
{
    background: #fff;
    width: 268px;
    position: absolute;
    right: 0;
    top: 45px;
    padding:10px;
    z-index:3;
}

.login-blocks-wrap-b
{
    padding:20px 0;
    background-color:#e8e8e8;
}

.login-block-wrap-with-doubleclick
{
    display:none;
    width:100%; 
    background:#fff;
    padding:20px 0;
}

.login-block-wrap .block2-content,
.login-block-wrap .block1-content
{
       float:left; 
       position:relative; 
       height:382px; 
       padding:10px;
}


.login-block-wrap-with-doubleclick .block2-content,
.login-block-wrap-with-doubleclick .block1-content
{
       float:left; 
       position:relative; 
       height:282px; 
       padding:10px;
}

.login-block-wrap-with-doubleclick .block2-content
{
    width:54%;    
}

.login-block-wrap-with-doubleclick .block2-content > div,
.login-block-wrap .block2-content > div
{
    padding:0 0 0 20px; 
    border-left:solid 2px #e8e8e8;
}

a.login-register-button
{
    font-size:1.8rem;
    height:33px !important;  
}

.login-blocks-constraint
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding:20px 0;
    margin:0 auto;
}

.login-blocks-constraint h2
{
    color:#4b6d86;    
}

.login-blocks-constraint p
{
    font-size:1.8rem;   
    font-family: 'SourceSansPro-Light'; 
}

.login-block-wrap-full
{
    width:100%; 
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.login-block-wrap-dc-a2 
{
    background: url("https://trisept.widen.net/content/3dl3xouzlg/png/VAX_IMG_WEBSITE_Login-blockContent-dc-a2.png") bottom left no-repeat;
    background-size: contain;
    width:59.5%; 
    float:left; 
}

.login-block-wrap-dc-a1
{
    width:40.5%;
    background: url("https://trisept.widen.net/content/qgo5yqdkv0/png/VAX_IMG_WEBSITE_Login-blockContent-dc-a1.png") bottom left no-repeat;
    background-size: contain;
} 
        
.login-block-wrap-a1,
.login-block-wrap-a2 
{
    width:50%; 
    float:left; 
    background-size: contain;
}

.login-block-wrap-a2 
{
    background: url("https://trisept.widen.net/content/bkybgvrbmw/png/VAX_IMG_WEBSITE_Login-blockContent-a2.png") bottom left no-repeat;
    background-size: contain;
}

.login-block-wrap-a1
{
    background: url("https://trisept.widen.net/content/61wqe55hbl/png/VAX_IMG_WEBSITE_Login-blockContent-a1.png") bottom left no-repeat;
    background-size: contain;
} 
       

.login-block-wrap-3col
{
    width:35%; 
    float:left; 
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.login-3col-mid > div
{
    border:solid 1px #212121;
    border-top:0;
    border-bottom:0;
    }

.email-sent-wrap,
.password-change-results
{
    font-size: 2rem;
    padding: 100px 0;
    text-align: center;                 
}

.change-password-button 
{
    margin: 10px 0 20px 0;
}

.login-blocks-wrap-c
{
    padding:5px 0;
    background-color:#fff;
    text-align:center;
}

.login-blocks-wrap-c ul
{
    text-align:center;
    margin:0 auto;  
    color: #000;
    list-style:none;
    width:100%;
}

.login-blocks-wrap-c li
{
    display:inline-block;
    padding:0 8px;
    margin:5px 0;
    border-right:solid 1px #000;
}

.login-blocks-wrap-c a
{
    color:#000;
    text-decoration:none;
}

.login-blocks-wrap-c li:last-child
{
    border-right:0;    
}


/* For Project 4937 - Display Adv on Login page */
/* Hiding Ads by default */
.adv-page-bg,
.adv-page-window {
    display: none;
}

/* To remove body background color when we show Ad in page background */
.show-adv {
    background-color: transparent !important;   
}

.show-adv .login-block-wrap
{
    display:none;
}
    
.show-adv .login-block-wrap-with-doubleclick
{
    display:block;
}

/* To add default body background color when there is no Ad/partial-transparent image Ad in page background */
.show-adv .adv-page-bg,
.show-adv.default-bg {
    background-color: #efefef !important;
}

/* position and show Ads wrapper when .show-adv gets appended to body */
.show-adv .adv-page-bg {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    text-align:center; /* this is necessary to center the new iframe within the ad container. otherwise the image is stuck fixed left and will not respond to screen size changes */
}

.show-adv #mainContent {
    position: relative;
    padding: 0 !important;
    width: 100%;
}

/* position and show Window Ad wrapper when .show-adv gets appended to body */
.show-adv .adv-page-window {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 788px;
    border:solid 5px green;
    cursor:pointer;
}

.show-adv .adv-page-window:before
{
   content:"adv-page-window"; 
}

@media (max-width: 899px)
{
    .login-block-wrap .login-blocks-constraint
    {
        display:block;
    } 
    
    .login-block-wrap .login-block-wrap-a1,
    .login-block-wrap .login-block-wrap-a2
    {
        display:block;
        width:100%; 
        float:none;
        margin:20px 0;
    }       
    
    .login-block-wrap-with-doubleclick .block2-content > div,
    .login-block-wrap .block2-content > div
    {
        padding-left:0;
        border:0;    
    } 
}

@media (max-width: 767px)
{
    .login-form-wrap
    {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }
    
    .login-block-wrap
    {
        float:none;
        width:100%;
        display:block;    
    }
    
    .login-page-wrap
    {
        display:block;    
    }
    
    .login-block-wrap .login-block-wrap-a1,
    .login-block-wrap .login-block-wrap-a2
    {
        width:50%; 
        float:left;
    }     

    .login-block-wrap-with-doubleclick .block2-content
    {
        width:100%;    
    }
    
    .login-block-wrap .block2-content > div
    {
        padding:0 0 0 20px; 
        border-left:solid 2px #e8e8e8;
    }
}

@media (max-width: 560px)
{
    .login-blocks-wrap-b .login-blocks-constraint
    {
        display:block;
    } 
    
    .login-block-wrap-3col
    {
        display:block;
        width:100%; 
        float:none;
        margin:20px 0;
    }   
    
    .login-3col-mid > div
    {
        border:solid 1px #212121;
        border-left:0;
        border-right:0;
        border-top:solid 1px;
        border-bottom: solid 1px;
    }    
            
    .login-block-wrap-with-doubleclick .login-blocks-constraint
    {
        display:block;
    } 
    
    .login-block-wrap-with-doubleclick .login-block-wrap-dc-a1,
    .login-block-wrap-with-doubleclick .login-block-wrap-dc-a2
    {
        display:block;
        width:100%; 
        float:none;
        margin:20px 0;
    }    
    
    .login-block-wrap-with-doubleclick .block2-content
    {
           width:100%; 
    }
}


@media (max-width: 480px)
{
    .login-block-wrap .login-block-wrap-a1,
    .login-block-wrap .login-block-wrap-a2
    {
        display:block;
        width:100%; 
        float:none;
        margin:20px 0;
    }   
    
    .login-block-wrap .block2-content > div
    {
        padding:0; 
        border-left:0;
    }  
        
}

/* Custom CSS to resolve Bug#99298  - VAX login page background image displaying over login fields on mobile 
devices preventing users from logging in */
/* custom css */
.show-adv #loginContent #loginCMSBlock{display:none;}
@media only screen and (max-width: 767px) 
{
    .show-adv #loginContent #loginContainerLeft {
        position:relative;
        width:90%;
        margin:10% auto;
    }
    .show-adv .adv-page-window #login_center_01_ad_container .left_login_ad img, .show-adv .adv-page-window #login_center_01_ad_container .left_login_ad_on img {
        width:100%;
    }
    .show-adv .adv-page-window #login_center_01_ad_container .left_login_ad, .show-adv .adv-page-window #login_center_01_ad_container .left_login_ad_on {
       float: none !important;
       width: auto !important;
       height: auto !important;
    }
    .show-adv .adv-page-window {
        height:auto !important;
    }
    #loginContent #loginCMSBlock {
        display:none;
    }
    .show-adv .adv-page-window #login_center_01_ad_container .left_login_ad div, .show-adv .adv-page-window #login_center_01_ad_container .left_login_ad_on div{
        float: none !important;
        width: 100% !important;
    }
    
    #loginContainerLeft #loginForm, #loginContainerLeft #registerLink
    {
        width:100% !important;
    }
    .show-adv #loginContent #loginContainerLeft
    {
        width: 100% !important;    
        padding: 0 !important;
        margin: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px)
{
    .show-adv .adv-page-window #login_center_01_ad_container .left_login_ad
    {
        width:auto !important;
     }
    .show-adv .adv-page-window #login_center_01_ad_container .left_login_ad img, .show-adv .adv-page-window #login_center_01_ad_container .left_login_ad_on img {
        width:100%;
     }
    .show-adv .adv-page-window #login_center_01_ad_container .left_login_ad_on {
        width:50%;
     }
    
}
/* custom css */

@media (max-width: 1230px)
{
    .register-wrap,
    .login-form
    {
        float: none;
    }
    
    .adv-page-window
    {
        float: left;
    }
    
    .login-form 
    {
        border-right: 0;
        border-bottom: 1px solid #ccc;
        margin-bottom: 40px
    }
}

@media (max-width: 767px)
{
    .login-page-wrap
    {
        border-top: 1px solid #ccc;        
    }
    
    .login-page-wrap .button-large 
    {
        width: inherit;
    }
    
    .login-ad-wrap 
    {
        position: static;
        margin-top: 40px;
        width:415px;
    }
    .login-form-wrap
    {
        position:static;
        margin-bottom:30px;
    }
}

@media (max-width: 481px)
{
    .login-form,
    .register-wrap
    {
        width: 100%;
    }
    
    .login-form .button 
    {
        float: none;
        margin-top: 20px;
    }
    .member-services-list-wrap a
    { 
        display: block;
    }
}

/* MEMBER SERVICES HOME/LANDING PAGE
************************************/

.member-services-list-wrap h2
{
    margin:0;
}

.member-services-list-wrap
{
    margin: 20px 0;
}
.member-services-home-wrap ul
{
    list-style-type: none;
}

.member-services-home-wrap ul li
{
    margin-bottom: 1px;
}


/* MANAGE USERS STYLES, RETRIEVE/SAVED RESERVATION TABLE STYLES
************************************/

.member-services-wrap
{
    width: 100%;
}

.user-actions-field label
{
    display: inline-block;
    width: 175px;
    margin-right: 5px;
}

.manage-user-mobile-label 
{
    display: none;
}

.user-search-wrap,
.add-user-wrap
{
    border: 1px solid #d3d3d3;
    display: inline-block;
    margin: 20px 20px 0 0;
    padding: 20px;
    width: 400px;
}

.user-search-wrap 
{
    float: left;
}

.add-user-wrap
{
    vertical-align: top;
}

.add-user-wrap .secondary-button
{
    margin: 0 auto;
    display: block;
}

.user-search-wrap legend,
.add-user-wrap legend
{
    width: auto;
    padding: 0 5px;
    font-size: 2rem;
}

.find-user-btns-wrap 
{
    margin-top: 10px;
}

.saved-reservation-wrap
{
    width: 100%;
}

.manage-users-table,
.retrieve-reservation-table,
.saved-reservation-table,
.br-retrieve-reservation-table
{
    border: 1px solid #d3d3d3;
    width: 100%;
    margin-top: 40px;
}

.br-retrieve-reservation-table
{
    background: #fff;    
}

.retrieve-reservation-wrap
{
    width:100%;
    margin-bottom:20px;
}

.retrieve-reservation-row  td
{
    padding: 5px;
    border: 1px solid #d3d3d3;
}

.retrieve-reservation-row td, .saved-reservation-table td 
{
    padding: 5px;
    border: 1px solid #d3d3d3;
}

.manage-users-table .even,
.saved-reservation-table tr:nth-child(even)
{
    background-color: #f9f9f9;
}

.retrieve-reservation-table th,
.br-retrieve-reservation-table th
{
    padding: 5px 6px 5px 17px;
    border: 1px solid #d3d3d3;
    background-color: #f2f2f2;
}

.retrieve-reservation-table .sorting,
.br-retrieve-reservation-table .sorting
{
    background: url('https://trisept.widen.net/content/bebk3yfnpz/png/TRI_ICON_NAV_sort_both.png') no-repeat left;
    background-color: #f2f2f2;
}

.retrieve-reservation-table .sorting_asc,
.br-retrieve-reservation-table .sorting_asc
{
    background: url('https://trisept.widen.net/content/an9bm0krc7/png/TRI_ICON_NAV_sort_asc.png') no-repeat left;
    background-color: #f2f2f2;
}

.retrieve-reservation-table .sorting_desc,
.br-retrieve-reservation-table .sorting_desc
{
    background: url('https://trisept.widen.net/content/x4mnahoupc/png/TRI_ICON_NAV_sort_desc.png') no-repeat left;
    background-color: #f2f2f2;
}

.dataTable tr.even
{
    background-color: #f9f9f9;
}

table.dataTable tbody tr:hover {
    background-color: #f6f6f6;
}

.manage-users-table td,
.retrieve-reservation-table td,
.br-retrieve-reservation-table td,
.saved-reservation-table td,
.saved-reservation-table tr
{
    padding: 5px;
}

.manage-users-table th 
{
    min-width: 90px;
    padding: 5px 6px 5px 17px;
    border: 1px solid #d3d3d3;
}

.manage-users-table td
{
    border: 1px solid #d3d3d3;
}

.password-change-results 
{
    text-align: center;
}

.tablesorter-header 
{
    cursor: pointer;
}


@media (max-width: 899px) 
{
    .manage-users-table .manage-user-row-4
    {
        width: 100%;
    }
    
    .manage-users-table .secondary-button 
    {
        font-size: 1.1rem;
        padding: 3px;
    }
    
    .user-search-wrap,
    .add-user-wrap 
    {
        display: block;
        width: 310px;
    }
    
    .add-user-wrap
    {
        text-align: left;
    }  
     
    .retrieve-reservation-row td,
    .saved-reservation-table td,
    .saved-reservation-table
    {
        border:none;
    }
}

@media (max-width: 767px) 
{
    .member-services-wrap
    {
        border-top: 1px solid #000;
        padding-top: 30px;
    }
}

@media (max-width: 899px) 
{
    .manage-users-table th
    {
        display: none;
    }
    
    .manage-users-table,
    .manage-users-table td
    {
        border: none;
    }
    
    .manage-users-table tr.even
    {
        background-color: #fff;
    }
    
    .manage-users-table tr.odd
    {
        background-color: #f2f2f2;
    }
    
    .manage-users-table td,
    .manage-user-mobile-label
    {
        display: inline-block;
    }
    
    .manage-users-table .manage-user-row-1 
    {
        padding-bottom: 0 !important;
        font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
        width: 100%;
        font-size: 1.6rem;
    }
    
    .manage-users-table .manage-user-row-2,
    .manage-users-table .manage-user-row-3
    {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 479px) 
{
    .user-actions-field label
    {
        display: block;
        margin-bottom: 2px;
    }
    
    .find-user-btns-wrap 
    {
        text-align: left;
    }
}


/* CHANGE PASSWORD STYLES
************************************/

.change-password-form 
{
    margin: 20px 0;
}

.change-password-form label {
    display: inline-block;
    margin-top: 10px;
    width: 170px;
}


.change-password-form input 
{
    width: 335px;
}

@media (max-width: 599px) 
{
    .change-password-form input 
    {
        width: 300px;
        display: block;
    }
}


/* AGENCY PREFERENCE STYLES
************************************/

.supplier-display-wrap,
.agency-logo-email-wrap,
.agency-preferences
{
    margin-top:40px;
}

.supplier-selection-wrap
{
    display:flex; 
    flex-flow: row nowrap;
    margin-top:20px;
}

.supplier-col-wrap
{
    width:50%;
}

.supplier-col-wrap label
{
    margin-bottom:5px; 
    display:block;
}

.supplier-btn-wrap
{
    width:60px; 
    padding:30px 10px 0; 
    text-align:center;
}

.supplier-btn-wrap button
{
    width:100%; 
    margin-bottom:5px;
}

.owner-btn-wrap {
    width: 60px;
    padding: 60px 10px 0;
    text-align: center;
}
.owner-btn-wrap button {
    width: 100%;
    margin-bottom: 5px;
}

.supplier-whitelist,
.supplier-blacklist
{
    min-height:160px; 
    border:solid 1px #d3d3d3;
    min-width:100%; 
    padding:5px;
}

.supplier-whitelist option,
.supplier-blacklist option
{
    margin-bottom:3px;
}

.supplier-display-button-wrap
{
    margin:10px 0 20px; 
    text-align:center;
}

.submit-request-wrap
{
    margin-top:20px;
}

.submit-request-wrap ul
{
    margin-left:30px;
}

.submit-request-wrap li
{
    margin-bottom:3px;
}

.limited-suppliers-disclaimer
{
    margin:20px 0;
}

.agency-preferences {
    border: solid 1px #d3d3d3;
    padding: 20px 10px;
    text-align: right;
    display: grid;
    row-gap: 14px;
}

.supplier-btn-wrap button span
{
    display:none;
}

.owner-btn-wrap button span {
    display: none;
}

.taPortalTitle{
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

.taPortalText {
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-weight: normal;
}

@media (max-width: 767px) {
    .supplier-selection-wrap
    {
        display:block; 
    }

    .supplier-btn-wrap
    {
        width:100%; 
        padding:10px 0; 
        text-align:center;
        display:flex;
        align-items:stretch;
    }

    .owner-btn-wrap {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        display: flex;
        align-items: stretch;
    }

    .supplier-col-wrap
    {
        width:100%;
        display:block;
    }

    .supplier-btn-wrap button
    {
        width:23%; 
        margin:0 auto 5px;
        min-height:40px;
    }

    .owner-btn-wrap button {
        width: 23%;
        margin: 0 auto 5px;
        min-height: 40px;
    }
    
   .supplier-btn-wrap button span
   {
       display:inline;
   }

    .owner-btn-wrap button span {
        display: inline;
    }
    
    .supplier-desktop-icon
    {
        display:none;
    }
}

@media (max-width: 460px)
{
    .agency-preferences label
    {
        display:block;
        margin-bottom:5px;
    }
    
    .agency-preferences
    {
        text-align:center;
    }
}


/* USER PREFERENCE STYLES
************************************/

.default-cities-wrap,
.plcode-info-wrap
{
    margin:40px 0;
}

.user-preferences-title
{
    margin-top:20px;
}

.user-preferences fieldset
{
    margin: 0 5% 15px 0;
    width: 27%;
    display: inline-block;
    min-width: 270px;
}

.user-preferences input[type="text"],
.user-preferences select 
{
    width: 100%;
}

.user-preferences-intro,
.agency-logo-preview
{
    margin-bottom:20px;
}

.agency-logo-preview
{
    text-align:center; 
    background-color:#f2f2f2; 
    padding:20px 10px;
}

.user-preference-btn-wrap
{
    margin-top:10px;
}

.preferences-logo-disclaimer
{
    display:block;
    margin-top:5px;
}

/* PERSONAL INFORMATION/UPDATE & Update USER STYLES
************************************/

.update-user-info-wrap,
.add-user-info-wrap
{
    margin: 40px 0;
}

.user-info-intro
{
    margin-bottom:20px;
}

.user-info-title
{
    margin-top:20px;
}

.user-info fieldset
{
    margin: 0 5% 15px 0;
    width: 27%;
    display: inline-block;
    min-width: 270px;
}

.user-info input[type="text"],
.user-info select 
{
    width: 100%;
}

.user-info .user-site-managers
{
    width:100%; 
    display:block;  
    border: 1px dashed #e2e2e2; 
    border-left:0; 
    border-right:0; 
    padding:15px 0;
}

.user-info .user-site-managers label
{
    display:block;
}

.site-managers-list
{
    width:93%;
}

.user-update-button-wrap
{
    margin-top:20px;     
}

.change-status-msg {
    margin-top: 40px;
}

.advisor-profile-success-message .change-status-msg {
    background-color: #b9dbe5;
    padding: 4px 15px;
    font-weight: bold;
}

/* AGENCY REGISTRATION PAGE
************************************/
.manager-info-form
{
    margin: 0 0px 20px 0px !important;
    border: none !important;
}

.agent-registration-intro
{
    margin: 0 0 30px 0 !important;
}

.agency-registration-form
{
    margin: 10px 0 !Important;
    border: none !important;
}

.site-manager-title-wrap
{
    padding-top: 20px;
}

.agency-registration-button-wrap
{
    width: 30%;
    float: right;
    text-align: right;
    vertical-align: middle;
    padding-bottom: 20px;
}

.no-arc-number
{
    padding: 10px 0;
}

.register-agency-accept-wrap
{
    padding: 10px 0px 20px 0px;
}

.basic-economy-filter-wrap fieldset div 
{
    padding-bottom: 5px;
}

.basic-economy-filter-wrap fieldset div:last-child 
{
    padding-bottom: 0px;
}

.basic-economy-filter-wrap fieldset div span 
{
    padding-right: 3px;
}

/*Modal specific overrides*/
.update-user-modal .user-info fieldset,
.add-user-modal .user-info fieldset 
{
    margin: 0 3% 15px 0;
    min-width: 250px;
}

.update-user-modal .update-user-info-wrap,
.add-user-modal .add-user-info-wrap
{
    margin:0;
}

/* AVAIL & CHECKOUT ITINERARY SUMMARY
************************************/

.itin-avail-summary 
{
    width:60%; 
    float:right;
    text-align:right;
}

.itin-avail-summary ul
{
    list-style:none; 
    margin-bottom:10px;
}

.avail-summary-price strong
{  
    font-size:1.8rem;
    color: #06893d;    
}

.preselected-lowest-price
{
    margin-bottom:10px;
}

.itin-summary-component
{
    margin-bottom:10px;
}

.feature-itin-summary-component
{
    margin-bottom:0;    
}

.itin-summary-item
{
    margin-bottom:10px;
}

.currency-warnings
{ 
    float: right;
}

.itin-summary-item-header,
.multi-stop-dest-header
{
    background-color:#243a4f;
    color:#fff;
    font-weight:normal;
    padding:5px 10px;
    margin-bottom:10px;
}

.multi-stop-dest-header
{
    margin-top:10px;
}

.summary-car-price-wrap
{
    text-align:right;  
    width:25%;
    float:left;  
}

.summary-vehicle-softsell-select
{
    clear:both;    
}

.checkout-bar-btn-wrap
{
    margin-bottom:40px;    
}

@media (max-width: 680px)
{
    .summary-car-price-wrap
    {
        text-align:left;  
        width:100%;
        margin-bottom:10px;
    }
}

.inactive-header-btn-continue-wrap,
.inactive-header-btn-wrap
    {
        width:50%;
        display:inline-block; 
        float:left;   
    }
    
.inactive-header-btn-wrap
    {
        padding-top:8px;    
    }

.inactive-header-btn-continue-wrap
    {
        text-align:right;  
        padding-top:8px;   
    }
   
    
@media (max-width: 460px)
{
    .inactive-header-btn-continue-wrap,
    .inactive-header-btn-wrap
    {
        width:100%;
        display:block; 
        float:none;   
        text-align:center;
        margin-bottom:10px;
    } 
}


/*** CART SUMMARY - FLIGHT & CAR STYLES ***/

.itin-summary-item-btn-wrap
{
    width:25%; 
    float:right; 
    text-align:right;
    min-width: 125px;
}

.itin-summary-flight-wrap,
.itin-summary-flight-wrap ul,
.itin-summary-feature-wrap,
.itin-summary-vehicle-wrap
{
    width:73%; 
    float:left; 
    list-style:none;
}

.itin-summary-flight-wrap ul
{
    margin-bottom:10px;
}

.itin-summary-flight-wrap li,
.itin-summary-feature-wrap > div,
.itin-summary-vehicle-wrap li
{
    margin-bottom:3px;
}
    
.itin-summary-flight-wrap span,
.itin-summary-feature-wrap span
{
    margin-right:10px;
}

.itin-summary-codeshare
{
    width:50%; 
    float:left;
}

.itin-summary-points
{
    width:50%; 
    float:right; 
    text-align:right;
}

.itin-summary-addtl-air-info
{
    margin-top:20px;
}

.itin-summary-car-details
{
    clear: both;
    padding: 10px 0px;
}

.new-price-car 
{ 
    padding: 0 0 10px 0 !important;
}

.new-price-car li
{ 
    padding: 0 !important;
}

.itin-summary-car-details p
{
    padding: 5px 0;
}

.summary-remove-link
{
    margin-left:15px;
}

.itin-remove-button-wrap
{
   float: right;
   text-align: center;
   min-width: 125px;
   width: auto;
}

.itin-remove-button-wrap .link
{
    margin-left: 69px;
    display: block;
}

@media (max-width: 460px)
{
    .summary-flight-airline-num,
    .flightDetailsTimeZone
    {
        display:block;
        width:100%;
    }
    
    .itin-avail-summary 
    {
        text-align:left;
        width:100%;
    }
    
    .itin-summary-item-btn-wrap
    {
        width:100%; 
        float:none;
        padding-bottom:15px;  
        text-align:left;
        min-width: 125px;
    }

    .itin-summary-flight-wrap,
    .itin-summary-flight-wrap ul,
    .itin-summary-feature-wrap,
    .itin-summary-vehicle-wrap
    {
        width:100%; 
        float:none; 
        list-style:none;
    }
    
    .itin-remove-button-wrap .link
    {
        margin-left: 0;
    }
}

/*** CART SUMMARY - CAR & HOTEL STYLES ***/

.itin-summary-current-hotel 
{
    font-size: 1.8rem;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.upsell-name img
{
    vertical-align: middle;
}

.vehicle-image-wrap
{
    float:left; 
    padding:0px 20px 0px 0px
}

    .vehicle-image-wrap img {
        max-width: 160px;
    }

.vehicleBrandImage {
    max-width: 285px;
}

.room-type-list li,
.car-type-list li
{
    border: solid #d3d3d3;
    border-width: 0 1px 1px 1px;
    list-style: none;
    padding: 10px;
}

.room-type-list li:first-child,
.car-type-list li:first-child
{
    border-top-width: 1px;
}

.room-type-info,
.room-type-price
{
    display: inline-block;
}

.room-type-info 
{
    width: 70%;
}

.room-type-price 
{
    float: right;
    text-align: right;
}

.room-type-info a
{
    display: inline-block;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    margin-left: 17px;
}

.itin-summary-room-details-wrap
{
    padding: 20px 0 5px 0;
}

.room-upsell-option
{
    position: absolute;
    margin-top: 4px !important;
}

.upsell-room-type-table
{
    width:100%;
    margin-top: 10px; 
}


.room-type-table, 
.upsell-room-type-table
{
    text-align: left;
}

.room-type-table th, 
.upsell-room-type-table th 
{
    font-weight: bold; 
}

.room-type-table td, 
.upsell-room-type-table td
{
    padding-bottom: 10px;
}

 .upsell-room-type-table tbody,
 .upsell-options-table tbody
 {
     border: 1px solid #d3d3d3
 }
 
 .upsell-room-type-table td,
 .upsell-options-table td
    {
        border-bottom: 1px solid #d3d3d3;
        padding: 10px;
    }
     
.room-type-heading 
{
    width: 30%;
}

.room-promo-heading, 
.room-promo
{
    padding-left: 30px;
    padding-right: 30px;
}

.room-promo ul 
{
    list-style: none;
}

.room-promo-heading 
{
    width: 55%;
}  

.room-price-heading,
.upsell-price-heading
{
    width: 10%;
    min-width: 140px;
}

.room-price-heading,
.price-per-stay,
.upsell-price-heading
{
    text-align: right;
}

.feature-option-collapse,                 
.room-option-collapse-wrap
{  
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d3d3d3;
    font-size: 1.8rem;
    clear: both;
}

.added-values-list 
{
    list-style:none;
    padding-bottom: 5px;
}

.hotel-cart-points 
{
    margin: 10px 0px;
    float: right;
}


@media (max-width: 767px)
{    
    .room-type-table th, 
    .upsell-room-type-table th
    {
        display: none;
    }
    
    .room-type-table td,
    .upsell-room-type-table td
    {
        display: block;
        padding-left: 0;
        padding-bottom: 0;
    }
    
    .upsell-room-type-table td,
     .upsell-room-type-table tbody
    {
        border: none;
    }
    
    .price-per-stay
    {
        border-bottom: 1px solid #d3d3d3 !important;
    }
    
    .upsell-room-type-table .room-promo
    {
        padding:0px;
    }
    
    .room-type-table td:last-child,
    .upsell-room-type-table td:last-child 
    {
        padding-bottom: 20px;
    }
    
    .upsell-room-type-table td
    {
        width:100%;
    }
     
    .hotel-rating 
    {
        display: block;
    }
    
    .roomsList #rtn0_0 a
    {
        margin-top: 10px;
    }
    
    .price-per-stay 
    {
        text-align: left;
    }
    
    .price-per-stay .is-hidden
    {
        display: inline;
    }
    
    .room-type-table .button,
    .upsell-room-type-table .button
    {
        width: 150px;
    }
}

@media (max-width: 360px)
{
    .room-type-info 
    {
        width: 65%;
    }
}

/***FEATURE ITIN SUMMARY ***/

.itin-summary-feature-wrap
{
    display:flex;
    flex-flow: row wrap;
    padding:10px;
    width:100%;
    border:solid 1px #d3d3d3;
    border-top:0;
}
    
.feature-itin-summary-item-btn-wrap,
.transfer-itin-summary-item-btn-wrap,
.insurance-itin-summary-item-btn-wrap,
 .ro-itin-summary-item-border-wrap
{
    width:100%; 
    padding-bottom: 15px;
    border-bottom:solid 1px #d3d3d3;
}

.transfer-itin-summary-item-btn-wrap a.button,
.insurance-itin-summary-item-btn-wrap a.button,
.insurance-upsell-btn-wrap a.button
{
    font-size:1.33rem;    
}
  
.feature-itin-summary-component:last-child
{
    border-bottom:1px;
}

.itin-summary-feature-component + .itin-summary-component
{
    margin-top:20px;    
}

.feature-summary-name
{
    width:100%;
}

.feature-summary-price-ea
{
    width:70%;
}

.feature-summary-full-price
{
    width:8%; 
    text-align:center; 
}

.feature-summary-date
{
    width:8%;
}

.feature-summary-btn-wrap
{
    width:14%; 
    text-align:right; 
}

.feature-summary-btn-wrap .link
{
    text-decoration:none;
}

.feature-summary-remove
{
    margin-left:5px;
}

.feature-summary-transfer {
    width: 100%;
}

.feature-advisory-list
{
    flex-basis: 100%;
    margin-left: 20px;
    margin-top: 5px;
}

.features-cart-points
{
    width: 100%;
    float: right;
    text-align: right;
}

@media (min-width: 960px) and (max-width:1180px)
{
    .feature-summary-price-ea{width:50%;}
    .feature-summary-full-price{width:12.5%; }
    .feature-summary-date{width:12.5%;}
    .feature-summary-btn-wrap{width:25%; }
}

@media (max-width: 959px)
{
    .feature-summary-price-ea{width:100%;}
    .feature-summary-full-price{width:25%; }
    .feature-summary-date{width:25%;}
    .feature-summary-btn-wrap{width:50%; }
}

@media (max-width: 767px)
{
    .feature-summary-price-ea{width:50%;}
    .feature-summary-full-price{width:12.5%; }
    .feature-summary-date{width:12.5%;}
    .feature-summary-btn-wrap{width:25%; }
}

@media (max-width: 580px)
{
    .feature-summary-price-ea{width:100%;}
    .feature-summary-full-price{width:25%; }
    .feature-summary-date{width:25%;}
    .feature-summary-btn-wrap{width:50%; }
}

/*** General Nav Summary Styles ***/

.nav-summary-details-wrap
{
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 5px;
} 

.navSummaryFeatureList .nav-summary-details-wrap
{
    padding-bottom: 5px;
    border-bottom: solid 1px #d3d3d3;
}


.navSummaryFeatureList .nav-summary-details-wrap:last-child
{
    border-bottom: none;
    padding-bottom: none;
    margin-bottom: none;
} 

.nav-summary-details
{
    width:70%;
}

.nav-summary-actions 
{
    text-align:right; 
    width:30%; 
    margin:0 auto; 
    vertical-align:top;
}

@media (max-width: 480px)
{
    .nav-summary-details,
    .nav-summary-actions
    {
        width:100%;
    }
    
    .nav-summary-actions
    {
        text-align:left;
    }
}

/***RETRIEVE / SAVED RESERVATION PAGES ***/


.retrieve-reservation-wrap fieldset
{
    width: 400px;
    margin: 10px 10px 0 0;
}

.retrieve-reservation-wrap fieldset label
{    
    display: inline-block;
    width: 195px;
    padding: 10px 10px 10px 0px;
}

.retrieve-table-row-mobile,
.retrieve-reservation-mobile-label
{ 
    display: none;
}

.saved-reservation-table th
{
    background-color: #f2f2f2;
    border: 1px solid #d3d3d3;
    padding: 5px;
}

.saved-reservation-table .tertiary-button:enabled
{
    height: 23px;
    padding: 0 10px;
}

@media (max-width: 899px)
{
    .retrieve-reservation-table th,
    .saved-reservation-table th
    {
        display: none;
    }

    .retrieve-table-row-mobile,
    .retrieve-reservation-mobile-label
    { 
        display: inline-block;
    }
   
    tr.retrieve-reservation-row.odd,
    .retrieve-reservation-table tr.oddtd.sorting_1,
    .saved-reservation-table tr:nth-child(odd),
    .trip-bookmark-table tr.odd 
    {
        background-color: #f2f2f2;
    }
    
    .saved-reservation-table tr:nth-child(even),
    .trip-bookmark-table tr.even,
     tr.retrieve-reservation-row.even
    {
        background-color: #fff;
    }
    
    .retrieve-reservation-table td,
    .saved-reservation-table td
    {
        display: inline-block;
        width: 50%;
        padding: 5px;
    }
    
    .retrieve-reservation-button
    {
        width: 100% !important;
    }

    .search-reservation-button-wrap
    {
        margin-top: 10px;
    }
    
    .retrieve-reservation-wrap fieldset
    { 
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    
    .retrieve-reservation-table td,
    .saved-reservation-table td
    { 
        font-size: 1.2rem;
    }
}

@media (max-width: 482px)
{
    .retrieve-reservation-button .secondary-button:enabled,
    .saved-reservation-table .secondary-button:enabled,
    .saved-reservation-table .tertiary-button:enabled
    {
        width: 100%;
        position: static;
    }
}

/* TRAVEL AGENCY UPDATE FORM
************************************/
.agency-info p,
.agency-support-info p,
.agency-support-info h2,
.travel-agency-radio {
    margin-bottom: 10px;
}

.agency-info
{
    border-bottom: 1px dotted #aaa;
    margin: 40px 0 0 ;
}

.agency-info input, .agency-info select,
.email-field input
{ 
    width: 100%;
}

.agency-additional-info,
.agency-support-info
{
    margin: 20px 0;
    border-bottom: 1px dotted #aaa;
}

.agency-info fieldset,
.agency-additional-info fieldset,
.agency-support-info fieldset
{
    margin: 0 5% 15px 0;
    width: 27%;
    display: inline-block;
    vertical-align: top;
    min-width: 270px;
}

.agency-info label
{
    display: block;
}

.agency-update-disclaimer p
{
    padding-bottom:5px;
}


/* RETRIEVE A RESERVATION/ GROUP PAGE
************************************/

#groupDetailsTabs 
{ 
    font-size: 1.2rem;
}

.groups-tab-inventory-wrap
{
    display: flex;
    flex-flow: row wrap;
}

.groups-charter-inventory,
.groups-hotel-inventory-wrap
{
    width: 50%;
    padding: 0 2%;
}

@media (max-width: 475px)
{
    .groups-charter-inventory,
    .groups-hotel-inventory-wrap
    {
        width: 100%;
    }
}

.retrieve-group-reservation-wrap fieldset
{
    margin: 10px 5% 15px 0;
    width: 27%;
    display: inline-block;
    min-width: 270px;
}

.retrieve-group-reservation-wrap fieldset label,
.group-information-section-wrap fieldset label
{ 
    display: block;
}

.retrieve-group-button-wrap
{
    padding: 5px 0px 20px 0;
}

.retrieve-group-reservation-wrap fieldset input,
.retrieve-group-reservation-wrap select
{
    width: 100%;
}

.retrieve-group-content-wrap img
{
    
}

.groups-vendor-divider
{ 
    border-bottom: 1px solid #e3e3e3;
}

.group-request-selection-wrap fieldset
{
    float:left;
    margin: 0 5% 15px 0;
    min-width: 270px;
    width: 27%;    
}

.group-request-selection-wrap fieldset label {
    float: left;
    margin-right: 5px;
}

.group-request-selection-wrap select
{
    width:225px;  
    float: left;
    clear: both; 
}

.group-information-form input
{
    width:225px;
}

.group-information-section-wrap

{
    clear:both;   
    width: 100%;
}

.group-information-section-wrap h2
{
    padding-top:20px;
    padding-bottom:10px;
    margin-bottom:0px;
}

.group-information-form fieldset 
{
    margin: 0 5% 15px 0;
    min-width: 270px;
    width: 27%;
    float: left;
}

.group-information-form {

    clear: left;

}

.group-information-form fieldset.group-hotel1 select,
.group-information-form fieldset.group-althotel1 select,
.group-information-form fieldset.group-hotel2 select,
.group-information-form fieldset.group-althotel2 select,
.group-information-form fieldset.group-occasion select
{
    width:225px;
}

.group-information-form fieldset.group-altdestination,
.group-information-form fieldset.group-numberofchildren,
.group-information-form fieldset.group-packageType2,
.group-information-form fieldset.group-packageType3,
.group-information-form fieldset.group-lengthofstay2,
.group-information-form fieldset.group-altlengthofstay,
.group-information-form fieldset.group-altlengthofstay2,
.group-information-form fieldset.group-altdepartdate,
.group-information-form fieldset.group-althotel1,
.group-information-form fieldset.group-althotel2,
.group-information-form fieldset.group-bridefirstname,
.group-information-form fieldset.group-bridelastname,
.group-information-form fieldset.group-groomfirstname,
.group-information-form fieldset.group-groomlastname
{
    display: none;
}

.group-button-wrapper input 
{
    margin-top:10px;    
}

.additional-information-wrap 
{
    clear: left;
}
.additional-information-wrap label
{
    display: block;
}

.additional-information-wrap textarea
{
    width: 60%;
    clear: left;
}

@media (max-width: 1000px)
{
.additional-information-wrap textarea
    {
        width: 90%;
    } 
}

.gyw .group-information-form fieldset.group-totalnumberofpassengers,
.gyw .group-information-form fieldset.group-hotel2,
.gyw .group-information-form fieldset.group-perpersonbudget,
.gyw .group-information-form.group-package-section,
.gyw .group-request-selection-wrap-confirm li.group-request-total {
    display: none;
}

.group-request-selection-wrap-confirm 
{
    padding: 30px 0;
}

.group-request-selection-wrap-confirm ul
{
    list-style: none;
    margin: 10px 0;
}

.group-request-selection-wrap-confirm ul li {
    margin: 0 0 14px 0;
}

/*** Group - Group Details restool ***/

.promo-restool-wrap
{
    border: 1px solid #d3d3d3;
    padding: 10px;
}

.group-details-wrap .content-main-wrap
{
    border: none ;
}

.new-search-wrap label
{
    width: 100%;
}

.new-search-wrap select,
.new-search-wrap input
{
    margin-bottom: 10px;
    width: 100%;
}
    
.new-search-wrap .secondary-button
{
    margin: 5px 0 0;
}

.new-search-wrap .travel-protection-wrap
{
    padding: 0px 5px 0px 10px;
    margin: 10px 0px 20px 0px;
}

.new-search-wrap .travel-protection-wrap input
{
    width: auto;
}


/* COMMISSION PAYOUT VIA ACH (Automated Clearing House) PAGE
************************************/

.commision-payout-intro
{ 
    padding-bottom: 25px;
}

.commission-cms-wrap
{ 
  padding: 10px 0;
}

.commission-cms-wrap p
{
    margin-bottom: 10px;
}

.commission-cms-wrap .listBlack
{
    width: 100%;
    display: inline-block;
    padding: 0 0 0 15px;
}

.commission-cms-wrap .listBlack li
{
    padding-bottom: 2px;
}

.sign-up-agency-form-wrap p
{
    margin-bottom:10px;
    padding-bottom:10px;
}

 .account-type input
 {
     margin: 4px 4px 0px 0;
 }
 
 .account-type td
 {
     width: 80px;
     padding-top: 4px;
 }
 
 .account-type tr,
 .account-type label
 {
     display: inline;
 }
 
 .check-details-info
 {
     border-top: 1px solid #d3d3d3;
     border-bottom: 1px solid #d3d3d3;
     padding: 30px 0px;
     margin: 10px 0px 20px 0;
 }
 
 .check-details-form,
 .check-diagram-wrap
 {
     width:50%;
     display: inline-block;
 }
 
  .check-diagram-wrap
  { 
      float: right;
      text-align: center;
  }
 
 .check-diagram-wrap ul
 {
    list-style-type: none;
    font-size:1rem;
}

 .check-diagram-wrap ul li
 {
    display: inline-flex;
    flex-flow: row wrap;
    float: left;
    text-align: center;
    border: 1px solid #ff7a1e;
    width: 32%;
    margin-right:1%;
    padding: 5px;
}

.agency-account-number label,
.agency-routing-number label,
.agency-email-address label
{
    display: block;
}

.agency-account-number,
.agency-routing-number,
.affiliate-sign-up-form
{
    margin: 10px 4.5% 15px 0;
    width: 44%;
    display: inline-block;

}

.agency-email-address
{ 
    width:93%;
}

.agency-account-number input,
.agency-routing-number input,
.agency-email-address input,
.affiliate-sign-up-form input,
.affiliate-sign-up-form select
{
    width: 100%;
}

.check-diagram
{
    width:320px;
    margin: 0 auto;
}

.commission-payout-wrap .terms-conditions-checkout,
.agent-registration-wrap .terms-conditions-checkout
{
    border: 1px solid #d3d3d3;
    border-right: none;
    padding: 10px;
    height: 300px;
    overflow-y: scroll;
}

.commission-payouts-button-wrap
{
    text-align: right;
    margin-bottom: 15px;
}

.sign-up-agency-form-wrap h2
{
    border:none;
    padding:0;
    margin:0;
}

.commission-success-messages
{
    padding: 2%;
    font-size: 1.5rem;
    background: #b9dbe5;
    text-align: center;
    margin: 10px 0px;
}



@media (max-width: 767px) 
{

 .check-diagram-wrap
 {
     width: 100%;
 }
 
 .check-details-form
 {
     width: 100%;
     margin-bottom: 20px;
 }
 
}

@media (max-width: 425px)
{
    .agency-account-number,  
    .agency-routing-number,
    .agency-email-address
    {
        width: 100%;
    } 
  
}

/* ACH ADVISEMENTS PAGE /  PAYMENT DUE NOTICES TABLES
************************************/

.payment-due-notices-wrap,
.ach-advisements-wrap
{
    width: 100%;
}

.ach-advisements-wrap p
{
    padding-bottom:10px;
}

.ach-advisements-wrap fieldset
{
    margin: 10px 5% 15px 0;
    width: 27%;
    float: left;
    display: inline-block;
    min-width: 270px;
}

.ach-advisements-wrap fieldset input
{
    width: 100%;
}

.ach-advisements-button-wrap
{ 
    padding: 5px 0px 20px 0;
    clear: both;
}

.current-travel-notices,
.overdue-travel-notices,
.post-travel-notices
{
    padding: 10px 0;
}

.ach-tables
{
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
}

.ach-tables-notices
{
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
}

.ach-tables-notices th,
.ach-tables-notices td
{
    border: 1px solid #d3d3d3;
}

.ach-tables-notices tr:nth-child(even),
.ach-extra-details-table tr:nth-child(even)
{
    background-color: #f9f9f9;
}

.ach-tables-notices td
{ 
    padding: 5px;
}

.current-balance-mobile-label
{ 
    display: none;
}

.ach-tables th,
.ach-tables-notices th
{
    padding: 5px;
    background-color: #f2f2f2;
}

.ach-table-first-column
{ 
    border-left: 1px solid #d3d3d3;
}

.ach-table-last-column
{ 
    border-right: 1px solid #d3d3d3;
}

.ach-tables tbody
{ 
    border-bottom: 1px solid #d3d3d3;
}

.ach-tables td
{
    padding: 5px;
}

.ach-tables tr
{ 
    border-top: 1px solid #d3d3d3;
}

.ach-extra-details-table 
{
    margin:  0 !important;
    font-size: 1.2rem;
}

.ach-extra-details-table td,
.ach-extra-details-table th
{
    border-bottom: 1px solid #d3d3d3;
}

.ach-extra-details-table th
{ 
    border-top: 1px solid #d3d3d3;
    background: #f9f9f9;
}

.extra-details-wrap
{ 
    margin: 0px 5px 10px 50px;
}

.ach-extra-date-row
{ 
    padding: 0 !important;
}

.ach-details-table-wrap
{ 
    border: none !important;
}

.ach-extra-details-panel
{ 
    width: 100px;
}


@media(max-width: 767px)
{
  
    .payment-due-notices-wrap .current-balance-mobile-label,
    .ach-advisements-wrap .current-balance-mobile-label
    {
        display: block;
    }

    .ach-extra-details-table  th,
    .ach-tables-notices th
    { 
        display: none;
    }

    .ach-extra-details-table  td,
    .ach-tables-notices td
    {
        display: inline-block;
        width: 50%;
        border: none;
        font-size: 1.3rem;
        float: left;
    }
    
    .ach-extra-date-row
    { 
        width: 100%;
    }
    
    .ach-extra-details-table,
    .ach-tables-notices,
    .ach-extra-details-table tr
    { 
        border: none;
    }
    

    .ach-tables-notices tr:nth-child(even),
    .ach-extra-details-table tr:nth-child(even)
    {
        background-color: #fff;
    }
    
    .ach-tables-notices tr:nth-child(odd),
    .ach-extra-details-table tr:nth-child(odd)
    {
        background-color: #f2f2f2;
    }
    
    .extra-details-wrap 
    {
        margin: 0px 5px 10px 5px;
    }
}   

/* Modification Availability
************************************/

.active-party strong
{
    display:block;
}

.discard-modifications
{
    vertical-align: top;
}

.multi-party-traveler span
{
    display:block;
}

.BASE-NAV
{
    margin-bottom:20px;
    border-bottom:solid 1px #243a4f;
}

.res-party-nav
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.res-party-nav li
{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    position: relative;
    border: 1px solid #d3d3d3;
    border-bottom:0;
    border-right-width: 0;
    text-align: center;
    border-radius: 3px 3px 0 0;
    background-color: #fff;
    max-width: 150px;
    min-width: 120px;
    margin-bottom: 6px;
    padding: 4px 2px 0px;
}

.res-party-nav li.multi-party-active,
.res-party-nav li:only-child
{
    background:#fff;    
    border: 1px solid #243a4f;
    border-bottom:solid 1px #fff;
    margin-bottom:-1px;
}

.res-party-nav li:last-child
{
    border-right-width: 1px;
}

.res-party-nav li:only-child
{
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    min-width: 20%;
    padding:5px;
}

.res-party-nav li a
{
    display: block;
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

nav.BASE-NAV + div.active-summary-panel-header
{
    margin-top:0; 
    border-color:#243a4f;
}


.multi-party-summary-nav
{
    border-top:solid 1px #d3d3d3;
    padding-top:10px;   
    margin-top:10px; 
    margin-bottom:20px;
}

.multi-party-summary-nav li
{
    margin-right:20px;
    list-style-type:none; 
    float:left; 
    display: inline-block;
}

.multi-party-summary-confirm-traveler-info
{
    width: 100%;
    float: left;
}

.modify-summary-wrap
{
 margin-top:10px;    
}

.modify-summary-wrap strong
{
 margin-top:0px; 
 display:block;   
}

.modify-summary-wrap i
{
 color:#000;    
}

@media (max-width:1050px)
{
    .discard-modifications
    {
        margin-bottom:10px;
    }
    
    .inactive-header-btn-continue-wrap a,
    .inactive-header-btn-continue-wrap input
    {
        width:100%;
    }
}


@media (max-width: 640px) 
{
    .res-party-nav li a
    {
        font-size: 1.2rem;
    }
}

.checkout-modify-h1
{
display:inline;    
}


/** Anchor Store Base Styles **/

#restoolOnSale .btnSearch{background: url("https://trisept.widen.net/content/ebheggpd7k/gif/TRI_IMG_BTN_vaxBookNow.gif") no-repeat top; width:94px;
	 height:23px; border:none; margin-top:0px; cursor:pointer;}

.restool-wrap .anchor-break
{
    display:none;
    margin-bottom:0 !important;
}

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

.vaxbar-wrap { 
    width: 100%;
    background: #efefef;
    border-bottom: 7px solid #035F84;
}

.vaxbar-logo-link
{
    float:left; 
    height:60px;
}

.vaxbar-logo-link img{
    height: 100%;
    width:auto;
}

.vaxbar-navigation
{
    text-align:right;
    vertical-align:middle;
    padding:10px 0;
}

.vaxbar-navigation a.vaxbar-nav-link {
    font-size: 14px;
    color: #333333;
    margin-right: 14px;
    text-decoration: underline;
}

.vaxbar-navigation a:hover {
    text-decoration: none;
}


/***** ANCHOR AFFILIATE PROGRAM SIGN UP FORM ******/

.affiliate-signup-wrap
{
    padding: 10px;
}

.affiliate-signup-intro
{ 
    margin: 10px 0;
}

.affiliate-textbox-wrap
{ 
    margin-bottom: 30px;
}

.affiliate-signup-wrap h2
{ 
    border-bottom: 1px solid #d3d3d3;
}

.affiliate-button-form-wrap
{
    float: right;
    margin: 10px 0 20px 0;
}

.affiliate-clear-form
{ 
    margin-right: 5px;
}

@media (max-width: 580px)
{
    .affiliate-sign-up-form,
    .affiliate-textbox-wrap textarea
    { 
        width: 100%;
        max-width: 100%;
    }
}

/* ADA Accessibility Statements
************************************/

.ada-statement-page-wrap
{
    background-color: #fff;
    padding: 10px;
}

.ada-statement-wrap p,
.ada-statement-wrap ul
{
    margin-bottom:15px;
}

.ada-statement-wrap ul
{
    padding-left:15px;    
}

.ada-utility-link
{
    display:none;    
}

.SKIP-WRAP a, .ada-message-wrap a {
    background-color: #666;
    border-radius: 0 0 3px 3px;
    color: #fff;
    left: 5px;
    padding: 6px;
    position: absolute;
    top: -50px;
    transition: top 1s ease-out 0s, background 1s linear 0s;
    z-index: 100;
}

/* DOB Dropdown Styles
***************************************/
.date-dropdown 
{
    position:relative;
    width:33% !important; 
    min-width:275px;
    clear:both;
}
    
.date-dropdown select {
    width: 25% !important;
    margin: 0 10px 0 0;
}
    
/* Groups Request
***************************************/

.group-vacations-wrap 
{
    background-color: #fff;
}

.group-vacations-form 
{
    padding-top: 20px;
    padding-bottom: 200px;
    max-width: 615px
}

.group-vacations-form label {
    display: inline-block;
    width: 125px;
}

.group-vacations-form > div
{
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 13%;
}

.group-vacations-form > div:nth-child(even),
.group-special-requests
{
    margin-right: 0;
}

.group-special-requests 
{
    display: block;
    width: 100%;
}

.group-special-requests textarea
{
    width: 100%;
}

.group-vacations-form .button 
{
    float: right;
}


@media (max-width: 639px) 
{    
    .group-vacations-form > div 
    {
        display: block;
        margin-right: 0;
    }
    .group-vacations-form input[type="text"]
    {
        width: 185px;
    }
}

/* Bonus Cash 
***************************************/

.bonus-cash-wrap
{
    width:100%;    
}

.bonus-cash-registration-link
{
    padding-right:10px;
}

.agency-owner-input-wrap,
.owner-declaration-wrap,
.agency-information-wrap
{
    border-bottom: 1px solid #dedede; 
    margin: 10px 0px 0px;
    padding: 10px 0px; 
    float: left;
    width: 100%;  
}

.agency-information-list li
{
    padding-bottom:4px;
    list-style-type: none;
}

.agency-information-list strong
{
    margin-right: 3px;   
}

.agent-information-inputs-wrap
{
    margin-top: 20px;
    float: left;
    width: 100%;
}

.agent-information-inputs-wrap > div,
.bc-agent-allusernames > div,
.bc-email-wrap > div,
.bc-agent-address > div
{
    min-width: 275px;
    width: 28%;
    margin-right:5%;
    display:inline-block;
}

.agent-information-inputs-wrap input,
.agent-information-inputs-wrap select
{
    border: 1px solid #aaa;
    height: 30px;
    width:100%;
    margin-bottom:10px;
}


.agent-information-inputs-wrap .bc-mail-card,
.agent-information-inputs-wrap .bc-subscribe-info
{
    width: 45%;
    float:left;
    margin-bottom:15px;
}

.agent-information-inputs-wrap .bc-mail-card input,
.agency-owner-input-wrap input,
.owner-declaration-wrap input

{
    display:inline-block;
    height: inherit;
    width: auto;
    margin-right: 3px;
}

.agent-information-inputs-wrap .bc-agent-allusernames,
.agent-information-inputs-wrap .bc-email-wrap
{
    width:100%;
    
}
    
.bc-mail-card  .radio-label
{
    display:block;
    margin: 10px 0px;
}

.agent-information-inputs-wrap .bc-button-wrap 
{
    float: right;
}

.owner-declaration-wrap p

{
    padding-bottom:5px;
}

.agent-information-inputs-wrap label small
{
 display:block;  
}

@media (max-width: 979px)
{
    .agent-information-inputs-wrap .bc-button-wrap 
    {
        float: left;
    }   
    .agent-information-inputs-wrap .bc-subscribe-info
    {
        width:100%
    } 
}


/*TRIP BOOKMARK DETAILS/RESTOOL 
******************************/

.trip-bookmark-wrap 
{

    padding: 20px;
}

.trip-bookmark-main 
{
    float: left;
    width: 55%;
}

.trip-bookmark-hero 
{
    padding-bottom: 20px;
}

.trip-bookmark-hero img 
{
    max-width: 1228px;
    width: 100%;
    overflow: hidden;
}

.trip-bookmark-hero img[src=""] 
{
    display: none;
}

.trip-bookmark-wrap h2 
{
    border-bottom-width: 0;
}

.trip-bookmark-wrap ul
{
    list-style: none;
    line-height: 2;
}

.trip-bookmark-wrap p,
.trip-bookmark-wrap ul
{
    padding-bottom: 10px;
}

.trip-bookmark-disclaimer 
{
    font-style: italic;
    font-size: 1.2rem;
}

.trip-bookmark-wrap p.trip-bookmark-na 
{
    padding: 40px;
    margin: 0;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}

.trip-bookmark-restool 
{
    border-radius: 3px;
    padding: 20px;
    float: right;
    max-width: 350px;
    background: #f0f0f0;
}

.trip-bookmark-restool input[type="text"]
{
    width: 100%;
}

.trip-bookmark-restool label
{
    display: block;
    font-weight: bold;
} 

.trip-bookmark-restool label,
.trip-bookmark-rooms,
.trip-bookmark-dest,
.trip-bookmark-depart,
.trip-bookmark-vendor,
.trip-bookmark-return,
.trip-bookmark-origin,
.trip-bookmark-child-age,
.trip-bookmark-book-by
{
    margin-top: 10px;
}

.trip-bookmark-restool .button-large 
{
    width: 100%;
}

.trip-bookmark-rooms-wrap 
{
    padding-bottom: 5px;
}

.trip-bookmark-rooms
{
    border-bottom: 1px dashed #aaa;
}

.trip-bookmark-num-adults,
.trip-bookmark-num-child
{
    display: inline-block;
    width: 100px;
}

.trip-bookmark-num-adults select,
.trip-bookmark-num-child select,
.trip-bookmark-room-num-wrap select
{
    width: 80px
}

.trip-bookmark-each-child
{
    display: inline-block;
    width: 57px;
}

.trip-bookmark-each-child select 
{
    width: 50px;
}

.trip-bookmark-num-adults label,
.trip-bookmark-num-child label 
{
    font-weight: normal;
}

.trip-bookmark-submit-wrap 
{
    padding-top: 20px;
}

.trip-bookmark-submit-wrap .button
{
    width: 100%;
}

.tripbookmark-error 
{
    border-radius: 3px;
    margin: 10px 0;
    padding: 2%;
    background-color: #fcfcfc;
    border: 1px solid #f2f2f2;
    color: #d90707;   
}

@media (max-width: 899px) 
{
    .trip-bookmark-restool,
    .trip-bookmark-main
    {
        float: none;
    }
    
    .trip-bookmark-main 
    {
        width: 100%
    }
}

/* TRIP BOOKMARK
***************************************/

.trip-bookmark-supplier fieldset
{
    margin: 10px 5% 15px 0;
    width: 27%;
    display: inline-block;
    min-width: 270px;
}

.trip-bookmark-error
{
    margin-top: 10px;
}

.specific-error-wrap
{
   float: none;
}

.tripbookmark-specific-error
{
    border: 1px solid #cc0000;
    border-radius: 6px;
    color: #cc0000;
    font-weight: bold;
    margin: 10px;
    padding: 2px 2px 10px 2px;
    line-height: 1;
}

.tripbookmark-specific-error span
{
    font-size: 2.1rem;
}

#featuresInActive .specific-error-wrap
{
    clear: both;
}

#featuresInActive .tripbookmark-specific-error
{
    margin-left: 0;
    margin-right: 0;
}

#featuresInActive .specific-error-wrap:before
{
    content: "";
    display: block;
    height: 1px;
}

.tripbookmark-page-error
{
    background: #fff;
    border: 2px solid #cc0000;
    border-radius: 6px;
    color: #cc0000;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
}


/* trip bookmark table
***************************************/

.trip-bookmark-results
{
    padding-top: 10px;
}

.retrieve-tripbookmark-wrap table.dataTable 
{
	margin: 0 auto 15px;
	clear: both;
	width: 100% !important;
}

.trip-bookmark-table th 
{
    background-color: #f2f2f2;
    padding: 5px 6px 5px 17px;
    border: 1px solid #d3d3d3;
    width: 18%;
}

table.trip-bookmark-table tr.odd,
table.trip-bookmark-table tr.odd td.sorting_1 
{
    background-color:#fff;
}

.trip-bookmark-table td 
{
    border:solid 1px #ddd;
}

.retrieve-tripbookmark-wrap table.dataTable td 
{
	padding: 5px;
}

.retrieve-tripbookmark-wrap table.dataTable td.center,
.retrieve-tripbookmark-wrap table.dataTable td.dataTables_empty 
{
	text-align: center;
}

.retrieve-tripbookmark-wrap .dataTables_length 
{
	text-align: right;
	margin-bottom:10px;
}

.retrieve-tripbookmark-wrap .dataTables_paginate 
{
    text-align: right;
}

.retrieve-tripbookmark-wrap .dataTables_paginate a
{
     margin: 0 5px;
}

.retrieve-tripbookmark-wrap .dataTables_paginate a.current, 
.retrieve-tripbookmark-wrap .dataTables_paginate a.disabled 
{
    margin: 0 5px;
    text-decoration: none;
    cursor: default;
    color: #000;
}

.dataTables_filter 
{
	float: right;
	text-align: right;
}

.dataTables_info 
{
	clear: both;
	float: left;
}

.trip-bookmark-table .sorting,
.manage-users-table .sorting  
{ 
    background: url('https://trisept.widen.net/content/bebk3yfnpz/png/TRI_ICON_NAV_sort_both.png') #f2f2f2 no-repeat center left; 
}
.trip-bookmark-table .sorting_asc,
.manage-users-table .sorting_asc    
{
    background: url('https://trisept.widen.net/content/an9bm0krc7/png/TRI_ICON_NAV_sort_asc.png') #f2f2f2 no-repeat left; 
}
.trip-bookmark-table .sorting_desc,
.manage-users-table .sorting_desc  
{ 
    background: url('https://trisept.widen.net/content/x4mnahoupc/png/TRI_ICON_NAV_sort_desc.png') #f2f2f2 no-repeat left; 
}

.trip-bookmark-table .sorting_asc_disabled,
.manage-users-table .sorting_asc_disabled 
{ 
    background: url('https://trisept.widen.net/content/vsvrtfslen/png/TRI_ICON_NAV_sort_asc_disabled.png') #243a4f no-repeat  left;
}

.trip-bookmark-table .sorting_desc_disabled,
.manage-users-table .sorting_desc_disabled  
{ 
    background: url('https://trisept.widen.net/content/5pqtjrxpx3/png/TRI_ICON_NAV_sort_desc_disabled.png') #243a4f no-repeat  left; 
}
 
table.dataTable thead th:active,
table.dataTable thead td:active 
{
	outline: none;
}

.retrieve-tripbookmark-wrap table.dataTable thead th
{
	cursor: pointer;
}

.retrieve-tripbookmark-wrap  table.dataTable th.sorting_disabled 
{
    cursor: default;
}

.trip-bookmark-mobile-label
{
    display: none;
}

.tripbookmark-tooltip
{
    border-bottom: 1px dotted;
    cursor: help !important;
    color: #0E589F;
    width: 30px;
    background: transparent;
    text-decoration: none;
}

.tripbookmark-destinations-header
{
    width: 150px !important;
}

 @media (max-width: 899px)
 {
    .trip-bookmark-table th 
    {
        display: none;
    }

    .trip-bookmark-mobile-label
    {
        display: block;
    }

    .trip-bookmark-table td 
    {
        display: inline-block;
        width: 50%;
        border: none;
        padding: 5px 3px 3px 3px;
        font-size: 1.3rem;
        float: left;
    }
    table.trip-bookmark-table tr.odd,
    table.trip-bookmark-table tr.odd td.sorting_1 
    {
        background-color:#f2f2f2;
    } 
}

/* DOB Dropdown Styles
***************************************/
.date-dropdown 
{
    position:relative;
    width:33% !important; 
    min-width:275px;
    clear:both;
}
    
.date-dropdown select {
    width: auto !important;
    padding: 0 15px 0 0;
    margin: 0 10px 0 0;
}
    
.date-dropdown .ajax__validatorcallout_popup_table 
{
    left: 245px !important;
}

@media (max-width: 767px) 
{
    .date-dropdown .ajax__validatorcallout_popup_table  
    {
        top: auto !important;
        left: auto !important;
    }

    .date-dropdown .ajax__validatorcallout_callout_arrow_cell_reverse,
    .date-dropdown .ajax__validatorcallout_callout_arrow_cell
    {
        display: none;
    }
}


/*Enhance Loyalty Points Display - Badge look and feel*/

.reward-points-wrap
 {
    display: flex;
	flex-direction: row;
	padding: 8px 8px 4px 8px;
	border: 1px solid #dedede;
	border-radius: 3px;
	background-color: #f2f2f2;
    max-width: 263px;
    min-width: 130px;
 }

.reward-logo .reward-img
{
    background: url("https://trisept.widen.net/content/iypkcuill5/png/TRI_LOGO_ANCILLARY_rewards-logo.png") no-repeat top left;
    background-size: contain;
    width: 80px;
    height: 25px;
}
.reward-points 
{
	font-size: 1.2rem; 
	color: #304cb2; 
	font-weight: bold; 
	margin: 0;
	width: 100%;
}

.reward-points p
{
	text-align: right;
	padding: 0;
    line-height: 1.4rem;
}

.reward-per-member
{
	font-size: 1rem;
}

.price-stamp-wrap .reward-points-wrap {
    margin: 10px 0 5px auto;
}

.avail-grid-table .reward-points-wrap {
    flex-direction: column;
    width: 130px;
    margin: 5px 0 0 auto;
}

.hp-price-stamp-wrap .reward-points-wrap {
    background-color: #fff;
}

.fare-list-table .reward-points-wrap {
    margin-left: auto;
    max-width: 210px;
}

.checkout-wrap .reward-points-wrap {
    margin-left: auto;
}

.reward-points-incremental-wrap {
    display: inline-block;
    margin: 10px auto;
    padding: 8px 0;
    border: 1px solid #dedede;
    border-radius: 3px;
    background-color: #ffffff;
    float: left;
}

@media (max-width: 580px)
{
    .avail-grid-table .reward-points-wrap
     {
	    flex-direction: row;
        margin: auto;
        width: auto;
     }

    .fare-list-table .reward-points-wrap {
        margin: auto;
    } 
}

.contentOnSaleBtnPosition {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0 10px 10px 10px;
    background-color: #f0f0f0;
}

.contentOnSaleBtnPosition input:read-only { 
    padding: 10px;
    width: 100%;
    font-weight: normal;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
    color: #fff;
    border: 2px solid #06893d;
    background-color: #06893d;
    padding: 0px 33px !important;
    height: 38px !important;
    font-size: 20px;
} 

.contentOnSaleBtnPosition input:hover {
  background-color: #0d5029;
  border: 2px solid #0d5029;
}

.grid-header-margin-10-px {
    margin: 10px 0px 10px 12px;
}

.edit-flight-information {
    margin: 4px 0;
}

.flight-num-input {
    width: 95px;
}

.flight-date-input {
    width: 100px;
}

.flight-carrier-dropdown {
    min-width: 150px;
}

.confirm-button-modal-pop-up {
    text-align: right;
}

.wider-display {
    vertical-align: middle;
    width: auto;
}

.group-flight-information-wrap fieldset {
    /* width: 19%;*/
    padding: 2px;
    float: left;
    position: relative;
    display: inline-block;
}

.checkboxOnGrid {
    text-align: center;
}

@media(max-width: 1023px) {

    .group-flight-information thead tr {
        display: none;
    }

    .group-flight-information td {
        display: inline-block;
        width: 50%;
        border: none;
        padding: 5px 3px 3px 3px;
        font-size: 1.3rem;
        float: left;
    }

    #groupDetailsTabs-5 .current-balance-mobile-label {
        display: block;
    }

    .checkboxOnGrid {
        text-align: left;
    }
}

@media ( max-width: 860px) {
    .confirm-button-modal-pop-up {
        text-align: center;
    }

    .group-flight-information thead tr:not(:first-child),
    .group-flight-information thead tr:first-child th:not(:first-child) {
        display: none;
    }

    #GroupFlightUpdateTable .wider-display {
        display: none;
    }

    #GroupFlightUpdateTable .current-balance-mobile-label, #GroupFlightUpdateTable td:not(#GroupFlightUpdateTable table td) {
        display: block
    }

    #GroupFlightUpdateTable .group-flight-information-wrap .ui-datepicker-trigger {
        top: 24px;
    }

    #flightInfoStopTable .current-balance-mobile-label, #flightInfoStopTable td:not(#flightInfoStopTable table td) {
        display: block
    }

}

.selectAllCheckbox-edit-button {
    display: flex;
    height: 30px;
}

.selectAllCheckboxesLabel {
    margin-top: 4px;
}

.edit-flight-information-top {
    margin-left: 4px;
}

.selectAllCheckbox-input {
    margin-top: initial;
}

@media ( max-width: 640px) {
    .selectAllCheckboxesLabel {
        top: 320px;
    }
}

/* Group Portal styles */
.group-portal-update-panel {
    width: 100%;
}

.group-portal-wrapper .title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    padding: 2rem 0 2rem 0;
}

.gp-form-button {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1rem;
    height: 2.5rem !important;
}

.gp-calendar-wrap {
    display: flex;
    flex-direction: column;
}

.gp-calendar-wrap button {
    top: 6px;
    right: -3px;
}

.group-portal-wrapper .title-bar .search-form {
    display: flex;
    gap: 1.25rem;
}

.group-portal-main-frame {
    display: flex;
    padding: 1.8rem 2.5rem;
    flex-direction: column;
    align-items: center;
    gap: 1.8rem;
    align-self: stretch;
    border: 1px solid #CDD2D6;
}

.group-portal-main-frame .group-info {
    display: flex;
    padding: 1.25rem 2.5rem;
    align-items: flex-start;
    gap: 3rem;
    align-self: stretch;
    background: #F6F6F6;
}

.group-info-section {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.text-bold {
    margin-bottom: 10px !important;
    line-height: 1 !important;
    padding-bottom: 0px !important;
    font-size: 2rem !important;
    font-weight: bold !important;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}

.group-portal-customizations {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    align-self: stretch;
}

.group-portal-customizations .header {
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
   align-self: stretch;
   padding-top: 2rem;
}

.group-portal-customizations .header .header-title {
    display: flex;
    padding: 0.5rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    align-self: stretch;
    background: #4C6E87;
}

.group-portal-header-title {
    color: white;
    margin: 0;
    font-size: 2.6rem;
    line-height: 1;
    font-weight: normal;
    margin-bottom: inherit !important;
    padding-bottom: 0px !important;
    width: inherit !important;
}

.group-portal-main-frame .introduction {
    align-self: flex-start;
}

.group-portal-success {
    display: flex;
    padding: 1.8rem 2.5rem;
    justify-content: space-between;
    align-self: stretch;
    border: 1px solid #CDD2D6;
}

.group-portal-customizations .gp-content-section {
    display: flex;
    padding: 1.25rem 2.5rem;
    flex-direction: column;
    gap: 2rem;
    align-self: stretch;
    border: 1px solid #CDD2D6;
}

.gp-content-section .gp-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch;
}

.pr-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: stretch;
    white-space: nowrap;
}

.pr-inputs, .advisor-inputs {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
}

.pr-inputs input[type=text], .pr-inputs select, .advisor-inputs input[type=text] {
    border: 1px solid #60676C;
    padding: 0.5rem 0.75rem;
    height: 3rem;
}

.gp-checkbox-container {
    display: flex;
    align-items: flex-start;
    gap: 0.3rem;
    padding: 2.3rem 0;
}

.gp-form-input {
    height: 2.5rem !important;
    border: 1px solid #60676C !important;
    background-color: white;
    padding: 0 0.75rem 0 1rem !important;
    width:100%
}

.pr-input {
    display: flex;
    flex-direction: column;
}

.event-schedule-act-header {
    display: flex;
    padding: 1rem;
    align-items: center;
}

.event-schedule-act-header button[type=button]{
    font-size: 1.5em;
}

.event-schedule-act {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%
}

.event-schedule-act label{
    font-weight: 700;
}

.pr-input label {
    font-weight: 700;
}

.gp-field-bottom-text {
    font-size: 0.9rem;
    font-weight: 400;
    white-space: nowrap;
}

.field-description {
    font-size: 0.8em
}

.gp-input-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    width: 100%
}

.gp-input-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
    width: 100%
}

.gp-input-group input[type=text] {
    border: 1px solid #60676C;
    padding: 0.5rem 0.75rem;
    height: 3rem;
}

.gp-input-group label {
    font-weight: 700;
    width: 100%;
}

.gp-custom-25rem-width 
{
    width: 25rem;
}

.gp-space-label {
    display: flex;
    justify-content: space-between;
}

.gp-link-color {
    color: #4C6E87;
    font-weight: 400;
}

.gp-copy-url {
    color: #0E589F;
    font-weight: 400;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: underline;
}

.gp-textarea-container {
    display: flex;
    align-self: stretch;
    flex-direction: column;
}

.gp-textarea-container table:first-child {
    width: 100%
}

.gp-textarea {
    max-width:100%;
    width: 100%;
    box-sizing: border-box;
    min-height: 8rem;
}

.full-width {
    width: 100%
}

.gp-save-button {
    height: 3rem !important;
    align-self: flex-end;
}

.gp-short-text {
    display: none;
}

.gp-link-to-groups {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}

.gp-image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    width: 100%;
}
.gp-image-grid-item {
    border: 1px solid #ddd;
    text-align: center;
    cursor: pointer !important;
    background-color: #F5F5F5;
}

.gp-image-grid-item-text {
    text-align: center;
    background-color: #F5F5F5;
    margin: 1rem;
}

.gp-image-grid-item.selected {
    border: 0.5rem solid #4C6E87;
}

.gp-image-grid-item img {
    width: 100%;
    height: 10rem;
    object-fit: cover;
}

.gp-link {
    display: flex;
    align-self: flex-end;
}

.group-portal-update-panel .ajax__validatorcallout.ajax__validatorcallout_popup_table {
    position: unset !important;
}

.group-portal-update-panel .ajax__validatorcallout_callout_arrow_cell {
    display: none;
}

.invisible-placeholder {
    visibility: hidden;
    display: inline-block;
}

@media (max-width: 1020px) {
    .advisor-inputs {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .group-portal-wrapper .title-bar {
        flex-direction: column;
        padding-bottom: 1.5rem;
    }

    .group-portal-wrapper .title-bar .search-form {
        flex-direction: column;
    }

    .group-portal-main-frame .group-info {
        flex-direction: column;
    }

    .event-schedule-act-row {
        flex-wrap:wrap;
    }

    .pr-inputs {
        flex-direction: column;
        align-items: flex-start;
    }

    .gp-checkbox-container {
        align-self: flex-start;
        padding: 0;
    }

    .gp-link-color {
        font-size: 1.3rem;
    }

    .gp-short-text {
        display: block;
    }

    .gp-large-text {
        display: none;
    }

    .gp-image-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

    /* End Group Portal styles */


@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url('/fonts/MaterialIcons-Regular.ttf') format('truetype');
}

/* Sections on restool with borders */
.iframeRestool-topSection,
.iframeRestool-midSection,
.iframeRestool-botSection {
    margin: 0;
    padding: 10px 10px 15px 10px;
    display: block;
    flex-direction: column;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 4px solid #f0f0f0;
}

.iframeRestool-botSection {
    border-bottom: 1px solid #dfdfdf;
}

/* Background color */
#extRestoolContainerVAX,
.iframeRestoolContainerVAX {
    background-color: #fafafa;
}


    /* Restool link styles */
    .iframeRestoolContainerVAX a,
    .iframeRestoolContainerVAX .link {
        color: #0E589F;
        text-decoration: underline;
    }

        .iframeRestoolContainerVAX a:hover,
        .iframeRestoolContainerVAX .link:hover {
            color: #0d4e78;
            text-decoration: underline;
        }


/* Restool headline */
.iframeRestoolVAXheader {
    background-color: #243a4f;
    color: #fff;
    padding: 8px 12px;
}


/* Restool form styles */
.iframeRestoolContainerVAX input[type="checkbox"],
.iframeRestoolContainerVAX input[type="radio"] {
    margin-top: 5px;
}

.iframeRestoolContainerVAX input[type="text"],
.iframeRestoolContainerVAX input[type="password"],
.iframeRestoolContainerVAX select {
    border: 1px solid #dfdfdf;
    background-color: #fff;
    border-radius: 3px;
    padding: 0 10px;
    height: 30px;
}


.iframeRestoolContainerVAX .selectize-control {
    margin-bottom: 0;
}

.iframeRestoolContainerVAX .selectize-input {
    border-radius: 3px !important;
}

.iframeRestoolContainerVAX .selectize-dropdown {
    height: 130px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.iframeRestoolContainerVAX .selectize-dropdown-content {
    overflow-y: unset !important;
    overflow-x: unset !important;
    max-height: 100% !important;
}

.iframeRestoolContainerVAX .selectize-input.items.has-options.not-full input {
    left: 0 !important;
    width: 200px !important;
}

.iframeRestoolContainerVAX .single.selectize-control.plugin-item_nowrap .selectize-input {
    height: 30px !important;
    border: 1px solid #dfdfdf;
}

.iframeRestoolContainerVAX .plugin-item_nowrap.selectize-control.single .selectize-input .item-wrap-outer .item-wrap-inner {
    height: 30px !important;
}

.iframeRestoolContainerVAX .plugin-item_nowrap.selectize-control.single .selectize-input .item-wrap-outer {
    top: 4px;
    left: 8px;
}

.iframeRestoolContainerVAX
.iframeRestoolContainerVAX .selectize-dropdown,
.iframeRestoolContainerVAX .selectize-input,
.iframeRestoolContainerVAX .selectize-input input {
    line-height: 20px;
}

    .iframeRestoolContainerVAX .selectize-input.items.has-options.not-full input {
        left: 0 !important;
    }

.iframeRestoolContainerVAX .selectize-control.single .selectize-input::after,
.iframeRestoolContainerVAX .selectize-control.single .selectize-input.dropdown-active::after {
    right: 20px;
}

.iframeRestoolContainerVAX .selectize-input > input {
    padding: 10px !important;
}

.iframeRestoolContainerVAX .selectize-control.single .selectize-input::after {
    content: "expand_more";
    display: block;
    position: absolute;
    top: 40%;
    right: 20px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-style: none;
    border-width: inherit;
    border-color: transparent;
    font-family: 'Material Icons';
}

.iframeRestoolContainerVAX .infant-question {
    text-align: right;
    margin-top: -5px;
}

.iframeRestoolContainerVAX .largeSelect,
.iframeRestoolContainerVAX .rooms-wrap select {
    background-color: #FFF;
}

.iframeRestoolContainerVAX .supplier-wrap select,
.iframeRestoolContainerVAX .package-type-wrap select,
.iframeRestoolContainerVAX .going-to-wrap select,
.iframeRestoolContainerVAX .departing-from-wrap select,
.iframeRestoolContainerVAX .extSearchBtnPosition input,
.iframeRestoolContainerVAX .travel-protection-wrap,
.iframeRestoolContainerVAX .shop-by-wrap,
.iframeRestoolContainerVAX .hotelBrand,
.iframeRestoolContainerVAX .hotelName {
    width: 100%;
    min-width: auto;
}

/* restool layout styles */

.iframeRestoolContainerVAX .rooms-wrap {
    width: auto;
}

.iframeRestoolContainerVAX .rooms-wrap,
.iframeRestoolContainerVAX .departing-from-wrap,
.iframeRestoolContainerVAX .supplier-wrap,
.iframeRestoolContainerVAX .number-nights-wrap {
    margin-right: 0px;
}

.iframeRestoolContainerVAX .departing-from-wrap,
.iframeRestoolContainerVAX .package-type-wrap,
.iframeRestoolContainerVAX .supplier-wrap,
.iframeRestoolContainerVAX .going-to-wrap,
.iframeRestoolContainerVAX .return-date-wrap,
.iframeRestoolContainerVAX .rooms-wrap,
.iframeRestoolContainerVAX .dest-region-wrap,
.iframeRestoolContainerVAX .ms-departing-from-wrap,
.iframeRestoolContainerVAX .ms-depart-date-wrap,
.iframeRestoolContainerVAX .ms-supplier-wrap {
    min-width: auto;
}

.iframeRestoolContainerVAX .supplier-wrap {
    display: flex;
    flex-direction: column;
    margin: 0 0 8px 0;
}

.iframeRestoolContainerVAX .package-type-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width: auto;
}

.iframeRestoolContainer .package-type-wrap-inner {
    display: flex;
}

.iframeRestoolContainerVAX .promo-code-wrap {
    width: auto;
    min-width: auto;
    flex-direction: column;
    display: flex;
}

.iframeRestoolContainerVAX .infant-question {
    text-align: right;
    margin-top: -10px;
}

.iframeRestoolContainerVAX #infantQuestionPosition a {
    font-size: 12px;
}

.iframeRestoolContainerVAX .subLabel {
    font-size: 1.1rem;
}

.iframeRestoolContainerVAX .rooms-wrap {
    display: flex;
    margin: 0;
}

.iframeRestoolContainerVAX .rooms {
    width: 100%;
}

.iframeRestoolContainerVAX .number-of-rooms-wrap,
.iframeRestoolContainerVAX .adults-wrap,
.iframeRestoolContainerVAX .children-wrap {
    float: left;
    margin-right: 5%;
    width: 30%;
}

.iframeRestoolContainerVAX .children-wrap {
    margin-right: 0;
}

.iframeRestoolContainerVAX .number-of-pax-wrap {
    max-width: none;
}

.iframeRestoolContainerVAX .number-of-rooms-wrap + .number-of-pax-wrap {
    margin-left: 0;
}

.iframeRestoolContainerVAX .number-of-pax-wrap + .number-of-pax-wrap {
    margin-left: 0;
}

.iframeRestoolContainerVAX .date-dropdown {
    min-width: 260px;
}


.iframeRestoolContainerVAX .number-nights-wrap {
    float: right;
}

.iframeRestoolContainerVAX .departing-from-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}

.iframeRestoolContainerVAX .going-to-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
}


.iframeRestoolContainerVAX .rooms-wrap .childAge select {
    width: 28.5%;
}

.iframeRestoolContainerVAX .ui-datepicker-trigger {
    top: 8px;
    right: 0;
}

.iframeRestoolContainerVAX .return-date-wrap {
    width: 160px !important;
    margin-right: 0 !important;
    margin-bottom: 10px;
    min-width: 160px !important;
}

    .iframeRestoolContainerVAX .return-date-wrap input[type="text"] {
        padding: 0 0 0 10px;
        width: 100%;
        box-sizing: border-box;
    }

.iframeRestoolContainerVAX .depart-date-wrap {
    margin-right: 0 !important;
    margin-bottom: 10px;
    width: 160px !important;
    min-width: 160px !important;
}

    .iframeRestoolContainerVAX .depart-date-wrap input[type="text"] {
        padding: 0 0 0 10px;
        width: 100%;
        box-sizing: border-box;
    }

.iframeRestoolContainer .calendar-icon-wrap {
    width: 160px !important;
}

    .iframeRestoolContainer .calendar-icon-wrap input {
        width: 160px;
    }

.iframeRestoolContainerVAX .dateField {
    height: 30px !important;
}

.iframeRestoolContainerVAX .multi-room .room-number-label {
    font-weight: normal;
}

.iframeRestoolContainerVAX #ctl00_IFrameContentPlaceHolder_ifResTool_flexSearch {
    padding: 0 20px 0 0;
}

.iframeRestoolContainerVAX .moreSearchOptions a {
    margin: 15px 0 0 0;
}

.iframeRestoolContainerVAX .optionsWrap label {
    padding: 0 0 0 5px;
}

.iframeRestoolContainerVAX .shop-by-wrap {
    margin-bottom: 15px;
    padding: 0;
    border: 0px solid;
}

    .iframeRestoolContainerVAX .shop-by-wrap label {
        margin: 0 10px 0 5px;
    }

    .iframeRestoolContainerVAX .shop-by-wrap input[type="radio"] {
        margin: 2px 0 0 10px;
    }

.iframeRestoolContainerVAX .shop-by-title {
    margin-right: 15px;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
}


.iframeRestoolContainerVAX .travel-protection-wrap {
    margin: 0;
    padding: 0 25px 20px 20px;
    border: none !important;
    justify-content: flex-end;
    display: flex;
    width: 100%;
}

.iframeRestoolContainerVAX .travel-protection-wrap {
    display: flex;
    flex-direction: column;
    margin: 0 0 15px 0;
    padding: 0;
}

    .iframeRestoolContainerVAX .travel-protection-wrap legend {
        font-weight: normal;
        padding: 0;
    }

.iframeRestoolContainerVAX .moreSearchOptions {
    text-align: right;
}

.iframeRestoolContainerVAX .rooms-wrap select,
.iframeRestoolContainerVAX .number-nights-wrap input {
    width: 100%;
}

.iframeRestoolContainerVAX .day-label {
    right: 0;
    color: #707070;
}


/* Restool button styles */
.iframeRestoolContainerVAX .extSearchBtnPosition input.button:enabled {
    cursor: pointer;
    text-align: center;
    color: #fff;
    border: none;
    background-color: #06893d;
    padding: 10px;
    margin: 10px 0;
    text-transform: none;
    font-size: 16px;
    font-family: 'SourceSansPro-Bold', Arial, Sans-Serif;
    height: revert;
}

.iframeRestoolContainerVAX .extSearchBtnPosition input.button:hover {
    background-color: #0d5029;
}

.main-package-options > div {
    margin-bottom: 0;
}

.iframeRestool-onsale {
    display: flex;
    justify-content: space-between;
}

.iframeRestoolContainerVAX .iframeRestool-onsale .depart-date-wrap,
.iframeRestoolContainerVAX .iframeRestool-onsale .return-date-wrap {
    width: 48% !important;
    min-width: 48% !important;
}

#StandaloneHPContainer .travel-protection-wrap {
    border: 0px solid;
    margin: 0;
    padding: 0 0 20px 0;
}

.hpBtn {
    margin: 10px 0 0 0;
}

.iframeRestoolContainerVAX .hpBtn input.button:enabled {
    margin: 0;
}

.onsaleTopSection {
    border-top: 1px solid #dfdfdf;
}

.iframeRestoolContainerVAX .rooms-wrap {
    clear: both;
}

.valid-dates {
    margin-bottom: 10px;
}

.screen-reader-only {
    position: absolute;
    width: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden;
    white-space: nowrap;
}

/**Pharos chat styles*/
.pharos-chat-container {
    position: fixed;
    bottom: 12px;
    right: 12px;
    z-index: 999;
}

@font-face {
    font-family: 'avenirNextCustom';
    src: url('/fonts/AvenirNext/f64c3634-1027-4aec-8bd4-d96f2444f559.woff2') format('woff2'), url('/fonts/AvenirNext/91f23395-35b5-470e-9680-45d860e84f5b.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'avenirNextCustom';
    src: url('/fonts/AvenirNext/a1049d00-54ad-4589-95b8-d353f7ab52f0.woff2') format('woff2'), url('/fonts/AvenirNext/13faf0ae-dcab-4d1c-9c08-f9ca339b6023.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'avenirNextCustom';
    src: url('/fonts/AvenirNext/8c6d7851-9978-4520-8c8f-dc1b38b36eb6.woff2') format('woff2'), url('/fonts/AvenirNext/73fd8503-a80c-4965-97ae-a1178b2caad0.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'avenirNextCustom';
    src: url('/fonts/AvenirNext/9544095b-fbf6-4d50-870f-a5102776eae4.woff2') format('woff2'), url('/fonts/AvenirNext/7c22a3c2-6fb4-4dbf-9112-53b06942662a.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'avenirNextCustom';
    src: url('/fonts/AvenirNext/82eb5ca5-8702-4bb5-ac8d-6c33995824fb.woff2') format('woff2'), url('/fonts/AvenirNext/f61d18ba-8ac6-49d7-8581-4ff520a9fe06.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'avenirNextCustom';
    src: url('/fonts/AvenirNext/c2abd1c4-1332-43d3-a7d0-c24c359d2bb8.woff2') format('woff2'), url('/fonts/AvenirNext/888f1b57-0692-499d-91f0-718136703ef4.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v271/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}