@import "commun.css?revintra=105403";

/************************************************************************/
/***************** Personnalisation des couleurs ************************/
/************************************************************************/
/*DYN: Tableaux de bord */
.tableaux {
    border-spacing: 10px;
    border-collapse: separate;
    width: 900px;
    margin: auto;
}

.legende {
    width: 900px;
    margin: auto;
    text-align: center;
}

.txtLegende {
    padding-left: 10px;
    padding-right: 20px;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    color: #263847;
}

.ficheTotal {
    color: black;
}

.ficheRetard {
    color: red;
}

.ficheRetour {
    color: #808080;
}

.ficheDansLesTemps {
    color: blue;
}
/************************************************************************/
/************************************************************************/
.Version {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 2px;
    padding-left: 5px;
    font-size: 8pt;
    font-family: trebuchet MS;
    color: #263847;
}

.ZeroPaddingMargin {
    padding: 0;
    margin: 0;
}

.ContourContenu {
    margin: 5px;
}

/************************************************************************/
/* Titres d'étape */
/************************************************************************/

.HeaderEtape {
    background-color: #263847 !important;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center !important;
}

    .HeaderEtape, .HeaderEtape span {
        font-size: 24px !important;
        color: #FFFFFF !important;
    }
/************************************************************************/



/************************************************************************/
/* Titres de bloc */
/************************************************************************/

.TitreBloc td {
        text-align: center !important;
        white-space: normal !important;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 20px;
    }

span.TitreBloc {
    display: block;
}

div.dxgvGroupPanel_ThemeQualnet td.TitreBloc {
    min-width: 100px;
}

.HeaderBloc {
    font-size: 20px;
    color: #263847;
    padding-bottom: 4px;
    border-bottom: 4px solid #263847;
    width: 100%
}

.Taille12Em {
    font-size: 1.2em !important;
}

.banniere_ChampObligatoire {
    background-color: #FFEBED;
    border-color: #C60000;
}

.banniere_titre_ChampObligatoire {
    color: #C60000;
}

/************************************************************************/
/************************************************************************/
/* Cellules */
/************************************************************************/
/* Affichage d'un texte lors du survole de la cellule */
.CelluleLibelleObligatoire:hover:after {
    position: absolute;
    margin-left: 10px;
    color: #740000;
    content: "Champ obligatoire";
    font-style: normal;
    font-family: arial;
    font-size: x-small;
    background-color: rgb(250, 231, 231);
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    z-index: 1;
}

/* Etoile sur tous les champs obligatoires */
/*
.CelluleLibelleObligatoire label:after
{
	position:absolute;
	margin-left: 3px;
	margin-bottom: -3px;
	color:rgb(201, 0, 0) !important;
	content: "*";
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	-webkit-transition: all 0.3s ease-out; 
	-transition: all 0.3s ease-out ;
	-ms-transition: all 0.3s ease-out;
}
*

/* Table conteneur d'un champ*/
.TableItem {
    border-collapse: separate;
    border-spacing: 1px;
}

.CelluleLibelleBlocVertical {
    /*suite à la MAJ DevExpress 15.2 */
    border: solid 1px #C0C0C0;
}


.Cellule {
    font-family: Trebuchet MS;
}

.CelluleGrisee {
    background-color: lightgray;
}

textarea {
    white-space: pre-line !important;
}
/************************************************************************/




/************************************************************************/
/* Libellés (polices) */
/************************************************************************/
/* Libellé d'un objet */
.Libelle {
    font-size: 13px;
}

/* Champ de saisie */
.Valeur {
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #263847;
}

.LabelOrange {
    color: #F67E21;
}

/* Compteur du nombre de caractère */
.compteurNombreCaractere {
    display: block;
    width: auto;
    height: auto;
    text-align: right;
}
/************************************************************************/


/************************************************************************/
/* Objets graphiques */
/************************************************************************/

/* Texte fixe */
.CelluleObjetGraphTexteFixe, .CelluleObjetGraphTexteFixe label, .CelluleObjetGraphTexteFixe span {
    text-align: left;
}

/* Lien */
.CelluleObjetGraphLien, .CelluleObjetGraphLien a {
}

/************************************************************************/



/************************************************************************/
/* Ligne dans les tableaux (Tdb, ...) */
/************************************************************************/
.LigneTableau {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    cursor: pointer;
    border-width: 1px;
    background-color: #EBF1F5 !important;
    font-family: Trebuchet MS;
    font-size: 12px;
    color: #263847;
}

    .LigneTableau:hover {
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        background-color: #F67E21 !important;
    }

.LigneTableauRetard {
    background-color: #B71200 !important;
    color: white;
}

    .LigneTableauRetard:hover {
        background-color: #F67E21 !important;
        color: white !important;
    }

.HoverTableau {
    background-color: #F67E21 !important;
    -moz-transition: background-color 300ms ease-out 0s;
    -o-transition: background-color 300ms ease-out 0s;
    -webkit-transition: background-color 300ms ease-out 0s;
    transition: background-color 300ms ease-out 0s;
}

.LigneSelectTableau {
    background-color: rgba(246, 126, 33, 0.9) !important; /* Couleur #F67E21 avec une transparence de 10% */
    color: #FFFFFF;
}

.LigneFocusTableauTabDyn td {
    background-color: rgba(246, 126, 33, 0.9) !important; /* Couleur #F67E21 avec une transparence de 10% */
    color: #FFFFFF;
}

/* couleur des colonnes figées des tableaux de recherche */
.TableauColonnesFigees {
    background-color: rgba(226, 222, 222, 0.8);
}

/************************************************************************/
/************************************************************************/
/* Boutons */
/************************************************************************/

.BoutoNoStyle, div.BoutoNoStyle {
    background: none;
    border: 0;
    color: black;
    height: auto;
    padding: 0px;
}

.BoutoNoStyleNoPad, div.BoutoNoStyleNoPad {
    background: none;
    border: 0;
    padding: 0px 0px;
    color: black;
    height: auto;
}

.NoClicBoutonStyle {
    background: none;
    border: 0;
    padding: 2px 4px;
    color: black;
    height: auto;
    cursor: default;
}

/* Bouton close popup tab dyn */
.BoutonClose {
    background-image: url('../Images/btnCroix.png');
}

/* closeButon des popup */
.CloseButtonPopup {
    padding: 0px !important;
}


.BoutonClose img {
    visibility: hidden;
}

.BoutonDisabled {
    background-color: #FCD6B8 !important;
    cursor: not-allowed !important;
}
/************************************************************************/

/************************************************************************/
/* Dockpanel (menu de gauche)*/
/************************************************************************/
.dp_background {
    background-color: #263847 !important;
    border: none !important;
}

.dp_libelle {
    color: #FFFFFF !important;
    font-family: Trebuchet MS !important;
    font-size: 10px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

    .dp_libelle:hover {
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        opacity: 0.6;
    }

.dp_space {
    margin-top: 12px;
    display: block;
}

/* Libelle des nombres (nb pièce jointes, nb liste diff, ...) */
.dp_libelle_nb {
    font-family: Trebuchet MS !important;
    font-size: 15px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    color: #FF0000 !important;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.dp_img {
    width: 25px !important;
    cursor: pointer !important;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}


    .dp_img:hover {
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        opacity: 0.6;
    }

.dp_img_small {
    width: 20px !important;
    cursor: pointer !important;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

.dp_lib_masque {
    font-family: Trebuchet MS !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #263847 !important;
    background-color: #FFFFFF !important;
    border: 0px none white !important;
    padding: 0px !important;
    padding-bottom: 2px !important;
    margin: 0px !important;
    cursor: pointer !important;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
}

    .dp_lib_masque:hover {
        color: #ffffff !important;
        background-color: #f67e21 !important;
        padding-bottom: 2px !important;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
    }




.dropZoneExternal {
    position: relative;
    border: 1px dashed #263847 !important;
    cursor: pointer;
    width: 100%;
    height: 150px;
    margin-top: 5px;
}

.dragZoneText {
    width: 100%;
    height: 150px;
    width: 100%;
    display: table;
}

.dragZoneText {
    width: 755px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    color: #808080;
}



/************************************************************************/
/************************************************************************/
/* Onglets du workflow  */
/************************************************************************/

/* Onglets en saisie */


.dxtcLite_ThemeQualnet.Onglets > .dxtc-stripContainer .dxtc-tab, .dxtcLite_ThemeQualnet.Onglets > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite_ThemeQualnet.Onglets > .dxtc-stripContainer .dxtc-spacer, .dxtcLite_ThemeQualnet.Onglets > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite_ThemeQualnet.Onglets > .dxtc-stripContainer .dxtc-sbWrapper, .dxtcLite_ThemeQualnet.Onglets > .dxtc-stripContainer .dxtc-sbIndent, .dxtcLite_ThemeQualnet.Onglets > .dxtc-stripContainer .dxtc-sbSpacer {
    border-bottom: 3px solid #D3D3D3 !important;
}

.OngletSaisie {
    height: 22px !important;
}

.OngletSaisieActive {
    color: #F67E21 !important;
    background-color: #F9F9F9 !important;
    border-bottom: 2px solid #F4F4F4 !important;
    border-left: 2px solid #D3D3D3 !important;
    border-top: 2px solid #D3D3D3 !important;
    border-right: 2px solid #D3D3D3 !important;
}

    .OngletSaisieActive a.dxtc-link, .OngletSaisieActive a.dxtc-link:hover {
        color: #F67E21 !important;
    }

/************************************************************************/


/************************************************************************/
/* Marge des cadre d'étapes et blocs */
/************************************************************************/
.Etape {
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    float: inherit;
    text-align: left;
}

.FiltreLpe {
    margin-bottom: 10px;
}

.TitreLpe {
    width: 100%;
    margin-top: 5px !important;
    border: solid 0px !important;
}

.Bloc {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}
/************************************************************************/


/************************************************************************/
/* Rendu des objets en ligne ou demi ligne */
/************************************************************************/
.item100 {
    width: 100%;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: Left;
    vertical-align: middle;
}

.item50 {
    width: 50%;
    float: left;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: Left;
    vertical-align: middle;
}

.lib100 {
    max-width: 25%;
    min-width: 15%;
    float: left;
}

.lib50 {
    float: left;
    max-width: 50%;
    min-width: 30%;
    margin-left: 2px;
}

.rendu100 {
    width: 75%;
    float: left;
}

.rendu50 {
    max-width: 50%;
    min-width: 30%;
    float: left;
}

/************************************************************************/
/* Autres rendus des items */
/************************************************************************/

.ItemOuiNon, .ItemEPSimpleRadioButton, .ItemEPSimpleCheckBox {
    border: 0px none #FFFFFF !important;
}

.ItemDoubleListeUnique {
    margin-right: 2px;
}

td.ItemDoubleListeUniqueTabDyn {
    padding-bottom: 2px;
}

.dxeHD {
    font-weight: bold;
    font-size: 1.1em;
}

/************************************************************************/

.ArbreSiteGrp_Niveau1 {
    color: #f67E21;
    font-weight: bold;
}

.ArbreSiteGrp_Niveau2 {
    color: #263847;
}

.ArbreSiteGrp_EtatSupp {
    color: #B1B1B1;
    font-weight: normal;
    text-decoration: line-through;
}

.ArbreItems_Niveau1, .ArbreItems_Niveau2, .ArbreItems_Niveau3 {
    display: block;
    text-align: left;
}

.ArbreItems_Niveau1, span.ArbreItems_Niveau1 {
    color: #263847;
    font-weight: bold;
    font-size: larger;
}

.ArbreItems_Niveau2, span.ArbreItems_Niveau2 {
    font-weight: bold;
    color: #f67E21;
}

.ArbreItems_Niveau3, span.ArbreItems_Niveau3 {
    color: green;
}

.ArbreSelection {
    background-color: #bbbbbb;
}

.ArbreCocher {
}

.BtnRechValider {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding-bottom: 2px;
    font-size: 8pt;
    font-family: trebuchet MS;
    background-color: white;
    text-align: right;
}

/************************************************************************/
/* Rendu du bloc fiches liées                                           */
/************************************************************************/
#ImgLiaisonFiches {
    margin: 5px;
}

.CelluleInfoPrevisionnelle {
    background-color: #efefef;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    font-style: italic;
}


/************************************************************************/
/* MOTEUR : item intervenant dans la création de la condition           */
/************************************************************************/

.ConditionOperation {
    cursor: pointer;
    background-color: white;
    color: #263847;
}

    .ConditionOperation:hover {
        cursor: pointer;
        background-color: #263847;
        color: white;
    }

.ConditionOperateur {
    font-weight: bold;
    cursor: pointer;
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    color: #880015;
}

    .ConditionOperateur:hover {
        font-weight: bold;
        cursor: pointer;
        background-color: #880015;
        padding-left: 5px;
        padding-right: 5px;
        color: white;
    }

.ConditionParenthese {
    font-size: 13px;
    cursor: pointer;
    background-color: white;
    color: #f67E21;
}

.ConditionParentheseSel {
    font-size: 13px;
    cursor: pointer;
    background-color: #f67E21;
    color: white;
}

.ConditionMenuEdition {
    cursor: pointer;
    font-size: 8pt;
    font-family: trebuchet MS;
}

.ConditionOperationEdit {
    cursor: pointer;
    background-color: white;
    color: gray;
}

    .ConditionOperationEdit:hover {
        cursor: pointer;
        background-color: gray;
        color: white;
    }

.ConditionOperateurEdit {
    cursor: pointer;
    background-color: white;
    color: gray;
}

    .ConditionOperateurEdit:hover {
        cursor: pointer;
        background-color: gray;
        color: white;
    }


/*************************************************************************************************/
/* Notification : Classes utilisées pour les couleurs + les transitions des notifications        */
/*************************************************************************************************/
.Notif {
    background-color: #F67E21;
    float: right;
    z-index: 10;
    position: absolute;
    display: block;
    padding: 8px;
    box-shadow: 0px 0px 18px #263847;
    border: 1px solid #263847;
    top: 1px;
    text-align: right;
    color: #EBF1F5;
    font-weight: bold;
    font-family: trebuchet ms;
    font-size: 12px;
    right: -200px;
    overflow: hidden;
}

.NotifERR {
    background-color: #B71200 !important;
}

.NotifSUCCESS {
    background-color: #3FA94D !important;
}


.NotifVisible {
    right: 0px;
    -moz-transition: right 0.5s ease-out;
    -o-transition: right 0.5s ease-out;
    -webkit-transition: right 0.5s ease-out;
    -transition: right 0.5s ease-out;
    -ms-transition: right 0.5s ease-out;
}

.NotifNoVisible {
    opacity: 0;
    -moz-transition: opacity 2s, right 0s step-end 2s;
    -o-transition: opacity 2s, right 0s step-end 2s;
    -webkit-transition: opacity 2s, right 0s step-end 2s;
    -transition: opacity 2s, right 0s step-end 2s;
    -ms-transition: opacity 2s, right 0s step-end 2s;
}

.QnPopupFooter {
    height: 40px;
}

/* Hauteur maximum des des popup des tableaux dynamiques */
.PopupEditFormWindow {
    max-height: 490px !important;
}

/* **************************************** */
/*    Phrase dans la recherche avancée      */
/* **************************************** */
.PhraseRecherche {
    font: 14px Trebuchet MS;
}

.PhraseRechercheCriteres {
    font: 14px Trebuchet MS;
    color: #f9a942;
    font-style: italic;
    cursor: pointer;
}

.SurlignerRech {
    background-color: #f9a942;
}

.GV_GroupPanel {
    padding: 4px 8px;
}

.GV_BottomPanel {
    padding: 0px;
}

.GV_StatusBar td {
    padding: 0px 4px !important;
}

.GV_StatusBar img {
    height: 20px;
}

.GV_Footer td {
    padding: 1px 2px !important;
}
/* ****************************************************************** */
/*    Erreur: Classes utilisés pour le rendu du message d'erreur      */
/* ****************************************************************** */

.Erreur {
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
    font-family: Trebuchet MS;
    font-size: 14px;
    color: #263847;
    border: 4px solid #d3d3d3;
    padding: 12px 7px;
}

.MessageErreur {
    margin: 0 0 25px 0;
    padding: 20px;
    background-color: #EBF1F5;
    line-height: 25px;
}

/************************************************************************/
/*                               Refus                                  */
/************************************************************************/

/* Classe appliquée sur le label de commentaire de refus */
.LabelCommentRefus, .LabelCommentRefus span {
    color: #808080;
    white-space: normal;
    text-wrap: normal;
}

/*************************************************************************/
/*                    UserControl Authentification                       */
/*************************************************************************/

#Authentification {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    #Authentification table {
        margin: 3px auto;
    }

    #Authentification .Bouton {
        margin-right: 34px;
    }

    #Authentification #cs_PasswordValidator {
        display: table;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        font-family: Trebuchet MS;
        font-size: 12px;
    }


/*************************************************************************/
/*                    UserControl HistoRelances                       */
/*************************************************************************/
#HistoRelances .WrapMemo {
    word-break: break-all;
}

/*************************************************************************/
/*                                GridView                               */
/*************************************************************************/
.VoirPlus {
    float: right;
    border: 0 !important;
}

/*************************************************************************/
/*                                AuditTrail                             */
/*************************************************************************/
#TableauFiltreAuditTrail {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.BandeauInformation {
    color: #70AD47;
    background-color: #E2F0D9;
    width: 100%;
    display: block;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 2px;
    margin-bottom: 8px;
}

.BandeauInformationAdmin {
    cursor: pointer;
}






/* Style of messages in notification  */
.message_erreur {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0.85rem;
    color: #800000;
    margin-top: 10px;
}

.message_succes {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0.85rem;
    color: #114c2a;
    margin-top: 10px;
}

.message_information {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0.85rem;
    color: #343434;
    margin-top: 10px;
}

.notification_erreur {
    display: inline-block;
    background-color: #fdcbcc;
    border: 2px solid #800000;
    padding: 10px 20px 10px 20px;
    word-wrap: normal;
    margin-top: 10px;
}

.notification_succes {
    display: inline-block;
    background-color: #c9e5b7;
    border: 2px solid #114c2a;
    padding: 10px 20px 10px 20px;
    word-wrap: normal;
    margin-top: 10px;
}

.notification_information {
    display: inline-block;
    background-color: #d1cdcd;
    border: 2px solid #343434;
    padding: 10px 20px 10px 20px;
    word-wrap: normal;
    height: auto;
    margin-top: 10px;
}

/*************************************************************************/
/*                            Fil de discussion                          */
/*************************************************************************/

.ZoneDeTags div.collapse:not(.show) {
    display: block;
    height: 1.5rem;
    overflow: hidden;
}

.ZoneDeTags div.collapsing {
    height: 1.5rem;
}

.ZonePJs div.collapse:not(.show) {
    display: block;
    max-height: 2.1rem;
    overflow: hidden;
}

.ZonePJs div.collapsing {
    max-height: 2.1rem;
}

.UsersTagName {
    color: #263847;
    background-color: #D1EAFF;
}

.messageDebutFilDeDiscussion {
    font-family: Trebuchet MS;
    font-size: 16px;
    line-height: 24px;
    color: #343434;
}

.PopupDetailEOsExtensionTitre {
    padding-left: 30px !important;
}

.containerMessageDebutFilDeDiscussion {
    text-align: center;
    margin-top: 22px;
}

.redacteurMessage {
    font-family: Trebuchet MS;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    color: #000000;
}

.dateMessage {
    font-family: Trebuchet MS;
    font-size: 12px;
    line-height: 18px;
    color: #343434;
    margin-left: 10px;
}

.containerContenuMessage {
    white-space: pre-line;
    line-height: 8px;
}

.contenuMessage {
    font-family: Trebuchet MS;
    font-size: 16px;
    line-height: 24px;
    color: #343434;
}

.containerMessage {
    margin: 10px;
    margin-top: 17px;
    padding-bottom: 23px;
    border-bottom: 1px solid #808080;
}

.containerRepondreMessage {
    margin-top: 12px;
}

.labelRepondreMessage {
    font-family: Trebuchet MS;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    text-decoration: underline;
    color: #F67E21;
    cursor: pointer;
}

.Discussion {
    position: absolute;
    bottom: 200px;
    top: 35px;
    left: 5%;
    right: 5%;
    overflow: auto;
}

.containerSaisie {
    position: absolute;
    bottom: 0px;
    box-shadow: 0px -18px 20px #FFFFFF;
    background-color: #FBCBA6;
}

.containerReponse {
    display: flex;
    flex-flow: row wrap;
    margin-top: 18px;
}

.ZoneListePiecesJointes {
    max-height: 115px;
    overflow: auto;
}

.containerAjouterTags {
    width: 100%;
}

.containerEnvoyerMessage {
    padding-left: 20px;
    min-width: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.containerRGPDMessage {
    padding: 3px 0px;
    width: 100%;
}

.DetailEOs {
    left: 0px;
    right: 0px;
    padding: 12px;
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    color: #343434;
    font-family: Trebuchet MS;
    font-size: 14px;
    line-height: 1.5;
}

.SaisieTags {
    border: 1px solid #D1CDCD;
    background-color: white;
}

    .SaisieTags:hover, .SaisieTags:focus-within {
        border: 1px solid #F67E21;
        box-sizing: border-box;
        box-shadow: 0px 0px 4px #F67E21;
    }

.LabelEOsDetails {
    font-family: Trebuchet MS;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 8px;
}

.LienTagsEOExtension {
    font-family: Trebuchet MS;
    font-size: 12px;
    line-height: 14px;
    color: #343434;
    margin-top: 10px;
    cursor: pointer;
    text-decoration: underline;
    display: flex;
    align-items: center;
}

.TokenUtilisateursTagues {
    border: 0px;
    padding: 3px;
    margin: 5px 0px;
    font-size: 14px;
    color: red;
}

.TokenUtilisateursTagues input {
    min-width: 450px;
}

.UtilisateursTagues {
    background-color: #EFEFEF;
    color: #000000;
    padding: 2px;
}

.boutonEnvoyerMessage, .boutonEnvoyerReponse {
    min-width: 80px;
}

.nonCliquable {
    cursor: not-allowed;
}

.memoMessageReponse {
    border: solid 1px #D1CDCD;
    resize: none;
    overflow: hidden;
    height: 30px;
    min-height: 27px;
    max-height: 95px;
    font-size: 16px;
}

.memoMessageReponse:hover, .memoMessageReponse:focus-within {
    border: 1px solid #F67E21;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px #F67E21;
}

.memoNullText textarea {
    color: #818181 !important;
}

.messageLegal {
    color: #343434;
    font-size: 11px;
}

.baliseNouveauxMessages {
    padding-top: 20px;
    font-family: Trebuchet MS;
    font-size: 21.32px;
    line-height: 0em;
    text-align: center;
    text-transform: uppercase;
    color: #CA1D1D;
    width: 100%;
    border-bottom: 1px solid #CA1D1D;
    margin: 10px 0 20px;
}

    .baliseNouveauxMessages span {
        background: #FFF;
        padding: 0px 30px;
    }

.NotificationNouveauReponse {
    font-family: Trebuchet MS;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    color: #CA1D1D;
    margin-left: 10px;
}

.BoutonExportFilDeDiscussion {
    width: 20px;
    height: 20px;
    display: block;
    right: 0px;
    position: absolute;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url('../Images/btnDownload.png');
    margin: 4px;
}

.containerExport {
    width: 100%;
    height: 30px;
    padding: 2px 0px;
    border-bottom: solid 1px #808080;
}

.TokenRemoveButton {
    margin-left: 5px;
}

a.LoadUnloadUsersTag {
    display: inline-block;
    font-family: Trebuchet MS;
    font-size: 16px;
    line-height: 19px;
    color: #808080;
}

    a.LoadUnloadUsersTag:hover {
        display: inline-block;
        font-family: Trebuchet MS;
        font-size: 16px;
        line-height: 19px;
        color: #F67E21;
    }

    a.LoadUnloadUsersTag:active {
        display: inline-block;
        font-family: Trebuchet MS;
        font-size: 16px;
        line-height: 19px;
        color: #F67E21;
        text-decoration-line: none;
    }

.TableauParamEO {
    margin-top: 16px !important;
}

/* Barre de progression */
.BarreDeProgression {
    background-color: #FBC398;
}

.BarreDeProgressionRealise {
    background-color: #F67E21;
}

/* Item pièce jointe */
a.ItemPieceJointe {
    font-family: Trebuchet MS, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5;
}

    a.ItemPieceJointe:link {
        color: #1745D1;
        text-decoration: none;
    }

    a.ItemPieceJointe:visited {
        color: #263847;
        text-decoration: none;
    }

    a.ItemPieceJointe:hover {
        color: #F67E21;
        text-decoration: underline;
    }

    a.ItemPieceJointe:active {
        color: #F67E21;
        text-decoration: none;
    }

/* 
    TEM TRATIEMENT EN MASSE :
    ATTENTION Toute cette section concernant le style du traitement en masse doit être revue lors d'un point 
    pour centraliser/armoniser les différentes classes et réaliser un POC des bonnes pratiques que l'on souhaite
    pour la suite du produit.
 */

.BtnTraitementEnMasse {
    margin-top: 24px !important;
    margin-bottom: 48px !important;
}

.nonCliquableTEM {
    cursor: default !important;
    background: #808080 !important;
}

#container_ListeNumerosFiches {
    max-height: 250px;
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: auto;
    margin: auto;
}

.collapsing {
    transition: none !important;
}

.ecriture {
    font-family: Trebuchet MS;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
}

.Gris4 {
    color: #343434;
}

.souligne {
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
}

.marge {
    padding: 0;
    margin: 5px;
}

.RetourUtilisateurAvancement {
    font-size: 16px;
    line-height: 23px;
}

.modalResultatArretTraitement {
    height: 250px;
}

.container_ResultatArretTraitement {
    height: 200px;
    max-height: 200px;
    overflow-y: auto;
}

.RetourUtilisateurBoutonAnnuler {
    font-size: 20px;
    line-height: 23px;
    text-decoration-line: underline;
    cursor: pointer;
}

.RetourUtilisateurLoader {
    text-align: center;
}

.boutonResultatArretTraitement {
    bottom: 15px;
    right: 15px;
}

.fichesBloques {
    height: 200px;
}

.loadercontainer {
    display: inline-block;
}

.loadermedium {
    width: 100px;
    height: 100px;
}

.loaderLarge {
    width: 150px;
    height: 150px;
}

.loader {
    position: relative;
    top: 20%;
    width: 50%;
    height: 50%;
    perspective: 800px;
    animation: container 3s ease-in-out infinite;
    margin: auto !important;
}

.loaderInner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

    .loaderInner.two {
        animation: rotate-two 2s ease-in-out infinite;
    }

    .loaderInner.one.loadermedium, .loaderInner.one.loaderLarge {
        animation: rotate-one 2s ease-in-out infinite;
        border-left: 6px solid #F67E21;
        border-right: 6px solid #F67E21;
    }

    .loaderInner.two.blue.loadermedium, .loaderInner.two.blue.loaderLarge {
        border-top: 6px solid #263847;
        border-bottom: 6px solid #263847;
    }

@keyframes rotate-one {
    0% {
        transform: rotateX(45deg) rotateZ(0deg);
    }

    50% {
        transform: rotateX(65deg) rotateZ(180deg);
    }

    100% {
        transform: rotateX(45deg) rotateZ(360deg);
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateY(45deg) rotateZ(0deg);
    }

    50% {
        transform: rotateY(65deg) rotateZ(180deg);
    }

    100% {
        transform: rotateY(45deg) rotateZ(360deg);
    }
}

@keyframes container {
    0% {
        transform: rotateZ(0deg) scale(0.8);
    }

    60% {
        transform: rotateZ(0deg) scale(1.2);
    }

    100% {
        transform: rotateZ(360deg) scale(0.8);
    }
}
/************************************** FontAwesome ****************************************/
.fontSome, .fontSomeText {
}

    .fontSome * {
        display: none !important;
    }

    .fontSome:before {
        padding: 0px !important;
    }

    .fontSomeText div {
        font-size: 0.8rem;
        display: inline-block !important;
        padding: 0px 2px !important;
    }


/*     Pour la taille entre fa-1x et fa-2x */
.fa-demi-x {
    font-size: 1.5rem;
}
/*     spécificité du menu */
.QnMenu {
    font-size: 1.5rem;
    width: 120px;
    float: left;
    text-align: left;
    padding: 4px;
}

.BordureRouge {
    border: solid 1px #C60000;
}

/************************************** Tableur Lie ****************************************/
/*Utilisé dans les formulaires*/
.sheet .dxss-sc {
    overflow: hidden !important;
}

.sheet .dxss-grid {
    width: 100% !important;
    height: 100% !important;
}

.sheet .dxss-colHeader {
    width: 100% !important;
}

.sheet .dxss-rowHeader {
    height: 100% !important;
}

.dxssControlSys {
    min-height: 5px;
}

/*Page de paramétrage - structure*/
.tableurLiedivViewIndex {
    width: 90%;
    max-width: 1600px;
    margin: auto;
    padding-bottom: 72px
}

.tableurLiePaddingTopBig {
    padding-top: 40px;
}

.tableurLiePaddingBottomMedium {
    padding-bottom: 8px;
    display: inline-block
}

.tableurLiePaddingBottomSmall {
    padding-bottom: 8px;
    display: inline-block
}

.tableurLieMenuBlocs {
    width: 100%;
    display: table;
    padding-bottom: 20px;
}

/*Page de paramétrage - Boutons*/
.tableurLieBoutonConfirmer {
    padding-top: 40px;
    width: 100%;
    display: inline-block;
}

.tableurLieCellulesBoutons {
    padding-left: 8px;
    padding-right: 8px;
}

/*Page de paramétrage - Textes*/
.tableurLieTexteTitre {
    font-size: 20px !important;
    padding: 12px;
    background-color: #F67E21 !important;
}

.tableurLieTexteBloc {
    font-size: 18px !important;
    padding: 8px 16px;
    background-color: #263847;
}

.tableurLieTexteBold {
    font-size: 16px !important;
    font-weight: bold !important;
}

.tableurLieTexteDate {
    color: #767676 !important;
}

.tableurLieTexteFormat {
    color: #343434 !important;
    margin-top: 8px;
}

/*Page de paramétrage - Composants*/
.tableurLieZoneImportText {
    height: 50px;
    display: table;
    width: 755px;
    display: table-cell;
    text-align: center;
    font-size: 20px;
    color: #808080;
}

.tableurLieZoneImportTextBottom {
    font-size: 12px !important;
    font-weight: bold !important;
    vertical-align: bottom;
}

.tableurLieZoneImportTextUp {
    font-size: 12px !important;
    vertical-align: top;
}

.tableurLieZoneImport {
    position: relative;
    width: 50%;
    height: 100px;
    background: #EFEFEF;
    border: 1px dashed #A8A8A8;
}


.tableurLieApercu {
    width: 100%;
    background: #EFEFEF;
    border: 1px solid #A8A8A8;
    box-sizing: border-box;
    padding: 8px 16px;
}

.tableurLieBrowse {
    background-color: #EFEFEF !important;
}

    .tableurLieBrowse:hover {
        border-color: #263847 !important;
    }

    .tableurLieBrowse:active {
        border-color: #F67E21 !important;
    }

    .tableurLieBrowse:focus {
        border-color: #F67E21 !important;
    }

.tableurLieIconeBloc {
    color: white;
}

.tableurLieItemMenu {
    background: #EFEFEF;
    padding: 8px 16px;
}


    .tableurLieItemMenu:hover {
        background: #F67E21;
        padding: 8px 16px;
    }

    .tableurLieItemMenu:active {
        background: #263847;
        padding: 8px 16px;
    }

    .tableurLieItemMenu:focus {
        background: #F67E21;
        padding: 8px 16px;
    }


.tableurLieExcelIcone {
    color: green;
    font-size: 24px;
}

.apply-fa > img {
    display: none !important;
}


.apply-fa {
    color: white;
    font-size: 24px;
}

.modal-tableur-lie {
    display: none;
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: white;
}

.item-combo-test:hover {
    background-color: red;
}

.modal-content {
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    height: 94%;
}


.close {
    color: #aaa;
    float: left;
    font-size: 28px;
    font-weight: bold;
}

button#FermerModePleinEcran {
    float: right;
    top: 1px;
    border: 0px;
    font: 12px Trebuchet MS;
    padding: 4px 4px 4px 4px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

button#BtnOpenSpreadSheetFullScreen {
    float: right;
    border: 0px;
    font: 12px Trebuchet MS;
    padding: 4px 4px 4px 4px;
}

#FermerModePleinEcran:hover {
    cursor: pointer;
}

.card-liaison {
    margin-bottom: 30px;
}

.overlay-alert {
    margin-top: 40px;
    width: auto;
}

.fixed-zone-botton {
    position: fixed;
    bottom: 0;
    padding-top: 8px;
    width: 100%;
    background-color: white;
    padding-bottom: 16px;
    z-index: 9999999;
}

#BoutonRefresh::before {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
}

#BoutonRefresh {
    float: left;
    margin-left: -48px !important;
}

.tableurLieMenuBlocs > div {
    border-bottom: 1px solid #A8A8A8;
}

.bouton-confirmer-modification {
    clear: both;
}

.overlay-alert.banniere_QN.banniere_notification_avertissement_QN {
    margin-right: 20%;
    /* justify-content: center; */
    margin-left: 20%;
}

div#PopUpOverlay_PW-1 {
    z-index: 99999999 !important;
}

table#SaisiePlageDonnees {
    margin-top: 8px;
    margin-bottom: 4px;
}

div#ZoneEnTete_CRC {
    display: inline-flex !important;
    /*            justify-content: center;*/
}

.zone-zeor-content {
    margin-top: 24px;
    width: 50%;
    float: left;
}

.explicationsdelapage {
    width: 41% !important;
    margin-top: 24px;
    position: absolute;
    float: right;
}

table#LectureSeule,
table#Insertion {
    MARGIN-LEFT: -16PX;
}

table#CardViewLiaisonChamp_DXMainTable {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    MARGIN-TOP: -8PX !important;
    MARGIN-BOTTOM: -24PX !important;
}

table#CardViewLiaisonChamp {
    border: 1px Solid #EFEFEF !important;
}

div#LibelleEtablirNouvelleLaison {
    margin-top: 24px;
}

.combo-box-liaison.dxcv {
    border: 1px solid #A0A0A0;
    color: #333;
}

    .combo-box-liaison.dxcv > div {
        color: #333 !important;
    }

#BtnOpenSpreadSheetFullScreen:hover {
    cursor: pointer;
}

span#FormatsSupportesFichierModele {
    font-size: 12px !important;
}

.combo-box-liaison > div {
    color: #333;
}

table#CardViewLiaisonChamp_DXEditor2_DDD_L_LBT tr:hover {
    background-color: #D1CDCD;
    color: #333
}

[id*='CardViewLiaisonChamp_DXCardLayout'] > table > tbody > tr:nth-child(2) > td.combo-box-liaison > div.dxgBCTC {
}

[id*='CardViewLiaisonChamp_DXCardLayout'] {
    background-color: #efefef;
}

[id*='CardViewLiaisonChamp_DXCardLayout-'] > table > tbody > tr:nth-child(2) > td > div.dxgBCTC {
    color: #a8a8a8;
}

[id*='_3'][id^='CardViewLiaisonChamp_DXCardLayout-'] > table > tbody > tr:nth-child(2) > td > div.dxgBCTC {
    color: #000 !important;
}

.combo-box-liaison-drop-down:hover {
    background-color: #d1cdcd;
    color: #333;
}

div#PopupFeedback_DXPWMB-1 {
    z-index: 11999999 !important;
}

div#PopupFeedback_PW-1 {
    z-index: 12000000 !important;
}

[id*='CardViewLiaisonChamp_DXCardLayout'] > table > tr {
    background-color: #efefef !important;
}

li.tableurLieItemMenu:hover {
    background-color: rgba(246, 126, 33, 0.5) !important;
}

combo-box-liaison.dxcv > div {
    color: #333 !important;
}

.overlay-alert.banniere_QN.banniere_notification_avertissement_QN {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-left: 25%;
    margin-right: 25%;
}

div#ZoneParametrageFichiersGeneres {
    margin-bottom: 40px;
}

#PopUpOverlay_PW-1 > .dxpc-mainDiv.dxpc-shadow {
    background-color: transparent;
}

.tbl-cardview-libelle-style {
    color: #343434 !important;
}


/**************************************************visuDoc**************************************************/


.selectionMixee {    
    background: rgba(246, 126, 33, 0.5);
    border: 1px solid #F67E21;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 12px 16px;
}

.tree_list_QN {
    margin-left: 0;
    margin-top: 0px;
}

.label {
    margin: auto;
}

.toggleswitch {
    margin: auto;
    background-color: gray
}

.zone_access_saisie_table {
    width: 100%;
}


div#ListeSelectionEnsembles {
    border: 1px solid #a8a8a8;
    Background-color: #fff;
    margin-top: 65px;
    min-height: 300px;
    Background-color: #C4C4C4;
    height: 100%;
}


span#lblMixages {
    margin-right: 2%;
    margin-left: 2%;
}

.cadreCategories {
    background: rgba(246, 126, 33, 0.2);
    margin-right: 2px;
    margin-top: 2px;
    padding-right: 2px;
    padding-top: 2px;
    margin-right: 2%;
}

.cadreMixages {
    background: #C4C4C4;
    margin-top: 2px;
    margin-right: 2px;
    padding-right: 2px;
    padding-top: 2px;
    margin-left: 2%;
}
.texte_QN_Tbl {
font-size:15px; 
}
/**************************************************VisuDoc************************************************************/
span#ZoneEnTeteVisuDoc_RPHT {
    Font-family: Trebuchet MS;
    font-size: 24px;
    color: #000000;
    text-align: left;
}

span#ZoneAccesVisuDoc_RPHT {
    font-size: 20px;
    color: #263847;
    padding-bottom: 4px;
    border-bottom: 4px solid #263847;
    width: 100%;
    text-align: left;
}

table#ZoneAccesVisuDoc {
}

span#ZoneDocumentsVisuDoc_RPHT {
    font-size: 20px;
    color: #263847;
    padding-bottom: 4px;
    border-bottom: 4px solid #263847;
    width: 100%;
    text-align: left;
}

.zone_doc_Transferer_restitution {
    width: 100%;
}

span#LibelleSelectionMixee {
    margin-right: 24px;
}

span#lblCategoriesVisuDoc {
    Font-size: 16px !important;
    font-weight: 700;
}

span#lblTypesVisuDoc {
    Font-size: 16px !important;
    font-weight: 700;
}

span#lblSelectionVisuDoc {
    Font-size: 16px !important;
    font-weight: 700;
}

div#butSelectionnerVisuDoc {
    margin-bottom: 12px;
    margin-left: -2px;
}

div#butSelectionnerTousLesTypesVisuDoc {
    margin-bottom: 12px;
    margin-left: -2px;
}

div#butDeployerVisuDoc {
    margin-bottom: 12px;
    margin-left: -6px;
}

div#butReplierVisuDoc {
    margin-bottom: 12px;
    margin-left: -5px;
}

div#butToutSelectionner2VisuDoc {
    margin-bottom: 12px;
    margin-left: -2px;
}

input#ArbreSelectionCategories_DXSE_I {
    height: 28px;
}

input#ListeSelectionTypesVisuDoc_LBFE_I {
    height: 28px;
}

table#switchUnitaireMixageVisuDoc {
    display: block;
}

#OptionAccesGEDDeconnectee {
    margin-bottom: 40px;
}

table#ZoneAccesVisuDoc {
    border-top: 0px solid #ffffff;
    border-bottom: 0px solid white;
}

span#switchUnitaireMixageVisuDoc_S_D.dxWeb_edtCheckBoxChecked_ThemeQualnet {
    background-color: #0054ff;
}

#ArbreSelectionCategories_U .dxtlCSD {
    MARGIN-TOP: 20PX;
    border: 1px solid #a8a8a8;
}


.visudoc_footer {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
}

.zone_acces .dxrpControl_ThemeQualnet {
    border-top: 0px !important;
    border-bottom: 10px !important;
}

.visudoc_titre_general_icon {
    width: 32px;
    background-color: #e59d0b;
    height: 32px;
}

.visudoc_titre_general_icon {
    background-color: #e59d0b;
    display: inline-block;
    margin-right: 16px;
    background: url("../Images/Logo_VisuDOC_carre.svg");
}

.visudoc_titre_general_text {
    display: inline-block;
    vertical-align: middle;
    min-height: 45px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .selection_container_visudoc_main {
        zoom: 1; /*offre le layout à un élément (*)*/
        display: inline;
    }
}

tr[id*='ArbreSelectionCategories'] {
    background: #FDE5D3;
    margin-top: 3px;
}

    tr[id*='ArbreSelectionCategories'] > td.dxtl__IM {
        background: #FDE5D3;
    }

    tr[id*='ArbreSelectionCategories'].dxtlFocusedNode_ThemeQualnet > td.dxtl {
        background: #999999;
    }

span#lblTypes,
span#lblMixages,
span#lblCategories {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
}

.noHover {
    pointer-events: none;
}

.main_cadre_parametrage_visu_doc {
    width: 33.3333%;
}

.main_libelles_cadre_parametrage_visu_doc {
    width: 100%;
    display: inline-flex;
}

.cadreParametrageVisuDoc {
}

    .cadreParametrageVisuDoc.lblTypes {
        margin-left: 1%;
    }

.cadreTypes {
    background: #E7F1FD;
    margin-top: 2px;
    padding-right: 2px;
    padding-top: 2px;
    margin-right: 1%;
    margin-left: 1%;
}

.cadreParametrage {
    height: 500px;
    border: 1px solid #A8A8A8;
    overflow: auto;
}

div#butSupprimerTousLesEnsemblesVisuDoc {
    margin-left: -2px;
}

divselectionUL {
    margin-left: -28px;
}

.label_content_cadreParametrage {
    padding: 4px 6px 4px;
    margin-top: 5px;
    overflow: hidden;
    overflow-wrap: anywhere;
    word-break: break-all;
    display: inline-block;
}

div.type_selectionnee_visu_doc_container {
    /*display: inline-flex;*/
    position: relative;
    clear: both;
}


img.icon_mixage_visu_doc {
    /* margin-right: 50%; */
    margin-left: 25%;
    margin-bottom: 30%;
}

.selection_container_visudoc {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selection_container_visudoc_icons {
    margin-left: 7px;
    margin-top: 7px;
}

div#selectionUL {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 10px;
}

table#ListeSelectionTypesVisuDoc {
    border-width: 0;
    border-collapse: collapse;
    border-spacing: 1px !important;
}

#ArbreSelectionCategories_DXSearchPanel > table {
    width: 100%;
}

.zone_access_saisie_buttons {
    width: 100%;
    display: inline-flex;
}


#ListeSelectionTypesVisuDoc div.dxlbd {
    MARGIN-TOP: 19PX;
}

td.categorie_type_selectionnee_visu_do {
}

div#ListeSelectionTypesVisuDoc_D {
    border: 1px solid #a8a8a8;
    background: #E7F1FD;
}



#ArbreSelectionCategories .dxtlCSD {
    background: #FDE5D3;
}

.selection_container_visudoc {
    margin-right: 60px;
}

.empty_icon_visu_doc {
    margin-bottom: 100%;
    margin-left: 10px;
}

.selection_container_visudoc_main {
    margin-bottom: -10px;
    position: relative;
}

.selection_container_visudoc_icon_poubelle {
    float: right;
}

div.categorie_selectionnee_visu_doc {
    background: #FDE5D3;
    border: 1px solid #F67E21;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 24px;
    margin-right: 30px;
    display: inline-block;
    overflow-wrap: anywhere;
    word-break: break-all;
}

.icon_mixage_visu_doc_rest {
    margin-left: 3px;
    margin-right: 3px;
}

span.categorie_selectionnee_visu_doc_a {
    background: #FDE5D3;
    border: 1px solid #F67E21;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 24px;
    display: block;
    overflow-wrap: anywhere;
    word-break: break-all;
}

table.row_mixage {
    width: 99%;
    position: relative
}

div.type_selectionnee_visu_doc {
    background: #E7F1FD;
    border: 1px solid #263847;
    box-sizing: border-box;
    border-radius: 13px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 24px;
    display: inline-block;
    overflow-wrap: anywhere;
    word-break: break-all;
}

span.type_selectionnee_visu_doc_a {
    background: #E7F1FD;
    border: 1px solid #263847;
    box-sizing: border-box;
    border-radius: 13px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 24px;
    display: inline-block;
    overflow-wrap: anywhere;
    word-break: break-all;
}
/*only form ie*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .col_poubelle > img {
        margin-left: 40%;
    }

    .empty_icon_visu_doc {
        margin-left: 45%;
    }
}

.zone_access_saisie_lists_table {
    width: 100%;
}

.zone_access_saisie {
    width: 33.33333%;
}

td.col_mix_nowrap_one {
    width: 45%;
}

td.col_mix_nowrap_two {
    width: 5%;
}

td.col_mix_nowrap_three {
    width: 45%;
}

/**************************************************************/
/******************* Journaux événements **********************/
/**************************************************************/

.BarreOngletsJournauxEvenements {
    background: #263847;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    height: 40px !important;
}

    .BarreOngletsJournauxEvenements ul, .BarreOngletsJournauxEvenements li {
        padding: 0px !important;
        margin: 0px !important;
        border: 0px !important;
    }

    .BarreOngletsJournauxEvenements li:first-child {
        width: 0px !important;
    }

.OngletsJournauxEvenements {
    background: #263847 !important;
    color: #FFFFFF !important;
    border: 0px !important;
}

    .OngletsJournauxEvenements a {
        color: #FFFFFF !important;
        position: static !important;
        height: 16px !important;
        padding: 12px 24px 12px 24px !important;
        display: inline-block !important;
    }

.OngletActifJournauxEvenements {
    background: #F67E21 !important;
    color: #333333 !important;
    border: 0px !important;
}

    .OngletActifJournauxEvenements a {
        color: #333333 !important;
    }

.TitreJournauxEvenements {
    color: #F67E21 !important;
    text-align: center !important;
    font-size: 22px !important;
    padding: 8px 1px 8px 1px !important;
    margin-left: auto;
    margin-right: auto;
    display: block !important;
    font-style: normal;
    font-weight: bold;
    line-height: 26px;
}

.SousTitreJournauxEvenements {
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    display: block !important;
    margin-bottom: 10px;
    padding-top: 20px;
}

.ContenuOngletJournauxEvenements {
    margin: 0 20px;
}

.AligneDatesEtBoutonJournauxEvenements {
    display: flex;
    margin: 10px 0 10px 0;
    height: 30px;
}

.DateEtBoutonJournauxEvenements {
    margin: auto 30px auto 0;
}

.MessageInformationJournauxEvenements {
    font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
    font: 0.875em;
    line-height: 125%;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 40px 0;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

/*********************************************************************************/
/******************* Journaux événements Onglet Erreur PopUp *********************/
/*********************************************************************************/
.popup-message-information-erreur-telechargement .message-important {
    display: inline-block;
    width: calc(100% - 20px);
    font-weight: bold;
    margin-bottom: 10px;
}

.popup-message-information-erreur-telechargement .close-icone {
    text-align: right;
    display: inline-block;
    width: 20px;
}

    .popup-message-information-erreur-telechargement .close-icone i {
        cursor: pointer;
    }

.popup-message-information-erreur-telechargement .derniere-ligne {
    display: inline-block;
    padding-bottom: 50px;
}


/*-----------------------------------------------*/
/* Export Gu Groupes Profils Utilisateurs */
/*-----------------------------------------------*/
/*
.userTokenBoxExportGu {
    padding-bottom: 2px;
    font-size: 20px;
}
.UserTokenBoxTaguesExportGu {
    background-color: #EFEFEF;
    color: #000000;
    padding: 2px;
    border-radius: 5px;
    margin-right:2px;
}
.UserTokenBoxTaguesExportGu > span {
        font-size: 16px;
}*/
/*#TokenBoxUserExportGu {
    PADDING: 8PX;
}
*/
/*.DernierExportGenereLabel {
    font-weight: bold;
}*/

.bordureGrisExportGU {
    border: 1px solid #A8A8A8;
    border-radius: 2px;
    padding-left: 4px;
    padding-right: 16px;
}
.fichierTelechargerVisibilite {
display:block;
}

/*div#TokenBoxUserExportGu_DDD_PW-1 {
    margin-top: 12px;
}
.removeUserTokenBoxExportGu {
    MARGIN-LEFT: 4PX !important;
    MARGIN-TOP: 6PX !important;
    MARGIN-RIGHT: 4PX !important;
    background-size: cover;
}
.ElementExportGU {

}*/

/*-----------------------------------------------*/
/* Fin Export Gu Groupes Profils Utilisateurs */
/*-----------------------------------------------*/

.bg-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.BtnSpec {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background-image: url('../SPEC/Images/icone-export-fiche-facture.png');
}