@import url(../fonts/akrobat-font.css?family=Akrobat);
@import url(../fonts/vivabeautifulpro.css?family=VivaBeautiful);

/* ------------------ Bootstrap 5 Columns ------------------ */

div.col-xs-5ths,
div.col-sm-5ths,
div.col-md-5ths,
div.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

div.col-xs-5ths {
    width: 30%;
    float: left;
}

@media (min-width: 992px) {
    div.col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    div.col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* ------------------ Booking Engine ------------------ */
button.btn.dropdown-toggle.btn-default {
    height: 47px;
}

.tooltip{
    position: fixed;
}

.btn-success {
    background-color: #de424a;
    border-color: #de424a;
    color: #fff;
}

.btn-success:hover{
    background: #f0889f;
    border-color: #f0889f;
    border-radius: 6px;
    color: #fff;
}

.btn-success[disabled]:hover{
    background-color: #d89094;
    border-color: #d89094;
}

.btn-success:active:hover,
.btn-success:active:focus{
    background-color: #d89094;
    border-color: #d89094;
}

.display-booking a .fa{
    color: #359ec3;
}

.btn-group.bootstrap-select.form-control.input-lg,
.btn-group.bootstrap-select.form-control.input-lg.hotelpicker {
    height: 47px;
    border-radius: 6px;
}

#bannerHotel #bookingEngine > #tituloBooking{
  display: none;
}
#bannerHotel #bookingEngine div.tab-content{
  background: transparent;

}
#bannerHotel #bookingEngine label{
  color: #575757;
}
#bannerHotel #bookingEngine div.tab-content .gruposBooking input,
#bannerHotel #bookingEngine .gruposBooking select,
#bannerHotel #bookingEngine .gruposBooking button.dropdown-toggle,
#bannerHotel #bookingEngine div.selectorHabitaciones > div:last-of-type{
  border: solid 1px #9d9d9d;
}
#bannerHotel .radioButton span.checkbox::before{
  background: #dadada;
}

.not-displayed{
    /*visibility: hidden;*/
    opacity: 0;
    max-height: 0px;
    border: 0px;
    overflow: auto;
    -webkit-animation: slide-out 1s ease-out forwards;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

.displayed{
    visibility: visible;
    opacity: 1;
    overflow: hidden;
    -webkit-animation: slide-in 1s ease-in forwards;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

@-webkit-keyframes slide-in {
  0%   { max-height: 0px; }
  100% { max-height: 800px; }
}

@-webkit-keyframes slide-out {
  0%   { max-height: 800px; }
  100% { max-height: 0px; }
}

@media (min-width: 768px) {
    div.col-sm-5ths {
        width: 32%;
        float: left;
    }
}

.col-xs-12.col-md-11{
  padding-bottom: 8px;
}

select::-ms-expand {
  display: none;
}

@media (max-width: 991px) {
  div.col-xs-12.col-md-11{
    padding-bottom: 8px !important; 
  }
}

#tituloBooking {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,0.7);
}
@media (max-width: 767px) {
  #tituloBooking,
  div.col-md-1 > label {
    display: none;
  }
  select.input-lg.incrementalSelects{
    line-height: 35px;
  }
  .input-lg,
  .ajusteIpad button{
    height: 35px !important;
  }
  .ajusteIpad button > span{
    margin-top: -6px;
  }
  div.bootstrap-select.bs-container{
    margin-top: -40px;
  }
  .col-md-11 .gruposBooking label.checkbox-inline{
    line-height: 14px;
  }
  span.iconInput{
    top: 4px !important;
  }
}
@media (min-width: 767px) and (max-width: 968px){
  div.col-md-1 > label {
    display: none;
  }
  #buscar{
    margin: 10px 0;
  }
}
i.glyphicon.fa.fa-building-o {
    display: none;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.bootstrap-select>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover,
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default{
  background: #ffffff;
  color: #989898 !important;
}

div.bootstrap-select.bs-container{
  margin-top: -46px;
}

input.form-control{
  font-size: 18px;
}

#bookingEngine label{
  color: #ffffff;
  font-size: 15px;
  font-weight: normal;
}

#bookingEngine label#labelBuscar{
  color: transparent;
}

#bookingEngine label.checkbox-inline{
  font-size: 14px;
  font-weight: bold;
}

#bookingEngine label.checkbox-inline input[type=radio]:after {
  width: 16px;
  height: 16px;
  border-radius: 15px;
  cursor: pointer;
  top: -1px;
  left: -2px;
  position: relative;
  background-color: #ffffff;
  content: '';
  display: inline-block;
  visibility: visible;
}

#bookingEngine label.checkbox-inline input[type=radio]:checked:after {
  width: 16px;
  height: 16px;
  border-radius: 15px;
  cursor: pointer;
  top: -1px;
  left: -2px;
  position: relative;
  background-color: #5cacff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #ffffff;
}

#bookingEngine label.checkbox-inline input[type=radio]:checked + span {
  color: #5cacff;
}

#bookingEngine label.radio-inline{
  font-size: 14px;
}

/*#bookingEngine label.checkbox-inline input[type=checkbox]:after {
  width: 14px;
  height: 14px;
  cursor: pointer;
  top: -1px;
  position: relative;
  background-color: #ffffff;
  content: '';
  display: inline-block;
  visibility: visible;
}

#bookingEngine label.checkbox-inline input[type=checkbox]:checked:after {
  width: 14px;
  height: 14px;
  cursor: pointer;
  top: -1px;
  position: relative;
  background-color: #5cacff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #ffffff;
}*/

@media (max-width: 767px) {
  #bookingEngine .radioButton{
    display: block;
    margin-bottom: 5px;
    margin-right: 10px;
  }
  #bookingEngine .checkbox-inline + .checkbox-inline{
    margin-left: 0;
  }
  #bookingEngine label#labelBuscar{
    height: 0;
  }
  #bookingEngine label#labelBuscar + button{
    margin-top: -10px;
  }
}

#cotizacionWrapper .acomodacionWrapper{
  overflow: auto;
  max-height: 440px;
  z-index: 99;
}

@media (max-width: 767px) {
  #cotizacionWrapper .acomodacionWrapper{
    overflow: auto; 
    max-height: 597px !important;  
    z-index: 99 !important;
  }
}

#cotizacionWrapper .alertaFormulario{
  position: relative !important; 
}

#bookingEngine .acomodacionWrapper label{
  font-size: 14px;
}

#bookingEngine .nav-tabs{
  border: none;
  margin-bottom: 2px;
}

#bookingEngine .nav-tabs span{
  font-weight: bold;
}

#bookingEngine .nav-tabs>li>a{
  background: rgba(0,0,0,0.4);
  border: none;
  color: #fff;
  padding: 7px 12px;
}

#bookingEngine .nav-tabs>li>a:focus,
#bookingEngine .nav-tabs>li>a:hover{
  background: rgba(237, 131, 35, 0.6);
  border: none;
  color: #fff;
}

#bookingEngine .nav-tabs>li.active>a,
#bookingEngine .nav-tabs>li.active>a:focus,
#bookingEngine .nav-tabs>li.active>a:hover{
  background: #469fc4;
  border: none;
  color: #ffffff;
}

#bookingEngine div.tab-content{
  background: rgba(0,0,0,0.2);
  border-radius: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#bookingEngine div.tab-content .col-xs-12{
  padding: 0;
}

#contentBooking{
  border: 1px solid rgb(241, 241, 241);
}


@media screen and (max-device-width: 1200px), (min-width: 767px){
  #contentBooking{
    border: 0px;
  }

  span.iconInput{
    color: #989898;
  }
}
#bookingEngine,
div.tooltip,
.daterangepicker{
  font-family: 'Akrobat', sans-serif;
}

.dropdown-menu.open{
  font-family: 'Akrobat', sans-serif;
  border-radius: 0;
  margin-top: 10px;
  position: absolute;
}
.bs-searchbox .form-control {
  border-radius: 0;
}
.bs-searchbox .form-control:focus {
  border-color: #469fc4;
}


div.daterangepicker{
  border-radius: 0;
  color: #777;
  margin-top: 10px;
}

div.daterangepicker:before,
div.daterangepicker:after{
  display: none;
}

div.daterangepicker_input{
  display: none;
}

div.daterangepicker td,
div.daterangepicker th{
  border: none;
}

div.daterangepicker td.in-range{
  background-color: #7dcbe2;
}

div.daterangepicker td.available:hover,
div.daterangepicker th.available:hover{
  background-color: #7dcbe2;
  border-radius: 0;
  color: #000000;
}


div.daterangepicker td.active:not(.off),
div.daterangepicker td.active:hover,
div.daterangepicker td.available.in-range:hover:not(.start-date){
  background-color: #469fc4;
  border-radius: 0;
  color: #ffffff;
  position: relative;
}

div.daterangepicker td.active.start-date:before,
div.daterangepicker td.active.start-date:hover:before{
  position: absolute;
  display: inline-block;
  content: '';
  right: -5px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 5px solid #469fc4;
  top: 0px;
}
div.daterangepicker td:not(.today).end-date:before,
div.daterangepicker td:not(.today).end-date:hover:before,
div.daterangepicker td.available.in-range:hover:not(.start-date):before{
  position: absolute;
  display: inline-block;
  content: '';
  left: -5px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 5px solid #469fc4;
  top: 0px;
}

#ui-datepicker-div{
  margin-top: 10px !important;
}
div.inputWrapper{
  display: block;
  position: relative;
}

#bookingEngine div.tab-content button.btn-default.enviar,
#bookingEngine div.tab-content div.enviar{
    background: #de424a;
    color: #fff;  
    border-color: #de424a;
    vertical-align: bottom;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.4s background;
}

#bookingEngine div.tab-content button.btn-default.enviar:hover,
#bookingEngine div.tab-content div.enviar:hover,
#bookingEngine div.tab-content button.btn-default.enviar:active,
#bookingEngine div.tab-content div.enviar:active{
    background: #f0889f;
    border-color: #f0889f;
    border-radius: 6px;
    color: #fff;
}

#bookingEngine .form-control:focus{
  border-color: #469fc4;
}

#tabsWrapper > div{
  padding: 2px;
}

span.iconInput{
  color: #989898;
  position: absolute;
  font-size: 18px;
  left: 10px;
  top: 11px;
  pointer-events: none;
  z-index: 5;
}
span.iconInput + input{
  padding-left: 30px !important;
}
span.iconInput + select{
  padding-left: 10px 30px !important;
  overflow: hidden !important;
}
span.iconInput + div > button{
    border-radius: 6px;
    font-size: 18px;
    padding: 12px 30px !important;
    overflow: hidden !important;
    border: 0;
    background-color: #fff;
}
.bootstrap-select .dropdown-toggle:focus, span.iconInput + div > button:focus{
  border-color: #469fc4 !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{
    background-color: #539fc6 !important;
    color: #fff !important;
}
.dropdown-menu .divider{
  margin: 2px 0 !important;
}
.dropdown-menu>li>a{
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.dropdown-menu>li.disabled.selected>a{
  color: #fff !important;
}

div.selectWrapper{
  overflow: hidden !important;
  background: none !important;
}
div.selectWrapper > select{
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
}
div.selectNumbers{
  display: inline-block;
  vertical-align: middle;
}
span.bs-caret{
  display: none;
}


#bookingEngine div.tab-content .gruposBooking{
  padding: 0;
  padding-right: 8px;
}

@media (min-width: 767px) and (max-width: 968px){
  #bookingEngine div.tab-content .gruposBooking.ajusteIpad{
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  #bookingEngine div.tab-content .gruposBooking{
    padding-right: 0px;
  }
  #bookingEngine div.tab-content .gruposPadding{
    padding-right: 8px;
  }
}
#bookingEngine div.tab-content .gruposBooking input, .gruposBooking select{
  padding: 5px 7px 5px 25px;
  background: #ffffff;
  border: none;
  border-radius: 6px;
  width: 100%;
  height: 47px;
}
#bookingEngine div.tab-content .gruposBooking select{
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 38%;
  padding-top: 0;
}

#bookingEngine div.tab-content div.contCalendario{
  padding-right: 0;
}

@media (min-width: 767px) {
  #bookingEngine div.tab-content .contDerecho{
    padding-right: 0;
  }
}

.incrementalWrapper{
  text-align: center;
}
.incrementalButton{
  background: transparent;
  border: none;
  color: #aaa9af;
  padding: 0;
}
.incrementalButton:hover,
.incrementalButton.active,
.incrementalButton:focus{
  color: #c3c3c3;
  outline: none;
}

.incrementalButton.disabled,
.incrementalButton.disabled:hover{  
  color: #aaa9af;
  cursor: not-allowed;
  opacity: 0.5;
}

.incrementalButton span.fa-stack > i:last-of-type{
  color: #ffffff;
  font-size: 12px;
}

select.incrementalSelects {
  border: solid 1px #cccccc;
  display: inline;
  width: 54px;
}

.contEdadNinyos{
  text-align: left;
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .contEdadNinyos{
    text-align: center;
  }
}

body > .tooltip > .tooltip-inner {
  background-color: #f1f1f1; 
  color: #737373;
  border-radius: 6px;
  padding: 5px;
  font-size: 11px;
  max-width: 250px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 5px;
  text-align: left;
  border: 1px solid #cccccc;
}
body > .tooltip.bottom > .tooltip-arrow {
  border-bottom: 5px solid #cccccc;
  margin-top: 5px;
}

a.tooltipHabitacion i, a.tooltipPax i, a.tooltipNinyos i{
  color: #469fc4;
}

.enviar{
  vertical-align: bottom;
}

form > div:last-child{
  margin-bottom: 0 !important;
}

form > div:last-child > div{
  margin-bottom: 5px !important;
}

/* ------------------ Ajustes Booking ------------------ */

.contEdadNinyos .selectNumbers {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
@media (max-width: 400px) {
  .elegirCombinar > label{
    letter-spacing: -1px;
  }
}
@media (max-width: 992px) {
  div.contHabitaciones + div > div:nth-of-type(2) > label{
    height: 0px;
  }
}

.form-group{
  margin-bottom: 5px !important;
}

.checkBooking{
  margin-top: 5px !important;
}

/* ------------------ Alerta Formulario ------------------ */

#abrirTutorial{
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 10px;
  z-index: 1000;
}
#abrirTutorial > i.fa{
  font-size: 15px;
  vertical-align: middle;
}

input.form-control.error,
div.bootstrap-select.error{
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1), 0 0 15px rgba(161, 26, 22, 1);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1), 0 0 15px rgba(161, 26, 22, 1);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1),0 0 15px rgba(161, 26, 22, 1);
  border-radius: 6px 6px 0px 0px !important;
}

div.alertaFormulario{
  background: rgba(161, 26, 22, 0.85);
  border-radius: 0px 0px 6px 6px;
  color: #ffffff;
  display: none;
  font-size: 14px;
  line-height: 18px;
  padding: 6px 8px;
  /*position: absolute;*/
  /*width: 100%;*/
  z-index: 15;
}

div.alertaFormulario i.fa{
    margin-right: 5px;
}

input.form-control.error ~ div.alertaFormulario,
div.bootstrap-select.error ~ div.alertaFormulario{
  display: block;
}

input.form-control.infoTerrestre, .infoNinios input.form-control, input.form-control.infoAcomodacion{
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1), 0 0 15px rgba(41, 171, 211, 1);
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1), 0 0 15px rgba(41, 171, 211, 1);
  -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1),0 0 15px rgba(41, 171, 211, 1);
  /*border-radius: 6px 6px 0px 0px !important;*/
}

.alertaNinios{
    background: rgba(70, 159, 196, 0.85);
    border-radius: 6px 6px 0px 0px;
    color: #ffffff;
    display: none;
    font-size: 13px;
    line-height: 16px;
    padding: 6px 8px 15px;
    position: absolute;
    width: 100%;
    z-index: 3001;
}

.alertAgentPax{
    background: #de424a;
    border-radius: 6px 6px 0px 0px;
    color: #ffffff;
    display: none;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 8px 15px;
    position: absolute;
    width: 100%;
    z-index: 3001;
    margin-top: -139px;
}

.alertaNinios > span {
    font-size: 9px;
    position: absolute;
    right: 5px;
    bottom: 2px;
    cursor: pointer;
}

.alertAgentPax > span {
    font-size: 9px;
    position: absolute;
    right: 5px;
    bottom: 2px;
    cursor: pointer;
}

.infoNinios div.alertaNinios{
  display: block;
}

.alertaTerrestre{
  background: rgba(70, 159, 196, 0.85);
  border-radius: 0px 0px 6px 6px;
  color: #ffffff;
  display: none;
  font-size: 14px;
  line-height: 18px;
  padding: 6px 8px 15px;
  position: absolute;
  width: 100%;
  /*position: fixed;
  width: 244px;*/
  z-index: 10;
}

.alertaTerrestre > span{
  font-size: 9px;
  position: absolute;
  right: 5px;
  bottom: 2px;
  cursor: pointer;
}

input.form-control.infoTerrestre ~ div.alertaTerrestre{
  display: block;
}

.alertaAcomodacion{
  background: rgba(70, 159, 196, 0.85);
  border-radius: 0px 0px 6px 6px;
  color: #ffffff;
  display: none;
  font-size: 14px;
  line-height: 18px;
  padding: 6px 8px 15px;
  position: absolute;
  width: 100%;
  z-index: 10;
}

.alertaAcomodacion > span{
  font-size: 9px;
  position: absolute;
  right: 5px;
  bottom: 2px;
  cursor: pointer;
}

input.form-control.infoAcomodacion ~ div.alertaAcomodacion{
  display: block;
}

.accomodation-auto-with{
    width: auto !important;
}

.bootstrap-select.btn-group div.dropdown-menu li a.opt{
  padding-left: 24px;
  font-size: 16px;
  color: #575757;
}

.bootstrap-select .dropdown-toggle:hover,
.bootstrap-select .dropdown-toggle:focus{
    background:transparent;
}

.dropdown-header{
  padding: 3px 10px;
}

#bookingEngine div.tab-content input,
#bookingEngine div.tab-content button > span.visited,
#bookingEngine div.tab-content select{
  color: #575757;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#bookingEngine div.tab-content input:placeholder,
#bookingEngine div.tab-content button > span,
#bookingEngine div.tab-content select:placeholder{
  color: #989898;
}

#bookingEngine div.tab-content input.acomodacionInput,
#fechasComp1,
#fechasComp2{
  background: #fff;
  text-overflow: ellipsis;  
  padding-left: 35px;
  padding-right: 28px;
  white-space: nowrap;
}

#bookingEngine .acomodacionWrapper{
  opacity: 0;
  padding: 15px;
  transition: opacity 0.3s;
  z-index: -10;
}
#bookingEngine .acomodacionWrapper.showAcomodacion{
  opacity: 1;
  z-index: 10;
}

.contCalendario > div:nth-of-type(1) .form-control[readonly],
.contCalendario > div:nth-of-type(2) .form-control[readonly]{
  background: #fff;
  cursor: pointer;
}
.form-control[readonly].acomodacionInput {
  cursor: pointer;
}

div.acomodacionWrapper > div:nth-of-type(2),
div.acomodacionWrapper > div:nth-of-type(3){
  display: none;
}

.agregarHabButton,
.eliminarHabButton{
  color: #469fc4;
  cursor: pointer;
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 0px;
  width: 150px;
}
.eliminarHabButton{  
  color: #a11a16;
  display: block;
  font-size: 11px;
  margin-top: 4px;
  margin-bottom: 10px;
  width: 120px;
}

#bookingEngine div.tab-content #agregarButton + div.enviar{
  margin-bottom: 0; 
}

#bookingEngine div.acomodacionWrapper label {
  color: #828282;
  font-weight: bold;
}

#bookingEngine div.acomodacionWrapper label > span{
  font-weight: normal;
}

#bookingEngine div.selectorHabitaciones > div:last-of-type{
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
  padding: 10px;
  position: absolute;
  right: 8px;
  top: 80px;
  /*position: fixed;
  right: 13px;
  top: 163px;*/
  width: 100%;
  z-index: 3000;
}

@media (min-width: 767px) {
  #bookingEngine div.selectorHabitaciones > div:last-of-type{
    width: 504px;
  }
}

#bookingEngine div.selectorHabitaciones > div:last-of-type > div{
  border-top: dashed 1px #aaa9af;
  padding: 10px 0;
}
#bookingEngine div.selectorHabitaciones > div:last-of-type > div:first-of-type,
#bookingEngine div.selectorHabitaciones > div:last-of-type > div.addRoomWrapper{
  border-top: none;
  padding-top: 0;
}

#bookingEngine div.selectorHabitaciones > div:last-of-type > div.addRoomWrapper{
  padding-bottom: 0;
}

#bookingEngine div.selectorHabitaciones > div:last-of-type > div.enviar{
  border-top: none;
  margin: 0;
}

div.selectorHabitaciones > div:last-of-type div.tituloHabitacion{
  color: #828282;
  font-weight: bold;
  margin-bottom: 10px;
}
div.selectorHabitaciones > div:last-of-type div.tituloHabitacion > span{
  font-weight: normal;
}


/* -- Typeahead Start -- */

.typeahead,
.tt-query,
.tt-hint {
  /* width: 396px;
  height: 30px; */
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 1px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}
.tt-highlight{
  color: #469fc4;
}

.childCity{
  margin-left: 15px;
}

.tt-menu {
  width: 100%;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion{
  color: #262626;
  font-size: 14px;
  line-height: 16px;
}
.tt-suggestion > div{
  color: #262626;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 16px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #262626;
  background-color: #f5f5f5;
}

.tt-suggestion.tt-cursor {
  color: #262626;
  background-color: #f5f5f5;

}

.tt-suggestion p {
  margin: 0;
}

#bookingEngine div.tab-content .gruposBooking input.typeahead{
  padding-left: 25px;
}

#origenCompWrapper span.twitter-typeahead{
  width: 100%;
}

#origenCompWrapper .empty-message {
  color: #262626;
  padding: 0 10px;
}

#origenCompWrapper .tt-dataset {
  max-height: 150px;
  overflow-y: auto;
}

/* -- Typeahead End -- */






.radioButton input[type="radio"],
.radioButton input[type="checkbox"]{
  display: none;
}
.radioButton {
  display: inline-block;
  margin-bottom: 5px;
}
.radioButton:last-of-type {
  margin-bottom: 0px;
}
.radioButton label {
  position: relative;
}

.radioButton span{
  font-weight: bold;
  margin: 0px 0px 0px 50px;
  margin-right: 10px;
}

/* Base styles for spans */
.radioButton span::before,
.radioButton span::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* Radio buttons */
.radioButton span.radio:hover {
  cursor: pointer;
}
.radioButton span.radio::before {
  left: -52px;
  width: 40px;
  height: 25px;
  background-color: rgba(120,120,120,0.6);
  border-radius: 50px;
}
.radioButton span.radio::after {
  left: -48px;
  width: 17px;
  height: 17px;
  border-radius: 10px;
  background-color: #ffffff;
  transition: left .25s, background-color .25s;
}
input[type="radio"]:checked + label span.radio::before {
  background-color: #469fc4;
}
input[type="radio"]:checked + label span.radio::after {
  left: -34px;
}
input[type="radio"]:checked + label span {
  border-bottom: solid 2px #469fc4;
}

/* Check-boxes */
.radioButton span.checkbox::before {
  width: 17px;
  height: 17px;
  background-color: #fff;
  left: -35px;
  box-sizing: border-box;
  border: 3px solid transparent;
  transition: border-color .2s;
}
.radioButton span.checkbox:hover {
  cursor: pointer;
}
.radioButton span.checkbox::after {
  content: '\f00c';
  font-family: 'FontAwesome';
  left: -34px;
  top: 0px;
  color: transparent;
  transition: color .2s;
}
@media (max-width: 460px) {
  .radioButton span.checkbox::after {
    top: 10px;
  }
}
input[type="checkbox"] + label > span.checkbox {
  margin-left: 35px !important;
}
input[type="checkbox"] + label > span.checkbox > div{
  margin-left: -5px !important;
}
input[type="checkbox"]:checked + label span.checkbox::after {
  color: #469fc4;
}
#bookingEngine label.checkbox-inline input[type=radio]:checked + span {
  color: #5cacff;
}


#agregarHotel + label{
  margin-bottom: 0;
}

.header-unit {
  height: 150px;
  border: 2px solid #000;
  border-right:none;
  border-left: none;
  position: relative;
  padding: 20px;
}

#video-container {
  position: absolute;
}

#video-container {
  top:0%;
  /*left:0%;
  height:100%;
  width:100%;
  overflow: hidden;*/
}

video {
  position:absolute;
  z-index:0;
}

video.fillWidth {
  width: 100%;
}

#bookingEngine div.tab-content .gruposBooking input.typeahead {
  padding-left: 30px;
}

.dropdown-menu.inner > .dropdown-header > .text { 
  white-space: normal !important;
}

#component-selector {
  z-index: 2;
}