/* Página con el buscador de viajes que se carga en el webview de la app de destinia */
/* https://destinia.com/m/apps/travels */

@import "../../../basic_imports";


body {
  background-color: $brand-grey-light;
}
.tab-pane {
  background: #fff !important;
  border-radius: 8px;
  input.location_input {
    border: 1px solid #d0cbc9!important;
  }
}

/*.buscadorCentrado { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 }*/

@media (max-width: $screen-xs-min) {
  .buscadorCentrado {
    display: table;
    width: 100%;
    height: 100vh;
    .widgets_search_multisearcherwidget {
      display: table-cell;
      vertical-align: middle;
    }
  }
  #rc-connect-container {
    min-height: 400px;
    margin-top: 20px;
  }
  .tab-pane {
    border-radius: 0;
  }
}



/*ESTILOS BUSCADOR BLANCO*/
.buscadorCentrado.alternative_searcher {
  .multicriteriasearch {
    background: #fff;
    border: 1px solid $colorBordes;
  }

  .location_input, a.in_date, a.out_date {
    border: 1px solid #d0cbc9!important;
  }

  .journeyselector .btn-group-sm>.btn-default, .journeycountryselector .btn-group-sm > .btn-default {
    border-color: $brand-grey-dark;
    color: $brand-grey-dark;
    background-color: transparent;
  }
  .journeyselector .btn-group-sm>.btn-default.active, .journeycountryselector .btn-group-sm > .btn-default.active {
    background: $brand-grey-dark;
    color: #fff;
    border-color: $brand-grey-dark;
  }
  .swap .swap-button .icon-swap {
    &, & * {
      fill: $brand-grey-dark;
    }
  }
  .continente_boton_submit button {
    background-color: #fff !important;
    border: 1px solid $brand-primary !important;
    color: $brand-primary;
  }
  .continente_boton_submit button[type=submit].disabled, .continente_boton_submit button[type=submit].disabled:hover {
    background-color: #ec5b14 !important;
  }
  legend, .checkbox label {
    color: $brand-grey-dark;
  }
  .title_collapse_container.title_opcionesavanzadas a {
    &, &:hover, &:focus {
      color: $brand-grey-dark;
      &.arrow_collapse:before {
        border-top-color: $brand-grey-dark;
      }
      &.arrow_collapse.collapsed:before {
        border-top-color: transparent;
        border-left-color: $brand-grey-dark;
      }
    }
  }
}


/* Small devices (tablets, 768px and up) */
@media (min-width: $screen-sm-min) {
  .buscadorCentrado { position: absolute; top: 10%; left: 50%; transform: translate(-50%, -10%);}
  body {
    background-color: $brand-grey-light;
  }
  #rc-connect-container {
    min-height: 275px;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: $screen-lg-min) {

}