.widgets_search_multisearcherwidget {
  padding: 0;
  * {
    box-sizing: border-box;
  }
  .titulo_seleccion {
    background: transparent;
    color: $brand-grey-dark;
    font-size: 1em;
    text-align: left;
    border-bottom: 0;
    padding: 0;
  }
}
.multicriteriasearch {
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid $colorBordes;
  padding: 15px 0;
  border-radius: $border-radius-large;
  @media (max-width: $grid-float-breakpoint-max) {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  @media (min-width: $grid-float-breakpoint) {
    background: #dfdfdf;
    border: 0;
    padding: 1px;
    border-radius: 8px;
  }
  .external & {
    margin-bottom: 0;
  }
  .nav{
    margin-bottom:0;
  }
  .nav-tabs-container {
    position: relative;
    margin-bottom: 20px;
    @media (max-width: $grid-float-breakpoint-max) {
      &:before, &:after {
        pointer-events: none; /* ignore clicks */
        content: "";
        display: block;
        position: absolute;
        z-index: 5;
        top: 0;
        bottom: 2px;
      }
      &:before {
        left: 0;
        width: 20px;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      }
      &:after {
        right: 0;
        width: 75px;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      }
    }
    @media (min-width: $grid-float-breakpoint) {
      padding: 10px 0 20px;
      background: #fff;
      margin: 0;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }
  }
  .nav-tabs {
    border-bottom: 0;
    font-size: 0;
    text-align: center;
    position: relative;
    @media (min-width: $grid-float-breakpoint) {
      padding: 0;
      margin-left: 15px;
      margin-right: 15px;
    }
    @media (max-width: $grid-float-breakpoint-max) {
      &, .wide_searcher & {
        padding: 0 15px;
        border-left: 0;
        border-right: 0;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        max-width: 100%;
      }
      &::-webkit-scrollbar {
        display: none;
      }
    }
    .tabs-line {
      @media (min-width: $grid-float-breakpoint) {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 50px;
        z-index: 2;
        height: 2px;
        background: $brand-primary;
        transition: transform 300ms ease, width 300ms ease;
      }
      @media (max-width: $grid-float-breakpoint) {
        display: none;
      }
    }
    > li {
      margin: 0;
      display: inline-block;
      float: none;
      vertical-align: top;
      position: relative;
      z-index: 2;
      &:last-child {
        margin-left: 0;
        margin-right: 0;
      }
      > a {
        color: $brand-grey-alt;
        position: relative;
        display: block;
        padding: 10px 15px 11px 10px;
        font-size: $font-size-large;
        background: transparent;
        margin: 0;
        line-height: 21px;
        border: 0;
        border-radius: 0;
        font-weight: $roboto-light;
        text-decoration: none;
        text-align: center;
        @media (min-width: $screen-lg-min) {
          padding-left: 30px;
          padding-right: 30px;
        }
        &, &:hover, &:focus {
          border:0;
          color: $brand-grey-alt;
          border-bottom: 1px solid #fff;
        }
        &:hover, &:focus {
          text-decoration: none;
          background-color: transparent;
          outline: none;
          padding-bottom: 10px;
          border-bottom-width: 2px;
          border-bottom-style: solid;
          &, .home_search_box & {
            border-bottom-color: $brand-primary;
          }
        }
      }
      &.active {
        background: transparent;
        border-top: 0;
        border-left: 0;
        border-right: 0;
        > a {
          &, &:hover, &:focus {
            border: 0;
            padding-bottom: 10px;
            border-bottom-width: 2px;
            border-bottom-style: solid;
            @include medium-weight;
            border-bottom-color: $brand-primary;
          }
        }
      }
      > a.active {
        &, &:hover, &:focus {
          border: 0;
          padding-bottom: 10px;
          border-bottom-width: 2px;
          border-bottom-style: solid;
          @include medium-weight;
          border-bottom-color: $brand-primary;

        }
      }
    }
    .multicriteriasearch_by_agency_tab {
      --_logo-background: transparent;

      display: flex;
      align-items: center;
      height: 21px;
      gap: 5px;

      > img {
        height: 1.5em;
        background-color: var(--_logo-background);
        padding: 3px;
        border-radius: 3px;
      }
    }
  }
  /* Contenido de los tab panel */
  .tab-content {
    background: transparent;
    padding: 0;
    margin: 0;
    position: relative;
    @media (min-width: $grid-float-breakpoint) {
      background: #fff;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      padding-bottom: 25px;
      padding-top: 25px;
    }
    .tab-pane {
      padding: 0 15px;
      background: transparent;
      &, .home_search_box &, .homeviajes_search_box & {
        border-radius: 0;
        border-width: 0;
      }
    }
  }
  .nav-tabs-container + .tab-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 0;
    dst-accommodation-searcher {
      padding-bottom: 0;
    }
  }
}
/* Paneles de contenido */
.search_box_out {
  background: transparent;
  padding: 0;
  margin: 0;
}
.search_box_in {
  border-radius: 0;
}

/* caja de buscador remite interno */
#internal_search_wrapper {
  margin: 20px auto;
}
@media (min-width: 768px) {
  #internal_search_wrapper {
    width: 600px;
  }
}
/* estilos para elementos dentro del multisearcher y para buscadores sueltos en general */
.searcher-form {
  label, legend, .legendlike, .number_people legend {
    color: $brand-grey-alt;
  }
  .radio label, .radio-inline label, .checkbox label, .checkbox-inline label {
    margin-bottom: 0;
  }
  fieldset {
    margin-bottom: 10px;
  }
  .journeyselector {
    margin-bottom: 15px;
    .btn-group {
      margin-bottom: 0;
    }
  }
  .journeycountryselector {
    margin-bottom: 0;
  }
  .form-group {
    margin-bottom: 0;
  }
  .form-control {
    font-size: $font-size-large;
    color: $brand-grey-alt;
    font-weight: 400;
    &::-moz-placeholder  {
      color: #74716e !important;
      opacity: 1;
      font-weight: 300;
    }
    &:-ms-input-placeholder  {
      color: #74716e !important;
      opacity: 1;
      font-weight: 300;
    }
    &::-webkit-input-placeholder  {
      color: #74716e !important;
      opacity: 1;
      font-weight: 300;
    }
  }
  .searchToggle__icon, .searchToggle__icon * {
    fill: $brand-grey-alt;
  }
  .autocomplete-widget .form-control {
    font-weight: 400;
  }
}
.legendlike {
  color: $brand-grey-alt;
}
.continente_boton_submit {
  text-align: right;
  @media (max-width: 767px) {
      text-align: center;
      margin-bottom: 10px;
  }
  button[type=submit] {
    background-color: $brand-primary;
    border: 0;
    color:#fff;
    font-size: 18px;
    @include medium-weight;
    padding: 8px 40px 7px !important;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    margin: 0 !important;
    line-height: 27px;
    html[lang|="pt"] & {
      padding: 8px 30px 7px !important;
    }
    html[lang|="ar"] &, html[lang|="fa"] &, html[lang|="he"] &, html[lang|="ja"] &, html[lang|="ru"] & {
      font-weight: 400;
    }
    @media (max-width: $grid-float-breakpoint-max) {
      display: block;
      width: 100%;
      text-align: center;
    }
    @media (max-width: 320px) {
      padding: 8px !important;
    }
    &:hover, &:focus {
      border: 0;
      background-color: $brand-primary-hover;
    }
    &.disabled {
      cursor: wait;
      &, &:hover, &:focus {
        background-color: $brand-primary;
      }
    }
    &.disabled_error {
      cursor: not-allowed;
    }

    .bt-txt {
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
    }
    .loader-inner {
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      overflow: hidden;
      &.ball-clip-rotate div {
        width: 18px;
        height: 18px;
        vertical-align: middle;
        border: 2px solid #fff;
        border-bottom-color: transparent;
      }
    }
  }
}
.destiny {
  position: relative;
}


/* version de las fechas junto al selector de ocupacion */
.datesoccupancy {}
.bootstrap-select.form-control {
  height: auto;
}
@media (min-width: $grid-float-breakpoint) {
  .datesoccupancy {
    display: flex;
    flex-wrap: nowrap;
    > .dates {
      flex: 1 1 auto;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
      &.dates_ri {
        justify-content: flex-start;
        flex: 1 1 auto;
      }
      &.dates_calendar_switcher {
        flex-wrap: wrap;
      }
    }
    > .occupancy-type, > .occupancy_container {
      margin-left: 2%;
    }
    > .occupancy-type {
      flex: 1 0 auto;
    }
    > .occupancy_container {
      flex: 0 0 auto;
      @media (max-width: $screen-sm-max) {
        max-width: 50%;
      }
    }
  }
}

/* titulo collapsable opciones avanzadas */
.title_opcionesavanzadas {
  clear: both;
}

/* fin titulo collapsable opciones avanzadas */

/* container collapsable opciones avanzadas */
.searcher-form {
  .avanzadasvuelos, .avanzadashoteles, .avanzadascoches, .widgets_search_hotelsearchwidget fieldset.avanzadashoteles {
    padding-top: 10px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.hotels_advanced_search .title_opcionesavanzadas {
  & + div {
    clear: both;
  }
  @media (min-width: $grid-float-breakpoint) {
    margin-top: -21px
  }
}
.avanzadashoteles .radio input[type=radio], .avanzadashoteles .radio-inline input[type=radio], .avanzadashoteles .checkbox input[type=checkbox], .avanzadashoteles .checkbox-inline input[type=checkbox] {
  margin-left: 0;
}
#opcionesavanzadas fieldset {
  margin-bottom: 0;
}
.checkboxgroup_title {
  margin: 5px 0;
  color: $brand-grey-dark;
}
.filtros li {
  display: flex;
}
.filtros input[type=radio], .filtros input[type=checkbox] {
  vertical-align: middle;
}
.filtros li input[type=radio], .filtros li input[type=checkbox] {
  margin-right: 4px;
  flex-shrink: 0;
}
.filtros li label {
  margin-bottom: 2px;
  font-size: $font-size-base;
}
/* fin container collapsable opciones avanzadas */
.avanzadashoteles select, .avanzadasvuelos select, .avanzadascoches select {
  margin-bottom: 10px;
  font-size: $font-size-small;
}

.titlesubfieldset {
  margin-bottom: 10px;
  &, .multicriteriasearch &, .hotelsearchwidget & {
    color: $brand-grey-dark;
  }
}


@media (min-width: 600px) {
  .avanzadashoteles .col-sm-6 .checkbox {
    float: left;
    width: 33%;
    margin-top: 0;
    margin-bottom: 10px;
  }
}

@media (min-width: $grid-float-breakpoint) {
  .avanzadashoteles .col-sm-6 .checkbox {
    width: 50%;
  }

  .side_column .widgets_search_hotelsearchwidget .avanzadashoteles .col-sm-6 .checkbox {
    float: none;
    width: auto;
    display: block;
  }

  .avanzadasvuelos > div {
    width: 32%;
    float: left;
    margin-right: 1%;
  }
}

@media (max-width: $grid-float-breakpoint-max) {
  .avanzadashoteles .row {
    margin: 0;
  }

  .avanzadashoteles .col-sm-6 {
    display: block;
    width: auto;
    float: none;
  }
  .avanzadashoteles .col-sm-6 .checkbox {
    float: none;
    width: auto;
    display: block;
  }
  .avanzadasvuelos > div {
    width: auto;
    float: none;
    display: block;
  }
}
.flightsearch_options, .forfait_options {
  @media (min-width:$grid-float-breakpoint) {
      clear: both;
    }
  .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-right: 5px;
    margin-bottom: 10px;
    label {
      color: $brand-grey-dark;
    }
  }
}
.forfait_options {
  @media (min-width:$grid-float-breakpoint) {
    .checkbox  {
      margin-bottom: 0;
    }
  }
  .titlesubfieldset {
    margin-bottom: 0;
  }
}

/* Caja para inputs con icono de informacion adicional */
.selectplusinfoicon {
  position: relative;
  padding-right: 0;
  .infoicon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    right: -18px;
    color: $brand-grey-dark;
    @media (max-width: 599px) {
      display: none;
    }
  }
  .tooltip {
    padding: 1px;
    border: 0 !important;
    max-width: none !important;
    &.in {
      opacity: 1;
    }

    &.right {
      padding: 0 11px;
      background: transparent !important;
      box-shadow: none;
      .tooltip-arrow {
        border-right-color: $colorBordes;
        border-width: 11px 11px 11px 0;
        margin-top: -11px;
        left: 1px;
        &:after {
          border-right-color:#fff;
        }
      }
    }
  }
  .tooltip-inner {
    width: 300px;
    background-color: #fff;
    color: #000;
    padding: 10px;
    text-align: left;
    white-space: normal;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid $colorBordes;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  }
}
.widget-cars-search-animation {
  margin-top: 10px;
}

#buscador_modificabusqueda {
  padding: 20px 30px;
}

#buscador_modificabusqueda .titular_modificabusqueda h1 {
  font-size: 20px;
}

/* estilos elementos formularios validacion */
select.dynamicload, select.form-control.dynamicload, .desktop select.dynamicload, .desktop select.form-control.dynamicload {
  background-image: url('/headers/common/js/libraries/jquery.autocomplete/indicator.gif');
  background-repeat: no-repeat;
  background-position: 97% 50%;
  background-size: 16px 16px;
}

select.has_error, select.form-control.has_error, .desktop select.has_error, .desktop select.form-control.has_error {
  border-color: $brand-red;
  border-width: 1px;
}

select.has_warning, select.form-control.has_warning, .desktop select.has_warning, .desktop select.form-control.has_warning {
  border-color: #c1a655;
  border-width: 1px;
}

/* popovers error */

.popover_error .popover-content, .popover_warning .popover-content {
  padding-left: 33px;
  color: #666;
  &:before {
    content: "!";
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: -12px;
    font-size: 18px;
    border: 1px solid;
    border-radius: 50%;
    padding: 1px 8px;
    line-height: 1;
  }
}
.popover_error .popover-content:before {
  color: $brand-red;
  border-color: $brand-red;
}
.popover_warning .popover-content:before {
  color: #c1a655;
  border-color: #c1a655;
}

/* link mas info trenes */
.transport_info_link {
  position: relative;
  a {
    text-decoration: none;
    position: absolute;
    font-weight: bold;
    top: -40px;
    right: 0;
    &, &:hover, &:focus {
      color:$brand-grey-dark;
    }
    span.circle-info {
      margin-left: 4px;
      padding: 1px;
    }
  }
  .linktext {
    vertical-align: middle;
    @media (max-width: 500px) {
      display: none;
    }
  }
}
.circle-info {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 16px;
  height: 16px;
  @media (max-width: 500px) {
    margin: 0 !important;
  }
  .icon-anyfill-graph-info-circle {
    width: 16px;
    height: 16px;
    &,  & * {
      fill: $brand-brown-medium;
    }
  }
}


/* caja remite interno de hoteles y vuelos */
.remite_container {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 0;
  position: relative;
  border: 1px solid $brand-brown-medium;
  border-radius: 5px;
  .title_collapse_container {
    padding: 0 0 10px;
  }
  .collapse {
    position: relative;
    padding: 0 0 10px 0;
  }
  label {
    color:$brand-grey-dark;
  }
}

/* titulo desplegable bootstrap-select comun para viajes, esqui, hoteles rurales y paradores */
.location-group .popover-title {
  font-size: 18px;
  color: $brand-grey-dark !important;
  padding: 15px 0;
  font-weight: $roboto-light;
  white-space: nowrap;
  min-width: 0 !important;
  border-bottom: 1px solid $colorBordes;
  border-radius: 0;
  background: #fff;
  display: flex;
  align-items: center;
  .close {
    padding: 0 15px;
    font-size: 24px;
  }
}
.location-group .bs-searchbox {
  background: #f7f7f7;
  border-bottom: 1px solid $colorBordes;
  padding: 10px 15px;
}

/* Estilos para buscadores marca blanca y externos */
.external .multicriteriasearch .tab-content .tab-pane {
  padding: 10px 15px 18px;
}
.widget_small {
  fieldset {
    margin-bottom: 10px;
  }
  .avanzadashoteles {
    .row {
      margin: 0;
    }
    .col-sm-6 {
      display: block;
      width: auto;
      float: none;
      .checkbox {
        float: none;
        width: auto;
        display: block;
      }
    }
  }
  .avanzadascoches {
    .row {
      margin: 0;
    }
    .col-sm-6 {
      display: block;
      width: auto;
      float: none;
    }
  }
  .avanzadasvuelos {
    padding-left: 10px;
    padding-right: 10px;
    > div {
      width: auto;
      float: none;
      display: block;
    }
  }
  .continente_boton_submit {
    text-align: center;
    margin-bottom: 10px;
  }
}


/* comunes banners */
.widget_square, .widget_leaderboard, .widget_halfbanner {
  .title_opcionesavanzadas,.avanzadashoteles {
    display: none !important;
  }
}

/* buscador square 250x250 */
.widget_square {
  width: 250px;
  height: 250px;
  .multicriteriasearch .tab-content .tab-pane {
    padding: 10px 10px 18px;
  }
  .widgets_searcherwidget,
  .widgets_searcherwidget .widgets_search_hotelsearchwidget {
    min-height: 0;
    max-height: 250px;
    overflow: hidden;
  }
  .dates > a {
    padding: 0 7px;
  }
  div.in_date {
    width: auto;
  }
  .rooms, .number_people, .num_nights, .datepick-trigger {
    display: none;
  }
  .dates .complete_date .numdia {
    font-size: 42px !important;
  }
}
.external .widget_square .continente_boton_submit {
  margin-bottom: 0;
}
/* fin buscador square 250x250 */

/* buscador leaderboard 728x90 */

.widget_leaderboard {
  width: 728px;
  height: 90px;
  .widgets_searcherwidget, .widgets_search_hotelsearchwidget {
    overflow: hidden;
    padding: 0;
  }
  fieldset {
    margin: 0;
    padding: 0 6px;
  }
  .widgets_search_multisearcherwidget .widgets_search_hotelsearchwidget .destiny input[type='text'] {
    padding: 0;
    width: 560px !important;
  }
  .rooms, .number_people, .num_nights, .datepick-trigger {
    display: none;
  }
  .widgets_search_hotelsearchwidget .destiny,
  .widgets_search_hotelsearchwidget .dates,
  .widgets_search_hotelsearchwidget .continente_boton_submit {
    float: left;
    margin-bottom: 0;
  }
  .widgets_search_multisearcherwidget .widgets_search_hotelsearchwidget .destiny {
    padding-top: 0;
  }
  .multicriteriasearch .tab-content .tab-pane {
    padding: 5px 0;
    box-sizing: border-box;
  }
  .widgets_search_multisearcherwidget .dates {
    /* escondemos fechas por falta de espacio para mostrar el calendario */
    display: none;
  }
  .continente_boton_submit button[type=submit] {
    padding: 5px 10px !important;
  }
}
/* fin buscador leaderboard 728x90 */

/* buscador halfbanner 480x250 */
.widget_halfbanner {
  .multicriteriasearch .tab-content .tab-pane {
    padding: 10px 10px 16px;
  }

  .widgets_searcherwidget {
    width: 480px;
    height: 250px;
    overflow: hidden;
  }
  .rooms, .number_people, .num_nights, .datepick-trigger {
    display: none;
  }
  .widget_halfbanner .destiny {
    float: none;
  }
}
/* fin buscador halfbanner 480x250 */

.external .selectplusinfoicon .infoicon {
  display: none;
}


/* external */
.external {
  @media (max-height: 90px) {
    .multicriteriasearch .tab-content .tab-pane {
      padding: 5px 5px 6px 5px !important;
    }
    .widgets_search_hotelsearchwidget {
      overflow: hidden;
    }
    fieldset {
      margin: 0;
    }
    .widgets_search_hotelsearchwidget .destiny {
      margin-bottom: 0 !important;
      float: left;
    }
    .destiny input[type='text'].location_input, .origindestiny input[type='text'].location_input {
      height: 38px;
    }
    .widgets_search_hotelsearchwidget .destiny input[type='text'].location_input {
      width: 529px !important;
      margin-bottom: 0;
    }
    .swap {
      line-height: 38px;
    }
    .widgets_search_hotelsearchwidget .dates, .widgets_search_hotelsearchwidget .widget-hotel-search-animation {
      display: none;
    }
    .widgets_search_hotelsearchwidget .continente_boton_submit {
      margin-bottom: 0;
    }
    .continente_boton_submit button[type=submit] {
      padding: 5px 14px 6px !important;
    }
    [id^="flights_"] form, [id^="flight_and_hotel_"] form {
      overflow: hidden;
    }
    .journeyselector {
      display: none;
    }
    .checkdates {
      display: none !important;
    }
    .origindestiny, .continente_boton_submit {
      float: left;
    }
   .continente_boton_submit {
      float: right;
      text-align: center;
    }
    .origindestiny {
      margin-bottom: 0;
    }

    [id^="flights_"] .origindestiny, [id^="flight_and_hotel_"] .origindestiny {
      margin-bottom: 0;
    }

    [id^="flights_"] .origindestiny {
      width: 75%;
    }

    [id^="flight_and_hotel_"] .origindestiny {
      width: 70%;
    }

    [id^="flights_"] .continente_boton_submit, [id^="flight_and_hotel_"] .continente_boton_submit {
      margin-bottom: 0;
    }

    [id^="flights_"] .continente_boton_submit {
      width: 25%;
    }
    [id^="flight_and_hotel_"] .continente_boton_submit {
      width: 30%;
    }
    .widget-transport-search-animation {
      display: none;
    }
  }
}

.widgets_search_multisearcherwidget .searcher_load {
  text-align: center
}
.hotel_checkdates {
  display: block;
  margin-bottom: 0;
  width: 100%;
  clear: both;
}
.dates {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  &.dates_calendar_switcher {
    flex-wrap: wrap;
  }
}
.date-calendar-in {
  flex: 1 0 49%;
}
.date-calendar-out {
  flex: 1 0 49%;
  margin-left: 2%;
}
.dates_ri {
  .date-calendar-in {
    flex: 1 1 38%;
  }
  .date-calendar-out {
    flex: 1 1 38%;
  }
  div.num_nights.extra_selector {
    flex: 1 1 20%;
    margin-left: auto;
    padding: 0 0 0 2%;
  }
}
.dates_calendar_switcher {
  .date-calendar-in, .date-calendar-out {
    flex: 1 1 48%;
    .flatpickr-trigger {
      max-width: 100%;
    }
  }
}
.dates .date-calendar-container a.in_date,
.dates .date-calendar-container a.out_date {
  width: 100%;
  float: none;
  &:hover, &:focus {
    color: $brand-grey-dark;
  }
}
.overflowHidden {overflow: hidden;}
/* titulo collapsable opciones avanzadas */
.title_collapse_container {
  margin-bottom: 10px;
  a {
    display: inline-block;
    &, &:hover, &:focus {
      color: $interactive-color;
      text-decoration: none;
      font-size: 16px;
    }
  }
  .arrow_collapse {
    .icon {
      width: 16px;
      height: 16px;
      vertical-align: middle;
      transition: all $transition-time ease;
      &, & * {
        fill: $interactive-color;
      }
    }
  }
  .arrow_collapse.collapsed {
    .icon {
      transform: rotate(180deg);
    }
  }
}
#buscador_modificabusqueda {
  background: #fff;
  .titular_modificabusqueda h1 {
    color: $brand-grey-dark;
  }
}
.cont_buscador_error {
  background: #fff;
}
/* Caja buscador en disponibilidad de vuelos */
.error_search_box {
  margin-top: 30px;
  margin-bottom: 30px;
}
.error_search_box .cont_buscador_error {
  padding: 15px;
  border: 1px solid $colorBordes;
  border-radius: 6px;
}
.addhotel legend {
  color: $brand-grey-dark;
}

/* Widget Add hotel en vuelos */
.addhotel_label {
  color: $brand-primary;
}

.addhotel_label:hover, .addhotel_label:focus {
  color: $brand-grey-dark;
}

.addhotel_layer {
  border-color: $brand-grey-dark;
}

.location-container {
  &-heading {
    padding: 15px 0;
    display: none;
  }
  &-close-bt {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: auto;
    border: 0;
    background: transparent;
    padding: 0 15px;
    vertical-align: middle;
    .icon {
      display: inline-block;
      width: 14px;
      height: 14px;
      margin: 0;
      padding: 0;
      vertical-align: middle;
      &.icon-anyfill-ui-close {
        &, & * {
          fill: $brand-grey-dark;
        }
      }
    }
  }
  &-close-txt {
    font-size: 20px;
    color: $brand-grey-dark;
    font-weight: $roboto-light;
    width: 100%;
  }
  &.location-container-focus {
    .form-group-container {
      transition: width 0.3s;
    }
    @media (max-width: $grid-float-breakpoint-max) {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: auto;
      min-height: 100dvh;
      background: #fff;
      z-index: 100002;
      margin: 0 !important;
      width: auto !important;
      float: none !important;
      overflow: hidden;
      overscroll-behavior: none;
      .location-container-heading {
        display: flex;
        align-items: center;
      }
      .form-group-container {
        padding: 10px 15px;
        background: #f7f7f7;
        border-top: 1px solid $colorBordes;
        border-bottom: 1px solid $colorBordes;
        margin:0;
        .cont_buscador_error & {
          padding: 18px 15px 17px;
        }
        .form-group label {
          color: $brand-grey-dark;
          display: none;
        }
        .form-group label:not(.sr-only) + input[type='text'].location_input, .form-group label:not(.sr-only) + .twitter-typeahead .form-control, .form-group label:not(.sr-only) + span .form-control {
          padding-top: 5px;
          height: 40px;
        }
        .form-group .locator {
          top: 7px;
        }
      }
    }
    @media (min-width: $grid-float-breakpoint) {
      position: relative;
      width: auto !important;
      float: none !important;
      min-height: 55px;
      .form-group-container {
        padding: 0;
        .form-group {
          width: 100%;
        }
        input[type='text'].location_input {
          box-shadow: 0 2px 7px 0 #d0cbc9;
        }
      }
      .origindestiny & {
        float: left !important;
        width: 49% !important;
        min-height: 55px;
        &:last-child {
          float: right !important;
          .form-group-container {
            left: auto;
          }
        }
      }
      .multipledestinations_line & {
        float: left !important;
        width: 33% !important;
      }
    }
  }
}
.acResults.ac_in_modal, .location-group .form-group-container .tt-menu {
  @media (max-width: $grid-float-breakpoint-max) {
    position: fixed !important;
    top: 119px !important;
    bottom: auto !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 100003 !important;
    width: auto !important;
    border: 0 !important;
    padding: 0 !important;
    background: #fff;
    min-height: 0 !important;
    max-height: calc(100dvh + -119px ) !important;
    overflow: auto;
    overscroll-behavior: none;
    &::before,
    &::after {
      content: '';
      display: block;
    }

    &::before {
      background: linear-gradient(rgba(0, 0, 0, 0.12) 0, rgba(255, 255, 255, 0));
      height: 10px;
      position: sticky;
      width: auto;
      top: 0;
      z-index: 30;
      margin-left: 0;
      margin-right: 0;
    }
    &::after {
      background: #fff;
      position: absolute;
      height: 10px;
      top: 0;
      left: 0;
      right: 0;
      z-index: 30;
    }
  }
}
.acResults.ac_in_modal {
  @media (min-width: $grid-float-breakpoint) {
    border: 0;
    margin: 2px 0 0 0;
    border-radius: 6px;
    border: 1px solid $colorBordes;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
    padding: 10px;
    min-width: 468px;
    ul {
      position: relative;
      z-index: 2;
    }
  }
}
.origindestiny, .destiny {
  .location-container-focus .form-group-container .autocomplete-widget .tt-menu {
    background: #fff;
    border: 1px solid $colorBordes;
    border-radius: 6px;
    z-index: 1;
    left: 0;
    right: 0;
    padding: 10px;
    min-height: 100%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
    width: 100%;
    margin: 2px 0 0 0;
    @media (min-width: $grid-float-breakpoint) {
      min-width: 468px;
    }
    .acResultsTravel {
      position: relative;
      z-index: 2;
    }
    .last-elem {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  }
}

@import "search_flatpickr_calendar";