﻿/* ******************** Debug  ******************** */

.popup_background {
    display: block; /* par  défaut */
    position: fixed;
    opacity: 0.88;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--grey_color--3);
}


#bodyBlockAllSite {
    display: none; /* par  défaut */
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: grey;
    opacity: 0.5;
    z-index: 3000;
}



.loading {
    content: url(/Content/images/picto/loading.gif);
    width: 50px;
    border: 0;
    margin: auto;
}


#nbNotificationBloc {
    margin-left: -20px;
    margin-top: -41px;
    padding: 3px;
    background-color: #FFFFFF;
    border-radius: 7px;
    cursor: pointer;
}

#nbNotification {
    color: #FFFFFF;
    /*padding: 2px 6px;*/
    padding: 0px 3px;
    background-color: #E2007A;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

.image_notification_wrapp {
    cursor: pointer;
}

.image_notification {
    padding: 5px;
}


#logo_Orsys {
    width: 191px;
    height: 67px;
}


input, select {
    background-color: transparent;
    border: none;
}

select, iframe {
    width: 100%;
}

input:focus, textarea:focus {
    border: 1px solid #ccc;
    outline: none;
}

/* Formulaire */
input:focus, select:focus {
    border: none;
    outline: none;
}


.input_full_width100_off_wrapp > input:focus {
    border: none;
}

.wf_doss_wrapp {
    z-index: 100;
    cursor: initial;
}

    .wf_doss_wrapp[type],
    .icon_link_wrapp > img[type] {
        cursor: pointer;
    }

.nav_liseret {
    z-index: 0;
}

.popupInter, .popupIntra {
    left: calc( 50% - 600px);
    overflow-y: scroll;
    max-height: 95%;
}

.popupConfirmation {
    left: calc( 50% - 600px);
    max-height: 95%;
    top: calc(50% - 280px);
}

#popupConnexion {
    padding: 8px;
    left: calc( 50% - 291px);
    overflow-y: scroll;
}

.popupErreur {
    width: 864px;
    left: calc( 50% - 432px);
    padding: 0px;
    border-radius: 16px;
    border: none;
}

/*, #popupReportInter, #popupNouvelleIntra, #popupModifyInscriptionInter,*/
.popupInter, .popupIntra, .popupConfirmation, .popupErreur, .popupNotification {
    background-color: #FFFFFF;
    position: fixed;
    display: block;
}

.popupInter, .popupIntra, .popupConfirmation, .popupNotification {
    padding-bottom: 25px;
}

.popupInter, .popupIntra {
    top: 20px;
    height: 95%;
}

.popupConfirmation, .popupErreur {
    height: auto;
    opacity: 1;
    z-index: 10;
    border-radius: 16px;
}



.popupConfirmation {
    padding: 0px 1px 48px 0px;
}







/* Fond grisé */
.input_date_wrapp:has(input[disabled]),
.input_off_wrapp:has(input[disabled]) {
    background-color: #e4e4e7;
    cursor: initial;
    user-select: none;
}

.icon_link_wrapp {
    cursor: initial;
}

.nav_niv2_wrapper {
    user-select: none;
}

/* Cursor sur l'entete qui permet de trier les tableaux */
.cta_demande_formation_wrapp,
.cta_demande_devis_wrapp,
/*.color_secondary6 .inter_avenir_wf_line > p,*/
.color_secondary6 .inter_histo_wf_menu_line > p,
.color_secondary7 .intra_wf_line > p,
.color_secondary7 .intra_histo_wf_menu_line > p,
.choixDate,
.cancelInscription,
.closePopUp,
.inter_reports_wf_menu_line p[id],
#header_logo {
    cursor: pointer;
}

    .cta_demande_formation_wrapp[disabled] {
        background-color: rgba(142, 47, 98, 0.4);
        cursor: initial;
    }

    .cta_demande_formation_wrapp[disabled] > p {
        color: #e4e4e7; 
        cursor: initial;  
    }

#popupFiltre,
/*#popupInscriptionInterFormulaire, #popupInscriptionInterRecapitulatif,
#popupReportInter,
#popupModifyInscriptionInterFormulaire, #popupModifyInscriptionInterRecapitulatif,*/
#popupNouvelleIntra {
    position: fixed;
    display: block;
    left: 50%;
}


#popupFiltre {
    margin-left: -595px;
    top: calc( 50% - 390px);
}



#popupInscriptionInterConfirmation, #popupInscriptionIntraConfirmation {
    padding: 0px 1px 48px 0px;
}

#popupConfirmation {
    padding: 0px 10px 48px 0px;
}


#popupNouvelleIntra {
    margin-left: -599px;
}



.popup_background {
    background-color: var(--grey_color--3);
    opacity: .88;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: grey;
}


input[type=checkbox] {
    display: inline-block;
}


label {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0px;
    font-weight: normal;
    cursor: pointer;
}


textarea.erreur, div.erreur {
    border: 1px solid #FF0000;
    background-color: #FAEEEE;
}


span.valide {
    color: green;
}

span.erreur {
    color: red;
}

div.valide {
    /*border: 1px solid green;*/
}

.error {
    display: none;
    color: red;
}

textarea {
    padding: 7px 10px;
    margin: 10px 0px 10px 0px;
    width: 100%;
    height: 10em;
    border: 1px solid #ccc;
    border-radius: 8px;
    resize: none;
}


    textarea.erreur {
        border: 1px solid #f00;
    }

    textarea.valide {
        border: 1px solid blue;
    }


.Center {
    text-align: center;
}

.None {
    display: none;
}

.barre_recherche_txt {
    width: 700px;
}

.libelleErreur {
    color: red;
    padding: 3px 0px;
    margin-top: 5px;
    /*display: none;*/
}

input[type="text"].erreur, input[type="email"].erreur, input[type="password"].erreur, textarea.erreur {
    border: 1px solid #FF0000;
    background-color: #FAEEEE;
}

#messageErreurRgpd, #messageErreur {
    color: red;
    display: none;
    padding: 0px;
}

#popupCentre {
    /*display: none;*/
    z-index: 10000;
}


@media screen and (min-width: 800px) {
    #popupWait {
        display: none; /* par  défaut */
        position: fixed;
        top: calc(50% - 25px);
        width: 1200px;
    }
}
