@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
/* GLOBALS */

.wrapperFullScreenFilter {
    position: relative;
    z-index: 10000;
    margin: 0px 5px 0px 5px;
    height: 44px;
    padding-top: 2px;
}

    .wrapperFullScreenFilter * {
        padding: 0;
        margin: 0;
        font-size: 13px;
        /*z-index: 30;*/
    }

    .wrapperFullScreenFilter i:not(.fak) {
        font-family: "Font Awesome 5 Pro";
        font-size: 20px;
    }

    .wrapperFullScreenFilter .btn {
        padding: 4px 10px;
        margin: 0;
        font-size: 12px;
    }

/* SEARCH */

table.tableFullScreenFilter {
    width: 100%;
}

    table.tableFullScreenFilter tbody tr td {
        padding: 0 !important;
    }

.fullScreenFilterSearch, .fullScreenFilterButton {
    /* Size and position */
    width: 200px;
    height: 40px;
    position: relative;
    padding: 10px;
    padding-right: 35px;
    margin-left: 5px;
    vertical-align: top;
    display: inline-block;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /* Styles */
    border: 1px solid rgba(0,0,0,0.15);
    cursor: pointer;
    outline: none;
    border-radius: 0;
}

.fullScreenFilterButton {
    padding-right: 10px;
}

.wrapperFullScreenFilter input:focus::-webkit-input-placeholder {
    opacity: 0.7;
}

.wrapperFullScreenFilter input:focus:-moz-placeholder {
    opacity: 0.7;
}

.wrapperFullScreenFilter input:focus:-ms-input-placeholder {
    opacity: 0.7;
}

.fullScreenFilterSearchAction {
    position: relative;
    top: -13px;
    left: -30px;
    margin-right: -13px;
    cursor: pointer;
}

/* FILTERS */

.SearchButtonsFixed {
    width: 210px;
    height: 50px;
    /*top: 420px;*/
    position: fixed;
    background-color: white;
}

/* For IE : the panache */

.fullScreenFilterZone {
    width: 600px;
    overflow: hidden;
    display: inline-block;
    max-width: calc(100% - 400px);
}

.fullScreenFilters {
    width: 5000px;
    position: relative;
}

.fullScreenFilterDates {
    width: 270px !important;
}

.fullScreenFilter {
    /*min-width:180px;*/
    min-width: 160px;
    float: left;
    margin-right: 10px;
    position: relative;
    padding: 10px;
    /* Styles */
    border: 1px solid rgba(0,0,0,0.15);
    cursor: pointer;
    outline: none;
    overflow: visible !important;
    /*z-index: 2;*/
}

/*.fullScreenFilter .fa-caret-down, .fullScreenFilter .fa-caret-up { float:right; }*/

.fullScreenFilterSelected:not(:hover), .fullScreenFilterSelected:not(:hover) span:not(.fal):not(.crt):not(.text):not(.caret), .fullScreenFilterSelected:not(:hover) i:not(.fa-undo):not(.caret) {
    color: var(--fore-color1);
}

.fullScreenFilterPopup {
    display: none;
    position: relative;
    min-width: 250px;
    min-height: 100px;
    max-height: 380px;
    color: #000;
    z-index: 3000;
    margin: 0 auto;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: default;
    outline: none;
}

    .fullScreenFilterPopup:before {
        content: "";
        vertical-align: middle;
        margin: auto;
        position: absolute;
        display: block;
        right: 20px;
        bottom: calc(100% - 6px);
        width: 12px;
        height: 12px;
        transform: rotate(45deg);
        border: 1px solid;
        border-color: #ccc transparent transparent #ccc;
        background-color: white;
    }
/* MORE FILTERS */
.fullScreenMoreFilters {
    /* Size and position */
    /*position:relative;*/
    float: right;
    top: 0px;
    right: 0px;
    padding: 10px;
    z-index: 2;
    /* Styles */
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    cursor: pointer;
    outline: none;
    overflow: visible !important;
    background-color: White;
    display: none;
}
/* RESET FILTERS */
.fullScreenResetFilters {
    /* Size and position */
    /*position:relative;*/
    float: right;
    top: 0px;
    right: 0px;
    padding: 10px;
    margin-left: 10px;
    z-index: 2;
    /* Styles */
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    cursor: pointer;
    outline: none;
    overflow: visible !important;
    background-color: White;
    display: none;
}
    /* Miscellaneous */
    .fullScreenFilter span i:not(.fak), .fullScreenMoreFilters span i:not(.fak), .fullScreenResetFilters span i:not(.fak) {
        font-family: "Font Awesome 5 Pro";
        font-size: 15px;
        padding-right: 7px;
    }

.fullScreenFilterCancel {
    position: relative;
    margin-top: 15px;
    float: left;
}

.fullScreenFilterValidate {
    position: relative;
    margin-top: 15px;
    float: right;
}

    .fullScreenFilterValidate i, .fullScreenValidateMobileFilters i {
        color: White !important;
    }

.filterDateFrom {
    width: 100px;
}

.filterDateTo {
    width: 100px;
    float: right;
}
/* override jquery ui css */
#ui-datepicker-div.ui-datepicker {
    z-index: 20001 !important;
}

.fullScreenFilterResponsiveMenu {
    display: none;
}

.SearchEcoCertifications label {
    padding: 4px;
    margin: 2px;
    cursor: pointer;
}

.SearchEcoCertifications input {
    display: none;
}

    .SearchEcoCertifications input:checked + label {
        background-color: var(--color2);
        color: var(--fore-color2);
        /*color: #130A04;*/
        border-radius: 2px;
    }

.SearchValidationStatus label {
    padding: 4px;
    margin: 2px;
    cursor: pointer;
}

.SearchValidationStatus input {
    display: none;
}

    .SearchValidationStatus input:checked + label {
        background-color: var(--color2);
        color: var(--fore-color2);
        /*color: #130A04;*/
        border-radius: 2px;
    }

.spanEquipment + .fullScreenFilterPopup td {
    padding: 2px;
}

.SearchEquipments label {
    padding: 7px;
    margin: 0px;
    cursor: pointer;
    text-align: center;
    width: 100%;
    position: relative;
}

    .SearchEquipments label > i.fa-amenities-search {
        padding-right: 0;
    }

.SearchEquipments input {
    display: none;
}

.SearchEquipments span {
    outline: none;
}

.SearchEquipments input:checked + label {
    background-color: var(--color2);
    color: var(--fore-color2);
    /*color: #130A04;*/
    border-radius: 2px;
}

.fa-amenities-39:after {
    left: 6px;
    top: -2px;
}

.fa-amenities-40:after {
    left: 6px;
    top: 0;
}

.tdRoomNo, .roomNo {
    text-align: center;
    font-weight: bold;
    color: black !important;
}

.tdAdults, .tdChildren {
    color: black !important;
    margin-right: 15px;
}

.minusPlus, .adultsNo, .childrenNo {
    color: black !important;
}

.fullScreenFilterPopupBackground {
    display: block;
    position: fixed;
    left: 0px !important;
    top: 0px !important;
    width: 100%;
    height: 100%;
    background: gray;
    filter: alpha(Opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    /*z-index: 20;*/
}

.filterParent {
    position: relative;
    height: 50px;
    margin-bottom: 10px;
}

.filterCheckboxParent {
    position: relative;
    height: 40px;
    margin-bottom: 10px;
}

.filterInfo {
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

.filterSliderLeft {
    width: 30px;
    display: inline-block;
    position: absolute;
    height: 50px;
    line-height: 60px;
}

.filterCheckboxLeft {
    width: 30px;
    margin-right: 5px;
    display: inline-block;
    position: absolute;
    height: 40px;
    line-height: 34px;
}

.filterChildRight {
    width: calc(100% - 30px);
    display: inline-block;
    position: absolute;
    right: 0;
}

.filterButtons {
    padding-top: 20px;
}

.accommodationSwitchWrapper {
    display: inline-block
}
/* SMARTPHONES PORTRAIT Mantis 10219 les filtres sont maintenant toujours dispo*/
@media screen and (max-width: 984px) {
    .hideFilters .fullScreenFilterResponsive > div {width:100%;}
    /* Icon */
    .hideFilters .fullScreenFilterResponsiveMenu {
        display: inline-block;
        padding: 5px;
        text-align: center;
        width: 42px;
        position: fixed;
        background-color: white;
        border: 2px solid #999;
        top: 9px;
        left: 108px;
        border-radius: 5px;
        width: 100% !important;
    }

    /* Global */
    .hideFilters .wrapperFullScreenFilter {
        display: none;
        height: 100%;
        width: 100%;
        overflow: auto;
        position: absolute;
        background-color: White;
        padding: 15px;
        margin-left: 0px;
        z-index: 20001;
    }

    .hideFilters .wrapperFullScreenFilterScroll {
        height: 110%;
        width: 100%;
    }

    .hideFilters .fullScreenFilterPopupBackground {
        display: block;
        position: fixed;
        left: 0px !important;
        top: 0px !important;
        width: 100%;
        height: 100%;
        background: gray;
        filter: alpha(Opacity=50);
        opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        z-index: 1;
    }

    .hideFilters .fullScreenFilterPopup {
        top: 25% !important;
    }

    .hideFilters .filters {
        border: none;
        background-color: transparent;
    }

    /* Name */
    .hideFilters .fullScreenFilterSearch {
        display: block;
        /*width: 250px;*/
        width: 100%;
        margin-left: 0;
    }

    .hideFilters .fullScreenFilterSearchAction {
        top: -30px;
        /*left: 219px;*/
        left: calc(100% - 31px);
    }

    /* Filters */
    .hideFilters .fullScreenFilterZone {
        display: inline !important;
    }

    .hideFilters .fullScreenFilters {
        display: inline !important;
        left: 0 !important
    }

    .hideFilters .fullScreenFilter {
        clear: both;
        display: inline !important;
        margin-bottom: 10px;
        width: 100% !important;
    }

    .hideFilters .fullScreenResetFilters {
        float: left;
        margin-left: 0px;
        z-index: 0;
    }

    .hideFilters .fullScreenMoreFilters {
        display: none !important;
    }

    .hideFilters .fullScreenResetFilters
    {
        margin-left: 0;
        margin-bottom: 10px;
        float: none;
    }

    .hideFilters .fullScreenValidateMobileFilters, .hideFilters .fullScreenResetFilters {
        display: block;
        clear: both;
    }

    .hideFilters .homeButton {
        display: none !important;
    }

    .hideFilters .homeButtonResponsive {
        display: inline-block;
        padding: 5px;
        text-align: center;
        width: 42px;
        position: fixed;
        background-color: white;
        border: 2px solid #999;
        top: 9px;
        left: 8px;
        border-radius: 5px;
    }

    .hideFilters .SearchButtonsFixed {
        top: 470px;
    }

    .hideFilters .wrapperFullScreenFilter .wrapperFullScreenFilterScroll .showMapSwitchInfo {
        display: none;
    }


    .accommodationSwitchWrapper {
        display: block;
    }
}

@media screen and (min-width: 985px) {
    .wrapperFullScreenFilter {
        display: block !important;
        height: 44px !important;
    }

    .fullScreenValidateMobileFilters {
        display: none;
    }
}

/* SMARTPHONES PORTRAIT AND IPAD portrait */
@media screen and (max-width: 984px) {
    /* Nasser : ne pas enlever le display none sinon on a un affichage crade sur mobile et ne pas mettre de !important */
    .wrapperFullScreenFilter {
        display: none;
    }

    /* Sort Hotels */
    /*.SortHotels { display:none; }*/
    .SortHotels {
        height: 38px;
    }

        .SortHotels:hover {
            width: 200px;
            height: 140px;
            cursor: default;
            transition-delay: 0s;
        }

        .SortHotels span {
            display: block;
        }
}
/* SMARTPHONES LANDSCAPE */
@media screen and (max-width: 767px) and (orientation : landscape) {
    .wrapperFullScreenFilterScroll {
        height: 200%;
        width: 100%;
    }

    .fullScreenFilterPopup {
        top: 15% !important;
        max-height: 275px;
    }
}
/* IPHONE 5 LANDSCAPE */
@media screen and (max-width: 568px) and (orientation : landscape) {
    .wrapperFullScreenFilterScroll {
        height: 220%;
        width: 100%;
    }

    .fullScreenFilterPopup {
        top: 15% !important;
        max-height: 250px;
    }
}