/*======= Shared CSS ======*/
.nx-body {
  background-color: #ffffff; }

.nx-container-size-default > .row,
.nx-container-size-default > div > .row {
  margin: 0 auto;
  max-width: 1200px; }

.w-48 {
  width: 48%; }

/*==========================
Nav tabs if multiple pages
==========================*/
.nx-body:not(:has(.nxconnect-card-classic)) nav.navbar.navbar-expand-sm {
  padding: 0 !important; }
  .nx-body:not(:has(.nxconnect-card-classic)) nav.navbar.navbar-expand-sm .container-fluid {
    padding: 0; }
    .nx-body:not(:has(.nxconnect-card-classic)) nav.navbar.navbar-expand-sm .container-fluid ul.navbar-nav.flex-wrap.flexcenter.w-100 {
      justify-content: flex-start; }
      .nx-body:not(:has(.nxconnect-card-classic)) nav.navbar.navbar-expand-sm .container-fluid ul.navbar-nav.flex-wrap.flexcenter.w-100 .nav-item {
        margin-top: 10px;
        margin-right: 3px;
        padding: 0;
        border: 1px solid #dddddd;
        border-radius: 7px 7px 0 0;
        border-bottom: none; }
        .nx-body:not(:has(.nxconnect-card-classic)) nav.navbar.navbar-expand-sm .container-fluid ul.navbar-nav.flex-wrap.flexcenter.w-100 .nav-item a {
          padding: 12px 25px !important;
          color: #555555; }
        .nx-body:not(:has(.nxconnect-card-classic)) nav.navbar.navbar-expand-sm .container-fluid ul.navbar-nav.flex-wrap.flexcenter.w-100 .nav-item:hover {
          background-color: #0e1a2f;
          border: 1px solid #0e1a2f;
          color: #ffffff; }
          .nx-body:not(:has(.nxconnect-card-classic)) nav.navbar.navbar-expand-sm .container-fluid ul.navbar-nav.flex-wrap.flexcenter.w-100 .nav-item:hover a {
            color: #ffffff; }
        .nx-body:not(:has(.nxconnect-card-classic)) nav.navbar.navbar-expand-sm .container-fluid ul.navbar-nav.flex-wrap.flexcenter.w-100 .nav-item.selected {
          background-color: #0e1a2f;
          border: 1px solid #0e1a2f; }
          .nx-body:not(:has(.nxconnect-card-classic)) nav.navbar.navbar-expand-sm .container-fluid ul.navbar-nav.flex-wrap.flexcenter.w-100 .nav-item.selected a {
            color: #ffffff; }

.nx-body:has(nav.navbar.navbar-expand-sm) .nxconnect-default-classic .primary-bg-color.quicksearch-container,
.nx-body:has(nav.navbar.navbar-expand-sm) .nxconnect-condensed-classic form,
.nx-body:has(nav.navbar.navbar-expand-sm) #detailsearch {
  border-radius: 0 7px 7px 7px; }

/* =========================
Search Results 
========================= */
.search-results .nav-icon,
a.offer-title,
.sr-departure-dates a,
.breadcrumb .breadcrumb-item a {
  color: #555555; }
  .search-results .nav-icon:hover,
  a.offer-title:hover,
  .sr-departure-dates a:hover,
  .breadcrumb .breadcrumb-item a:hover {
    /* important is needed for breadcrumb-item hover */
    color: #aaaaaa !important; }

.page-item.active a.page-link {
  background-color: #555555;
  border: 1px solid #555555; }

.page-item a.page-link {
  color: #555555; }

/*==========================
Default Layout for Classic
==========================*/
.nxconnect-default-classic .primary-bg-color.quicksearch-container {
  background-color: #0e1a2f;
  border-radius: 7px;
  overflow: hidden;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  font-family: Roboto, Open Sans, sans-serif; }

.nxconnect-default-classic .quicksearch-container .PageElement-Title {
  padding: 15px 35px;
  margin-bottom: 0;
  color: #ffffff; }

.nxconnect-default-classic .header-icon {
  color: #14e9e1; }

.nxconnect-default-classic .nxconnect-header-pill {
  padding: 7px 15px;
  margin: 15px 35px;
  border: 1px solid #dddddd;
  border-radius: 7px;
  background-color: whitesmoke;
  color: #888888;
  font-size: .75rem;
  font-family: Roboto; }

.nxconnect-default-classic .quicksearch-container form {
  background: whitesmoke;
  border: 1px solid #dddddd;
  padding: 25px; }

.nxconnect-default-classic fieldset div .quicksearch-field {
  padding: 5px 10px 20px 10px !important; }

.nxconnect-default-classic .quicksearch-horizontal fieldset > div {
  align-items: flex-end; }

.nxconnect-default-classic .quicksearch-field label {
  color: #222222;
  font-size: 1rem;
  text-transform: uppercase; }

.nxconnect-default-classic span.select2-selection.select2-selection--single {
  border-radius: 7px; }

.nxconnect-default-classic .icon-color {
  color: #222222; }

.nxconnect-default-classic .select2-container .select2-selection--single .select2-selection__rendered {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%; }

.nxconnect-default-classic .select2-selection__placeholder {
  margin-right: auto; }

.nxconnect-default-classic .quicksearch-field:has(a) {
  flex-basis: 100% !important;
  padding: 0;
  display: flex;
  justify-content: space-between;
  margin: 0 !important; }

.nxconnect-default-classic a.adv-filters {
  color: #555555; }
  .nxconnect-default-classic a.adv-filters:hover {
    color: #aaaaaa; }
  .nxconnect-default-classic a.adv-filters i {
    color: inherit; }

/*============================
Condensed Layout for Classic
============================*/
.nxconnect-condensed-classic .primary-bg-color.quicksearch-container {
  padding: 0; }

.nxconnect-condensed-classic .icon-color {
  color: #14e9e1; }

.nxconnect-condensed-classic fieldset label {
  display: none; }

.nxconnect-condensed-classic form {
  padding: 10px 10px;
  background-color: #0e1a2f;
  border-radius: 7px;
  font-family: Roboto, Open Sans, sans-serif; }

.nxconnect-condensed-classic .quicksearch .contentrow fieldset > div:not(.quicksearch-tab-body):not(.quicksearch-tab):first-child {
  padding: 0px; }

.nxconnect-condensed-classic .selection .select2-selection.select2-selection--single {
  background-color: color-mix(in srgb, #0e1a2f 50%, white);
  border: 1px solid #858585;
  border-radius: 7px; }

.nxconnect-condensed-classic .select2-selection__placeholder {
  color: #ffffff !important; }

.nxconnect-condensed-classic .select2-selection__arrow {
  display: none; }

.nxconnect-condensed-classic .select2-selection__rendered {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: row-reverse;
  color: #14e9e1 !important; }

.nxconnect-condensed-classic .select2-selection__placeholder {
  margin-right: auto; }

.nxconnect-condensed-classic .quicksearch-field {
  padding: 10px 15px;
  flex-basis: calc(28% - 15px) !important; }
  .nxconnect-condensed-classic .quicksearch-field:last-child {
    margin: 0;
    padding-right: 15px !important;
    min-width: auto;
    flex-basis: min-content !important; }

.nxconnect-condensed-classic a {
  display: none; }

/*============================
Card Layout for Classic
============================*/
.nxconnect-card-classic .primary-bg-color.quicksearch-container {
  background-color: #0e1a2f;
  border: 1px solid #dddddd;
  box-shadow: 0 0 10px 5px #dddddd;
  border-radius: 7px;
  overflow: hidden;
  padding: 0;
  font-family: Roboto, Open Sans, sans-serif; }

.nxconnect-card-classic .quicksearch-container .PageElement-Title {
  margin: 0;
  padding: 15px;
  color: #ffffff; }

.nxconnect-card-classic .header-icon {
  color: #14e9e1; }

.nxconnect-card-classic .quicksearch-field label {
  color: #222222;
  font-size: 1rem; }

.nxconnect-card-classic fieldset {
  background-color: white;
  color: black;
  padding: 15px; }
  .nxconnect-card-classic fieldset > div {
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }

.nxconnect-card-classic .quicksearch-field a {
  display: none; }

.nxconnect-card-classic .quicksearch-field div {
  width: 100%; }

.nxconnect-card-classic .quicksearch-field .button-go {
  box-sizing: inherit;
  width: 100%; }

/*==========================
Detailed Search Page
==========================*/
#detailsearch {
  font-family: Roboto, Open Sans, sans-serif;
  border: 1px solid #dddddd;
  border-radius: 7px; }
  #detailsearch h2 {
    display: none; }
  #detailsearch span.select2-selection,
  #detailsearch #PriceId,
  #detailsearch #SelectedDeparturePorts,
  #detailsearch #txtTitle,
  #detailsearch #txtShipName {
    border-radius: 7px; }