#freserva-movil{top: 0;position: absolute;transition: all 0.3s;transition-timing-function:ease-out}
#freserva-movil.ocultar-form{top: 100%;}
#freserva-movil #header {padding: 10px 20px 0px 20px;}
.d-flex{display: flex;}
.flex-j-c-space-between{ justify-content: space-between;}
.ui-datepicker-calendar .highlight, .day.highlight {background: #cce3fb!important;color: #0073ea!important;}

/*header cabecera*/
#freserva-movil h2{margin-top: 0;font-size: 25px!important;padding-top:0;}
#h2-reserva,#close-btn > i, #close-btn > i{font-size: 24px!important}
   
#header{border-bottom: 1px solid #f0f0f0!important}
#freserva-movil > div { padding: 20px 20px 10px 20px;}
span#close-btn {padding: 15px 15px 5px 15px;position: relative;top: 4px;right: -25px;}
/*fin header*/

/*calendario*/
#freserva-movil .ui-datepicker .ui-datepicker-title {padding: 5px 20px 5px 20px;}
#freserva-movil #ui-datepicker-div .ui-datepicker-calendar th span {font-size: 20px;}
#freserva-movil #ui-datepicker-div{width: 100%!important; left: 0!important; box-shadow: none; border-top: none;}
#freserva-movil .ui-datepicker .ui-datepicker-title .ui-datepicker-month, #freserva-movil .ui-datepicker .ui-datepicker-title .ui-datepicker-year {font-size: 20px;}
#freserva-movil .ui-state-default, #freserva-movil .ui-widget-content .ui-state-default{height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: bold;    border-radius: 0;width: 100%;height: 10;background: initial;color: initial;}
#freserva-movil .ui-datepicker td {border: 0;padding: 1px;height: 40px!important;border: 1px solid #f2f2f2;}
#freserva-movil .ui-datepicker .ui-datepicker-prev, #freserva-movil .ui-datepicker .ui-datepicker-next{width: 50px;height: 50px;}
#freserva-movil {width: 100%;height: 100%;margin-top: 0;padding-top: 0;background: #fff;}
#freserva-movil > div {padding: 10px}
#freserva-movil .bg-seleccion-fechas {padding: 5px;background: #f0f0f0;width: 50%;text-align: center;}
#freserva-movil .bg-seleccion-fechas .fecha-reserva-movil{font-size: 14px!important; font-weight: bold!important}
#freserva-movil .bg-seleccion-fechas.b-r-2{border-right: 2px solid #fff}
#fecha-entrada-reserva-movil, #fecha-salida-reserva-movil{font-size: 22px!important;text-align: center;font-weight: 100!important;}
#freserva-movil #datepicker-movil{padding-top: 0;}
#freserva-movil #datepicker-movil .ui-datepicker{width: 100%!important}
#freserva-movil .ui-datepicker {padding: 0;border: none;}
#freserva-movil .ui-datepicker .ui-datepicker-prev span,#freserva-movil .ui-datepicker .ui-datepicker-next span {display: block;position: absolute;left: 0;margin-left: -8px;top: 3px;background: transparent;margin-top: -13px;width: 100%;height: 100%;}
#freserva-movil .ui-datepicker .ui-datepicker-next { right: 0;}
#freserva-movil .form-control{background:#fff!important;max-width:unset!important;display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-image: none;border: 1px solid #ccc;border-radius: 4px;}
#freserva-movil select#destino-mobile { margin-top: 3%;}
/*fin calendario*/

div#contenedor-freserva-movil {background: transparent;position: fixed;width: 100%;height: 100%;top: 0;margin-top: 0;padding-top: 0;z-index: 10000000000000;}
div#contenedor-freserva-movil.plegado {bottom:0;height:70px!important;top:unset;}
div#contenedor-btn-reserva-online {position: absolute; bottom: 20px; background: #fff;padding: 0; z-index: 1000000000000000000000000000000000000;height: 50px;width: 90%;left: 5%;border-radius: 25px;box-shadow: 0px 2px 15px rgba(0,0,0,.4);text-align: center;font-size: 20px;color: #0073ea;    transition: background-color 1s;}
div#btn-reserva-online {font-size: 18px;margin-top: 0;padding-bottom: 10px;padding-top: 13px;}
div#contenedor-fechas {padding-top: 10px;}
#freserva-movil .ui-datepicker .ui-datepicker-header {padding: 1px 0;padding-bottom: 5px;}
#freserva-movil .ui-datepicker .ui-datepicker-next {right: -13px;}
#freserva-movil .ui-datepicker .ui-datepicker-next span {background-image: url(../css/img/css/iconfinder_arrow-right.png);background-size: 30px;background-repeat: no-repeat;background-position-x: right;background-position-y: center;}
#freserva-movil .ui-datepicker .ui-datepicker-prev span {background-image: url(../css/img/css/iconfinder_arrow-left.png);background-size: 30px;background-repeat: no-repeat;background-position-x: left;background-position-y: center;}
#freserva-movil #header {padding: 10px 30px 0px 20px;}
#freserva-movil div#contenedor-fechas {padding-top: 20px;padding-left: 20px; padding-right: 20px;padding-bottom: 0!important;}
#freserva-movil > div {/*padding: 20px*/padding:10px 20px;}


#freserva-movil #header{position: fixed;width: 100%;}
#freserva-movil #codigo-promocional-mobile{color: #555!important;}
#freserva-movil #codigo-promocional-mobile::placeholder {color: #111!important; }

/* moviles orientacion landscape*/
@media (orientation: landscape) {
    
}
/* moviles de mas de 5 pulgadas orientacion portair*/

@media (min-device-width : 376px) and (max-device-width : 480px) and (orientation: portrait) {
    #freserva-movil .bg-seleccion-fechas {background: #f0f0f0!important}; 
}

/* ipad */
@media (min-device-width : 481px)  {     
    #freserva-movil h2 {
        margin-top: 0;
        font-size: 35px!important;
    }
    #freserva-movil .bg-seleccion-fechas .fecha-reserva-movil {
        font-size: 24px!important;
    }
    #fecha-entrada-reserva-movil, #fecha-salida-reserva-movil {
        font-size: 32px!important;
        padding-bottom: 10px;
    }
    #freserva-movil #datepicker-movil {
        padding-top: 50px;
    }
    #freserva-movil .ui-datepicker .ui-datepicker-header { 
        padding-bottom: 15px;
    }
    #fecha-entrada-reserva-movil, #fecha-salida-reserva-movil {
        font-size: 30px!important;
    }
    #freserva-movil .bg-seleccion-fechas .fecha-reserva-movil {
        font-size: 18px!important;
        font-weight: bold!important;
        padding-top: 10px;
        padding-bottom: 10px;
    }   
    #freserva-movil .ui-state-default, #freserva-movil .ui-widget-content .ui-state-default{
        font-size: 32px;
        width: 70px;
        height: 70px;
    }
    #freserva-movil .ui-datepicker .ui-datepicker-title .ui-datepicker-month,#freserva-movil .ui-datepicker .ui-datepicker-title .ui-datepicker-year{
        font-size: 40px;
    }
    #freserva-movil .ui-datepicker-calendar span {
        font-size: 32px;
    }
    #freserva-movil .ui-datepicker .ui-datepicker-prev span,#freserva-movil .ui-datepicker .ui-datepicker-next span {    
        background-size: 50px;
    }
    div#contenedor-btn-reserva-online {      
        bottom: 20px;
        background: #fff;
        padding: 0;       
        height: 100px;
        width: 90%;
        left: 5%;
        border-radius: 50px;
        box-shadow: 0px 2px 15px rgba(0,0,0,.1);
        text-align: center;
        font-size: 20px;
        color: #0073ea;
        transition: background-color 1s;
    }
    div#btn-reserva-online {
        font-size: 32px;
        margin-top: 0;
        padding-bottom: 10px;
        padding-top: 25px;
    }
     #close-btn > i, #close-btn > i {
        font-size: 40px!important;
    }
    #freserva-movil h2 {      
        font-size: 45px!important;
        margin-left: -10px;
    }
    #freserva-movil h2 {             
        padding: 10px 0;
    }
    #freserva-movil > div {
        padding: 30px;
    }
    span#close-btn {        
        right: -15px;
    }
    #freserva-movil #header {
        padding: 10px 30px 0px 40px;
    }
    #freserva-movil .ui-datepicker th {padding: 10px 5px;}
    div#contenedor-btn-reserva-online { bottom: 30px;}
    #freserva-movil div#contenedor-fechas {padding-top: 30px; padding-left: 30px;padding-right: 30px;}
    #freserva-movil .bg-seleccion-fechas .fecha-reserva-movil { font-size: 28px!important;}
    #fecha-entrada-reserva-movil, #fecha-salida-reserva-movil {font-size: 36px!important;}
    #freserva-movil .ui-datepicker .ui-datepicker-header {padding-bottom: 25px; padding-top: 10px;}
    #freserva-movil .ui-state-default, #freserva-movil .ui-widget-content .ui-state-default {font-size: 30px;width: 65px;height: 65px;}
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 10px;}
    #close-btn > i, #close-btn > i {font-size: 50px!important; margin-top: 10px;}
    div#wrapper-scroll {margin-top: 40px;}
}


#freserva-movil #header {position: fixed;width: 100%;height: 7%;min-height: 45px;background: #fff}
#freserva-movil div#contenedor-fechas {padding-top: 10px;padding-left: 0;padding-right: 0;padding-bottom: 0!important;}
#contenedor-freserva-movil div#wrapper-scroll {margin-top: 10%; overflow-y: scroll; height: 83%;}

.datepicker.datepicker-inline, .datepicker.datepicker-inline .datepicker-days table{width:100%;}