html,
body {
    -min-width: 1680px;
}

#jsonDiv, #mobPorts, #ltr-1 span.mb, #mbl-btn {display:none;}
select::-ms-expand {
    display: none;
}
#result-count {

	margin-top:5px;
	margin-right:5px;
}

#results-container div.port-table-container {
	max-width:1400px;
}

div.count-all {
	margin:auto;
	width:180px;
	text-align:center;
}

div.count-all span {
	font-weight:bold;
}
.input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 25px;
    padding: 6px 10px;
    border: 1px solid #b5b5b5;
    margin-top: 3px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    color: #000000;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
}

.input.select {
    position: relative;
	padding-left:5px;
    background: linear-gradient(180deg, #ffffff 0%, #d1d2d1 100%);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.15);
    font-weight: normal;
}

.input.select:after {
    content: url(../img/icons/select-arrow.svg);
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 2;
    width: 25px;
    border: 1px solid #104b90;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, #79b7e6 0%, #2e6ca9 100%);
    box-shadow: inset 1px -1px 3px 0 rgba(255, 255, 255, 0.5);
}

.input.select select,
.input input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    display: block;
    position: relative;
    z-index: 5;
    width: calc(100% + 20px);
    height: 25px;
    padding: 6px 10px;
    margin: -6px -30px -6px -10px;
    background: none;
    border: none;
    font: inherit;
    font-weight: normal;
}

.input.select select {
    padding: 0px 10px;
    line-height: 25px;
}

.input.checkbox {
    position: relative;
    border: none;
    padding: 0px;
    margin: 0px;
    height: auto;
    background: none;
    box-shadow: none;
}

.input.checkbox input {
    position: absolute;
    width: auto;
    display: inline;
    opacity: 0;
}
.input.checkbox input.overlayLine {
	width:96%;
	height:40px;
	margin-top: -12px;
	margin-left: -15px;
}

.input.checkbox label {
    position: relative;
    padding-left: 18px;
    font-weight: normal;
    color: #666666;
}

.input.checkbox label:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0px;
    height: 10px;
    width: 10px;
    font-size: 9px;
    line-height: 10px;
    border-radius: 3px;
    background: #ffffff;
    border: 1px solid #b4b5b5;
    color: #fff;
    text-align: center;
    font-weight: normal;
}

.input.checkbox input:checked + label:before {
    content: "✓";
    background-color: #4a90e2;
    border: 1px solid #4a90e2;
}
input.input.date {
	font-weight:normal;
}
input.search {
    background: url(../img/icons/search.svg) no-repeat calc(100% - 10px) center / 18px;
	border: 1px solid #0771ED !important;
	box-shadow:none !important;
}
input.search::placeholder{
	color:#0771ED;
	opacity: 1; 
}
label.halfDisp {
    min-width: 42%;
}

label.halfDisp div.max-price {
    width: 64px !important;
}

label.halfDisp a.button {
    width: 58px !important;
}

div.group-header.filtered {
	display:none;
}

div.group-header a.childToggle {
	float:right;
	height:40px;
	width:40px;
	cursor:pointer;
	float:right;
	width:14%
}

#cruise-line-overlay .overlay div.group-header a.childToggle.epd {
	background: url(../img/icons/expand.svg) no-repeat right 50% center;
}
#cruise-line-overlay .overlay div.group-header a.childToggle {
	background: url(../img/icons/collapse.svg) no-repeat right 50% center;
}
#cruise-line-overlay div.group ul  {
	display:none;
}
#cruise-line-overlay div.group ul.show  {
	display:block;
}

#cruise-line-overlay div.group.size-hidden {
	display:none;
}
#cruise-line-overlay div.group.first-hidden {
	margin-top: 0px !important;
}
#cruise-line-overlay div.group-header div.input.checkbox {
	width:86%;
	float:left;
	padding: 12px 0px 12px 15px;
}
#cruise-line-overlay div.group ul div.input.checkbox input {
	width: 100%;
}

.filter-on div.group ul li {
	display:block;
}
.filter-on div.group ul li.filtered {
	display:none;
}
.filter-on div.group ul {
	display:block !important;
}

.button {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px 8px;
    border: 1px solid #0b4749;
    border-radius: 2px;
    background-color: #008286;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

.button.red {
    background-color: #d0021b;
    border-color: #5e000c;
}

body.show-overlay {
    overflow: hidden;
}

.overlay-container {
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 0;
    z-index: 100;
    overflow: hidden;
    transition: max-height 0ms 250ms;
}

.overlay-container.centered-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
}
.overlay-container.centered-overlay table {
    /* width: 100%; */
	margin-left:1px;
}

.overlay-container.show {
    max-height: 100%;
    transition: max-height 0ms 0ms;
}

.overlay-container .blackout {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 125ms 125ms;
}

.overlay-container.show .blackout {
    opacity: 1;
    transition-delay: 0ms;
}

.overlay-container .overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    max-width: 960px;
    height: 100%;
    background-color: #f5f5f5;
    transform: translateX(100%);
    transition: transform 125ms;
	
}

.overlay-container .overlay div.sticky-ov {
	position:fixed;
	top:0px;
	right:0px;
	max-width:960px;
	width:100%;
	z-index:20;
}

.overlay-container.show .overlay {
    transform: none;
    transition-delay: 125ms;
}

.overlay-container.show .overlay.scroll {
/*     overflow-y: scroll;
	overflow-x: hidden; */
	padding-top:144px;
	-webkit-overflow-scrolling: touch;
}
.overlay-container.show .overlay.scroll fieldset {
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
    height: calc(100% - 184px);
	margin-bottom:40px;
}

.overlay-container.centered-overlay .overlay {
    position: relative;
    z-index: 100;
    top: 0;
    left: 0;
    width: 766px;
    height: 346px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: translateY(25%);
    transition: transform 125ms, opacity 125ms;
}

.overlay-container.centered-overlay .overlay.auto-height {
    height: auto; 
}

.overlay-container.centered-overlay.show .overlay {
    opacity: 1;
    transform: none;
}

.overlay-container.centered-overlay .close-overlay {
    display: inline-block;
    position: absolute;
	width: 12px;
	height: 12px;
    top: -14px;
    right: -14px;
    padding: 8px;
    color: #ffffff;
    background: url(../img/icons/close-full-red.svg) no-repeat right center / auto 100%;

    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
	overflow: visible;
	border-radius: 50%;
	z-index:8;
	
}

.overlay-container .overlay .header {
    position: relative;
    padding: 20px;
    background-color: #008286;
    color: #b2d7d9;
    font-family: Arial;
    font-size: 16px;
    line-height: 18px;
}

.overlay-container .overlay .header h2 {
    margin-bottom: 5px;
    color: #ffffff;
    font-size: 20px;
    line-height: 18px;
    font-weight: normal;
}

.overlay-container .overlay .header .close-overlay {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80px;
    height: 100%;
    cursor: pointer;
    background: url(../img/icons/close.svg) no-repeat center / 30px;
}

.overlay-container .overlay .filters {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 10px 20px;
    background-color: #ffffff;
    border-bottom: 1px solid #d4d4d4;
}

.overlay-container .overlay .filters input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 40px;
    width: auto;
    max-width: 370px;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0px 15px;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    font-style: italic;
    line-height: 16px;
	padding-right: 30px;
}

.overlay-container .overlay .filters .button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
    border: 1px solid #d4d4d4;
    margin-left: 10px;
    border-radius: 2px;
    color: #4a90e2;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    background: linear-gradient(180deg, #fbfbfb 0%, #f6f6f6 100%);
    white-space: nowrap;
	text-decoration:underline;
}
/* .overlay-container .overlay .filters .button:hover {
	text-decoration:underline;
} */

.overlay-container .overlay .filters .button.less-padding {
    padding: 0px 12px;
    margin-left: 5px;
}

.overlay-container .overlay .filters .button.less-padding.no-ships {
    color: #d4d4d4;
}

.overlay-container .overlay .filters .button.red {
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    border: 1px solid #961b20;
    border-radius: 3px;
    background: linear-gradient(180deg, #bc2525 0%, #a41515 100%);
    box-shadow: inset 2px 2px 0 0 rgba(255, 255, 255, 0.16);
	text-decoration: none;
}

.overlay-container .overlay fieldset {
    padding: 10px 20px;
}

.overlay-container .overlay .columns {
    columns: 3 auto;
	-moz-column-count: 3;
    -webkit-column-count: 3;
}

.overlay-container .overlay .columns.one-column {
    columns: 1 auto;
	  -moz-column-count: 1;
    -webkit-column-count: 1;
}
.overlay-container.show div.overlay.scroll fieldset div.columns.two-column {
    columns: 2 auto;
	  -moz-column-count: 1;
    -webkit-column-count: 1;
}

.overlay-container .overlay fieldset .group {
    border: 1px solid #d4d4d4;
    background-color: #ffffff;
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    line-height: 22px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
	display:grid;
}

.overlay-container .overlay fieldset .group + .group {
    margin-top: 10px;
}

.overlay-container .overlay fieldset .group-header {
    padding: 12px 15px;
    border-bottom: 1px solid #d4d4d4;
    background-color: #e7f1ff;
}

#cruise-line-overlay .overlay fieldset .group-header {
	padding: 0px;
	overflow:visible;
}
#cruise-line-overlay .overlay fieldset .group-header label {
	font-size:13px;
	overflow:visible;
}
.overlay-container .overlay fieldset .group-header label {
    font-weight: bold;
}
.overlay-container .overlay fieldset div.group.rc {
	border: 1px solid #104B90;
}
.overlay-container .overlay fieldset div.group.rc .group-header {
	background:url(../img/icons/river-icon.svg) no-repeat right 100% #fff;
	border: none;
	font-weight:bold;
	padding: 8px 10px !important;
	width: 86%
}
.overlay-container .overlay fieldset ul {
    padding: 12px 15px;
}
.overlay-container .overlay fieldset ul.off {display:none;}

.overlay-container .overlay fieldset li input.overlayShip + label {
	margin-left:20px;
}

.overlay-container .overlay fieldset li + li {
    margin-top: 5px;
}

/* layout specifics */

.main {
    box-sizing: border-box;
    -padding: 10px 50px;
}

.results .header {
    display: flex;
	/* flex-wrap: wrap; */
    /* justify-content: flex-start;
    align-items: stretch; */
    border-bottom: 1px solid #6296e9;
    background-color: #d0e2ff;
}

@media (min-width: 1300px) {
	
	#results-container.weeks col.cr-price {
		width: 70px;
	}
    .results .header {
        /* padding: 0px calc((100% - 1330px) / 2); */
		padding: 0px 4%;
    }
}

.results td.empty {
/* 	opacity: 0.5; */
	color:#b1b1b1;
}

.results .header fieldset {
    flex-grow: 1;
    flex-basis: 180px;
	text-align:left;
	
}

#ltr-0 {order:1;margin-left:5px;}
#ltr-1 {order:7;margin-left:5px;}
#ltr-2 {order:2;}
#ltr-3 {order:8;}
#ltr-4 {order:3;}
#ltr-5 {order:9;}
#ltr-6 {order:4;}
#ltr-7 {order:10;}
#ltr-8 {order:5;}
#ltr-9 {order:11;}
.results .header div.break {
	flex-basis: 100%;
	height: 0;
	order: 6;
}
/* #cl-overlay {min-width:232px;} */


.results .header fieldset select.f-sml {
	width: 170px;
}

.results .header fieldset.navigation {
    max-width: 88px;
}

.results .header fieldset.navigation a.direction {
    height: 14px;
    width: 30.86px;
    color: #104b90;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    background-color: #ffffff;
}
.results .header fieldset.navigation a.button {
    height: 14px;
}

.results .header fieldset.controls {
    padding-top: 10px;
    padding-bottom: 10px;
}

.results .header fieldset ul {
    list-style: none;
}

.results .header fieldset li {
    padding: 9px 10px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.results .header fieldset li:first-child {
    padding-top: 15px;
}

.results .header fieldset li:last-child {
    padding-bottom: 20px;
}

.results .header fieldset li.controls {
    align-items: flex-end;
	margin-right:5px;
}


.results .header fieldset li.sort-by {
    margin-bottom: -1px;
    border: 1px solid #042144;
    border-radius: 2px 2px 0 0;
    background-color: #104b90;
	padding-bottom:18px;
}

.results .header fieldset li.durations {
	display:block;
	min-width:242px;
}

/* .results .header fieldset ul.durs {
	max-width:245px;
} */

/* .results .header fieldset li.durations label.full {
	width: 100%;
}
 */
.results .header fieldset li.durations label {
	display:flex;
	width: 220px;
	float:left;
	margin-left:0px;
}

.results .header fieldset li.durations label.half {
	width: 47%;
}

.results .header fieldset li.durations label.half + label.half {
	padding-left:14px;
}

.results .header fieldset label {
    display: block;
    flex-grow: 1;
    flex-basis: 0;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    white-space: nowrap;
}

.results .header fieldset li.sort-by label {
    color: #fff;
}

.results .header fieldset .button {
    flex-grow: 1;
    flex-basis: 0;
    margin-left: 10px;
}

.results .header fieldset .button + .button {
    margin-left: 6px;
}

.results .header fieldset li label + label {
    margin-left: 12px;
}

.results .header .max-price {
    width: 82px;
    float: left;
}
/* .results .header .datePrice {
    min-width: 316px;
} */

.results .header .clear-link {
    color: #d0021b;
    margin-left: 10px;
    margin-top: 22px;
}

.results .port-table-container {
    margin: 0 auto;
    display: inline-block;
	min-height:400px;
	width: 90%;
}

.results .portDisplay {
    color: #666666;
    font-family: Arial;
    font-size: 14px;
    line-height: 16px;
}

.results .portDisplay.empty {
    display: none;
}

.results .portDisplay td {
    border: none;
    font: inherit;
    background: #fff;
    vertical-align: middle;
}

.results .portDisplay .port-display {
    padding: 10px;
	font-weight:bold;
}

.results .locations-list {
    display: inline-flex;
    justify-content: flex-start;
    align-items: stretch;
    vertical-align: middle;
}

.results .locations-list li {
    display: inline-block;
    position: relative;
    padding: 5px 45px 5px 5px;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    background: linear-gradient(180deg, #ffffff 0%, #d1d2d1 100%);
    color: #000000;
    font-size: 13px;
    line-height: 15px;
    font-weight: normal;
}

.results .locations-list li + li {
    margin-left: 5px;
}

.results .locations-list li .remove {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    width: 25px;
    border: 1px solid #104b90;
    border-radius: 0 2px 2px 0;
    background: linear-gradient(180deg, #79b7e6 0%, #2e6ca9 100%);
    box-shadow: inset 1px -1px 3px 0 rgba(255, 255, 255, 0.5), 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
    color: #000;
    text-decoration: none;
    font-size: 18px;
    cursor: pointer;
}

.results .portDisplay .paging {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#allDates {display:none;}

.results .portDisplay .paging em {
    display:none;
}

.results .portDisplay .paging em.show {
    display:inline-flex;
}

.results .portDisplay a.trip {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #666666;
    font-family: Arial;
    font-size: 13px;
    line-height: 15px;
    cursor: pointer;
    user-select: none;
}

.results .portDisplay a.trip.next {
    /* margin-left: auto; */
}

.results .portDisplay a.trip.all-dates {
    /* margin:auto; */
	margin-left:18%;
}

.results .portDisplay a.trip em {
    text-decoration: underline;
}

.results .portDisplay a.trip .material-icons {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 28px;
    width: 28px;
    color: #fff;
    background: #008286;
    border: 1px solid #008286;
    border-radius: 50%;
    text-decoration: none !important;
}

.results .portDisplay a.trip em + .material-icons,
.results .portDisplay a.trip .material-icons + em {
    margin-left: 5px;
	vertical-align:middle;
}

.results table {
    border-collapse: collapse;
}


.results table tbody[aria-expanded="false"] tr.expandable {
    display: none;
}

.results table .cr-results td {
    padding: 7px 5px 5px 5px;
    border: 1px solid #b5b5b5;
    color: #666666;
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    vertical-align: top;
}

.results table td.embarkation-cell {
    border-left-width: 0;
    border-right-width: 0;
}

.results table td.embarkation-embark,
.results table td.embarkation-disembark {
    /* white-space:nowrap; */
}

.results table td.embarkation-disembark {
	text-align: right;
}

.results table td.view-link {
    text-align: center;
}

.results table td a {
    color: #666666;
    text-decoration: none;
}

.results table tbody tr {
	cursor:pointer;
}

.results table tbody tr:hover,
.results table tbody tr:nth-child(even):hover {
     background-color:#d0e2ff;
}

#view-content div.scroll table tbody tr:hover {
	 background-color:#d0e2ff;

}


.results table tbody a:hover {
    text-decoration: underline;
}

.results table tbody tr:nth-child(even) {
    background-color: #f1f1f2;
}

.results table .center {
    text-align: center;
}

.results table .ship-name {
	width: 140px;
    white-space: nowrap;
}

.results table .embarkation {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.results table .embarkation .mobileview {
	display:none;
}

.results table .destinations {
    font-family: Arial;
    /* max-width: 380px; */
    -font-size: 13px;
    -line-height: 15px;
}
.results table thead th {
	z-index:3 !important;
}
.results table thead.results-headings th {
    /* box-sizing: border-box; */
    /* -width: 51px; */
    /* border: 1px solid #294d88; */
    background: linear-gradient(180deg, #5d85c5 0%, #315591 100%);
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px;
	white-space:wrap;
    /* text-align: left; */

}

.results.single-set-port table thead.results-headings th.price {
	text-align:right;
}

.results.single-set table thead.results-headings th {
	text-align:right;
}


.results table thead th + th {
    border-left: none;
}

.results table thead th:not(:last-child) {
    border-right: none;
}

.results .region table thead th:not(:last-child) {
    width:76px;
}


#sticky-header {
	position:relative;
	z-index:100;
	text-align:center;
	
}
#sticky-header div.menu-limit {
	max-width:1282px;
	width: 100%;
	display:flex;
	flex-wrap:wrap;
	margin:auto;
}

.results table thead th.stuck {
    border-width: 0;
}


 #sticky-header.stuck {
	position:fixed;
	top:0px;
	
	width: -webkit-fill-available;
	width: -moz-available;
	
/*	padding: 0px 10% 0px 10%; */
}
/* #sticky-portDisplay.stuck { */
#result-headings {
	border:none;
	
}
#result-headings.stuck {
	position:fixed;
	top:155px;
	width:1400px;
}

/* expanded mobile menu  */
#result-headings.stuck.show {
	top:230px;
}

/* #results-headings.stuck {
	position:fixed;
	top:186px;
	width: 1400px;
} */
#sticky-selected {
	/* table-layout:fixed; */
}

/* #sticky-sub-header{
	display:none;
} */

/* #sticky-sub-header.stk{
	display:block;
	width:100%;
} */

/* #sticky-table {
	width: 100%;
}

#sticky-table.stk {
	position:fixed;
	top:139px;
} */

/* .results.top-lvl col.cr-img {width: 178px;} */

.results table thead .price {
	box-sizing: border-box;
    /* width: 45px; */
    padding: 5px 2px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 9px;
}

.results table thead.results-headings a {
    box-sizing: border-box;
    display: inline-block;
    /*  padding: 2px 5px; */
    padding: 2px 4px;
    border: 1px solid #104b90;
    border-radius: 5px;
    background: linear-gradient(180deg, #79b7e6 0%, #2e6ca9 100%);
    font-size: 13px;
    line-height: 14px;
    cursor: pointer;
}

.results table tbody .img {
    box-sizing: border-box;
   /*  width: 40px; */
    padding: 4px;
    text-align: center;
}

.results table tbody .img img {
    max-height: 18px;
    max-width: 18px;
    width: 100%;
}

.results table tbody .destinations {
    margin-top: 1px;
    padding-left: 10px;
    font-family: Arial;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
}

.results table tbody .view-more {
    color: #4a90e2;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    white-space: nowrap;
}

.results table tbody .price {
	box-sizing: border-box;
    padding: 7px 3px 5px 3px;
	/* width: 50px; */
   /*  width: 41px;
    max-width: 41px; */
	/* min-width:50px; */
    text-align: right;
}

.multiple-departure-details-box {
    box-sizing: border-box;
    background-color: #e2edfe;
	height: 100%;
}

.multiple-departure-details-box .left {
    box-sizing: border-box;
    width: 280px;
    flex-grow: 0;
    flex-shrink: 0;
}

.multiple-departure-details-box .right {
    box-sizing: border-box;
    width: 487px;
    flex-grow: 0;
    flex-shrink: 0;
}

.overlay-container .overlay .multiple-departure-details-box .header {
    padding: 0;

    background-color: #ffffff;
    color: #666666;
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    border-bottom: 1px solid #bbbdbf;
}

.overlay-container .group.na {
	opacity: 0.3;
}
.overlay-container .group li.disabled {	
	opacity: 0.3;
}
.overlay-container .group div.group-header.disabled {	
	opacity:0.3;
}

.overlay-container .overlay .multiple-departure-details-box .header .left,
.overlay-container .overlay .multiple-departure-details-box .header .right {
    padding: 20px;
}

.overlay-container .overlay .multiple-departure-details-box .header .left {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-right: 1px solid #bbbdbf;
    font-size: 14px;
    line-height: 16px;
}

.overlay-container .overlay .multiple-departure-details-box .header .left img {
    max-height: 30px;
    max-width: 30px;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 12px;
}

.overlay-container .overlay .multiple-departure-details-box .header .left strong {
    display: block;
}

.multiple-departure-details-box .header .information li {
    display: inline-block;
    width: auto;
}

.multiple-departure-details-box .header .information li + li {
    margin-left: 20px;
}

.multiple-departure-details-box .header .information li.stops {
    margin-top: 2px;
    width: 100%;
    margin-left: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multiple-departure-details-box .header .information li.stops .material-icons {
    font-size: 16px;
    color: #104b90;
    vertical-align: text-bottom;
    margin-left: -2px;
}

.multiple-departure-details-box .details {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
	
}

.multiple-departure-details-box .details .left {
    padding: 65px 20px 20px;
    color: #666666;
    font-size: 16px;
    line-height: 20px;
}

.multiple-departure-details-box .details .left h2 {
   /*  padding-right: 55px; */
    margin-bottom: 20px;
    color: #104b90;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
    /* background: url(../img/icons/overlay-departure-arrow.png) no-repeat top right; */
}

.multiple-departure-details-box .details .left ul {
    color: #666666;
    padding-left: 25px;
}

.multiple-departure-details-box .details .left li {
    position: relative;
}

.multiple-departure-details-box .details .left li::before {
    content: "";
    position: absolute;
    top: 5px;
    left: -15px;
    display: block;
    height: 6px;
    width: 6px;
    background-color: #104b90;
    border-radius: 50%;
}

.multiple-departure-details-box .details .right {
    padding: 15px 20px 15px 0px;
}

.multiple-departure-details-box .details .right .scroll {
	overflow-y:auto;
	overflow-x:hidden;
	max-height:350px;
	-webkit-overflow-scrolling: touch;
	/* border-right: 1px solid #bbbdbf; */
}

.multiple-departure-details-box .departures {
    -width: calc(100% - 281px);
    max-height: 100%;
    /* max-height: 350px; */
    overflow-y: hidden;
    /* overflow-y: scroll; */
}

.multiple-departure-details-box .departures p {
    margin: 0px 0px 15px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.multiple-departure-details-box .departures th {
    background: none;
    border: none;
}
/* #cruise-line-overlay .overlay li {
	display:none;
}
#cruise-line-overlay .overlay li.show { 
	display:block; 
} */

.overlay li.filtered,
.overlay-container .overlay .columns div.group.filtered,
#cruise-line-overlay li.size-hidden {
    display: none;
}
/* .overlay li.filtered.show {
	display:none;
} */

/* .overlay li.filtered.show {
    display: block;
	opacity: 0.5;
}
 */
#cruise-line-overlay div.input input.overlayShip {
	left:26px;
}
.overlay li.filtered.filter-override {
    display: block;
}

.overlay .div-port {
    padding-left: 25px;
}

#cruise-line-overlay.show div.filters a.size-filter.selected {
    /* border: 1px solid #4a90e2 !important; */
	border: 1px solid black;
	color:#fff;
	text-decoration:underline;
	background: #008286;
}

td.region {
    /* min-width: 155px; */
}

#result-headings td.port-display span {display:none;}
#result-headings.port td.port-display span {display:inline;}
#result-headings, #resultTable {
	/* min-width:600px; */
	/* width: 900px; */
	/* width: 90%; */
	margin:auto;

}
/* #result-headings.region, #resultTable.region {
	width:780px;
} */
#result-headings th.price, #resultTable td.price {
	width:45px;

	/* width:50px; */
}

#sticky-portDisplay {width:1400px;border-spacing:unset;}
#result-headings.port th.cr-dest {text-align:center;}
#result-headings.port th.cr-demb {text-align:right;}
.results colgroup col.hidden {display:none;}
#result-headings a.month-link,
#resultTable a.month-link {
    box-sizing: border-box;
    display: inline-block;
	width:40px;
    padding: 9px 8px;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 9px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #104b90;
    border-radius: 5px;
    background: linear-gradient(180deg, #79b7e6 0%, #2e6ca9 100%);
    box-shadow: inset 1px -1px 3px 0 rgba(255, 255, 255, 0.5), 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
}
/* #stuck-table a.month-link, */
/* #result-headings a.month-link {
	margin-left:1px;
} */

/* #stuck-table a.month-link-year,  */
#result-headings a.month-link-year, 
#resultTable a.month-link-year {
    box-sizing: border-box;
    display: inline-block;
	width:40px;
    padding: 5px 3px 3px 4px;
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 9px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #104b90;
    border-radius: 5px;
    background: linear-gradient(180deg, #79b7e6 0%, #2e6ca9 100%);
    box-shadow: inset 1px -1px 3px 0 rgba(255, 255, 255, 0.5), 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.results colgroup.region col.cr-img {width: 166px;}	
/* .results colgroup.region col.cr-img + col {width: 76px;}
.results colgroup.region col.cr-ship {width: 76px;} */


.results.sml-set colgroup.region col.cr-img {width: auto;}	
.results.sml-set colgroup.region col.cr-img ~ col {width: 90px;}
.results.sml-set col {width: 90px !important;}
/* .results.sml-set col.cr-img {width: auto !important;} */
.results.sml-set #result-headings a.week-link {max-width:none;}
.results.sml-set #result-headings a.week-link {max-width:none;}
/* .results.sml-set col.cr-dest {width: auto !important;} */
.results.sml-set-port .port colgroup.spaced col.cr-dest {width: auto;} 		
.results.sml-set-port .port colgroup.spaced col.cr-price {width: 90px !important;} 
.results.single-set-port .port colgroup.spaced col.cr-dest {width: auto;} 		
.results.single-set-port .port colgroup.spaced col.cr-price {width: 200px !important;} 

#result-headings th.sum-col, #resultTable td.sum-col {
	display:none;
}
.results.summary table thead th.price {
	width:45px;
}
/* 
.results table thead th {
	width:45px;
}

.results:not(.weeks) table tbody .price {
	width: 45px;

} */
	
@media (min-width: 768px) and (max-width: 1439px) {
	.results .port-table-container {width: 100%;}
		#results-container:not(.top-lvl) div.port-table-container {
		/* width: 100% !important; */
		max-width:1300px;
	}
	#results-container div.port-table-container {
		max-width:900px;
	}
	#result-headings, #resultTable {
		/* min-width:600px; */
		/* width: 900px; */
		width: 90%; 
		margin:auto;

	}


	#showNext a {
		text-align:right;
	}
	
	.results td.embarkation-cell div.embarkation {
		display:block;
	}
	.results table .embarkation .desktopview {
		display:none;
	}
	.results table .embarkation .mobileview {
		display:block;
		float:right;
	}
	.results table .embarkation strong {
		float:left;
	}
	.results table .embarkation div.destinations {
		clear:both;
		width:100%;
	}
	#resultTable tr.cruise-result td.img {
	
		text-align:center;
		padding: 8px 0px 4px 0px;
		border-right:0px;
		width:32px;
	}
	#results-headings tr th.cr-img {
		text-align:right;
		padding-right:0px;
		white-space:nowrap;
		max-width:32px;
	}
	#results-headings tr th.cr-ship {
		/* padding-left:2px; */
	}
	#results-headings tr th.cr-img::after {
		content: ' |';
	}

	#resultTable tr.cruise-result td.ship-name {
		border-left:0px !important;
	}
	
	
	/* #result-headings, #resultTable {
		width: 100%;
	} */
	
/* 	#results-container:not(.top-lvl) div.port-table-container {
		width: 100% !important;
	} */
	#result-headings a.week-link.disabled, #resultTable a.week-link.disabled {
		/* width: 38px; */
	}
	#result-headings a.week-link, #resultTable a.week-link { padding: 3px 7px;margin-bottom:1px;}
/* 	.weeks #resultTable.port col {
		width: 28px; 
	} */
	
	.results td.region {
		min-width: 100px;
	}
	.results.top-lvl td.region {
		/* min-width:125px;
		width:210px; */
	}
	.weeks #result-headings.port col.cr-price {
		 width: 50px;/*  breaks weeks ? */
		/* width: 84px; line breaks any lower */
	}
	.results:not(.weeks) #result-headings.port col.cr-img {
		/* breakcs specific dates @ region level - breaks no dates without */ 
		width: 32px !important;
		
	}
	.results.weeks #result-headings.port col.cr-img {
		width: 40px;
	}

	
	.results.top-lvl #result-headings col:not(.cr-img) { 
		width: 45px;
	}
	
	.port col.cr-price.sml {
		width: 58px;
	}
	
	.results.top-lvl #result-headings col.cr-price {
		width: 45px;
	}
	#result-headings.port th.price {
	 	
		/* padding: 5px 4px;  */
		/* 1px for top lvl months */
	}

	/* is off some pixels based on result content */
	#resultTable.port col.cr-img {
		/* width: 50px; */
		width: 32px;
	
	}
	.weeks #resultTable.port col.cr-img {width: 30px;}
	#resultTable.port col.cr-price {

		width:45px;
	}
	.weeks #resultTable.port col.cr-price {
		width: 55px;
	}
	.weeks #resultTable.port col.cr-ship {
		width: 54px;
	}
	.results.weeks .port colgroup.spaced col.cr-ship {
		/* width: 82px; */
		width: 64px;
	}
	.weeks .port col.cr-price {
		 /* width: 84px; content can throw spacing off for these */
		width: 45px !important;
	}
	.weeks #resultTable.port col.cr-price { 
		/* width: 64px; */
		/* width: 59px; */
		width: 45px;
	}
	#result-headings.port, #resultTable.port {width: 100%;}
	#result-headings.port.stuck {width: 100%;max-width:1300px;}
	#resultTable.stuck {width:1220px;}	
	#resultTable.col {width:1220px;}	
	#sticky-header, #sticky-header.stuck{width:100%; padding: 0px;}
	
/* 	.results table .ship-name {
		border-left:0px;
	} */
	.results table .ship-name, .results table td.embarkation-embark, .results table td.embarkation-disembark {white-space:normal;width:auto;}

	#result-headings a.month-link {
		/* width: 38px; */
		padding: 9px 0px;
	}
	#result-headings.port a.month-link {
		width: 38px;
		padding: 9px 0px;
	}
	#result-headings a.month-link-year {
		width: 38px;
		padding: 4px 0px 3px 2px;
	}
	.results:not(.weeks) #result-headings.port col.cr-price.sml {
		width: 46px;
	/* 	width: 6%; */
	}
	.results #result-headings.port col.cr-price {
		width: 45px !important;
		
		/* width:42px;  smaller width gets messed with by larger prices*/
	}

	.results:not(.weeks) #resultTable.port col.cr-price{
	 
		/* width:46px; */
		/* width:48px; */
		/* width:42px; */
	}
	.results:not(.weeks) #resultTable.port col.cr-price.sml{
	 
		/* width:46px; /*these mess up due to content. */ 
		/* width:6%; */
	}

	/* .results col.cr-ship {width: auto;max-width:120px;} */
	.results col.cr-ship {width: 120px;}
	
	
	/* .results #result-headings.port col.cr-ship {width: 11%;} */
	/* .results.weeks #result-headings.port col.cr-ship {width: 116px;} */
	/* .results #resultTable.port col.cr-ship {width: 11%;} */
	.results.weeks #resultTable.port col.cr-ship {
		/* width: 90px; */
		width: 13%;
	
	}
	
	.results.top-lvl #resultTable col:not(.cr-img), .results.top-lvl #result-headings col:not(.cr-img) {width: 45px;}

	.results.top-lvl #result-headings th:first-child {
		/* width: 124px;  */
		width: auto; /* for top level displays mainly */
	}

	.results .port col.cr-emb {width: auto;}	
	/* .results col.cr-dest {width: 210px;} 	 */
	.results #result-headings .port col.cr-dest {
		/* width: 145px; */
		width: 230px;
	} 
	/* 268px; */
	/* .results .port col.cr-demb {width: 30px;} 	 */
	.results table th.cr-dest-comb {
		/* display:flex */
	}
	.results table th.cr-dest-comb span.left {float:left;}
	
	.results table th.cr-dest-comb span.right {float:right;}
	#result-headings .port col.cr-price {width: 42px;}
	#resultTable .port col.cr-price {width: 50px;}
	
	/* Column Summary - show / hide setup */
	
	#result-headings .port col.cr-price {width: 42px;}
	#resultTable .port col.cr-price {width: 50px;}
	
	
	/*  Column Summary - show / hide setup */
	
	/* .colNav6 will be the replaced column */
	

	.results.top-lvl #resultTable col.cr-price {width: 45px;}
	
	/*  END Column Summary - show / hide setup */

	/* Weeks */
	.results .port colgroup.spaced col.cr-img {width: 40px;}	
	/* .results .port colgroup.spaced col.cr-ship {width: 116px;} 	 */
	.results .port colgroup.spaced col.cr-dur {width: 38px;}
	.results.weeks .port colgroup.spaced col.cr-emb {width: auto;}  /* was 83px - line breaks sucked at week lvl */	
	/* .results.weeks .port colgroup.spaced col.cr-emb {width: 90px;} */
	.results .port colgroup.spaced col.cr-emb {width: auto;}
	.results .port colgroup.spaced col.cr-dest {width: 240px;} 	
	
	.results.weeks .port colgroup.spaced col.cr-dest {
		/* width: 200px; breaks https://dev.tripcentral.ca/cruisegrid/?occ=2&mnd=3&mxd=0&date=M|05|2020&port=27601,27647,27601&rr=region&cm=0 */
		/* width: 168px; // Keeps breaking displays.https://dev.tripcentral.ca/cruisegrid/?occ=2&mnd=3&mxd=0&date=M|10|2019&port=70330,70337&rr=region&cm=0 */
	} 	
	.results .port colgroup.spaced col.cr-demb {width: 83px;} 	
	/* .results.weeks .port colgroup.spaced col.cr-price {width: 50px !important;}  */
	
	.results .port col.cr-img.sml {	width: 40px !important;}	
  	.results .port col.cr-ship.sml {
		
		/* width: 130px;  130 breaks tablet specific days @ port lvl */
		width: auto;
	}
	/* .results:not(.weeks) table tbody .price {
		width: 45px;

	} */
	
	
	/* 45 pixels does not cooperate with button header row.  The won't go down from 48 here. 	*/
	.results.top-lvl:not(.weeks) table tbody .price {width: 45px;}
	/* .results.top-lvl:not(.weeks) table tbody .price {width: 48px;} */
	
	.flight-datepicker-container .datepicker{position:absolute;top:0;left:-80% !important;background-color:#FFF}
	
/* 	.results table tr td.price:nth-child(2) ~ td.price,
	.results table tr th.price:nth-child(2) ~ th.price{
		display:none;
	} */

/* 	.results:not(.top-lvl) table colgroup col:nth-child(13) ~ col, .results:not(.top-lvl) table tr th:nth-child(11) ~ th, .results:not(.top-lvl) table tr td:nth-child(11) ~ td {
		display:none;
	} */
	
	/* Smaller initial month and region display - may show all cols? */
/* 	.results.top-lvl table colgroup col:nth-child(10) ~ col, .results table tr th:nth-child(10) ~ th, .results table tr td:nth-child(10) ~ td {
		display:none;
	} */
	.results.top-lvl table colgroup col {
		display:table;
	}
	
}


@media (max-width: 1300px){
	
	.results .header fieldset li.durations label.half {
		width: 47%;
	}
	.results .header fieldset {
		flex-basis:120px;
	}
	#ltr-9 {
		min-width:240px;
	}

	#ltr-0, #ltr-1{
		 max-width: 188px;
	}
	#ltr-1 span.dt{
		display:none;
	}
	#ltr-1 span.mb{
		display:block;
	}
	#cl-overlay  {
		min-width: 156px;
	}
	#ltr-4, #ltr-5, #ltr-6, #ltr-7 {
		max-width: 140px;
	}
	#max-price { 
		max-width: 80px;
	}
	.results .header fieldset select.f-sml {
		width: 142px;
	}

}

/* Days */
.results .port colgroup.spaced col.cr-price.sml {width: 56px;} 

@media (min-width: 1440px) {
	#ltr-2 {flex-basis:252px;max-width:262px}
	.results .header fieldset li.durations {
		min-width: 238px;
	}
	.results .header fieldset {
		flex-basis:225px;
	}
	.results .header fieldset select.f-sml {
		width: 200px;
	}
	#result-headings a.week-link, #resultTable a.week-link { padding: 3px 4px;} /* 3px 7px breaks chrome */
	#result-headings.port, #resultTable.port {width: 100%;}
	#result-headings.port.stuck {width: 90%;max-width:1400px;}
	#resultTable.stuck {width:100%;}	
	
	.top-lvl #resultTable col + col, .top-lvl #result-headings col + col {
		/* breaks days */
		/* width: 50px;
		min-width:50px; */
		
		/* Breaks 10-12ish days display.  Not sure what it fixed. */
		/* width: 6%; */
	}
	.top-lvl #resultTable, .top-lvl #result-headings {
		/* max-width:900px; */
		max-width:820px;
		margin:auto;
		width: 100%;
	}
	/* Months */
	/* #result-headings colgroup col.cr-ship {width: 150px;} */
	/* #result-headings.port colgroup col.cr-ship {width: 132px;} */
	/* .results col {width: 50px;}	 */
	.results col {width: 45px;}
	.results .port col.cr-dest {width: 325px;}
	.results .port col.cr-price {width: width: 50px;}	
	.results col.cr-img {width: 167px;}	
	
	.results .port col.cr-img {width: 45px;}	
	.results .port col.cr-ship {width:10%;} 	
	.results .port col.cr-dur {width: 3%;}
	.results .port col.cr-emb {width: auto;}	
	#result-headings.results .port col.cr-dest {width: 346px;} 	
	#resultTable.results .port col.cr-dest {width: 326px;} 	
	.results .port col.cr-demb {width: 100px;} 	
	
	
/* 	.results.sml-set col.cr-price {width: 60px !important;}
	.results.sml-set #result-headings a.week-link {max-width:none;}	 */
	
	.results.sml-set col {width: 90px !important;}
	.results.sml-set col.cr-img {width: auto !important;}
	.results.sml-set #result-headings a.week-link {max-width:none;}
	/* .results.sml-set col.cr-dest {width: auto !important;} */
	/* Tedious - gonna require tweaks? */
	
	/* Next two lines break week result sets. */
	/* #result-headings.port col.cr-price {width: 49px;}  */
	/* #resultTable col.cr-price {width: 50px;}  */

	/* Weeks */
	.results .port colgroup.spaced col.cr-img {width: 40px;}	
	/* .results .port colgroup.spaced col.cr-ship {width: 138px;} 	 */
	.results .port colgroup.spaced col.cr-ship {max-width: 140px;} 	
	.results .port colgroup.spaced col.cr-dur {width: 40px;}
	.results .port colgroup.spaced col.cr-emb {width: auto;/*max-width: 110px;*/}	
	.results .port colgroup.spaced col.cr-dest {width: 325px;} 	
	.results .port colgroup.spaced col.cr-demb {width: 110px;max-width: 110px;} 	
	.results .port colgroup.spaced col.cr-price {width: 76px;}

	
/* 
	#resultTable.port colgroup.spaced col.cr-price {width: 76px;} 
	 */
	/* Days */
	/* .results .port colgroup.spaced col.cr-price.sml {width: 48px;}  */
	.results .port colgroup.spaced col.cr-price.sml {width: 45px;} /* too small screws up days */
}
.results table th.cr-dest-comb span.mid {
	margin-left:36%;
}
.weeks #showPrev, .weeks #showNext  {display:none;} 
#showPrevSpec, #showNextSpec {display:none;}
#resultTable thead {
	z-index:3 !important;
}

#result-headings col.cr-price.hidden,
#resultTable col.cr-price.hidden {
    display: none;  
	/* messes with smaller desktop display */
}

#results-container:not(.weeks) table .price.hidden {

    display: none;  
	/* messes with smaller desktop display */
}

#resultTable a.all-link {
    color: #fff;
    text-decoration: none;
    text-align: center;
    float: right;
    padding: 10px 8px 8px 8px;
}
#resultTable a.all-link-small {
    color: #fff;
    text-decoration: none;
    text-align: center;
    /* float:right; */
    /* padding: 10px 6px 10px 6px; */
    padding: 3px 6px 3px 6px;
    /* 	margin-left:15%; */
    /* padding: 3px; */
}
#resultTable tr.noPrices {
	display:none;
}


#resultTable th.all-dates-container {
    text-align: center;
}
#resultTable a.week-link.long.spec {
	padding: 3px 8px;
}

#resultTable a.week-link.long {
	width:60px;
	padding:3px 5px;
}
#resultTable a.week-link.year {
	padding: 4px 3px 2px 8px;
}
#resultTable a.week-link.year.disabled {
	padding: 7px 4px 4px 4px;
	line-height: 9px;
	max-height: 28px;
	
}
#resultTable a.week-link.year-wide.disabled {
	padding: 3px 3px 2px 8px;
}
#resultTable th a {
	min-height: 28px;
}
.weeks #result-headings a.week-link {
	 text-align: left;
}
#result-headings a.week-link, #resultTable a.week-link {
	/* display: inline-flex; */
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    min-height: 29px;

    color: #fff;
    text-decoration: none;
	font-size: 12px;
    font-weight: bold;
    line-height: 11px;
    /* text-align: left; */
    text-align: center;
}

/* Needs to be specific to days  */
.days:not(.weeks) #result-headings.region a.week-link.disabled {
	/* padding: 7px 0px 0px 15px; */
	padding: 7px 0px 0px 0px !important;
}

.weeks #result-headings a.week-link.disabled {
	text-align:left;
}
/* Padding works for weeks - days is off */
#result-headings a.week-link.disabled, #resultTable a.week-link.disabled {
    border: 1px solid rgba(16, 75, 144, 0.5);
    background: linear-gradient(180deg, rgba(121, 183, 230, 0.5) 0%, rgba(46, 108, 169, 0.5) 100%);
    cursor: default;
	text-align:center;
	/* for days @ region - prob screw up other things */
	
	/* padding-top: 8px was in place temporarily - broke a number of displays (desktop weeks atm) also text-align:center; */
	/* text-align:left; */
	padding-top:3px;
}

/* #th.price.colHide, #td.price.colHide {
	display:none !important;
} */
#result-headings a.week-link.disabled.mpad {
	/* Disabled month only eg "Dec" */
	padding-top:8px !important;
}
/* 
Breaks normal desktop weeks display.
.days #result-headings a.week-link.disabled {
	padding-top:8px !important;
	padding-left:1px !important;
} */

#results-container:not(.weeks) #result-headings a.week-link.disabled:not(.long):not(.year-wide) {
	padding-top:5px; /* was 8px.  8px does not work for top lvl month */
	padding-left:6px;
	
	/* Kurt: padding above breaks days for Month -> week -> days */
}



.results.weeks #result-headings.port a.week-link.disabled, .results.weeks #resultTable.port a.week-link.disabled {
	padding-top:3px;
}


.days #result-headings.port a.week-link.disabled, .days #resultTable.port a.week-link.disabled {
	padding-top:3px;
}

#result-headings a.week-link .nowrap, #resultTable a.week-link .nowrap {
    white-space: nowrap;
}
#result-headings a.week-link .center, #resultTable a.week-link .center {
    width: 100%;
    text-align: center;
}
#result-headings span.smaller, #resultTable span.smaller {
    font-weight: normal;
    font-size: 10px;
	line-height:11px;
}
#result-headings th.dbl {
	min-height: 28px;
	padding: 5px 0px;
}
#result-headings th.dbl a.week-link.disabled {
	line-height:9px;
	padding-top:5px;
	width:42px;
}
#view-content td.netgreen {
    background-color: #a9fd8e;
}
#view-content td:first-child {
    text-align: left;
}
#view-content td {
    text-align: right;
	width: 20%;
	max-width: 94px;
}
#dt-modal.SUITE {
	width:280px;
}

.controls a.button.not-available {
    opacity: 0.5;
}

.controls a.button.shortColumns {
    opacity: 0.5;
}

#sdateDisplay,
#edateDisplay {
    background: url(../img/icons/cal-black.svg) no-repeat 95% center #fff;
	z-index:5000;
	text-transform:uppercase;
}

/* #sdateDisplay span.filled,
#edateDisplay span.filled {
    background: url(../img/icons/close-dark.svg) no-repeat 98% center #fff;
	cursor:pointer;
} */
label.dates {
	position:relative;
}
#sClear img, #eClear img {
	height:20px;
	padding-right:3px;
	background-color:#fff;
}
#sClear, #eClear{
	cursor:pointer;
	position:absolute;
	top:20px;
	right:2px;
	
	
	z-index:9000;
	display:none;
}
#sClear.filled,
#eClear.filled{
	display:block;
}
/* #sdateDisplay:hover,
#edateDisplay:hover {
    background-image: none;
} */

#showPrev {
    opacity: 0.5;
}
#loading {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 9996;
}
#loading .content {
    display: inline-block;
    background: #fff;
    border: 5px solid #e8e8e8;
    border-radius: 5px;
    width: 420px;
    height: 170px;
    font-size: 20px;
    color: #000;
    position: absolute;
    z-index: 9995;
    left: 50%;
    top: 30%;
    margin-left: -210px;
}
#loading .overlay {
    background: #fff;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9980;
}
#loading .logo {
    margin-top: 25px;
    margin-bottom: 20px;
    width: 196px;
}
#view {
    box-shadow: none;
}
#nextTop {
    opacity: 0.5;
}
#portSearch {
	font-weight:normal;
}
#noResults {
	display:none;
	height:400px;
	margin-top:50px
}
#noResults h2 {
	font-size:22px;
	line-height:26px;
	color:#666666;
	margin-bottom:5px;
}
#noResults p {
	font-size:14px;
}

#combineResults	{
	margin-top:20px;
	margin-bottom: 40px;
	text-align:left;
	line-height:28px;
	color:#3B3B3B;
	width: 700px;
	margin:auto;
}
.results table th.cr-dest-comb span.right {
	float: right;
}
/* .results table td.price {
	min-width: 45px;
} */
#nr-port{
	display:none;
}
#mobile-no-results {
	display:none;
}
#mobile-no-results.show {
	display:block;
}
#mobile-no-results li {
	text-align:center;
	font-size:13px;
	padding:5px;
}
#mobile-no-results li a {
	clear:both;
	
}
#mobile-no-results li.header {
	font-size:16px;
	font-weight:bold;
}
#mobile-no-results li.err-msg {
	min-height:200px;
}
#mobile-filters select option.disabled {
	color:#bbb;
}
#mobile-cruise-line option.divider {
	text-align:center;
	font-weight:bold;
	background-color:#ddd;
	color:#104B90;
}

#nrm-port{ 
	display:none;
}
[v-cloak] { display: none; } /* v-cloak on html element will hide initial (unpopulated) {{ value to display }} issues. */


.mobile-main {
    display: none;
}

/* ###### */
.multiple-departure-details-box .departures table,
.mobile-departure-details .departures table {
    border-collapse: collapse;
    font-size: 12px;
    font-weight: bold;
	margin:auto;
	width:100%;
	margin-bottom:15px;
}


.multiple-departure-details-box .departures table.SUITE,
.mobile-departure-details .departures table.SUITE {
	width: 280px;
	margin: auto;
}

.multiple-departure-details-box .departures th,
.mobile-departure-details .departures th {
    border: none;
    padding: 5px 10px;
}

.multiple-departure-details-box .departures th:first-child {
	width:140px;
}		
.multiple-departure-details-box .departures th:first-child ~ th {
	width: 108px;
	margin-left:15px;
}


.multiple-departure-details-box .departures th a,
.mobile-departure-details .departures th a {
    cursor: pointer;
    text-decoration: underline;
    color: #666666;
    font-weight: bold;
    white-space: nowrap;
    user-select: none;
}
.multiple-departure-details-box .departures .scroll td,
.mobile-departure-details .departures .scroll td {
    border: 1px solid #b5b5b5;
    padding: 5px 10px;
   
}
.multiple-departure-details-box .departures .scroll tr,
.mobile-departure-details .departures .scroll tr {
	background-color: #fff;
}
.multiple-departure-details-box .departures tr:nth-child(even),
.mobile-departure-details .departures tr:nth-child(even){
    background-color: #f1f1f2;
}
.multiple-departure-details-box .departures a,
.mobile-departure-details .departures a {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
}
.multiple-departure-details-box .departures .departure-date,
.mobile-departure-details .departures .departure-date {
    color: #4c92c7;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}

@media (max-width: 767px) {
    body,
    html {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    .mobile-main {
        display: block;
    }
    .desktop-main {
        display: none;
    }
    .main {
        padding: 0;
    }
    .mobile-filters {
        box-sizing: border-box;
        width: 100vw;
        padding: 15px 20px;
        background-color: #ffffff;
        color: #666666;
        font-family: Arial;
        font-size: 12px;
        line-height: 14px;
    }
    .mobile-filters h1 {
        font-size: 14px;
        font-weight: bold;
        line-height: 16px;
        margin-bottom: 5px;
    }
    .mobile-filters .dates {
        margin-bottom: 5px;
    }
    .mobile-filters .button {
        box-sizing: border-box;
        border: 1px solid #006063;
        border-radius: 3px;
        padding: 16px 15px;
        background: linear-gradient(180deg, #008286 0%, #01696c 100%);
        color: #ffffff;
        font-size: 14px;
        line-height: 16px;
        font-weight: normal;
        text-align: center;
        width: 100%;
    }
    .mobile-filters fieldset {
        border-top: 1px solid #b5b5b5;
        margin: 0px -20px -20px;
        padding: 20px;
    }
    .mobile-filters ul {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        flex-wrap: wrap;
        margin-right: -15px;
    }
    .mobile-filters li {
        margin-bottom: 15px;
        width: calc(50% - 15px);
        margin-right: 15px;
    }
    .mobile-filters li.full {
        width: 60%;
    }
	.mobile-filters li.reset {
		width:30%;
	}
    .mobile-filters label {
        font-weight: bold;
    }
    .mobile-filters .input {
        border: 1px solid #b5b5b5;
        border-radius: 3px;
        background: #ffffff;
        box-shadow: none;
        height: 35px;
        color: #666666;
        font-size: 14px;
        line-height: 16px;
        font-weight: normal;
    }
    .mobile-filters .input.select select,
    .mobile-filters .input input {
        height: 35px;
        line-height: 35px;
        color: inherit;
        font: inherit;
        background: none;
    }
    .mobile-filters .input.select:after {
        content: none;
    }
    .mobile-filters .controls {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        margin-right: -15px;
    }
    .mobile-filters .controls .button {
        width: calc(50% - 15px);
        margin-right: 15px;
    }
    .mobile-filters .controls .button.apply {
        background: linear-gradient(180deg, #bc2525 0%, #a41515 100%);
        font-weight: bold;
        border: 1px solid #961b20;
    }
    .mobile-results {
        box-sizing: border-box;
        width: 100vw;
        padding: 15px 20px 20px;
        background: #f1f1f2;
        color: #666666;
        font-family: Arial;
        font-size: 10px;
        line-height: 11px;
    }
    .mobile-results .result {
        position: relative;
        border: 1px solid #b7bbc0;
        background-color: #ffffff;
    }
    .mobile-results .result + .result {
        margin-top: 10px;
    }
    .mobile-results .result.loading:after {
        content: url(../img/icons/loading.svg);
        position: absolute;
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        width: 60px;
        height: 60px;
    }
    .mobile-results a.view-route {
        display: block;
        padding: 10px;
        transition: opacity 150ms;
    }
    .mobile-results .result.loading a.view-route {
        opacity: 0.5;
    }
    .mobile-results .result .heading {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
    }
    .mobile-results .result .heading .min-price {
        margin-left: auto;
        color: #2c78e4;
		-webkit-overflow-scrolling: touch;
    }
    .mobile-results .stops {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mobile-results .stops .material-icons {
        font-size: 13px;
        line-height: 1;
        vertical-align: text-bottom;
        margin-left: -1px;
    }
    .mobile-departure-details .overlay {
        width: 85% !important;
        
        height: auto !important;
        max-height: 90%;
        
    }
	
    .mobile-departure-details .mobile-departure-details-box {
        position: relative;
    }
    .mobile-departure-details .mobile-departure-details-box .header {
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 15px;
        border-bottom: 1px solid #b5b5b5;
        background-color: #ffffff;
        color: #666666;
        font-family: Arial;
        font-size: 12px;
        line-height: 14px;
    }
    .mobile-departure-details .mobile-departure-details-box .header .logo {
        width: 40px;
        max-height: 40px;
        margin-right: 10px;
    }
    .mobile-departure-details .mobile-departure-details-box .header h1 {
        font: inherit;
        font-weight: bold;
    }
    .mobile-departure-details .departures {
        box-sizing: border-box;
        padding: 15px;
        background-color: #e2edfe;
        color: #666666;
        font-size: 14px;
        line-height: 18px;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;
		max-height: 400px;
    }
    .mobile-departure-details .departures h2 {
        color: #104b90;
        font-family: Arial;
        font-size: 20px;
        line-height: 26px;
        font-weight: normal;
    }
	.multiple-departure-details-box .departures td, .mobile-departure-details .departures td {
		border: 1px solid #b5b5b5;
		padding: 5px 10px;
		background-color: #fff;
	}
	.multiple-departure-details-box .departures tr:nth-child(2n) td, .mobile-departure-details .departures tr:nth-child(2n) td {
		background-color: #f1f1f2;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* IPAD - for rules which break desktop / fix ipad. */
	#results-container:not(.top-lvl) #result-headings:not(.port) th.price, #results-container:not(.top-lvl) #resultTable:not(.port) td.price {
		width:9%;
	}
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ */  
	.overlay-container {
		display:none;
	}
	.overlay-container.show {
		display:block;
	}
	.results .header .max-price {
		max-width: 78px;
	}
	#sdateDisplay, #edateDisplay {
		max-width: 132px;
	}
/* 	.results .header .datePrice {
		min-width: 200px;
	} */
}


@media (max-width: 800px) {

/* 	does not solve ipad issue / breaks other things
	.results table th.cr-dest-comb {
		min-width:267px;
		width:267px;
	}
	.results .port col.cr-emb {
		width: 88px;
	} */
	#result-headings.results colgroup.region col.cr-img{
		width:auto !important;
	}
/* 	.results colgroup.region col.cr-img{
		width:166px;
	} */
	
	/* Ipad seems to ignore this half the time.   
	.results.weeks colgroup.region col:not(.cr-img) {
	
		width: 9% !important;
	} */
/* 	.weeks #result-headings th div.spacer {
		width: 152px !important;
	} */
	.results.weeks table thead th:not(:first-child){
		max-width:76px;
	}
	
	.results.days #result-headings.port col.cr-ship {
		width: 114px;
	}
	#resultTable tr.cruise-result td.ship-name {
		max-width: 100px;
	}

}


/* span.full {
	color:#000000;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	
} */
#showNext em.month {
	text-align:right;
}
.results.weeks colgroup.region col.cr-img {
	width: 166px;
	/* region weeks breaks if not 166 - auto required for mobile views */ 
}


.results.weeks colgroup.region col:not(.cr-img) {
	/* width:76px;  */
	width:78px;
}

.results colgroup.region col.cr-img ~ col {
	width: 76px;
}

/* Only works at top level so far. Port lvl = bad */
.results.spec-days colgroup.region col.cr-img ~ col {
	/* width: 7%; */
	width: 76px;
	
	/* specific days breaks with 7 day selection @ 7% */
	
}
#results-container th.sum-col {
	display:none !important;
}

@media (min-width: 748px) and (max-width:1032px){
	.results.weeks colgroup.region col:not(.cr-img){width:9%!important}
	.results:not(.top-lvl) #result-headings th.price, .results:not(.top-lvl) #resultTable td.price {
		width:auto;
	}
	
	#results-container:not(.top-lvl) #result-headings:not(.port) th.price, #results-container:not(.top-lvl) #resultTable:not(.port) td.price {
		/* width 9% for desktop -- auto in media query for ipad.  */
		width:9%;
		
	}
	#result-headings:not(.port) colgroup col.tab-hidden, #resultTable:not(.port) colgroup col.tab-hidden {
		display:none;
	}
	.spec-days #showPrevSpec.show, .spec-days #showNextSpec.show {display:block;}
	
	th.price.colHide, td.price.colHide {
		display:none !important;
	}
	
	.results.weeks colgroup.region col.cr-img {
		width: 160px;
	}
	.overlay-container .overlay .filters .button.less-padding {
		padding: 0px 8px;
		margin-left: 5px;
	}
	.overlay-container .overlay .filters .button {
		padding: 0px 6px;
	}
	.overlay-container .overlay .filters input {
		width: auto;
		min-width: 198px;
		max-width: 310px;
		padding: 0px 5px;
	}
	
	/* #result-headings:not(.port) a.week-link, #resultTable:not(.port) a.week-link {
		width: 74px;
	} */

	.results colgroup.region col.cr-img{
	/* 160 makes ipad work on landscape.  Not perfect, but lines up. */
		/* width: 160px; */
		
		/* Days needs auto? */
		/* width:auto; */
		width: 158px;
	}
	/* .results colgroup.region col:not(.cr-img) {
		width:72px;
	} */
/* 	
	.results:not(.weeks) #resultTable colgroup.region col:not(.cr-img) {
			width: 70px;
	} */
	
	div.count-all {
		
		width:auto;
	}
	
	#result-headings colgroup.region col.cr-img {
		width:160px;
		/* width:auto; */
	}
	
/* 	.weeks #result-headings.port th.price {

		width:120px;
	} */
	
	#result-headings.port th.price {
		width: 45px !important;
	}
	
	/* .weeks #result-headings th div.spacer{
		width:396px;
	} */
	
	.results #result-headings.port .results-headings th.cr-dur,
	.results table thead th.cr-dur {
		width: 36px;
	}
	#max-price {
		flex-grow: 0;
		max-width: 12%;
		margin: 0px 74px 0px 10px;
	}
	
	.flight-datepicker-container .datepicker.first{left:-180px !important;}
	.flight-datepicker-container .datepicker{left:-258px !important;}
	.results .header div.break {
		display:none;
	}
	.results .header fieldset ul.durs {
		width:auto;
	}
	#resultTable.port col.cr-price {width: 45px;}
	#result-headings td.port-display span {display:none;}
	#result-headings.port td.port-display span {display:inline;}
	#result-headings, #resultTable {
		/* width:90%; */
		width:100%;
		/* table-layout:fixed; */
	}
	.results .port-table-container {width: 100%;}
		#results-container:not(.top-lvl) div.port-table-container {
		width: 100% !important;
	}
	.results:not(.top-lvl) table colgroup col:nth-child(13) ~ col, .results:not(.top-lvl) table tr th:nth-child(11) ~ th, .results:not(.top-lvl) table tr td:nth-child(11) ~ td {
		display:none;
	}
	/* Range for narrow desktop / tablet setup with show / hide of extra inputs */
	#results-container.top-lvl #result-headings th.colNav6, #results-container.top-lvl #resultTable td.colNav6,
	#results-container.top-lvl #result-headings th.colNav7, #results-container.top-lvl #resultTable td.colNav7,
	#results-container.top-lvl #result-headings th.colNav8, #results-container.top-lvl #resultTable td.colNav8,
	#results-container.top-lvl #result-headings th.colNav9, #results-container.top-lvl #resultTable td.colNav9,
	#results-container.top-lvl #result-headings th.colNav10, #results-container.top-lvl #resultTable td.colNav10,
	#results-container.top-lvl #result-headings th.colNav11, #results-container.top-lvl #resultTable td.colNav11,
	#results-container.top-lvl #result-headings th.colNav12, #results-container.top-lvl #resultTable td.colNav12 {
		display: none;
	}
	#results-container.summary:not(.spec-days) #result-headings th.colNav6, #results-container.summary:not(.spec-days) #resultTable td.colNav6,
	#results-container.summary:not(.spec-days) #result-headings th.colNav7, #results-container.summary:not(.spec-days) #resultTable td.colNav7 {
		display:none;
	}
	
	#results-container.top-lvl #result-headings th.sum-col, #results-container.top-lvl #resultTable td.sum-col,
	#results-container.summary #result-headings th.sum-col, #results-container.summary #resultTable td.sum-col {
		display:table-cell !important;
		width: 45px;
	}
	
	/* Specific dates */
	
	#showPrevSpec.disabled, #showNextSpec.disabled {
		opacity: 0.5;
	}
	#showPrevSpec, #showNextSpec {display:none;}
	#showPrevSpec.show, #showNextSpec.show {display:block;}
	.results.spec-days.port colgroup.region col.cr-img ~ col {
		width: 7%;
	}
	#results-container.spec-days #result-headings a.week-link.disabled {
		padding-left:5px;
		/* text-align:center; why?!? */
		text-align:left;
	}
	
	#results-container.spec-days table colgroup col:nth-child(13) ~ col, 
	#results-container.spec-days table tr th:nth-child(13) ~ th, 
	#results-container.spec-days table tr td:nth-child(13) ~ td {
		display:none;
	}
	
	
	#results-container.spec-days #result-headings th.sum-col, #results-container.spec-days #resultTable td.sum-col {
		display:none !important;
	}
	
	/* #results-container.spec-days #result-headings th. */
	
	/* End specific days */
	
	#resultTable td.sum-col {
		border-top:none;
		border-left:none;
	}
	#resultTable tr:first-child td.sum-col {
		border-top:1px solid #b5b5b5;
	}
	
	#result-headings.stuck {
		position:fixed;
		top:80px;
		width:1400px;
	}
	#sticky-header div.menu-limit {
		height:80px;
		overflow:hidden;
	}
	#sticky-header div.menu-limit.show {
		height:230px;
		overflow:visible;
	}
	
	#sticky-header div.menu-limit span.more {display:block;}
	#sticky-header div.menu-limit.show span.more {display:none;}
	#sticky-header div.menu-limit span.less{display:none;}
	#sticky-header div.menu-limit.show span.less{display:block;}
	
	
	#ltr-0 {order:1;} /* ships */
	#ltr-1 {order:6;} /* where to */
	#ltr-2 {order:2;} /* durs */
	#ltr-3 {order:7;min-width:29% !important;} /* dates */
	#ltr-4 {order:8;margin-left:6px;} /* sail from */
	#ltr-5 {order:9;padding-right:10px;} /* sail to */
	#ltr-6 {order:3;min-width:16% !important;} /* cabin type */
	#ltr-7 {order:4;min-width:16% !important;} /* occ */
	#ltr-8 {order:11;min-width:42%;width:42%;} /* max price / reset */
	#ltr-9 {order:10;min-width:42%;width:42%;} /* sort by */
	#mbl-btn {
		display:flex;
		order: 5;
		min-width: 14% !important;
		max-width: 15%;
		width: 15%;
	}
	#cl-overlay {max-width:18%;overflow:hidden;min-width:178px;}
	#ltr-4, #ltr-5, #ltr-6, #ltr-7 {max-width:154px;}
	
	.results .header fieldset li.barks, 
	.results .header fieldset li.dbarks {
		
	}
	
	.results .header fieldset li.durations {min-width:160px;margin-left:10px;}
	/* .results .header fieldset li.durations label.half {width:44% !important;} */
	/* .results .header fieldset li.durations label.half {width:44% !important;} */
	.results .header fieldset li.durations label.half {width:45% !important;}
	/* .results .header fieldset li.durations label.half {width:42% !important;} */
	.results .header fieldset li.durations label.full {min-width:150px;width:100%;}

	/* .results .header fieldset ul.durs {max-width: 20%;} */
	
	.results .header fieldset {width:18% !important; min-width: 18%;}
	.results .header fieldset {flex-grow:1;}
	.results .header fieldset .button.blue {
		height: 35px;
		width: 113px;
		border: 1px solid #294D88;
		border-radius: 3px;
		background: linear-gradient(180deg, #5D85C5 0%, #315591 100%);
		box-shadow: inset 0 1px 3px 0 rgba(255,255,255,0.5);
		padding-top:10px;
		margin-top:22px;
		max-width:113px;
		margin-left:5px;
		
	}
	.results .header fieldset li {
		padding:0px 5px;
	}
	.results .header fieldset li.durations label.half {width:30%;}
	
}
#spacer-landscape span {display:none;opacity:0;}
#spacer-itin-landscape span {display:none;opacity:0;width: 10px;}
@media (min-width: 900px) and (max-width:1032px){
	/* #results-headings th div.spacer{
		min-width:154px;
	} */
/* 	.weeks #spacer-portrait {display:block;}
	.weeks #spacer-landscape {display:none;} */
	#spacer-portrait {display:none;}
	#spacer-itin-portrait {display:none;}
/* 	.results.weeks  #resultTable.sub-region colgroup.region col.cr-img ~ col {
		width:82px !important;
	} */
	/* .results:not(.weeks) #resultTable.sub-region colgroup.region col:not(.cr-img) { */
	/* .results:not(.weeks) colgroup.region.sub-region  col:not(.cr-img) {
		width:8% !important;
	} */
	.results:not(.weeks, .top-lvl) .sub-region  th ~ th {
		width:76px !important;
	}
	
	.results .sub-region colgroup.region col.cr-img {
		/* width: 44% !important; */
		width: auto !important;
	}
	
	.results.weeks .sub-region colgroup.region col.cr-img {
		width: 236px !important;
	}
/* 	.results.weeks .sub-region #result-headings colgroup.region col.cr-img ~ col {
		max-width: 84px;
	} */
	.weeks .sub-region #spacer-landscape {display:block;min-width:84px;}

	/* works for days / not weeks */
	.weeks #spacer-landscape {display:block;min-width:154px;}
	/* Span is for days level spacing. */
	.weeks #spacer-landscape span {display:block;min-width:100px;}
	#spacer-landscape {display:block;min-width:120px;}
	#spacer-itin-landscape {display:block;width:14px;float:right;}
	
}
@media (max-width:800px){
	
	.overlay-container.centered-overlay.show .overlay {
		width:95%;
	}
	.multiple-departure-details-box .right {
		width: 467px;
	}
	
	.results:not( .top-lvl) .sub-region  th ~ th {
		width:76px; /* imporant breaks browser tablet days */
	}
	
	.results .sub-region colgroup.region col.cr-img {
		/* width: 44% !important; */
		width: auto !important;
	}
	
	.results colgroup.region col:not(.cr-img) {
		width:68px;
	}
	.weeks #spacer-portrait {
		min-width:156px;
	}
	
	.weeks #spacer-portrait {
		min-width:156px;
	}
	.sml-set #spacer-portrait {
		min-width:106px;
	}

	#spacer-portrait {
		min-width:116px;
		/* max-width:116px; */
		display:block;
	}
	
	#spacer-landscape {
		display:none;
	}
	.results .header fieldset li.durations {
		min-width:140px;
		margin-left:18px;
	}
	.results colgroup.region th.price {
		width:85px !important;
	}
	.results colgroup.region col.cr-img {
		width:158px;
	}
	.results.weeks colgroup.region col.cr-img {
		width: auto;
	}
}

@media (max-width:330px){
	.mobile-filters li.full {
		width: 56%;
	}
	.mobile-filters li.reset {
		text-align:center;
		width:26%;
		padding: 0px;
	}
	.mobile-filters li.reset span {	
		float:left;
		clear:left;
	}
}
.form-bg .flight-datepicker-container .datepicker-controls,.form-bg .flight-datepicker-container .datepicker-heading,.form-bg button.ui-datepicker-current{display:none}
#ui-datepicker-div{z-index:9999!important}
.form-bg .flight-datepicker-container{display:none;position:relative;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity 250ms,-webkit-transform 1ms;transition:opacity 250ms,transform 1ms;z-index:1000;-webkit-overflow-scrolling:touch}
.form-bg .ui-datepicker-calendar th{text-align:center}
.form-bg .flight-datepicker-container .ui-datepicker-inline{padding:10px;min-width:646px!important;width:auto!important;box-shadow:0 0 4px 1px rgba(0,0,0,.15)}
.form-bg .flight-datepicker-container .ui-datepicker-buttonpane{border:none;margin:0}
.form-bg .flight-datepicker-container .ui-datepicker-buttonpane button{margin:0;padding:0 20px;border:1px solid #B7BBC0;background-color:#FFF;font-family:Arial;font-size:14px;line-height:40px}
.form-bg .flight-datepicker-container.post-show,.form-bg .flight-datepicker-container.pre-show{display:block;opacity:0;-webkit-transform:scale(1);transform:scale(1)}
.form-bg .flight-datepicker-container.show{display:block;opacity:1;z-index:9001}
.flight-datepicker-container .datepicker-heading .datepicker-close{font-size:24px;position:absolute;top:30px;right:10px;color:#FFF;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer}
.flight-datepicker-container .ui-datepicker-header{box-sizing:border-box;height:40px;padding:0;background-color:#666;color:#FFF;font-family:Arial;font-size:16px;font-weight:700;line-height:40px;text-align:center;border:none;border-radius:0}
.flight-datepicker-container .ui-datepicker-header .ui-datepicker-title{height:100%;line-height:inherit}
.flight-datepicker-container .ui-datepicker-multi .ui-datepicker-group{width:auto;max-width:645px}
.flight-datepicker-container .ui-datepicker-multi .ui-datepicker-group+.ui-datepicker-group{margin-left:10px}
.flight-datepicker-container .ui-datepicker-calendar,.flight-datepicker-container .ui-datepicker-multi .ui-datepicker-group table{width:100%;color:#666;border-collapse:collapse;margin:0 0 10px;border:1px solid #B7BBC0}
.flight-datepicker-container .ui-datepicker-calendar th{padding:0;height:30px;line-height:30px}.flight-datepicker-container .ui-datepicker-calendar td{width:44px;height:44px;padding:0;border:1px solid #B7BBC0}
.flight-datepicker-container .not-selected .ui-state-active,.flight-datepicker-container .ui-datepicker-calendar td a,
.flight-datepicker-container .ui-datepicker-calendar td span{position:relative;display:block;padding:0;margin:-1px;border:1px solid transparent;color:#666;background-color:transparent;font-family:Arial;font-size:14px;font-weight:700;line-height:44px;text-align:center}
.flight-datepicker-container .ui-datepicker-calendar td a:hover,.flight-datepicker-container .ui-datepicker-calendar td span:hover{text-decoration:none}
.flight-datepicker-container .ui-datepicker-calendar .in-between-highlight a,.flight-datepicker-container .ui-datepicker-calendar .in-between-highlight span,.flight-datepicker-container .ui-datepicker-calendar .ui-state-hover{border:1px solid #008286;background-color:#E7F3F3}
.flight-datepicker-container .ui-datepicker-calendar .datepicker-previous-selected-date .ui-state-default,.flight-datepicker-container .ui-datepicker-calendar .in-between-highlight .ui-state-active,.flight-datepicker-container .ui-datepicker-calendar .ui-state-active,.flight-datepicker-container .ui-datepicker-calendar .ui-state-active:hover{background:#008286;border:1px solid #008286;color:#FFF;z-index:100!important}
.flight-datepicker-container .ui-datepicker-calendar .ui-datepicker-other-month{border:none}
@media (max-width:1024px){
	.results .header fieldset li.durations label {
		width: 220px;
	}
	
/* 	.flight-datepicker-container .ui-datepicker-multi .ui-datepicker-group+.ui-datepicker-group{margin-left:0}.form-bg .flight-datepicker-container{display:block;transform:translateX(100%);transition:transform 250ms;opacity:1}
	.form-bg .flight-datepicker-container.post-show,.form-bg .flight-datepicker-container.pre-show{opacity:1}
	.form-bg .flight-datepicker-container.show{transform:translateX(0);z-index:9200}
	.form-bg .flight-datepicker-container{box-sizing:border-box;background:#FFF;position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:100;overflow:hidden;text-align:center!important}
	.flight-datepicker-container .ui-datepicker-inline{box-sizing:border-box;max-width:100%;padding:10px}
	.flight-datepicker-container .ui-datepicker-multi .ui-datepicker-group{box-sizing:border-box;display:inline-block;width:50%;max-width:350px;min-width:320px;margin:0 5px;float:none!important}
	.flight-datepicker-container .ui-datepicker-next,.flight-datepicker-container .ui-datepicker-prev{display:none}
	.form-bg .flight-datepicker-container .datepicker-heading{display:block}.form-bg .flight-datepicker-container .datepicker-controls{display:block;position:fixed}
	.flight-datepicker-container .datepicker-heading{top:0;left:0;right:0;box-sizing:border-box;margin:0;padding:20px 50px 20px 20px;background-color:#008286;font-family:Helvetica;font-size:20px;line-height:18px;color:#FFF;font-weight:400;text-align:left;position:relative}
	.form-bg .datepicker-controls .button.red{background:#BC2525;background:-webkit-linear-gradient(top,#BC2525 0,#A41515 100%);background:linear-gradient(180deg,#BC2525 0,#A41515 100%);box-shadow:inset 2px 2px 0 0 rgba(255,255,255,.16);border:1px solid #961B20;border-radius:3px;color:#FFF;font-size:14px;height:45px}
	.form-bg .flight-datepicker-container .datepicker-controls{box-sizing:border-box;bottom:0;left:0;right:0;padding:30px 10px 10px;z-index:100;background:#FFF;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,1) 20px)}
	.form-bg .flight-datepicker-container .ui-datepicker-inline{min-width:100%!important;padding-bottom:70px}
	.flight-datepicker-container .ui-widget.ui-widget-content{border:none!important}
	.flight-datepicker-container a.link{color:#008286;font-family:Arial;font-size:14px;line-height:16px;text-align:center;text-decoration:underline;font-weight:400} */
/* 	.datepicker{overflow:scroll!important;width:100%;height:100%} */
}
@media (min-width:768px){
	
	#result-headings a.week-link.year-wide.disabled, #resultTable a.week-link.year-wide.disabled {
		padding: 3px 8px;
	}
	
	#result-headings.not(.port) a.week-link.disabled, #resultTable.not(.port) a.week-link.disabled {
		padding: 8px 0px 0px 11px;
	}
	
	.mobile-departure-details .departures {
		max-height: 670px;
    }
	
	.flight-datepicker-container .ui-datepicker-multi-2 .ui-datepicker-group{width:49%!important}
	.flight-datepicker-container .ui-datepicker-multi .ui-datepicker-group+.ui-datepicker-group{margin-left:12px!important}.flight-datepicker-container .datepicker{position:absolute;top:0;left:0;background-color:#FFF}
	.flight-datepicker-container.show-from-right .datepicker{position:absolute;top:0;left:auto;right:0}
	.flight-datepicker-container .ui-datepicker .ui-datepicker-next,.flight-datepicker-container .ui-datepicker .ui-datepicker-prev{box-sizing:border-box;top:8px;width:25px;height:25px;line-height:25px;border:1px solid #363636;border-radius:3px;background-color:#FFF;color:#363636;cursor:pointer}
	.flight-datepicker-container .ui-datepicker .ui-datepicker-next:hover,.flight-datepicker-container .ui-datepicker .ui-datepicker-prev:hover{text-decoration:none}
	.flight-datepicker-container .ui-datepicker .ui-datepicker-prev{left:8px}
	.flight-datepicker-container .ui-datepicker .ui-datepicker-next{right:8px}
	.flight-datepicker-container .ui-datepicker .ui-datepicker-next:after,.flight-datepicker-container .ui-datepicker .ui-datepicker-prev:after{display:block;width:100%;height:100%;background-position:center;background-size:15px auto;background-repeat:no-repeat}
	.flight-datepicker-container .ui-datepicker .ui-datepicker-prev:after{content:'';background-image:url(../../datepicker/V1/img/arrow-left.svg)}
	.flight-datepicker-container .ui-datepicker .ui-datepicker-next:after{content:'';background-image:url(../../datepicker/V1/img/arrow-right.svg)}
	.flight-datepicker-container .ui-datepicker .ui-datepicker-next .ui-icon,.flight-datepicker-container .ui-datepicker .ui-datepicker-prev .ui-icon{display:none}
}
@media(max-width:600px){
	.flight-datepicker-container .ui-datepicker-multi .ui-datepicker-group{min-width:300px;margin:0}
}
@media(max-width:800px){
	.results .header fieldset .button.blue {
		
		margin-right: 10px;
	}
}