#comprobar-dispo-mensaje {
    position: fixed;
    bottom: 11px;
    z-index: 1000;
    right: -20px;
    height: 0px;
    overflow: hidden;
}
#comprobar-dispo-mensaje i.fas.fa-chevron-right {
    color: #ddd!important;
    position: absolute;
    bottom: 83px;
    right: 95px;
    font-size: 20px!important;
    z-index: 1000000!important;
    transform: rotate(-20deg)!important;
}
div#path-comprobar-dispo {
    margin-top: -274px;
}
#comprobar-dispo-mensaje h2 {
    font-weight: bold;
    font-size: 20px;
}
#comprobar-dispo-mensaje h2 {
	all:initial;
	font-family:inherit;
    position: absolute!important;
    bottom: 86px!important;
    left: 45px!important;
    font-size: 20px!important;
    font-weight: bold!important;
    color: #fff!important;
    text-shadow: 0px 0px 5px rgba(0,0,0,0.3)!important;
}
#comprobar-disponibilidad *{
    all:initial!important;
    color: #f3f3f3!important;
    font-family: 'Roboto', sans-serif!important;
}
#comprobar-disponibilidad{
    all: unset!important;
    position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    background: rgba(0,0,0,.8)!important;
    z-index: 100000!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    z-index: 10000000000!important;
    top:0!important;
}
div#caja-reserva .separador-fechas > i {
    color: #111!important;
    font-size: 20px!important;
    padding-right: 20px!important;
}
#comprobar-disponibilidad.hidden{
    display: none!important;   
}
#comprobar-dispo-mensaje h2{
    
}
#comprobar-dispo-mensaje{
    opacity:1!important;
    transition: opacity 1s!important;
}
#comprobar-dispo-mensaje.hidden{
    opacity:0!important;
}
#comprobar-disponibilidad span#txt-comp-dispo{
    color:#f3f3f3;
    font-size: 36px!important;
    letter-spacing: -1px!important;
    font-weight: bold!important;
}
#comprobar-disponibilidad .wrapper-comprobar-diponibilidad {
    border: 1px solid #f3f3f3;
    height: 70%!important;
    width: 66%!important;
    min-width: 800px!important;
    display: flex;
    flex-direction: column;
    background: #fff;
}
#comprobar-disponibilidad-wrapper-fechas{
    display: block!important;
    width: 100%!important;
    height: 26px!important;
    border-radius: 20px;
    background: #f3f3f3!important;
    padding: 20px;
    color: #333!important;
    padding: 10px!important;
}
#comprobar-disponibilidad-wrapper-fechas label{
    color: #111!important;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -1px!important;
}
#comprobar-disponibilidad .inputs-group {
    display: flex!important;
    width: 100%!important;
}

#comprobar-disponibilidad .inputs-group .campo-entrada {
    display: flex!important;
    width: 100%!important;
}

#comprobar-disponibilidad-wrapper-fechas input#entrada-global,#comprobar-disponibilidad-wrapper-fechas input#salida-global,#comprobar-disponibilidad-wrapper-fechas input#codprom-global,#comprobar-disponibilidad-wrapper-fechas select#destino-global{
    text-transform: none!important;
    color: #333!important;
    width: 100%!important;
    padding: 0 10px !important;
}

#comprobar-disponibilidad-wrapper-fechas input#entrada-global,#comprobar-disponibilidad-wrapper-fechas input#salida-global{
    background: url('img/tags/comunes/calendario.gif') no-repeat 80% 50%!important; 
    cursor:pointer!important;
}

#comprobar-disponibilidad-wrapper-fechas input#entrada-global:hover,#comprobar-disponibilidad-wrapper-fechas input#salida-global:hover{
	cursor:pointer!important;
}

#comprobar-disponibilidad .grupo-form {
    margin-right: 20px!important;
    width: 100%!important;
}
#comprobar-disponibilidad .boton-input {
    margin-top: -9px!important;
    margin-left: 10px!important;
    position: relative!important;
    right: -1.1%!important;
}
#comprobar-disponibilidad div#caja-reserva {
    /* width: 100%!important; */
    padding-left: 10px!important;
    padding-right: 13px!important;
}
#comprobar-disponibilidad-wrapper-fechas .form-reserva {
    display: flex!important;
    margin-top: 3px!important;
    justify-content: space-between!important;
}
#comprobar-disponibilidad-wrapper-fechas #entrada-global::placerholder, #comprobar-disponibilidad-wrapper-fechas input#salida-global::placerholder,#comprobar-disponibilidad-wrapper-fechas input#codprom-global::placerholder{
    text-transform: none!important;
    color: #f00!important;
}
#comprobar-disponibilidad-wrapper-fechas input#entrada-global::-webkit-input-placeholder, #comprobar-disponibilidad-wrapper-fechas input#entrada-global::placeholder,
#comprobar-disponibilidad-wrapper-fechas input#salida-global::-webkit-input-placeholder, #comprobar-disponibilidad-wrapper-fechas input#salida-global::placeholder,
#comprobar-disponibilidad-wrapper-fechas input#codprom-global::-webkit-input-placeholder, #comprobar-disponibilidad-wrapper-fechas input#codprom-global::placeholder{
    color: #111!important;
}
#comprobar-disponibilidad-wrapper-fechas .separador-fechas{
    
}
#txt-comp-dispo {
    text-align: center!important;
    width: 100%!important;
    display: block!important;
}
#wrapper-txt-comp{
    width: 100%!important;
    clear: both;
    overflow: hidden;
}

#wrapper-comprobar-dispo {
    width: auto!important;
    /* clear: both!important; */
    display: flex!important;
    margin-top: 20px!important;
    justify-content: center!important;
}

#comprobar-disponibilidad-wrapper-fechas {
    display: block!important;
    width: auto!important;
    height: 27px!important;
    border-radius: 20px;
    background: #f3f3f3!important;
    padding: 20px;
    color: #333!important;
    border-radius: 50px!important;
    display: flex!important;
    justify-content: center!important;
    padding-right: 0!important;
}
div#comprobar-disponibilidad-wrapper-fechas #codprom-global {
    background: #ddd!important;
    border-radius: 10px!important;
    padding: 10px!important;
    color: #111!important;
    margin-top: -9px!important;
    font-weight: 100!important;    
}

#wrapper-cod-promociones{border:1px solid #18a185;}

#comprobar-disponibilidad-wrapper-fechas .boton-input input{
    background: #18a185!important;
    border-radius: 10px!important;
    color: #f2f2f2!important;
    padding: 10px 18px 10px 20px!important;
    border-radius: 50px!important;
    cursor: pointer;
}
div#txt-intro-ventajas, div#txt-intro-cod-promociones{
    display: block!important;
    width: 100%!important;
    text-align: center!important;
    margin-top: 30px!important;
    margin-bottom: 30px!important;
    font-size: 18px!important;
    font-weight: 100!important;
}
div#txt-intro-ventajas strong {
    font-size: 18px!important;
    font-weight: bold!important;
}
#listado-ventajas{
    display: flex!important;
    flex-direction: column!important;
}
#wrapper-listado-ventajas, #wrapper-listado-cod-promociones {
    display: flex!important;
    justify-content: center!important;
}

div#txt-intro-cod-promociones{margin-bottom:5px!important;}
#wrapper-listado-cod-promociones {color:#18a185!important;}

#listado-ventajas > li{
    padding: 5px 0!important;
}
#listado-ventajas > li .fas{
    all:unset!important;
    font-family: "Font Awesome 5 Free"!important;     
    -webkit-font-smoothing: antialiased!important; 
    display: inline-block!important; 
    font-style: normal!important; 
    font-variant: normal!important; 
    text-rendering: auto!important; 
    line-height: 1!important;
    color: #18a185!important;
    padding-right: 10px!important;
}

#comprobar-disponibilidad  .ui-helper-hidden-accessible {
    border: none;
    clip: auto;
    height: auto;
    margin: initial;
    overflow: hidden;            
}

#comprobar-disponibilidad i::before{
   font-weight: 900!important;
    
}
#comprobar-disponibilidad #comprobar-disponibilidad-close{   
    position: absolute!important;
    right: -20px!important;
    top: 18px!important;
    width: 80px!important;
    height: 80px!important;
    cursor: pointer!important;
}

#comprobar-disponibilidad .fas,#comprobar-disponibilidad .far{
    all:unset!important;
    font-family: "Font Awesome 5 Free"!important;     
    -webkit-font-smoothing: antialiased!important; 
    display: inline-block!important; 
    font-style: normal!important; 
    font-variant: normal!important; 
    text-rendering: auto!important; 
    line-height: 1!important;
}
#comprobar-disponibilidad-close > .fas{
    font-size: 50px!important;
}

/*btn-comprobar-disponibilidad*/

#btn-comprobar-disponibilidad{
    position: fixed!important;
    bottom: 90px!important;
    right: 15px!important;
    z-index: 10000000;
    background-color: #f3f3f3!important;
    color: #f3f3f3!important;
    display: flex!important;
    padding: 5px!important;
    border-radius: 50px!important;
    cursor: pointer!important;
    transition: width 0.4s!important;
    justify-content: space-between;
    opacity: .9!important;
    width: 300px!important;
}
#btn-comprobar-disponibilidad.btn-plegado{
    width: 60px!important;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
#btn-comprobar-disponibilidad.btn-plegado > #texto-btn-comprobar-disponibilidad{
    display: none!important;
    opacity: 0!important;
    
}
#btn-comprobar-disponibilidad > #texto-btn-comprobar-disponibilidad{
    display: block!important;
    opacity: 1!important;
    transition: all 1s!important;
    transition-delay: 1s;
}

#btn-comprobar-disponibilidad:hover{
    opacity: 0.8;
}
#btn-comprobar-disponibilidad #texto-btn-comprobar-disponibilidad{
     font-weight: normal!important;
     color: #111!important;
     justify-content: center!important;
     display: flex!important;
     align-items: center!important;
     padding-right: 20px!important;
     padding-left: 20px!important;
}
#btn-comprobar-disponibilidad #icono-comprobar-diponibilidad{    
    background: #18a185!important;
    padding: 10px!important;
    border-radius: 50%!important;
    height: 50px!important;
    width: 50px!important;
    position: relative!important;   
    align-items: center!important;    
    display: flex!important;
    justify-content: center!important;
    font-size: 22px!important;
    min-width: 50px!important;
}

#btn-comprobar-disponibilidad #icono-comprobar-diponibilidad i{
    color: #f3f3f3!important;
    font-size: 24px!important;
}

/*btn-comprobar-disponibilidad*/



.rotate-scale-up {
	-webkit-animation: rotate-scale-up 0.65s linear both;
	        animation: rotate-scale-up 0.65s linear both;
}


@-webkit-keyframes rotate-scale-up {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
            transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(1.5) rotateZ(180deg);
            transform: scale(1.5) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
  }
}
@keyframes rotate-scale-up {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
            transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(1.5) rotateZ(180deg);
            transform: scale(1.5) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
  }
}

#ui-datepicker-div{z-index:99999999999!important;}
#btn-consultar-dispo:hover{cursor:pointer!important;}

#btn-comprobar-disponibilidad #texto-btn-comprobar-disponibilidad {
    font-weight: normal!important;
    color: #111!important;
    justify-content: center!important;
    display: flex!important;
    align-items: center!important;
    padding-right: 20px!important;
    padding-left: 20px!important;
    font-size: 14px!important;
}

#comprobar-disponibilidad #comprobar-disponibilidad-wrapper-fechas optgroup {
color: #111!important;
}
#comprobar-disponibilidad #comprobar-disponibilidad-wrapper-fechas option {
color: #555!important;
}