#sqs_mire {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.5;
    background-color: #1d1d1d;
    z-index: 1000;
}

#loading_mire {
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
}

/*CUSTOMISATION jquery ui dialog*/
.sqs_module_dialog.ui-dialog {
    padding: 0;
}

/*par défaut on cache la bar de titre des dialog*/
.sqs_module_dialog .ui-dialog-titlebar,
.sqs_module_dialog.visible-dialog-close-button-on-mobile .ui-dialog-titlebar {
    display: none;
}

.sqs_module_dialog.visible-dialog-close-button .ui-dialog-titlebar,
.sqs_module_dialog.visible-dialog-title .ui-dialog-titlebar {
    display: flex;
    align-items: center;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.sqs_module_dialog:not(.visible-dialog-close-button) .icon-booking-close-dialog,
.sqs_module_dialog.visible-dialog-close-button-on-mobile .icon-booking-close-dialog {
    display: none;
}

.sqs_module_dialog.visible-dialog-close-button .icon-booking-close-dialog {
    display: inline-block;
}

.sqs_module_dialog:not(.visible-dialog-close-button) .ui-dialog-title,
.sqs_module_dialog.visible-dialog-close-button-on-mobile .ui-dialog-title {
    display: none;
}

/*les classe 'marker' qui permettent d'afficher un module en mode popup afin que le contenu(.sqs-dialog-content-marker) prenne le maximum de place dispo
et que le footer(.sqs-dialog-footer-marker) soit toujours visible*/
.sqs_module_dialog.sqs-opened-dialog .sqs-dialog-wrapper-marker {
    display: flex;
    flex-direction: column;
}

.sqs_module_dialog.sqs-opened-dialog .sqs-dialog-content-marker {
    order: 1;
    flex-grow: 1;
    overflow-y: auto !important;
}

.sqs_module_dialog.sqs-opened-dialog .sqs-dialog-footer-marker {
    order: 2;
    display: block;
}

.sqs_module_dialog.visible-dialog-title .ui-dialog-title {
    display: inline-block;
}

.sqs_module_dialog .ui-widget-header {
    border: none;
    background: inherit;
    color: #212121;
    font-weight: normal;
}

.sqs_module_dialog .ui-dialog-titlebar {
    height: 54px;
}

.sqs_module_dialog .ui-dialog-titlebar-close {
    top: 0;
    margin: 0;
}

.sqs_module_dialog .ui-widget-header button {
    background: white;
    border: none;
    color: #212121;
    font-size: 18px;
    width: 54px;
    height: 54px;
}

.sqs_module_dialog .ui-state-default .ui-icon {
    background-image: none;
    border: none;
    background: none;
}

.sqs_module_dialog .ui-dialog-titlebar-close:before {
    content: "\e907";
    color: #212121;
    font-size: 18px;
    position: relative;
    top: calc(27px - 9px);
}

.sqs_module_dialog .ui-dialog-titlebar-close:hover:before {
    color: #00adb3;
}

.ui-dialog.ui-widget {
    /*des fois, jquery semble mettre le display flex a .ui-dialog si l'enfant ui-dialog-content est flex, on positionne
    donc le flex direction en colonne pour que le passage en flex ne se voit pas*/
    flex-direction: column;
}

.sqs_module_dialog.ui-dialog .ui-dialog-content {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
}

.sqs_module_dialog.ui-dialog .ui-dialog-titlebar {
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 16px;
    padding-bottom: 0px;
    /*-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);*/
    /*-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);*/
    /*-o-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);*/
    /*box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);*/
    /*border-bottom-right-radius: 0px;*/
    /*border-bottom-left-radius: 0px;*/
}

.sqs_module_dialog.ui-dialog.visible-dialog-title .ui-dialog-content {
    padding-top: 8px;
}

.visible-dialog-close-button .ui-dialog-titlebar.ui-widget-header {
    border-bottom: solid 1px #E0E0E0;
}

body.module-dialog-opened-forbid-scroll, html.module-dialog-opened-forbid-scroll {
    overflow: hidden;
}

.sqs_module_dialog .dialog-container-footer{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 67px;
    width: 100%;
    border-top: solid 1px #E0E0E0;
}

.sqs_module_dialog button.btn-default.btn-apply-dialog,
btn{
    border-radius: 4px;
    color: #2cb8bf !important;
    font-size: 13px;
    text-transform: uppercase;
    border : solid 1px #2cb8bf !important;
    background-color: white !important;
    margin-left: 20px;
    margin-right: 20px;

}

.test-watermark-div {
    background: url("filigranne.svg");
    position: absolute;
    height: 100%;
    width: 100%;
    pointer-events: none;
    background-repeat: round space;
    top: 0;
    left: 0;
}

.select-spinner.readonly-spinner .select-spinner-btn {
    visibility: hidden;
}

.select-spinner.add-disabled-spinner .select-spinner-btn-up {
    visibility: hidden;
}

.select-spinner.remove-disabled-spinner .select-spinner-btn-dwn {
    visibility: hidden;
}

.capitalize-input-text {
    text-transform: capitalize;
}

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

    .sqs_module_dialog.visible-dialog-close-button-on-mobile .icon-booking-close-dialog {
        display: inline-block;
    }

    .sqs_module_dialog.visible-dialog-close-button-on-mobile .ui-dialog-title {
        display: inline-block;
    }

    .sqs_module_dialog.visible-dialog-close-button-on-mobile .ui-dialog-titlebar {
        display: block;
    }

    .sqs_module_dialog.visible-dialog-header-on-mobile .ui-dialog-titlebar {
        display: block;
    }

    /*en version mobile on veut tout forcer pour l'affichage en plein ecran d'ou les !important*/
    .sqs_module_dialog.full_screen_on_mobile.sqs-opened-dialog {
        position: fixed !important;
        display: flex !important;
        flex-direction: column;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-height: 100vh !important;
        max-width: none !important;
        margin: 0 !important;
        z-index: 101 !important; /*comme les dialog jquery*/
        overflow-y: auto !important;
        max-height: none !important;
    }
    .sqs_module_dialog.full_screen_on_mobile.sqs-opened-dialog.--leave-space-at-bottom {
        height: calc(100vh - 100px) !important;
    }

    .sqs_module_dialog.full_screen_on_mobile.sqs-opened-dialog .ui-dialog-content {
        max-height: calc(100% - 54px) !important;
        height: calc(100% - 54px) !important; /*54 px taille du header des popup*/
    }


    .sqs_module_dialog.full_screen_on_mobile.sqs-opened-dialog.btn-apply-dialog-displayed .ui-dialog-content {
        max-height: calc(100% - 54px - 54px) !important;
        height: calc(100% - 54px - 54px) !important; /*54 px taille du header des popup*/
    }

}

/*detection support smartphone*/
/*SECTION*/
/*890 et plus : tablette paysage et PC*/
/*- Entre 700 et 889  : tablette portrait*/
/*- Entre 396 et 699 : smartphone XL*/
/*- Moins de 396 : smartphone*/
.ast-smartphone-proof, .ast-tablet-portrait-proof {
    height: 0;
    width: 0;
    background-color: transparent;
    display: none;
}

@media screen and (min-width: 890px) {
    .ast-smartphone-proof {
        display: none;
    }

    .ast-tablet-portrait-proof {
        display: none;
    }
}

@media screen and (min-width: 700px) and (max-width: 889px) {
    .ast-smartphone-proof {
        display: none;
    }

    .ast-tablet-portrait-proof {
        display: block;
    }
}

@media screen and (min-width: 396px) and (max-width: 699px) {
    .ast-smartphone-proof {
        display: block;
    }

    .ast-tablet-portrait-proof {
        display: none;
    }

    .sqs_module_dialog.ui-dialog .ui-dialog-content, .sqs_module_dialog.ui-dialog .ui-dialog-titlebar {
        padding-right: 12px;
        padding-left: 12px;
    }
    .sqs_module_dialog.ui-dialog .ui-dialog-titlebar {
        touch-action: none;
    }

}

@media screen  and (max-width: 396px) {
    .ast-smartphone-proof {
        display: block;
    }

    .ast-tablet-portrait-proof {
        display: none;
    }

    .sqs_module_dialog.ui-dialog .ui-dialog-content, .sqs_module_dialog.ui-dialog .ui-dialog-titlebar {
        padding-right: 12px;
        padding-left: 12px;
    }

    .sqs_module_dialog.ui-dialog .ui-dialog-titlebar {
        touch-action: none;
    }
}