.margin0 {
  margin: 0 !important;
}
.padding0 {
  padding: 0 !important;
}

/* Resumen de búsqueda dispo*/
.cont_search_summary {
  border-bottom: 1px solid $colorBordes;
  min-height: 55px;
  display: block;
  position: relative;
  background: #FFF;
  .bloque {
    border-right: 1px solid $colorBordes;
    text-align: center;
    line-height: 0;
    .tipoDato {
      color: $brand-copy-light;
      font-size: 10px;
      font-weight: $roboto-regular;
      display: block;
      padding-top: 12px;
      text-transform: uppercase;
      text-align: left;
      line-height: 1.5;
    }
    .dato {
      font-size: $font-size-large;
      @include medium-weight;
      display: block;
      padding: 0 0 9px 0;
      text-align: left;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
      color: $brand-grey-dark !important;
       a, a:hover {
        color: $brand-grey-dark !important;
        text-decoration: none;
        svg {
          &, & * {
            fill: $brand-grey-dark !important;
          }
        }
      }
    }
  }

  svg {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    &, & * {
      fill: $brand-primary;
    }
    &.icon-anyfill-ui-close {
      vertical-align: middle;
      &, & * {
        fill: #FFF;
      }
    }
  }
  button.searcherButton, button.btn-primary {
    margin: 10px floor(($grid-gutter-width / 2)) 0 0;
    @media (max-width: $screen-md-max) {
      padding: 9px;
      span {
        position: absolute;
        text-indent: -10000px
      }
      .icon {
        margin: 0;
        height: 20px;
        vertical-align: top;
      }
    }
    span {
      vertical-align: middle;
    }
    .icon {
      position: relative;
    }
  }
  svg.icon-anyfill-ui-close {
    width: 16px;
    height: 16px;
    vertical-align: sub;
    &, & * {
      fill: #FFF;
      margin-bottom: 10px;
    }
  }
}
/* Mobile */
@media (max-width:$screen-xs-max) {
  /* Resumen de busqueda */
  .cont_search_summary .cont_search_summary_mobile{
    padding:10px 0 10px 0 ;
    margin:0!important;
    button.btn{
      margin: 0 10px 0 0;
    }
    .info-summary{
      font-size:12px;
      .rooms{
        padding-left:10px;
      }
    }
    .destination{
      display: block;
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px;
    }
    button {
      margin: 10px 10px 0 0;
      padding: 10px;
    }
  }
  /* Fin resumen busqueda */

}  /* fin mobile */


/* Fin resumen de búsqueda comun entre hoteles, vuelos y v+h */



/* Parte superior de la pagina estilos exclusivos en vuelos y v+h porque solo en ellos esta el id #datosBusqueda */
#datosBusqueda {
  .icon-anyfill-ui-chevron-left {
    width: 11px;
    height: 11px;
    vertical-align: baseline;
  }
  .icon-anyfill-ui-chevron-right {
    width: 11px;
    height: 11px;
    vertical-align: baseline;
  }
  .seleccionado {
    z-index: 2;
    border-bottom: 1px solid #FFF;
    background: #FFF;
    color: $brand-grey-dark;
  }
  .bloque {
    .icon-anyfill-ui-chevron-down {
      height: 11px;
      margin: 0 0 0 20px;
      position: absolute;
      width: 11px;
      color: $brand-copy-light;
    }
    .dato {
      .chevronl {
        margin-right: 10%;
      }

      .chevronr {
        margin-left: 9%;
      }
    }
    .dato.nochev {
      padding: 0 0 22px !important;
    }
  }
  .contDatos {
    min-width: 80%;
    max-width: 100%;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }

  ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  li {
    display: inline-block;
  }

  li.enlace {
    padding: 15px 0;
    line-height: 1.5;
  }

  .origen {
    border-right: 1px solid $colorBordes;
  }

  .destino {
    padding-left: 30px;

    .multidestino {
      position: absolute;
      z-index: 3;
      left: 0;
      top: 53%;

      .badge {
        padding: 5px !important;
      }
    }
  }

  .origen .icondirection, .destino .icondirection {
    background: #FFF;
    border: 1px solid $colorBordes !important;
    border-radius: 2.8em;
    height: 34px;
    position: absolute;
    top: 25%;
    width: 34px;
    padding-top: 0;
    font-size: 18px;
    font-weight: $roboto-bold;
    line-height: 34px;
    vertical-align: middle;
    svg {
      vertical-align: top;
      &.icon-anyfill-ui-arrow-right {
        width: 18px;
        height: 32px;
      }
      &.icon-anyfill-ui-doblearrow {
        width: 18px;
        height: 32px;
      }
      &, & * {
        fill: $brand-copy-light;
      }
    }
  }
}

html[lang|="en"] #datosBusqueda .contDatos {min-width: 90%;}
#datosBusqueda .origen .icondirection {
  right: -18px;
}
#datosBusqueda .destino .icondirection {
  left: -18px;
}
#datosBusqueda.conSeleccion {
  border-bottom: 1px solid #FFF;
  background: $brand-brown-light;
  color: #d4d3d2 !important;
  z-index: 3;
}

@media (min-width: $grid-float-breakpoint) and (max-width: 1024px) {
  #datosBusqueda {
    .contDatos {
      max-width: 99%;
      margin-right: 0;
    }

    .chevronr, .chevronl {
      display: none;
    }

  }
}

@media (min-width: $grid-float-breakpoint) and (max-width: 1199px) {
  #datosBusqueda {
    .icon-anyfill-ui-chevron-down {
      display: none
    }
    .chevronr, .chevronl {
      display: none;
    }

  }
}

@media (max-width: $grid-float-breakpoint-max) {

  #datosBusqueda .cont_search_summary_mobile {
    .destination {
      .icondirection {
        display: inline-block;
        padding-top: 0;
        line-height: 14px;
        vertical-align: middle;
        svg {
          vertical-align: middle;
          &.icon-anyfill-ui-arrow-right {
            width: 14px;
            height: 14px;
          }
          &.icon-anyfill-ui-doblearrow {
            width: 14px;
            height: 14px;
          }
          &, & * {
            fill: $brand-copy-light;
          }
        }
      }
    }
  }
}

/*rtl:ignore*/
[dir='rtl'] #datosBusqueda {
  .destino .icondirection {
    svg.icon-anyfill-ui-arrow-right {
      transform: rotate(180deg);
    }
  }
}

/* Capa de buscador */

.cont_buscador_error {
  background: #fff;
  border: 1px solid $colorBordes;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding: 15px 0;
  margin: 0;
  .cerrar {
    appearance: none;
    border: 0;
    background: transparent;
    color: $brand-grey-dark !important;
    display: inline-block;
    padding: 4px;
  }
  .icon-anyfill-ui-close {
    width: 14px;
    height: 14px;

    * {
      fill: $brand-grey-dark !important;
    }
  }
  .searcher-form {
    clear: both;
  }
  .multicriteriasearch {
    border: 0;
  }
}
/* form control dentro del contenedor de buscador de error de las dispos se esconde el label y los inputs se hacen menos altos */
.cont_buscador_error {
  .form-group label:not(.sr-only) {
    display: none;
  }
  .dates .complete_date {
    height: 38px;
    line-height: 38px;
  }
  .dates .complete_date .numdia {
    line-height: 38px;
  }
  .dates a.in_date:before, .dates a.out_date:before {
    bottom: 12px;
  }
  .form-group label:not(.sr-only)~.form-control.bootstrap-select {
    height: 40px;
    .dropdown-toggle .caret {
      top: 18px;
    }
    .filter-option {
      position: relative;
      height: auto;
      vertical-align: middle;
      display: inline-block;
      float:none !important;
      margin-top: 0;
    }
  }
  .destiny .locator, .origindestiny .locator {
    top: 7px;
  }
  .swap {
    top: 50%;
    @media (min-width: $grid-float-breakpoint) {
      transform: translate(-50%, -50%);
    }
  }
  .origindestiny .location-container.location-container-focus {
    min-height: 40px;
  }
}
.form-control {
  // styles for label+input
  .cont_buscador_error .form-group label:not(.sr-only) + &,
  .cont_buscador_error .form-group label:not(.sr-only) + span &,
  .cont_buscador_error .form-group label:not(.sr-only) + .twitter-typeahead &,
  .cont_buscador_error .form-group label:not(.sr-only) + .autocomplete-widget &,
  .cont_buscador_error .form-group label:not(.sr-only) + .autocomplete-widget .twitter-typeahead &,
  .cont_buscador_error .form-group label:not(.sr-only) + .geounits-autocomplete-input-widget .twitter-typeahead &,
  .cont_buscador_error .form-group label:not(.sr-only) ~ &.bootstrap-select .dropdown-toggle {
    height: 40px;/*$input-height-base;*/ // Make inputs at least the height of their button counterpart (base line-height + padding + border)
    padding-top: 0;
    padding-bottom: 0;
  }
  // exception for long labels (two lines)
  .cont_buscador_error .form-group label.long-label + &,
  .cont_buscador_error .form-group label.long-label + span &,
  .cont_buscador_error .form-group label.long-label + .twitter-typeahead &,
  .cont_buscador_error .form-group label.long-label + .autocomplete-widget &,
  .cont_buscador_error .form-group label.long-label + .autocomplete-widget .twitter-typeahead &,
  .cont_buscador_error .form-group label.long-label + .geounits-autocomplete-input-widget .twitter-typeahead &,
  .cont_buscador_error .form-group label.long-label:not(.sr-only) ~ &.bootstrap-select .dropdown-toggle {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }

}
.cont_buscador_error .form-group label:not(.sr-only)+.twitter-typeahead select.form-control,
.cont_buscador_error .form-group label:not(.sr-only)+select.form-control,
.cont_buscador_error .form-group label:not(.sr-only)+span select.form-control {
  background-position: right 10px top 14px;
}
.cont_buscador_error .travels_searcher .continente_boton_submit button[type=submit] {
  height: 40px;
  line-height: 1;
}

/* Fin de la capa de buscador */