/*body{
     background: #f6f6f6;
     margin: 0!important;
     padding: 0!important;
}*/
div#FNSbooking {
     display: flex!important;
    justify-content: center!important;
    padding: 10px!important;
    width: 100%!important;
    align-items: center!important;
    box-sizing: border-box!important;
 }
.d-none{
    display: none!important;
}
 div#FNSbooking.hidden {
     display: none!important;
 }
 .btn-revert{
    all: revert!important;
 }
 #FNSbooking-button div#FNSbooking-button-title.hidden{
     display: none!important;
 }

.d-flex{
    display: flex!important;
}
.btn-select-range{
    width: 20px;
    height: 20px;
}
.fns-range-pax{
    display: block!important;
    width: 100%!important;
    align-items: center!important;
    text-align: center!important;
    font-weight: bold!important;
    margin-top: 3px!important;
}
.fns-range-pax {
    padding: 0 20px!important;
}

.wrapper-buttons-range .fns-range-pax{
    min-width: none;
}

div#wrapper-ocupacion-pax-content .label {
    min-width: 100px;
}

div#wrapper-ocupacion-pax-content img.range-btn-add,div#wrapper-ocupacion-pax-content img.range-btn-less {
    cursor: pointer!important;
}
.f-w-bold{
    font-weight: bold!important;
}
img.range-btn-add, img.range-btn-less {
    width: 20px!important;
   
}
.wrapper-buttons-range {
    width: 150px!important;
}

div#wrapper-ocupacion-pax-content #num-pax{
    cursor: pointer!important;
}

div#contenedor-form-reservas  div#num-pax strong {
    display: flex;
    flex-direction: column;
}

div#contenedor-pax   *{
    cursor: pointer!important;
}
div#wrapper-ocupacion-pax-content  div#num-pax #pax-adultos, div#wrapper-ocupacion-pax-content  div#num-pax #pax-niños{
    cursor: pointer!important;
}
div#contenedor-form-reservas div#num-pax strong > div {
    margin-bottom: 2px;
}
#contenedor-FNSbooking .btn-revert {
    all: initial!important;
    border-radius: 50%!important;
    border: 1px solid #282828!important;
 
    border: none!important;
    cursor: pointer;
    display: block!important;
  
}

div#FNSbooking.form-horizontal #contenedor-pax{
    border-top: 1px solid #e0e0e0!important;
    padding: 10px 10px 0px 0;
    border-left:none!important;
    padding-left: 0!important;
    justify-content: flex-start;
    width: 100%!important;
}

div#FNSbooking.form-horizontal #contenedor-pax div#wrapper-ocupacion-pax-content{
    margin-left: 0;
}

button#btn-add-adults-range img {
    width: 20px;
}

button#btn-less-adults-range img {
    width: 20px;

}

.w-100{
    width: 100%!important;
}
.justify-space-between, .j-c-space-between{
    justify-content: space-between!important;
}

.flex-column{
    flex-direction: column!important;
}
 div#FNSbooking.hidden.fired {
     display: flex!important;
     visibility: initial!important;
 }
 .mr-10{
    margin-right: 10px!important;
}
.mr-20{
    margin-right: 20px!important;
}
.mb-20{
    margin-bottom: 20px!important;
}
.hidden{
     display: none!important;
}
#contenedor-FNSbooking *{
     all: initial;     
     font-size: 13px!important;
}
#contenedor-FNSbooking select#alojamiento_id {
     font-weight: bold!important;
     font-size: 13px!important;
     padding:10px!important;
     -webkit-appearance: auto!important;
     -moz-appearance: auto!important;
     appearance: auto!important;
     max-width: 150px!important;
     cursor: pointer!important;
     letter-spacing: -0.3px!important;
     padding-left: 0px!important;
     display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 10px!important;
 }

 #contenedor-FNSbooking select#alojamiento_id.error{
      color: #f00!important;
 }
 #contenedor-FNSbooking .btn.btn-link{
    border: 1px solid #006699!important;
    width: 100%;  
    padding: 0.5rem 1rem;
    width: 100%;
    box-sizing: border-box;
    color: #006699;
    text-align: center;
    cursor: pointer;
}
#contenedor-FNSbooking .btn.btn-link span{
    color: #006699!important;
    cursor: pointer!important;
}
#contenedor-FNSbooking div#selector_hoteles {
     display: flex;
     justify-content: center!important;
     align-items: center!important;
     padding-right: 10px;
 }

#contenedor-FNSbooking.darkmode input#fns-dates::placeholder, #contenedor-FNSbooking #cod-promocional input#cod-promocional::placeholder {
     color: #f0f0f0!important;
     font-weight: bold!important;
}

 #contenedor-FNSbooking.darkmode select#alojamiento_id, #contenedor-FNSbooking.darkmode #cod-promocional input#cod-promocional::placeholder {     
     color: #fff!important;
 }

#contenedor-FNSbooking div#selector_hoteles {     
     font-weight: bold!important;
}
#contenedor-FNSbooking div#selector_hoteles optgroup{
     font-weight: bold!important;
}
#contenedor-FNSbooking div#selector_hoteles option{
     font-weight: bold!important;
     padding: 0!important;
     color: #777!important;
     margin: 0!important;
}
#contenedor-FNSbooking.darkmode input{
     color: #fff!important;
}

#contenedor-FNSbooking.darkmode #contenedor-titulos{
     border-right: 1px solid #555!important;
}

#contenedor-FNSbooking #contenedor-titulos.hidden {
     display: none!important;
 }

#contenedor-FNSbooking.darkmode  div#contenedor-cod-promocional{
     border-left: 1px solid #555!important;
}

#contenedor-FNSbooking #fecha-entrada, #contenedor-FNSbooking #fecha-salida{
     font-weight: bold!important;
     display: flex!important;
     cursor: pointer!important;
     padding-left: 4px!important;
     padding-top: 10px!important;
}
#contenedor-FNSbooking #fecha-entrada > span, #contenedor-FNSbooking #fecha-salida > span {
     justify-content: center!important;
    align-items: center!important;
    display: flex!important;
    font-weight: bold!important;
    padding-right: 5px!important;
    padding-left: 30px!important;
    background: url(https://reservas.fnsbooking.com/css/img/motor/calendar1.svg) left center no-repeat!important;
    background-size: 16px!important;
    min-width: 92px!important;
 }
#contenedor-FNSbooking {
     background-color: #f9f9f9!important;
     display: flex!important;    
     border-radius: 5px;
     max-width: 955px;
     width: 100%;
     overflow: hidden!important;
     box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
     max-width: max-content;
     max-height: 76px;
}
#contenedor-FNSbooking.corporativa {     
     max-width: 900px!important; 
    
}
#contenedor-FNSbooking.darkmode{
     background-color: #282828!important;
}

#contenedor-FNSbooking.darkmode h3#ventajas-titulo{
     color: #f5f5f5!important;
}

#contenedor-FNSbooking div#arrow-container {
     padding: 15px!important;
 }

 #contenedor-FNSbooking div#arrow-container > img {
     height: 9px!important;
 }
#contenedor-FNSbooking #contenedor-titulos{
     display: flex!important;
     flex-direction: column!important;
     width: 20%!important;
     padding: 20px 18px!important;
     border-right: 1px solid #e0e0e0!important;
     margin-right: 10px!important;
     justify-content: center!important;
     min-width: 145px;
}
#contenedor-FNSbooking h2{
     font-size: 18px!important;
     font-weight: bold!important;
     color: #8f1b1e;
}
#contenedor-FNSbooking.darkmode h2{
     color:#f5f5f5!important;
}
#contenedor-FNSbooking h3{
    
     letter-spacing: -0.5px!important;
}
#contenedor-FNSbooking form {
     display: flex!important;
     width: 100%!important;
     height: 100%!important;
     justify-content: space-between!important;
     align-items: center!important;
}
#contenedor-FNSbooking div#contenedor-btn {
     background: #851e30;
     height: 100%!important;
     display: flex;
     text-align: center!important;
     color: #f3f3f3!important;
     margin-top: 0;
     /* margin-right: -20px!important; */
     padding: 10px 20px 10px 20px!important;
     justify-content: center!important;
     align-items: flex-end!important;
     width: 100%!important;
     max-width: 190px!important;
     font-size: 28px!important;
     transition: background 1s;
}
#contenedor-FNSbooking div#contenedor-btn:hover {
     background: #383838!important;     
}

#contenedor-FNSbooking #contenedor-form{
     display: flex!important;
     justify-content: center!important;
     padding-right: 0!important;
     height: 100%!important;
     width: 100%!important;
     
}



#contenedor-FNSbooking #cod-promocional input#cod-promocional {
     padding: 10px!important;
     height: 32px!important;
     font-weight: bold!important;
     padding-left: 0;
     background: url(https://reservas.fnsbooking.com/css/img/motor/cod_promo.svg) no-repeat left center !important;
     background-size: 9px!important;
     text-align: left!important;
     margin-right: 10px!important;
     padding-left: 19px!important;
     font-size: 13px!important;
     margin-left: 10px!important;
     width: 113px!important;
     letter-spacing: -0.3px!important;
 }

 div#FNSbooking.form-horizontal #contenedor-FNSbooking #cod-promocional input#cod-promocional {
     margin-left: 13px!important;
 }
 div#FNSbooking.form-horizontal #contenedor-FNSbooking div#contenedor-btn {
     min-width: 100%!important;
     box-sizing: border-box!important;
     margin-top: 17px!important;
      height: 57px!important;
 }

 div#FNSbooking.form-horizontal #contenedor-FNSbooking div#contenedor-btn::hover{
     opacity: 0.5!important;
 }

 div#FNSbooking.form-horizontal #contenedor-FNSbooking button#comp-dispo-btn{
     min-width: 100%!important;
     box-sizing: border-box!important;
 }

 div#FNSbooking.form-horizontal #contenedor-FNSbooking div#contenedor-cod-promocional {
     padding-bottom: 5px!important;
}
div#FNSbooking.form-horizontal #contenedor-FNSbooking #cod-promocional input#cod-promocional { 
     padding-left: 25px!important;
     width: 80%;
     margin-left: 10px!important;
}
div#FNSbooking.form-horizontal #contenedor-FNSbooking div#fecha-selector-fechas {    
     padding-left: 0px!important;
     border-left: none!important;
     margin-left: 20px!important;
}
 #contenedor-FNSbooking #cod-promocional input#cod-promocional::placeholder {
     color: #777!important;   
 }

 div#FNSbooking.form-horizontal.contenedor-form.contenedor-select-destinos.contenedor-destinos-multiple {
    display: flex!important;
    align-items: end!important;
    justify-content: unset!important;
}
 #contenedor-FNSbooking div#fecha-selector-fechas {
     width: 100%;   
     padding-left: 20px!important;         
 }
 div#contenedor-FNSbooking.corporativa  div#fecha-selector-fechas{
     border-left: 1px solid #e0e0e0!important;
}

#FNSbooking-mobile div#contenedor-FNSbooking.corporativa  div#fecha-selector-fechas{
     border-left:none!important;
}
 #contenedor-FNSbooking div#cod-promocional {
    margin-left: 20px!important;
 }
#contenedor-FNSbooking #contenedor-form-reservas{
     display: flex!important;
     justify-content: space-between!important;
     align-items: center!important;
     width: 100%!important;
}
#contenedor-FNSbooking button#comp-dispo-btn  {
     color: #f3f3f3!important;
     height: 100%!important;
     width: 100%!important;
     display: flex!important;
     cursor: pointer!important;
     text-align: center!important;
     justify-content: center!important;
     align-items: center!important;
}
#contenedor-FNSbooking button#comp-dispo-btn > span {
     color: #f3f3f3!important;
     font-weight: bold!important;
     cursor: pointer!important;
     text-align: center!important;
     display: block!important;
     width: 100%!important;
     font-size: 14px!important;
}
#contenedor-FNSbooking div#arrow-container {
     padding: 20px!important;
     display: flex!important;
     justify-content: center!important;
     align-items: center!important;     
 }

 #contenedor-FNSbooking div#contenedor-cod-promocional{
     margin-top: -17px!important;
    padding-top: 25px!important;
    margin-bottom: -17px!important;
    padding-bottom: 25px!important;
    border-left: 1px solid #e0e0e0!important;
 }
 
 #contenedor-FNSbooking #contenedor-ocupacion {
    display: flex!important;
    justify-content: center!important;
    padding-right: 0!important;
    height: 100%!important;
    width: 100%!important;
    max-width: 255px!important;
}
 
 #contenedor-FNSbooking div#contenedor-ocupacion #ocupacion-content{
 	display: flex;
    justify-content: center!important;
    align-items: center!important;
    padding-right: 20px;
    border-left: 1px solid #e0e0e0!important;
 }
 
 #contenedor-FNSbooking div#contenedor-ocupacion #ocupacion-content select#ocupacion{
 	font-weight: bold!important;
    font-size: 13px!important;
    padding: 20px 0!important;
    -webkit-appearance: auto!important;
    -moz-appearance: auto!important;
    appearance: auto!important;
    max-width: 150px!important;
    cursor: pointer!important;
    letter-spacing: -0.3px!important;
    padding-left: 10px!important;
    display: flex;
    justify-content: center;
    align-items: center;
 }


 /*ocupacio por pax*/

 div#ocupacion-pax-content {
    padding: 0;
    position: absolute;
    z-index: 1;
  
}

div#contenedor-pax {
    width: initial!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #e0e0e0!important;
    padding: 20px;
}

div#num-pax {
    padding-top: 5px;
    padding-bottom: 5px;
  
}
div#num-pax strong {
    font-weight: bold;
}
div#wrapper-ocupacion-pax-content.open{
    display: flex!important;
}
div#wrapper-ocupacion-pax-content {
    position: absolute!important;
    z-index: 10000!important;
    height: auto!important;
    top: 0rem!important;
    background: #ffffff!important;
   
    overflow: visible!important;
    justify-content: flex-start!important;
    align-items: flex-start!important;
    padding: 20px;
    margin-left: -55px;
    margin-top: 39px;
    width: max-content;
    max-width: 300px;
    flex-direction: column;
    display: none!important;
}

 /*fin ocpuación por pax*/

 /*form horizontal*/
 div#FNSbooking.form-horizontal #contenedor-FNSbooking{
      flex-direction: column!important;
      max-height: 100%!important;
      max-width: 100%!important;
}
div#FNSbooking.form-horizontal #contenedor-FNSbooking #contenedor-titulos{
     width: 100%!important;
     border-bottom: 1px solid #e0e0e0;
}

#contenedor-FNSbooking.corporativa #contenedor-titulos {
     max-width: 117px;
 }

div#FNSbooking.form-horizontal #contenedor-FNSbooking #contenedor-form-reservas {     
     width: 100%!important;
     
 }

 div#FNSbooking.form-horizontal #contenedor-FNSbooking form{
      flex-direction: column;
      align-items: flex-start!important;
 }
 div#FNSbooking.form-horizontal #contenedor-FNSbooking form div#num-pax{
    padding-left: 20px;
    width: 100%;
}
 div#FNSbooking.form-horizontal #contenedor-FNSbooking div#contenedor-cod-promocional {
     border-top: 1px solid #e0e0e0;
     border-left: none!important;
     width: 100%!important;
     padding-top: 0!important;
     margin-top: 10px!important;
     border-bottom: 1px solid #e0e0e0;
 }

 @media screen and (max-width: 992px) {
    div#contenedor-pax {
        width: initial!important;
        display: flex;
        justify-content: space-between;
        border: 1px solid #e0e0e0!important;
        padding: 20px 20px 20px 30px;
        width: 90%!important;
        box-sizing: border-box;
    }
    div#wrapper-ocupacion-pax-content{
        margin-left: -20px;
    }

    div#ocupacion-pax-content{
        padding: 0;
    }
    div#contenedor-form-reservas div#num-pax strong > div {
        margin-bottom: 5px;
    }
}
 /* fin form horizontal*/

 @media screen and (max-width: 992px) {

     #contenedor-FNSbooking  .datepicker__topbar button#close-fns-dates{
        
          margin-top: 0!important;
      }
     #contenedor-FNSbooking div#fecha-selector-fechas {
      
          border-left: none!important;
      }

     #FNSbooking-button-container.darkmode, #FNSbooking-button-container.darkmode #FNSbooking-button {
          background-color: #111!important;    
     }

     

      
      #contenedor-FNSbooking #contenedor-form {        
          max-width: auto!important;
      }
     

     #FNSbooking-button-container.darkmode #FNSbooking-button #comp-dispo-btn span{
          color: #fdfdfd!important;
          border: 1px solid #fdfdfd!important;
     }
   
     #FNSbooking-mobile.darkmode #contenedor-FNSbooking .contenedor-form.contenedor-select-destinos,  #FNSbooking-mobile.darkmode #contenedor-FNSbooking #contenedor-form, #FNSbooking-mobile.darkmode #contenedor-FNSbooking div#contenedor-cod-promocional {
          color: #fdfdfd!important;
          background: rgba(255,255,255,0.2);
      }
      #FNSbooking-mobile.darkmode #contenedor-FNSbooking select#alojamiento_id, #FNSbooking-mobile.darkmode #contenedor-FNSbooking #cod-promocional::placeholder{
          color: #fdfdfd!important;
      }
      #FNSbooking-button-container.darkmode #FNSbooking-button-title h2{
          color: #fdfdfd!important;
      }
      #FNSbooking-button-container.darkmode #FNSbooking-button-title h3{
          color: #fdfdfd!important;
      }
     #contenedor-FNSbooking div#datepicker-fns-dates {
          padding: 0 20px!important;
          left: 20px!important;
          width: 90%!important;
      }
     #FNSbooking-mobile.hidden-element #contenedor-FNSbooking {
          opacity: 1!important;
          transition: all 0.5sec!important;
     }

     #FNSbooking-mobile.hidden-element #contenedor-FNSbooking {
          display: none!important;
          opacity: 0!important;
      }


     #contenedor-FNSbooking .contenedor-form.contenedor-select-destinos {
          border: 1px solid #ddd!important;
          width: 90%!important;
          padding: 0 20px!important;
          box-sizing: border-box!important;
          border-radius: 5px!important;
          margin-bottom: -14px!important;
      }

      #contenedor-FNSbooking .contenedor-form.contenedor-select-destinos.contenedor-destinos-multiple {
        display: flex!important;
        text-align: start!important;
        justify-content: flex-start!important;
        padding: 20px!important;
    }
    #contenedor-FNSbooking div#selector_hoteles.open div#despegable-multiple {
        display: flex!important;
        position: absolute;
        overflow: hidden!important;
        margin-left: -20px;
        margin-top: 0px;
        padding: 0px;
        width: 100%!important;
        height: 100vh!important;
        z-index: 1100000!important;
    }

    #contenedor-form-reservas  div#despegable-multiple img{
        width: 25px!important;
     }


      #contenedor-FNSbooking.corporativa #contenedor-titulos {
          max-width: 100%!important;
      }

     #contenedor-FNSbooking select#alojamiento_id {       
            max-width: 85vw!important;
          min-width: 100%!important;
      }

     #contenedor-FNSbooking form {
          display: flex!important;
          width: 100%!important;
          height: 100%!important;
          justify-content: space-between!important;
          align-items: center!important;
      }

      #contenedor-FNSbooking {       
          width: 100%;
      }
     
 /*mobile*/

 #FNSbooking-button-container {
     width: 100%!important;
     height: 50px!important;
     position: fixed!important;
     bottom: 120px!important;
     height: 40px!important;
     font-size: 10px!important;
     z-index: 1000000!important;
 }
#FNSbooking-button-container, #FNSbooking-button-container *{
     all: initial!important;
     font-family: 'Roboto', sans-serif!important;
}
#FNSbooking-button-container{
     width: 100%!important;
     bottom: 0px!important;
     position: fixed!important;
     z-index: 10000000000!important;
}
#FNSbooking-button-container #comp-dispo-btn{
     width: 90%!important;
}

#FNSbooking-mobile{
     max-width: 100%!important;
    height: 40vh!important;
    position: fixed!important;
    width: 100vw!important;
    transition: top 0.5s;
    top: 0!important;
    z-index: 10000000000!important;
}
#FNSbooking-mobile.hidden-element {     
     top: 150vh!important;
 }
#FNSbooking-close {
     display: flex!important;
     justify-content: center!important;
     align-items: center!important;
     height: 100%!important;
     padding-right: 20px!important;
}
#FNSbooking-close img{
     width: 30px!important;         
}
#FNSbooking-mobile #contenedor-FNSbooking h2{
     color: #f3f3f3!important;
}
#FNSbooking-mobile #contenedor-FNSbooking{     
     border-radius: 0!important;
    display: flex!important;
    flex-direction: column!important;
    height: 100vh!important;
    max-height: initial;
    max-width: 100%;
}
#FNSbooking-mobile #FNSbooking-header {
     background: #8f1b1e;
     display: flex!important;
}
#FNSbooking-mobile #contenedor-FNSbooking #contenedor-titulos{
     width: 100%!important;     
     box-sizing: border-box!important;
     color: #cccccc!important;
}
#FNSbooking-mobile #contenedor-FNSbooking #contenedor-titulos{
     border-right: none!important;
}
#FNSbooking-mobile #contenedor-FNSbooking #contenedor-titulos h2{
     color: #fff!important;
}
#FNSbooking-mobile #contenedor-FNSbooking #contenedor-titulos h3{
     color: #f0f0f0!important;
     letter-spacing: 0px!important;
}
#FNSbooking-mobile #contenedor-FNSbooking #contenedor-form-reservas {     
     width: 100%!important;
     padding: 0!important;
     box-sizing: border-box!important;
     margin-top: 20px!important;
 }
 #FNSbooking-mobile div#contenedor-calendario {
     margin-top: 40px!important;
     width: 90%!important;
     display: flex!important;
     justify-content: center!important;
 }
 #FNSbooking-mobile #contenedor-FNSbooking form {    
     flex-direction: column!important;
 }
 #FNSbooking-mobile #contenedor-FNSbooking #fecha-entrada > span,  #FNSbooking-mobile #contenedor-FNSbooking #fecha-salida > span {    
     padding-right: 5px!important;
     padding-left: 15px!important;
 }
 #FNSbooking-mobile #contenedor-FNSbooking #contenedor-form {     
     margin-top: 5%!important;
     box-sizing: border-box!important;
     width: 90%!important;
     padding: 0 10px!important;
     border-top-left-radius: 5px!important;
     border: 1px solid #e0e0e0!important;
     border-top-right-radius: 5px!important;
     max-width: none!important;
 }

 #FNSbooking-mobile #contenedor-FNSbooking div#contenedor-cod-promocional {
     margin-top: -1px!important;
     padding-top: auto!important;
     border-left: none!important;
     padding: 3px 0!important;
     box-sizing: border-box!important;
     width: 90%!important;
     border-bottom-left-radius: 5px!important;
     border-bottom-right-radius: 5px!important;
     border: 1px solid #e0e0e0!important;
}
#FNSbooking-mobile div#calendar {
     padding: 20px!important;
     overflow: hidden!important;
     border: 1px solid #e0e0e0!important;
     box-sizing: border-box!important;
     width: 100%!important;
 }
 #FNSbooking-mobile #contenedor-FNSbooking div#contenedor-btn {
     margin-top: 15px!important;
     padding: 10px 20px 10px 20px!important;
     justify-content: center!important;
     align-items: flex-end!important;
     width: 100%!important;
 }
 #FNSbooking-mobile #contenedor-FNSbooking button#comp-dispo-btn {
    height: 55px!important;
    
     padding: 15px 10px!important;
     border-radius: 5px!important;
 }
 #FNSbooking-mobile div#contenedor-calendario #calendar {
     display: flex!important;
     justify-content: center!important;
     align-items: center!important;
     border-radius: 5px!important;
     padding: 20px!important;
 }
 
#FNSbooking-button .fns-icon-phone{
     background: url('https://reservas.fnsbooking.com/css/img/motor/phone-solid.svg') no-repeat 0 center!important;
     
     display: block!important;
     width: 14px!important;
     padding: 10px!important;
}
#FNSbooking-button .fns-icon-mail{
     background: url('https://reservas.fnsbooking.com/css/img/motor/mail-solid.svg') no-repeat 0 center!important;
     display: block!important;
     width: 17px!important;
     padding: 12px!important;
     padding-right: 0!important;
     filter: invert(100%);
}

 #FNSbooking-mobile #contenedor-FNSbooking #cod-promocional input#cod-promocional {   
     background: url(https://reservas.fnsbooking.com/css/img/motor/cod_promo.svg) no-repeat 0 center;
     background-size: 9px!important;
     width: 100%!important;
     padding-left: 30px!important;
     margin-left: 20px!important;
 }
 #FNSbooking-mobile #contenedor-FNSbooking div#contenedor-btn {
     width: 91%!important;
     max-width: 92%!important;
     background: transparent!important;
     color: #851e30!important;
 }
 #FNSbooking-mobile  #contenedor-FNSbooking button#comp-dispo-btn > span{
     color: #f9f9f9!important;
     font-size: 14px!important;     
 }
 #FNSbooking-mobile div#FNSbooking-button {
     background: #eee!important;
     display: flex!important;
     justify-content: center!important;
 }
 
 #FNSbooking-button-container #FNSbooking-button {
     display: flex!important;
    background: #f0f0f0!important;
    padding: 0 20px!important;
    align-items: center!important;
    justify-content: space-between!important;
    width: 100vw!important;
    box-sizing: border-box!important;
    margin-right: 0!important;
 }
 #FNSbooking-button-container #FNSbooking-button-ver-dispo{
      margin-right: 20px!important;
 }
 #FNSbooking-button-container{
     width: 100%!important;
     box-sizing: border-box!important;

 }
 #FNSbooking-button-container #FNSbooking-button #comp-dispo-btn{     
     padding: 10px!important;
 }
 #FNSbooking-button-container #FNSbooking-button #comp-dispo-btn span {
     font-weight: bold!important;
     display: block!important;
     width: 100%!important;
     text-align: center!important;
     background: #ffffff!important;
     box-sizing: border-box!important;
 }

 #FNSbooking-button-container  #FNSbooking-button-title {
     display: flex!important;
     flex-direction: column!important;
 }
 #FNSbooking-button-container  #FNSbooking-button-title h2{
     font-weight: bold!important;
        
     font-size: 18px!important;     
 }
 #FNSbooking-button-container  #FNSbooking-button-title h3{        
     font-size: 12px!important;
     color: #3f3d3e!important;
     font-weight: normal!important;
 }
 #FNSbooking-button-container  #FNSbooking-button-ver-dispo  #comp-dispo-btn > span{
     padding: 10px!important;
     border-radius: 5px!important;
     color: #282828;    
     font-size: 13px!important;
     border: 1px solid #666!important;
 }
 
 }

 @media screen and (min-width: 992px){
     div#FNSbooking #contenedor-FNSbooking .datepicker {
          width: 640px!important;
          margin-left: -630px!important;
          margin-top: 76px!important;         
     }

      div#FNSbooking #contenedor-form-reservas #contenedor-FNSbooking .datepicker {
          width: 600px!important;
      }

      div#FNSbooking #contenedor-FNSbooking .datepicker__month {
          width: 310px!important;
      }


    
     #contenedor-FNSbooking.corporativa #contenedor-titulos {
          max-width: 100%!important;
      }
      div#contenedor-FNSbooking.corporativa {
        max-width: 1200px!important;
        width: auto;
    }
     div#FNSbooking.form-horizontal .contenedor-select-destinos {
          width: 100%!important;
          border-bottom: 1px solid #ddd;
          border-top: 1px solid #ddd;
          display: flex;
         
      }


      div#FNSbooking.form-horizontal .contenedor-select-destinos {
        width: 100%!important;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        display: flex;     
        
    }
    div#FNSbooking.form-horizontal .contenedor-select-destinos {
        justify-content: flex-start;
    }
    


      div#FNSbooking.form-horizontal .contenedor-select-destinos select#alojamiento_id{
        max-width: initial!important;
        width: 100%;
      }
      div#FNSbooking.form-horizontal #contenedor-FNSbooking input#fns-dates {
          margin-left: 0;
      }

      div#FNSbooking .container-close{
          display: none;
      }
      
      div#FNSbooking.fired {
          width: 100vw!important;
          height: 110vh;
          position: fixed;
          z-index: 100000000000000000!important;
          background: rgba(0,0,0,0.8);
          top: 0;
          display: flex!important;
          justify-content: center;
          align-items: flex-start!important;
          left: 0;
          transition: all 1s;
          padding: 30px!important;
      }

      div#FNSbooking.fired.form-horizontal div#contenedor-FNSbooking.corporativa{
         max-width: 400px!important;
      }
      div#FNSbooking.fired div#contenedor-FNSbooking.corporativa{
          margin-top: 20px;
      }
      div#FNSbooking.fired .container-close {
          position: absolute;
          padding-right: 30px;
          padding-top: 5px;
          width: 100vw;
          display: flex!important;
          justify-content: flex-end;
          width: 10vw;
          margin-left: 92vw;
          padding-right: 3vw;
          top: 2vw;
      }
      
      div#FNSbooking.fired .container-close > img {
          height: 40px;
          cursor: pointer!important;
      }

      #FNSbooking #alojamiento_id:disabled{
          background: none!important;
          appearance: none!important;
      }

      #wrappper-FNSbooking.fixed-on-top > #FNSbooking {
          position: fixed!important;
          z-index: 1000000;
          top: -10px;
      }
 }


 /*preload*/

 .preload {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #fff;
     z-index: 100000000000000000000000!important;
    
   }

   .spinner {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
   }
   
   .spinner-container {
     animation: rotate 2s linear infinite;
   }
   
   .path {
     stroke-dasharray: 1,200;
     stroke-dashoffset: 0;
     stroke: #000;
     stroke-width: 4;
     stroke-linecap: round;
     animation: dash 1.5s ease-in-out infinite;
   }
   
   @keyframes rotate {
     100% { transform: rotate(360deg); }
   }
   
   @keyframes dash {
     0% {
       stroke-dasharray: 1,200;
       stroke-dashoffset: 0;
     }
     50% {
       stroke-dasharray: 89,200;
       stroke-dashoffset: -35;
     }
     100% {
       stroke-dasharray: 89,200;
       stroke-dashoffset: -124;
     }
   }
   
   .spinner {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
   }

 /* fin preload*/


 
#loading{
     background-color: #f3f3f3;
     height: 100%;
     width: 100%;
     position: fixed;
     z-index: 1;
     margin-top: 0px;
     top: 0px;
 }
 #loading-center{
     width: 100%;
     height: 100%;
     position: relative;
     }
 #loading-center-absolute {
     position: absolute;
     left: 50%;
     top: 50%;
     height: 60px;
     width: 60px;
     margin-top: -30px;
     margin-left: -30px;
     -webkit-animation: loading-center-absolute 1s infinite;
     animation: loading-center-absolute 1s infinite;
 
 }
 .object{
     width: 20px;
     height: 20px;
     background-color: #FFF;
     float: left;
     -moz-border-radius: 50% 50% 50% 50%;
     -webkit-border-radius: 50% 50% 50% 50%;
     border-radius: 50% 50% 50% 50%;
     margin-right: 20px;
     margin-bottom: 20px;    
 }
 .object:nth-child(2n+0) {
     margin-right: 0px;
 
 }
 #object_one{
     -webkit-animation: object_one 1s infinite;
     animation: object_one 1s infinite;
     background-color: #1c699b;
     }
 #object_two{
     -webkit-animation: object_two 1s infinite;
     animation: object_two 1s infinite;
     background-color: #c84c41;
     }   
 #object_three{
     -webkit-animation: object_three 1s infinite;
     animation: object_three 1s infinite;
     background-color: #ffc107;
     }       
 #object_four{
     -webkit-animation: object_four 1s infinite;
     animation: object_four 1s infinite;
     background-color: #27ae60;
     }       
     
 @-webkit-keyframes loading-center-absolute{
 100% {
     -ms-transform: rotate(360deg); 
        -webkit-transform: rotate(360deg); 
     transform: rotate(360deg); 
     
     }           
     
 }   
 
     
 @keyframes loading-center-absolute{
 100% {
     -ms-transform: rotate(360deg); 
        -webkit-transform: rotate(360deg); 
     transform: rotate(360deg); 
     }
 }   
     
     
                                 
 
 @-webkit-keyframes object_one{
 50% {
     -ms-transform: translate(20px,20px); 
        -webkit-transform: translate(20px,20px);
     transform: translate(20px,20px);
     }
 }       
 @keyframes object_one{
 50% {
      -ms-transform: translate(20px,20px); 
        -webkit-transform: translate(20px,20px);
     transform: translate(20px,20px);
     }
 }
 
 
 @-webkit-keyframes object_two{
 50% {
     -ms-transform: translate(-20px,20px); 
        -webkit-transform: translate(-20px,20px);
     transform: translate(-20px,20px);
     }
 }       
 @keyframes object_two{
 50% {
     -ms-transform: translate(-20px,20px); 
        -webkit-transform: translate(-20px,20px);
     transform: translate(-20px,20px);
     }
 }
 
 
 
 @-webkit-keyframes object_three{
 50% {
     -ms-transform: translate(20px,-20px); 
        -webkit-transform: translate(20px,-20px);
     transform: translate(20px,-20px);
     }
 }       
 @keyframes object_three{
 50% {
     -ms-transform: translate(20px,-20px); 
        -webkit-transform: translate(20px,-20px);
     transform: translate(20px,-20px);
     }
 }
 
 
 
 @-webkit-keyframes object_four{
 50% {
     -ms-transform: translate(-20px,-20px); 
        -webkit-transform: translate(-20px,-20px);
     transform: translate(-20px,-20px);
     }
 }       
 @keyframes object_four{
 50% {
     -ms-transform: translate(-20px,-20px); 
        -webkit-transform: translate(-20px,-20px);
     transform: translate(-20px,-20px);
     }
 }


 .form-horizontal  div#contenedor-form-habitaciones {
     width: 100%!important;
     padding: 20px 0 20px 35px!important;
     border-bottom: 1px solid #ddd!important;
 }
 .form-horizontal  #contenedor-form-reservas .contenedor-form.contenedor-form-habitaciones {
    margin-left: 0;
    align-items: flex-start!important;
    justify-content: flex-start!important;
    width: 100%!important;
    border-bottom: 1px solid #e0e0e0!important;
}

.form-horizontal  #contenedor-form-reservas .contenedor-form.contenedor-form-habitaciones div#nombre-habitaciones{
    font-weight: bold!important;
    padding-left: 20px;
    padding: 20px;
    width: 100%;
    max-width: fit-content;
    border-bottom: 1px solid #f9f9f9;
}
 
 .contenedor-form  div#nombre-habitaciones {
     max-width: 170px;
     padding-right: 20px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     cursor: default;
 }
 .form-horizontal .contenedor-form  div#nombre-habitaciones {
    max-width: fit-content;
}

.form-horizontal #contenedor-FNSbooking   div#selector_hoteles.open div#despegable-multiple {
    
    margin-left: -420px!important;
    margin-top: 65px;
    padding: 0px;
}
 #contenedor-form-reservas .contenedor-form {
     width: initial!important;
     display: flex;
     justify-content: center;
     align-items: center;
 }



 /*selector destino multipile*/
 div#selector_destino_multiple {
    min-width: 10rem!important;
    width: fit-content!important;
    cursor: pointer!important;
    font-weight: bold!important;
    color: #282828;
    padding-left: 10px;
    width: 100%!important;
    background: url(https://recursos.fnsbooking.com/iconos/reserva/dropdown.png) no-repeat right;
    background-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
}



div#despegable-multiple {
    position: absolute!important;
    z-index: 10000!important;
    height: auto!important;
    top: 5rem!important;
    box-shadow: 8px 8px 40px 5px rgba(0, 0, 0, 0.08)!important;
    background: #ffffff!important;
    width: 34rem!important;
    display: flex!important;
    overflow: visible!important;
 
    justify-content: flex-start!important;
    align-items: flex-start!important;
}
div#despegable-multiple li.item-list.p-3.d-flex.item-list-optgroup {
   
    cursor: default!important;
}


div#despegable-multiple li.item-list.p-3.d-flex.item-list-optgroup span {
    cursor:  default!important;
    font-weight: bold;
}

div#despegable-multiple .d-flex.justify-content-center.aling-items-center.w-100 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
 
    width: 84%;
    padding: 10px 30px!important;
}
#contenedor-FNSbooking div#selector_hoteles #despegable-multiple {
    display: none!important;
}
#contenedor-FNSbooking div#selector_hoteles.open div#despegable-multiple {
    display: flex!important;
    position: absolute;
    overflow: hidden!important;
   
    padding:  0px;
    margin-left:-80px;
    margin-top: 0px;
}

#contenedor-FNSbooking .contenedor-destinos-multiple .datepicker__close-button{
    position: static!important;
}
div#filtro-despegable-multiple input {
    padding: 10px;
    border-radius: 3px;
    width: 100%;
}
div#despegable-multiple li.item-list.p-3.d-flex{
    transition: all 1s;
    cursor: pointer;
}
div#despegable-multiple li.item-list.p-3.d-flex span{
    cursor: pointer;
}
div#despegable-multiple li.item-list.p-3.d-flex.item-list-pais, div#despegable-multiple li.item-list.p-3.d-flex.item-list-optgroup {
    background: rgba(0,0,0,0.05);
   
}
div#despegable-multiple li.item-list.p-3.d-flex.item-list-pais span, div#despegable-multiple li.item-list.p-3.d-flex.item-list-optgroup span{
    font-weight: bold;
    text-transform: uppercase;
    cursor: default;
}
div#despegable-multiple li.item-list.p-3.d-flex.item-list-ciudad span {
    font-weight: bold!important;
}
div#despegable-multiple li.item-list.p-3.d-flex:hover{
    background: rgba(0,0,0,0.05);
}
div#despegable-multiple img {
    width: 25px;
    padding-right: 0;
    padding-top: 4px;
    cursor: pointer;
}


#contenedor-FNSbooking div#despegable-multiple img {
    max-width: 25px!important;
}

div#despegable-multiple .d-flex.justify-content-center.aling-items-center.w-100 {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 94%;
    padding: 10px!important;
}

div#despegable-multiple li.item-list.p-3.d-flex {
    display: flex;
    align-items: center;
}

div#despegable-multiple li.item-list.p-3.d-flex:last-child{
    border-bottom:none;
}
div#despegable-multiple li.item-list.p-3.d-flex {
    padding: 20px!important;
    width: 83%!important;
    border-bottom: 1px solid #e0e0e0;
    height: 10px;
    display: flex;
}


div#selector_hoteles.open div#despegable-multiple ul {
    width: 100%;
    flex-direction: column;
    display: flex;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: clip;
    padding-top: 7px;
    cursor: grabbing;
    margin-top: 0;
}
@media screen and (max-width:992px) {
    div#selector_hoteles.open div#despegable-multiple ul {
        max-height: initial;
        padding-top: 7px;
        cursor: grabbing;
      
        height: 60vh;
    }

    div#despegable-multiple .d-flex.justify-content-center.aling-items-center.w-100 {
        justify-content: center;
    }
    #contenedor-FNSbooking div#selector_hoteles.open div#despegable-multiple {
        margin: 20px 20px 0px 20px;
      
        margin-top: -5px;
        padding: 0px;
        left: -20px;
    }
}
div#despegable-multiple li.item-list.p-3.d-flex.d-none{
    display: none!important;
}
div#filtro-despegable-multiple {
    background: #f9f9f9;
    border-radius: 5px;
    margin: 20px;
    min-width: 280px;
    border: 1px solid #e0e0e0;
    margin: 20px 20px 0px 20px;
}
div#filtro-despegable-multiple input{
    padding: 10px;
    border-radius: 3px;
}
div#despegable-multiple.flex-column {
    display: flex;
    flex-direction: column;
}
 .shadow-md{
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.04)!important;
 }
 /*fin selector destino multiple*/

 #contenedor-FNSbooking span.item-icono svg {
    display: flex!important;
    all: inherit!important;
    height: 25px!important;
    width: 25px!important;
    margin-right: 10px!important;
}


div#despegable-multiple li.item-list {
    padding: 20px!important;
   
    border-bottom: 1px solid #e0e0e0;
    height: 10px;
    display: flex;
    align-items: center;
    width: 83%!important;
}
div#despegable-multiple li.item-list-pais{
    cursor: default!important;
}
div#despegable-multiple li.item-list.p-3.d-flex .item-list-pais span {
    cursor: default!important;
}

div#despegable-multiple li.item-list.item-list-pais{
    cursor: default!important;
}
#contenedor-FNSbooking span.item-icono svg {
    display: flex!important;
    all: unset!important;
    height: 25px!important;
    width: 25px!important;
    margin-right: 10px!important;
}


  .scroll-container {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
    scrollbar-color: #ccc transparent;
  }
  
  .scroll-container::-webkit-scrollbar {
    width: 6px;
  }
  
  .scroll-container::-webkit-scrollbar-track {
    background-color: transparent;
  }
  
  .scroll-container::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
  }
  
  .scroll-content {
    display: inline-block;
    padding: 10px;
  }