/* IMPORTANT: This file contains critical styling for Option 6 cruise search form */

:root {
    --bg-color: #0086c8;
    --hover: #a1cfeb;
}

input::-webkit-input-placeholder {
  font-size: 14px !important;
}

input::-moz-placeholder {
  font-size: 14px !important;
}

input:-ms-input-placeholder {
  font-size: 14px !important;
}

input:-moz-placeholder {
  font-size: 14px !important;
}

#option-six #odysseus #OVExploreContainer {
  font-family: Open Sans,sans-serif !important;
}

#option-six #odysseus #OVExploreContainer .cruiseform .od-form-wrapper {
    background-color: white !important;
}

#option-six #odysseus #OVExploreContainer .od-wrapper {
  padding: 12px !important;
  width: 100% !important;
  background: linear-gradient(var(--primary-color), var(--bg-color)) !important;
  border-radius: 4px !important;
  margin-bottom: 25px !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper {
    width: 100% !important;
}
#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .destination-type-radio {
    margin: 16px 0 12px !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .destination-type-radio label {
  margin-right: 15px !important;
  margin-left: 8px !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .destination-type-radio input[type=radio]:checked ~ span:after {
  display: block !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .destination-type-radio span {
  padding-left: 25px !important;
  position: relative !important;
  cursor: pointer !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .destination-type-radio span:before, #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .destination-type-radio span:after {
  position: absolute !important;
  content: '' !important;
  border-radius: 50% !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .destination-type-radio span:before {
  width: 12px !important;
  height: 12px !important;
  left: 0 !important;
  top: -1px !important;
  border: 2px solid !important;
  border-color: var(--text-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .destination-type-radio span:after {
  display: none !important;
  width: 8px !important;
  height: 8px !important;
  left: 4px !important;
  top: 3px !important;
  background-color: var(--text-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .destination-type-radio input[type=radio] {
  width: auto !important;
  height: auto !important;
  margin-top: 5px !important;
  margin-right: 5px !important;
  opacity: 0 !important;
  position: absolute !important;
  z-index: 10 !important;
  cursor: pointer !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-results-wrapper {
  margin-bottom: 12px !important;
  order: 1 !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-results-wrapper .itineraties-found {
  font-weight: bold !important;
  display: none !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-results-wrapper .itineraties-found .number {
  font-size: 16px !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-input-wrapper {
    box-sizing: border-box !important;
    position: relative !important;
    min-width: 200px !important;
    background-color: white !important;
    margin: 0 !important;
    flex-basis: auto !important;
    padding: 10px 10px !important;
    max-width: 100% !important;
}

#option-six #odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-input-wrapper .od-icon svg {
    color: var(--primary-color) !important;
    fill: var(--primary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-input-wrapper .multiselect__tags {
    text-align: center;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 0.25rem !important;
    padding: 7px 10px 6px 35px !important;
    border-color: transparent !important;
    border: 1px solid #b5d9eb !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-input-wrapper .multiselect__tags:hover {
    box-shadow: 0 4px 8px var(--hover) !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__input {
  color: var(--primary-color) !important;
  margin-bottom: 0 !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-input-wrapper .multiselect__tags input::placeholder {
  font-size: 15px !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-input-wrapper .od-input-box {
    padding: 12px 10px 12px 35px !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-input-wrapper input::placeholder {
  font-size: 15px !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-input-wrapper input:focus {
  outline: none !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-input-wrapper input:focus  {
  outline: none !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-checkbox-main-wrapper {
  margin: 8px 6px !important;
  justify-content: flex-end !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-main-button-wrapper {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  margin-bottom: 8px !important;
  margin-right: -8px !important;
  margin-left: auto !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-main-button-wrapper .od-reset-btn-wrapper {
  width: auto !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-main-button-wrapper .od-reset-btn-wrapper .reset {
  display: flex !important;
  width: 100% !important;
  padding: 8px 10px !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 12px !important;
  border-radius: 0.25rem !important;
  text-transform: uppercase !important;
  border: 1px solid !important;
  position: relative !important;
  line-height: normal !important;
  fill: var(--primary-color) !important;
  background: white !important;
  border: 1px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
  cursor: pointer !important;
  padding: 19px 12px !important;
  font-size: 14px !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-main-button-wrapper .od-reset-btn-wrapper .reset span {
  display: block !important;
  margin-left: 8px !important;
  text-transform: capitalize !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-main-button-wrapper .od-reset-btn-wrapper .reset:active {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    color: white !important;
    fill: white !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-main-button-wrapper .od-search-button {
  text-transform: uppercase !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-main-button-wrapper .od-search-button .btn-search {
  border-radius: 0.25rem !important;
  background: linear-gradient(var(--primary-color), var(--bg-color)) !important;
  border-color: var(--primary-color) !important;
  font-size: 14px !important;
  padding: 11px 15px !important;
}

#option-six #odysseus #OVExploreContainer .od-button-wrapper .od-adv-search-btn .od-adv-search-icon {
  background: white !important;
  border: 1px solid var(--primary-color) !important;
  border-radius: 4px !important;
  padding: 19px !important;
}

#option-six #odysseus #OVExploreContainer .od-button-wrapper .od-adv-search-btn .od-adv-search-icon:active {
    background-color: var(--primary-color) !important;
    border: 1px solid var(--primary-color) !important;
    color: white !important;
    fill: white !important;
}

#option-six #odysseus #OVExploreContainer .od-button-wrapper .od-adv-search-btn .od-adv-search-icon:active svg {
    color: white !important;
    fill: white !important;
}

#option-six #odysseus #OVExploreContainer .od-button-wrapper .od-adv-search-btn .od-adv-search-icon span svg {
  fill: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-main-button-wrapper .od-search-button .od-icon {
  height: auto !important;
}

#option-six #odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-icon {
    top: 50% !important;
}

#option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-main-button-wrapper .od-reset-btn-wrapper .reset .od-icon {
    padding: 0px !important;
    top: 0px !important;
}

#option-six #odysseus #OVExploreContainer .od-tab-form-wrapper .od-form-wrapper .od-button-wrapper.od-search-button .od-icon {
  padding: 0px !important;
  top: 0px !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__select {
  top: 0px !important;
  padding: 12px 8px !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__select:before {
  top: calc(70% + 0px) !important;
  border-color: var(--primary-color) transparent transparent !important;
}

#option-six #odysseus #OVExploreContainer .vue_multiselect .multiselect_input_wrapper {
    background-color: white !important;
    border-radius: 4px !important;
    min-width: 225px !important;
}

#option-six #odysseus #OVExploreContainer .od-checkbox-main-wrapper .od-checkbox-wrapper .od-checkbox label.od-checkbox-label:before {
  border: 1px solid var(--primary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__tags .multiselect__placeholder {
  color: var(--text-color) !important;
  margin-bottom: 2px !important;
}

#option-six #odysseus #OVExploreContainer .od-checkbox-main-wrapper .od-checkbox-wrapper .od-checkbox label.od-checkbox-label:hover {
    color: var(--primary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-checkbox-main-wrapper .od-checkbox-wrapper .od-checkbox label.od-checkbox-label {
    color: var(--primary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__element {
    color: var(--secondary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__option--highlight {
    background-color: var(--primary-color) !important;
    color: white !important;
    font-size: 14px !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__tags .multiselect__tag {
    background-color: transparent !important;
    color: var(--primary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__tag-icon {
    color: var(--primary-color) !important;
	right: auto !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__tag-icon:hover {
    color: var(--primary-color) !important;
    background: transparent !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__tag-icon:after {
    color: var(--primary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__content-wrapper {
    background-color: var(--secondary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__element {
    background-color: white !important;
    color: var(--primary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__single {
    margin-bottom: 0px !important;
    margin-top: 2px !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__option--selected {
	color: var(--primary-color) !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__option--highlight.multiselect__option--selected {
	color: white !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__single {
  font-size: 14px !important;
  font-weight: bold !important;
}

#option-six #odysseus #OVExploreContainer .od-wrapper .label-wrapper {
    font-size: 0 !important;
    display: block !important;
    margin-bottom: 0 !important;
}

#option-six #odysseus #OVExploreContainer .od-wrapper .label-wrapper.is-open,
#option-six #odysseus #OVExploreContainer .od-wrapper .label-wrapper.is-value-selected {
    color: var(--text-color) !important;
    font-size: 14px !important;
}

#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__spinner:after,
#option-six #odysseus #OVExploreContainer .od-form-wrapper .multiselect__spinner:before {
    border-color: var(--text-color) transparent transparent !important;
}

@media(max-width: 820px) {

    #option-six #odysseus #OVExploreContainer .od-main-wrapper {
        width: 100% !important;
    }

    #option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-input-wrapper {
        border-right: 0px !important;
        max-width: 100% !important;
    }

  #option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-checkbox-main-wrapper {
    justify-content: flex-start !important;
	flex-direction: column !important;
  }

  #option-six #odysseus #OVExploreContainer .od-checkbox-main-wrapper .od-checkbox-wrapper {
    flex-direction : row !important;
    justify-content: flex-start !important;
  }

  #option-six #odysseus #OVExploreContainer .od-checkbox-main-wrapper .od-checkbox-wrapper .od-checkbox {
      justify-content: flex-start !important;
  }

  #option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-main-button-wrapper {
    justify-content: center !important;
    margin-right: 0px !important;
  }
}

@media (min-width:768px) and (max-width:1280px) {
    #option-six #odysseus #OVExploreContainer .od-main-wrapper .od-tab-form-wrapper .od-input-wrapper {
        min-width: 270px !important;
    }
}

@media(min-width: 1025px) {
    #option-six #odysseus #OVExploreContainer .od-wrapper {
        flex-wrap: nowrap !important;
    }
}

#option-six #odysseus #OVExploreContainer .cruiseform .od-form-wrapper .od-input-wrapper .search-form-loading .label-wrapper {
    font-size: 0 !important;
}