/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);*/
@font-face{font-family:booking-icons;src:url(booking-icons.eot?87ruy);src:url(booking-icons.eot?87ruy#iefix) format('embedded-opentype'),url(booking-icons.ttf?87ruy) format('truetype'),url(booking-icons.woff?87ruy) format('woff'),url(booking-icons.svg?87ruy#booking-icons) format('svg');font-weight:400;font-style:normal}
.monthscontainer{width:2600px}.monthswindow{width:400px;overflow:hidden}.datePicker span.inputBox.dissabled{opacity:.6}.datePicker span.inputBox.enabled{cursor:pointer}.datePicker span.inputBox.enabled.invalid:not(.empty){color:red}.checkinCheckoutContainer .checkin td.checkinDay,.checkinCheckoutContainer .checkout td.checkinDay,.checkinCheckoutContainer .checkout td.stayDay,.checkinCheckoutContainer td.checkinDay{background-color:#a0a0a0;color:#fff!important}.fullScreenPopup{position:fixed;right:0;bottom:0;left:0;top:0;z-index:100}.widgetBookingContainer button,.widgetBookingContainer label.categoryGroupLabel,.widgetBookingContainer label.categoryLabel{cursor:pointer}.categorySelector span.inputBox.dissabled{color:#e0e0e0}.categorySelector span.inputBox.enabled{cursor:pointer}.widgetBookingContainer{background:rgba(0,0,0,.1);background:#e6e6e6;padding:20px;box-sizing:border-box;position:relative;width:100%;z-index:100}
.widgetBookingContainer,.widgetBookingContainer input,.widgetBookingContainer select{font:normal 400 14px/16px "Lexend",Arial,sans-serif}.widgetBookingContainer *,.widgetBookingContainer :after,.widgetBookingContainer :before{box-sizing:inherit}.widgetBookingContainer .persons{overflow:hidden}.widgetBookingContainer .checkinCheckoutContainer label,
/* .widgetBookingContainer .peopleContainer label {display:block;margin-bottom:5px;font-size:13px} */
.datePicker span.inputBox,.widgetBookingContainer span.inputBox{background:#fff;display:block;padding:8px 16px 8px 8px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:100%;border:1px solid #fff;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.datePicker span.inputBox{padding:8px 20px 8px 8px}.widgetBookingContainer span.inputBox:hover{cursor:pointer;border:1px solid rgba(0,0,0,.2)}
.categoriesPopup .categoryContainer>label,.categoriesPopup .categoryGroupCB:hover,.categoriesPopup .categoryGroupContainer>.categoryGroupCB:hover,.categoriesPopup .categoryGroupContainer>label:hover,.facilityContainer .facilityGroupCB,.facilityContainer label{cursor:pointer}
button.searchButton{background:rgba(0,0,0,.6);border:none;color:#fff;padding:9px 20px;width:100%;margin:10px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:16px}
button.searchButton:hover{background:rgba(0,0,0,.7)}
.adultsContainer,.categorySelector,.checkinContainer,.checkoutContainer,.childAgeContainer,.childAgeGroupContainer .comboBox,.childsContainer,.facilities{position:relative;
    /* margin-bottom:10px */
}
.stayLen{margin:-10px 0 10px 0}
.categorySelector>span:after,.peopleContainer .comboBox:after{content:'\203A';rotate: 90deg;position:absolute;right:5px;bottom:7px;font-size:2em}
.categorySelector>span:after,.datePicker span.inputBox:after,.peopleContainer .comboBox:after{color:#000}
.categoriesPopup,.comboPopup,.datePickerPopup{-webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,.2);-moz-box-shadow:3px 3px 5px 0 rgba(0,0,0,.2);box-shadow:3px 3px 5px 0 rgba(0,0,0,.2);position:absolute;background-color:#fff;min-width:300px;text-align:left}
.comboPopup{min-width:200px;max-width:300px;color:#000}
.datePicker{position:relative}
.datePicker span.inputBox:after{content:'\203A';rotate: 90deg;position:absolute;right:5px;font-size:2em;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1}
.datePickerPopup{width:auto;min-width:0}
.datePickerPopup .popupTitle,.widgetBookingContainer .popupTitle{text-align:center;font-weight:300;font-size:20px;color:#fff;background:var(--verd-0);padding:10px}
.categoriesPopup .popupTitle,.comboPopup .popupTitle{margin:-10px -20px 10px -20px}.datePickerPopup .closeButton,.widgetBookingContainer .closeButton{cursor:pointer;position:absolute;right:2%;top:10px;color:#fff}
.categoriesPopup .closeButton{right:20px}.widgetBookingContainer .closeButton span:before{content:"\2716";color:#fff;font-size:14px}
.datePickerPopup .month_title{text-align:center;background:var(--verd-2);color:#fff;padding:8px 5px;text-transform:uppercase}
.datePickerPopup .month{width:250px;min-width:250px;display:table-cell;border-right:1px solid #5d5d5d}.datePicker span.inputBox,.datePickerPopup .month td,.widgetBookingContainer span.inputBox{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.datePickerPopup table{width:100%;border:0;border-collapse:collapse}
.datePickerPopup .less span,.datePickerPopup .plus span{cursor:pointer;position:absolute;left:2%;top:42px;font-size:20px;width:20px;height:20px;border:2px solid #fff;border-radius:50%;color:#fff;font-size:14px;text-align:center;line-height:16px;font-weight:700;z-index:1}
.datePickerPopup .plus span{left:auto;right:2%}.datePickerPopup .less.disabled,.datePickerPopup .plus.disabled{display:none}.datePickerPopup table th{font-size:12px;text-transform:uppercase;border-bottom:1px solid #a3a3a3;padding:6px 4px;color:#5d5d5d;text-align:center}
.datePickerPopup table tr th.Sun{color:rgba(179,36,13,1)}
.datePickerPopup table td{color:rgba(94,94,94,.4);font-size:12px;padding:6px 4px;text-align:center}
.datePickerPopup table td.selectable{cursor:pointer;color:rgba(94,94,94,1);font-weight:700}
.datePickerPopup table td.Sun{color:rgba(179,36,13,.4)}
.datePickerPopup table td.selectable.Sun{color:rgba(179,36,13,1)}
.categoryGroupContainer{padding:5px 5px 5px 0}.categoriesPopup,.comboPopup{padding:10px 20px}
.categoryGroupContainer>.categoryGroupCB,.categoryGroupContainer>label{display:inline-block;vertical-align:top}
.categoryGroupContainer>label{font-weight:700}
.categoryGroupContainer .categoryGroupChilds{padding:5px 0 0 20px}
.categoryContainer,.facilityContainer{display:table-row}
.categoryContainer>*,.facilityContainer>*{display:table-cell;padding-bottom:2px}
.categoryGroupCB,.facilityGroupCB{position:relative;width:20px}
.categoryGroupCB span,.facilityGroupCB span{display:none}
.categoryGroupCB:before,.facilityGroupCB:before{content:"\00a0";display:inline-block;width:16px;height:16px;margin-right:10px;left:0;bottom:1px;background-color:#3b3b3b;font-size:15px;color:#f3f3f3;border-radius:2px;text-align:center;line-height:16px}
.categoryGroupCB.selected:before,.facilityGroupCB.selected:before{content:"\2713"}
.categoryGroupCB.tstate:before,.facilityGroupCB.tstate:before{content:"\25a0";line-height:80%}
.categoryGroupContainer>button{color:#fff;background:0 0;position:relative;text-align:center;overflow:hidden;vertical-align:middle;border:none;padding:0;margin:0;-webkit-appearance:none;-moz-appearance:none;-moz-appearance:none;appearance:none;float:right}
.popupFooter{text-align:center;padding:5px;font-size:12px;min-height:45px;max-width:200px}
.categoryGroupCollapse:before,.categoryGroupExpand:before{content:'\0025BC';color:#3b3b3b}
.categoryGroupExpand:before{content:'\0025B2'}
.categoryGroupCollapse span,.categoryGroupExpand span{display:none}
.comboPopup .comboboxOption{padding:4px;border:1px solid transparent}
.comboPopup .comboboxOption.selected:before{content:"\2713";position:absolute;margin-left:-14px}
.comboPopup .comboboxOption:hover{cursor:pointer;border:1px solid rgba(0,0,0,.1)}
.childAgeGroupContainer .comboboxOption{display:inline-block;width:48%}
.facilitiesTitle{font-weight:300;font-size:20px;padding:0 0 10px 0}

@media only screen and (min-width :420px){
    .popupFooter{max-width:100%;min-height:30px}}
    
    @media only screen and (min-width :800px){
        .widget_columns .button.searchButton,.widget_columns .categorySelector,.widget_columns .checkinCheckoutContainer,.widget_columns .childAgeContainer,.widget_columns .facilities,.widget_columns .peopleContainer{display:inline-block;width:20%;vertical-align:top}
        .widget_columns .adultsContainer,.widget_columns .categorySelector,.widget_columns .checkinCheckoutContainer>div,.widget_columns .childAgeContainer,.widget_columns .childsContainer,.widget_columns .facilities{border-right:10px solid transparent}
        .widget_columns .facilities{display:none}
        .widget_columns .widgetBookingContainer{overflow:hidden}
        .widget_columns .peopleContainer .childAgeGroupContainer{position:absolute;background:rgba(0,0,0,.1);background:var(--verd-0);top:100%;padding-left:10px;margin-left:-10px;margin-top:-20px}
        .widget_columns .checkinCheckoutContainer{width:40%;position:relative}
        .widget_columns .checkinCheckoutContainer>div,.widget_columns .peopleContainer>div{display:inline-block;width:50%}
        .widget_columns .childAgeContainer{width:auto}
        .widget_columns .stayLen{position:absolute;right:0;bottom:-10px;margin:0}}

.widgetBookingContainer {
    background: transparent;
    display: block;
}

.widgetBookingContainer .facilities,
.stayLen {
    display: none;
}

.widgetBookingContainer > div {
    flex: 1 0 auto;
}



.widgetBookingContainer .categoryGroupCB:before{
    background: var(--verd-2);
}

.widgetBookingContainer .categoryGroupExpand:before,
.widgetBookingContainer .categoryGroupCollapse:before{
    color: var(--verd-2);
}

.widgetBookingContainer .button.searchButton {
    line-height: 1.5;
    width: 20%;
    /* flex: 1 0 auto; */
    margin: 0;
    background-color: var(--marro-4);
    /* border-radius: 8px; */
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    padding: calc(.667rem + 2px);
    transition: background-color 0.2s ease-out;
}

html[lang=ca] .button.searchButton {
    font-size: 0;
}

html[lang=ca] .button.searchButton:before {
    font-size: 14px;
    content: 'Cercar';
}

.widgetBookingContainer .datePicker span.inputBox.dissabled {
    opacity: 1;
}

/* .widgetBookingContainer .checkinCheckoutContainer,
.widgetBookingContainer .peopleContainer{
    display: flex;
}

.widgetBookingContainer .checkinCheckoutContainer{
    flex: 1 0 50%;
    width: 50%;
}

.widgetBookingContainer .peopleContainer{
    flex: 1 0 30%;
}

.widgetBookingContainer .button.searchButton{
    flex: 1 0 20%;
} */

.widgetBookingContainer .checkinCheckoutContainer label,
.widgetBookingContainer .adultsContainer label,
.widgetBookingContainer .childsContainer label{
    display: none;
}

.checkinCheckoutContainer > div,
.peopleContainer > div {
    flex: 1;
}

.checkinCheckoutContainer .stayLen{
    display: none !important;
}

.fixed-header .widgetBookingContainer {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.widgetBookingContainer span.inputBox,
.widgetBookingContainer .datePicker span.inputBox {
    padding: calc(.667em + 2px);
    /* min-width: 7em;
    border-radius: 8px; */
}

.widgetBookingContainer .comboBox {
    display: flex;
    align-items: center;
}

.peopleContainer .comboBox:after,
.categorySelector > span:after {
    bottom: inherit;
}

.widgetBookingContainer .categoryGroupContainer {
    padding: 5px 20px 5px 0;
}

.categoryGroupContainer .categoryGroupChilds {
    padding: 15px 15px 15px 20px;
    background: var(--verd-6);
    position: absolute;
    z-index: 1;
    box-shadow: 4px 4px 20px rgba(0,0,0,0.1);
    top: 100%;
}

.widgetBookingContainer .childAgeGroupContainer{
    position: absolute;
    display: flex;
    flex-wrap: wrap;
}

.widgetBookingContainer label.categoryGroupLabel {
    padding-right: 10px;
    color: var(--negre);
}

.categoryGroupContainer > button {
    font-size: 14px;
}

.datePicker span.inputBox:after,
.peopleContainer .comboBox:after,
.categorySelector > span:after {
    color: var(--verd-4);
}

.categorySelector > span:after {
    bottom: 2px;
}

.datePicker span.inputBox:after {
    right: 10px;
    bottom: 9px;
}

/* .datePicker:after {
    content: '';
    border-right: 1px solid rgba(0,0,0,0.4);
    position: absolute;
    right: 0;
    z-index: 11111;
    height: 30px;
    top: 20px;
}

.childAgeGroupContainer .comboboxOption {
    width: 30%;
} */

@media only screen and (pointer : fine) {

    .widgetBookingContainer .button.searchButton:hover {
        background-color: var(--marro-2) !important;
    }

}

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

    /* .datePickerPopup {
        left: 1em !important;
        bottom: 5em !important;
        top: auto !important;
    } */

}

@media only screen and (max-width: 800px){
    /* .widgetBookingContainer .checkinCheckoutContainer{
        width: 100%;
        flex-wrap: wrap;
    }
    .checkinCheckoutContainer > div, .peopleContainer > div{
        flex-basis: 100%;
    } */
    .mostrar-reserves #fullscreenbooking {
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 801px){

    /* .widgetBookingContainer {
        display: flex;
        flex-wrap: wrap;
    }

    .widgetBookingContainer .categorySelector{
        flex: 1 0 100%;
        display: flex;
        justify-content: center;
        color: var(--verd-2);
    } */

    .categoryGroupContainer .categoryGroupChilds {
        top: auto;
        bottom: 100%;
    }

    .widgetBookingContainer .adultsContainer,
    .widgetBookingContainer .childsContainer,
    .widgetBookingContainer .checkinContainer,
    .widgetBookingContainer .checkoutContainer,
    .widgetBookingContainer .childAgeContainer,
    .widgetBookingContainer .childAgeGroupContainer
    .widgetBookingContainer .comboBox,
    .widgetBookingContainer .facilities {
        margin-bottom: 0;
    }

}