/* remplacé les couleurs principales de l'application par des variables css [MRE 2022-01-07 07/01/2022] */
:root {
    --couleurPrincipaleAppli: rgba(97,176,222,1); /* bleu des menus et boutons*/
    --couleurAppliTransparence9 :rgba(97,176,222,0.9);
    --couleurAppliTransparence5 :rgba(97,176,222,0.5);
    --couleurAppliTransparence2 :rgba(97,176,222,0.2);
    --couleurNotif : rgb(0,133,173);
    --couleurConfirmation : #7ec9cd;/* Couleur Bouton de confirmation des popin [MRE 2022-02-02 02/02/2022]*/
    --couleurConfirmationHover : #53b0b5;/* Couleur Bouton de confirmation des popin [MRE 2022-02-02 02/02/2022]*/
    --zIndexMax: 100000000;
}

.ui-datepicker { z-index: 9999 !important; }

/* div layout */
table, tr, td, th{margin: 0; padding: 0; border-spacing: 0; text-align: center}
tr, td, th{margin: 0; padding: 0; border-spacing: 0;text-align: center} /* MT 27/02/207 */
th{text-align: center}
table {display: inline-table;}

body {height:100%; background: #2b4080; font-family:Myriad Pro, Arial, Verdana; font-size:14px; vertical-align: top; margin: 0px; padding: 0px; text-align: center; color:#000;}

.tab_principal{vertical-align:top; text-align:center; width: 100%; margin: 0px; padding: 0px;}

/* LB - 07/08/2024 - suppression des min-height 900px dans div principal*/
.div_principal{vertical-align:top; text-align:center;height:100%;background-color:#FFFFFF;position:relative; padding-bottom: 50px;/*overflow-x: hidden;*/} /* MT 27/02/207 */
div.menu_haut{height:80px; background-color: #FFFFFF;top: 0px;border:1px solid rgba(170,170,170,0.6);} /* MT 27/02/207 */
.div_principal.noBG{background: transparent}
.div_principal.noBG:after{content: none;}

.absolute{position:absolute;}

.menuSite.hide{display: none;}

#menuGauche{
  position: absolute;
  left: 0px;
  top: 0px;
  background-color:#FFFFFF;
  width: 202px;
  height:95%;
  margin-bottom:8px;
  box-shadow: 2px 2px 5px 4px rgba(0, 0, 0, 0.2);
  z-index: 600 !important;
}

/*.principal_col1{height:102px; background-color: #08215c; vertical-align: middle; margin: 0px; padding: 0px; text-align: center; top: 0px; left: 0px; width: 100%}*/
/*.principal_col3{height:100%; background: #2b4080; padding-top:100px; padding-bottom:30px;text-align: center; top:102px; left:0px;	width: 100%; }*/
.principal_col4{height:30px; width:100%; background-color: #2b4080; color:#ffffff; position: fixed; text-align: center; bottom: 0px; vertical-align: middle; left: 0px;}

div.menu_haut{width:100%; height:102px; color:#ffffff; font-weight:bold; text-align: center; vertical-align: middle; border: 0px solid white} /* MT 27/02/207 */

div.centre_page{width:100%; vertical-align: middle; text-align: center; border:0px solid red} /* MT 27/02/2017*/
div.menu_bas{width:100%; height:30px; color:#ffffff;} /* MT 27/02/2017*/
div.div_ligne_menu_haut{width: 100%; height: 100%; text-align: right;} /* MT 27/02/2017*/

input.btn_connexion{background-color:#e41771;color:#fff;font-family:Myriad Pro, Arial, Verdana; text-align:center; font-size:10pt; border-radius:20px;padding:5px 40px;box-shadow: 5px 5px 12px #1d2c59;cursor: pointer;}
input.btn_connexion:hover{color:#2b4080;}

/* les champs select activés sont blanc plutot que gris sur firefox + unification d'apparence des champs disabled [MRE 2021-12-03] */
select{
    background-color: rgb(255, 255, 255);
}

input:disabled,
textarea:disabled,
option:disabled,
optgroup:disabled,
select:disabled {
  color: GrayText;
  background-color: rgb(255, 255, 255, 0.5);
  cursor: unset;
}

/* MRE 2021-07-29 effet d'ombre sur le hover (plutot que ombre qui disparait au hover)*/
.petit_btn{
    display: inline-block;
    border-radius: 10px;
    background-color:#000;
    /* box-shadow: 2px 2px 5px #000; */
    box-shadow: 2px 2px 3px transparent;

    padding: 7px 25px;
    color : var( --couleurPrincipaleAppli,rgba(97,176,222,1)) !important; /* remplacé couleur principale par une variable css [MRE 2022-01-07 07/01/2022] */
    width: auto;
    cursor: pointer;
    text-align: center;
    /*height:20px;*/
    font-family:'Avenir',Myriad Pro, Arial, Verdana !important; font-size:14px;
    vertical-align: middle;
    font-weight: bold;
    transition: 0.3s;
    border: none;
    margin: 5px;
}

.petit_btn.noClick{
    text-decoration: line-through;
    background-color:#5f5f5f;
}

.petit_btn.noClick.wait {
    cursor: wait
}

/* MRE 2021-07-29 effet d'ombre sur le hover (plutot que ombre qui disparait au hover)*/
.petit_btn:hover{
    /*color:rgba(97,176,222,1) !important;*/
    /*font-weight:bold;*/
    text-decoration:none;
    /* box-shadow: 2px 2px 3px transparent; */ 
    box-shadow: 2px 2px 5px #000;

}

/* MRE 2021-07-29 style desactivé si classe disabled ou prop diasabled + pas d'effet hover sur bouton disabled */
.petit_btn.disabled , .petit_btn:disabled ,.petit_btn.disabled:hover , .petit_btn:disabled:hover{
    opacity: 0.5 ; 
    box-shadow: 2px 2px 3px transparent;
}

a.menu_bas{color:#ffffff;text-decoration:none; border:none; padding-left:5px; padding-right:5px; outline:none;}
a.menu_bas:link{color:#ffffff;text-decoration:none; border:none; padding-left:5px; padding-right:5px;}
a.menu_bas:visited{color:#ffffff;text-decoration:none; border:none; padding-left:5px; padding-right:5px;}
a.menu_bas:hover{color:#e41771; text-decoration:underline;}


.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

input.input_connexion{color:#000000; font-weight:bold; text-align:center; font-size:8pt;}
input.btn_connexion{background-color:#e41771;color:#fff;font-family:Myriad Pro, Arial, Verdana; text-align:center; font-size:10pt; border-radius:20px;padding:5px 40px;box-shadow: 5px 5px 12px #1d2c59;}

.popin_classique {
    padding:10px;
    text-align:justify;
    text-indent:5px;
    background:transparent;
    border-radius:.5em;
    -moz-border-radius:.5em;
}
.popin_classique.popin-content {
    padding:10px;
}
.popin_classique.popin-content p {
    padding:0;
    margin:0 0 1em;
}

table_liste{width:100%;}
table.fond_popin_classique{width:780px; height:580px; background:#fff; font-weight:normal; font-size:8pt; color:#000000; margin-top: 0px;border-radius: 5px;}
/* FN - 09/03/2023 - Copie du CSS pour avoir une popin encadré par une div plutôt qu'un table */
div.fond_popin_classique{width:780px; height:580px; background:#fff; font-weight:normal; font-size:8pt; color:#000000; margin-top: 0px;border-radius: 5px;}
table.wide_fond_popin_classique{width:1200px; height:780px; background:#fff; font-weight:normal; font-size:8pt; color:#000000; margin-top: 0px;border-radius: 5px;}
/* FN - 09/03/2023 - Copie du CSS pour avoir une popin encadré par une div plutôt qu'un table */
div.wide_fond_popin_classique{width:1200px; height:780px; background:#fff; font-weight:normal; font-size:8pt; color:#000000; margin-top: 0px;border-radius: 5px;}
div.titre_popin{background-color:#000; height:30px; font-size:10pt; color:var( --couleurPrincipaleAppli,rgba(97,176,222,1));  background-repeat:repeat-x; text-align: left; overflow: visible}
div.titre_popin td{text-align: left}

table.fond_popin_grande{width:100%; height:750px; background:#ebebeb; font-weight:normal; font-size:8pt; color:#000000; margin-top: 0px;border-radius: 5px;}
table.fond_popin_compteur{width:900px; height:580px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_suivi_releve{width:1080px; height:600px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_suivi_export{width:960px; height:600px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
table.popin_do_export{width:450px; height:300px; background-color:#ffffff; font-weight:normal; font-size:8pt; color:#000000; }
tr.titre_popin{background-color:#000; height:30px; font-size:10pt; color:var( --couleurPrincipaleAppli,rgba(97,176,222,1));  background-repeat:repeat-x; text-align: left; overflow: visible}
tr.titre_popin td{text-align: left}
tr.bas_popin{background-color:transparent; height:30px; font-size:10pt; color:#ffffff;  background-repeat:repeat-x;}

table.fond_popin_classique .dataTables_wrapper{min-height: 0}
#CommentaireBlocage{width: 60%; height: 100px;}

table.conteneur_popin_classique{/*border:1px solid #c0c0c0; */text-align: left;padding:5px;box-sizing: border-box}
table.conteneur_popin_releve{border:1px solid #c0c0c0; text-align: left}

tr.titre_popin_classique{background-color:var( --couleurPrincipaleAppli,rgba(97,176,222,1)); color:#fff; font-size:10pt; height:25px; text-align: left; margin-left:5px;}
tr.titre_popin_classique td{text-align: center;padding-left:5px;}

tr.submit_popin_classique{background-color:#e41771; color:#ffffff;font-weight:bold; height:25px}

td.lib_form_popin_classique{color:#000; font-weight:normal; padding-left:2px; padding-right:2px; width:50%; padding-top:1px; padding-bottom:1px; text-align: left}
td.input_form_popin_classique{color:#000; font-weight:normal; padding-left:2px; padding-right:2px; width:50%; padding-top:1px; padding-bottom:1px; text-align: left}

td.lib_form_popin_classique_mini{color:#2b4080; font-weight:normal; padding-left:2px; padding-right:2px;  padding-top:1px; padding-bottom:1px; text-align: left}
td.input_form_popin_classique_mini{color:#2b4080; font-weight:normal; padding-left:2px; padding-right:2px;  padding-top:1px; padding-bottom:1px; text-align: left}


td.td_close_popin{text-align: right; padding-right: 10px;}

td.input_form_popin_classique input{color:#000000; font-weight:normal; text-align:left; font-size:8pt;font-family:"Avenir", sans-serif;padding-left: 5px;padding-right: 5px;}
td.input_form_popin_classique input[type=number]{padding-right: 0;}
td.input_form_popin_classique select{color:#000000; font-weight:normal; text-align:left; font-size:8pt;font-family:"Avenir", sans-serif;padding-left: 5px;padding-right: 5px;}
td.input_form_popin_classique textarea{color:#000000; font-weight:normal; text-align:left; font-size:8pt;font-family:"Avenir", sans-serif;padding-left: 5px;padding-right: 5px;}
tr.submit_popin_classique td input{color:#000000; font-weight:bold; text-align:center; font-size:8pt; font-family:"Avenir", sans-serif; width:auto;padding-left: 5px;padding-right: 5px;}

tr.tab_liste_paire{background-color:#F0F0F6; color:#000; height:25px;font-family:Myriad Pro, Arial, Verdana; font-size:10pt;}
tr.tab_liste_impaire{background-color:#ffffff; color:#000; height:25px;font-family:Myriad Pro, Arial, Verdana; font-size:10pt;}
tr.tab_liste_selected{background-color:#c1c0d9; color:#000; height:25px;font-family:Myriad Pro, Arial, Verdana; font-size:10pt;}

td.tab_liste_paire{background-color:#F0F0F6; color:#000;  }
td.tab_liste_impaire{background-color:#ffffff; color:#000;  }

p.msg_ok{color:#2b4080; }
p.msg_erreur{color:#e41771; }

input{color:#000000; font-weight:normal; text-align:left; font-size:10pt;font-family:"Avenir", sans-serif;padding-left: 5px;padding-right: 5px;}
input[type=number]{padding-right: 0px;}
select{color:#000000; font-weight:normal; text-align:left; font-size:10pt;font-family:"Avenir", sans-serif;padding-left: 5px;padding-right: 5px;}
textarea{color:#000000; font-weight:normal; text-align:left; font-size:8pt;font-family:"Avenir", sans-serif;padding-left: 5px;padding-right: 5px;}

/* MT 27/02/2017 p. ==> div. */
div.FilAriane{color:#e41771; font-size:10pt; float:left;padding-left:15px;}
div.FilAriane a{color:#e41771;text-decoration:none; border:none; padding-left:8px; padding-right:8px; outline:none; font-size:10pt; }
div.FilAriane a:visited{color:#e41771;text-decoration:none; border:none; padding-left:8px; padding-right:10px;}
div.FilAriane a:hover{color:#e41771; text-decoration:underline;}
/* MT 27/02/2017 END

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

#container {
    width: 950px;
    position: relative;
    margin: 0 auto;
}


#footer {
    font: .70em/1.2em  Verdana, Tahoma, Helvetica, sans-serif;
    color: #000;

    position: relative;
    text-align: left;
    left: 1px;
    top: 20px;
    padding: 5px;
    height: 30px;
    width: 795px;
    z-index: 16
}


footer a {
    color: #090544;
    text-decoration: none;
    border: none;
    font-weight: bold;
}

footer a:hover {
    text-decoration: underline;
}

footer a:visited {
    color: #404741;
}




/* headers */
h1, h2, h3 {
    font: bold 1em 'Avenir', sans-serif;
}
h1 { font-size: 1.7em; color: #090544; } 
h2 { font-size: 1.2em; color: #090544;}
h3 { font-size: 1em; color: #090544; }


p {
    margin: 3px 7px;
    color: #000000;
}


ul {
    /*font: .55em Verdana, Tahoma, Helvetica, sans-serif;*/
    color: #000;
    margin: 0px 0px 0px 0; padding: 0;
    text-decoration: none;	
}


a {
    color: #2b4080;
    text-decoration: none;
    border: none;
    outline:none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #e41771;
    text-decoration: none;
    border: none;
}

.menu_page{
    text-align: left;
}
.strong
{
    font-weight: bold;
}
.underline
{
    text-decoration: underline;
}




/********************************* Spécifique *********************************************/

.appli-logo{
    margin: auto;
    background: url(../inc_images/appli-logo.png);
    height: 204px;
    width: 204px;
} 

.part_30 {width:30%;}
.part_70 {width:70%;}

.table_border{box-shadow: 1px 1px 12px #1d2c59; }

.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center !important;}
td.lib_form_popin_classique.align_right{text-align: right}

.underline {text-decoration:underline;}

.back_blue{background-color:#2b4080;color:#fff;}
.back_white {background-color:#ffffff;}
.back_grey {background-color:#d5d9e5;}
.back_rose {background-color:#e41771;}
.color_rose {color:#e41771 !important;font-family:Myriad Pro, Arial, Verdana; }

.menu_gauche{text-align:left;height:30px;padding-left: 32px;display: block;margin:10px;text-decoration:none;color:#2b4080 !important;}
.menu_gauche:hover{color:#e41771 !important;text-decoration:underline; }
.menu_tdb{background-image: url('../inc_images/picto_client/home-bleu.png');background-repeat: no-repeat;} 
.menu_tdb-selected{background-image: url('../inc_images/picto_client/home-rose.png');background-repeat: no-repeat;color:#e41771!important;} 
.menu_demandeur{background-image: url('../inc_images/picto_client/check-bleu.png');background-repeat: no-repeat;} 
.menu_demandeur-selected{background-image: url('../inc_images/picto_client/check-rose.png');background-repeat: no-repeat;color:#e41771!important;} 
.menu_beneficiaire{background-image: url('../inc_images/picto_client/people-bleu.png');background-repeat: no-repeat;} 
.menu_beneficiaire-selected{background-image: url('../inc_images/picto_client/people-rose.png');background-repeat: no-repeat;color:#e41771!important;} 
.menu_dossier{background-image: url('../inc_images/picto_client/dossier-bleu.png');background-repeat: no-repeat;} 
.menu_dossier-selected{background-image: url('../inc_images/picto_client/dossier-rose.png');background-repeat: no-repeat;color:#e41771!important;} 
.menu_evaluateur{background-image: url('../inc_images/picto_client/user-bleu.png');background-repeat: no-repeat;} 
.menu_evaluateur-selected{background-image: url('../inc_images/picto_client/user-rose.png');background-repeat: no-repeat;color:#e41771!important;} 
.menu_planning{background-image: url('../inc_images/picto_client/calendrier-bleu.png');background-repeat: no-repeat;} 
.menu_planning-selected{background-image: url('../inc_images/picto_client/calendrier-rose.png');background-repeat: no-repeat;color:#e41771!important;} 
.menu_stats{background-image: url('../inc_images/picto_client/stat-bleu.png');background-repeat: no-repeat;} 
.menu_stats-selected{background-image: url('../inc_images/picto_client/stat-rose.png');background-repeat: no-repeat;color:#e41771!important;} 
.menu_gauche_deconnexion{text-align:center;height:20px;padding-left: 32px;display: block;text-decoration:none;background-color:#2b4080;color:#fff !important;border-radius:20px;padding:8px 40px 5px 40px;box-shadow: 1px 1px 5px #1d2c59;cursor: pointer;}

/** Onglets */
li.ui-tabs-tab{border-top-left-radius: 20px;border-top-right-radius: 20px;font-size:12px;padding:2px 5px !important;color:#2b4080 !important;}


/**  Liste DataTable  **/
/*VP 10-04-2017 - Ajout de class pour les boutons des listes */
.liste_voir{background: #000 url('../inc_images/design/picto/voir.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_user{background: #000 url('../inc_images/design/picto/liste-contact.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_selection{background: #000 url('../inc_images/design/picto/slect-adresse.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_modif{
    background: url('../inc_images/design/picto/modifier.png') center center;
    background-repeat: no-repeat;
    width: 15px !important;
    height: 100% !important;
    background-size: 150% auto;
    cursor: pointer;
}
/*.liste_delete{background-image: url('../inc_images/picto_client/delete-min.png');background-repeat: no-repeat;width:20px;height:20px;background-size: contain}*/
.liste_delete{
    background: url('../inc_images/design/picto/supprimer2.png') center center;
    background-repeat: no-repeat;
    width: 12px !important;
    height: 100% !important;
    background-size: 150% auto;
    cursor: pointer;
}
.liste_copie{
    background: url('../inc_images/design/picto/copy-atmi.png') center center;
    background-repeat: no-repeat;
    width: 12px !important;
    height: 100% !important;
    background-size: 150% auto;
    cursor: pointer;
    width: 16px !important;
    display: inline-block;
    background-size: 16px;
}
.liste_add{
    background: url('../inc_images/design/picto/save-atmi2.png') center center;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    cursor: pointer;
}
.liste_close{  
    background: url('../inc_images/design/picto/annuler2.png') center center;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    cursor: pointer;
}
.liste_download{
    background: url('../inc_images/design/picto/download.svg') center center;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    cursor: pointer;
}
.liste_archive{
    background: url('../inc_images/design/picto/archive.svg') center center;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    cursor: pointer;
}
.liste_unarchive{
    background: url('../inc_images/design/picto/unarchive.svg') center center;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    cursor: pointer;
}
.liste_qrcode{
    background: url('../inc_images/design/picto/qrCode.svg') center center;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    cursor: pointer;
}
.liste_titreHabilitation{
    background: url('../inc_images/design/picto/logo_menu_titre_habilitation.svg') center center;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
    cursor: pointer;
}

/* LB - 03/01/2025 - ajout de style pour les CND*/
.button_CND_del{
    background: url('../inc_images/design/picto/supprimer2.png') center center;
    background-repeat: no-repeat;
    width: 25px !important;
    height: 25px !important;
    background-size: contain;
    cursor: pointer;
}
tr:not(.newCND) .button_CND_exportHisto{
    background: url('../inc_images/design/picto/histo-black.png') center center;
    background-repeat: no-repeat;
    width: 25px !important;
    height: 25px !important;
    background-size: contain;
    cursor: pointer;
}
tr.newCND .button_CND_exportHisto {
    display: none;
    pointer-events: none;
}

.button_CND_addCNDGrouping {
    background: url('../inc_images/design/picto/plus_black.png') center center;
    background-repeat: no-repeat;
    width: 25px !important;
    height: 25px !important;
    background-size: contain;
    cursor: pointer;
}

.newCND.even {
    background: repeating-linear-gradient(115deg, #F9F9F9, #F9F9F9 7px, #87CEFA 7px, #87CEFA 14px);
}

.newCND.odd {
    background: repeating-linear-gradient(245deg, #FFFFFF, #FFFFFF 7px, #87CEFA 7px, #87CEFA 14px);
}

.newCND > td {
    background-color: transparent !important;
}
.table_liste tr.newCND:hover > td.FixedColumn {
    background: var(--couleurAppliTransparence2,rgba(97,176,222,0.2)) !important;
}
.newCND.even > td.FixedColumn {
    background: repeating-linear-gradient(115deg, #F9F9F9, #F9F9F9 7px, #87CEFA 7px, #87CEFA 14px) !important;
}
.newCND.odd > td.FixedColumn {
    background: repeating-linear-gradient(245deg, #FFFFFF, #FFFFFF 7px, #87CEFA 7px, #87CEFA 14px) !important;
}

tr.row_erreur > :first-child {
    border-left: 3px solid #ff3333;
}
tr.row_erreur > :last-child {
    border-right: 3px solid #ff3333;
}
table.dataTable tbody td.cell_erreur {
    border: 2px dashed #ff3333 !important;
    padding: 6px 8px;
}

td.cell_erreur select, td.cell_erreur input {
    border: 1px ridge #ff3333 !important;
}

tr.heldCND > td {
    border-top: 1px solid var(--couleurPrincipaleAppli);
    border-bottom: 2px solid var(--couleurPrincipaleAppli);
}

tr.heldCND > td:first-child {
    border-left: 3px solid var(--couleurPrincipaleAppli);
}
tr.heldCND > td:last-child {
    border-right: 3px solid var(--couleurPrincipaleAppli);
}

table.dataTable tbody tr.grouping-row {
    background-color: #b4daef;
}

table.dataTable tbody tr.grouping-row td{
    background-color: #b4daef;
}

div.etatConformiteIndicateur {
    width: 25px;
    height: 25px;
    border-radius: 13px;
}

.fixedColumnCND {
    position: sticky;
    z-index: 99 !important;
}

.inputFiltre span.clearFiltreFEBPicker {
    vertical-align: middle;
    padding: 0 0.2em;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1em;
    cursor: pointer;
}

.accordeon_button {
    cursor: pointer;
    font-weight: bold;
    padding: 0 0.2em;
    font-size: 1.4em;
    line-height: 1em;
}

/* LB - 21/05/2025 - ajout d'un style pour voir plus facilement les header avec des checkbox cochées*/
.hasChecked.ui-accordion-header:not(.ui-state-active) {
    background-color: var(--couleurAppliTransparence2);
}
.hasChecked.ui-accordion-header:not(.ui-state-active).ui-state-hover {
    background-color: var(--couleurAppliTransparence5);
}

.liste_add_contact{background-image: url('../inc_images/picto_client/add-min.png');background-repeat: no-repeat;width:20px;height:20px;}
.liste_copy{background: #000 url('../inc_images/design/picto/copier.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_info{background-image: url('../inc_images/design/picto/info.png');background-repeat: no-repeat;width:20px !important;height:20px;background-size: 100% auto; }
.liste_sauvegarde_nuage{background: #000 url('../inc_images/design/picto/enregistrer2.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_ged_envoi{background: #000 url('../inc_images/design/picto/loader.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_ged_status{background: #000 url('../inc_images/design/picto/loader.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_ged_maj{background: #000 url('../inc_images/design/picto/doc.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_avis{background: #000 url('../inc_images/design/picto/avis_jaune.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_upload{background: #000 url('../inc_images/design/picto/enregistrer.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
/*VP END 10-04-2017 */
.liste_icon{width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;cursor: pointer;}
.liste_icon_plus{background: #00000000 url('../inc_images/design/picto/plus_black.png') center center;width:30px !important; height:30px !important;background-repeat: no-repeat;}


/**   POPIN   **/
/*VP 10-04-2017 - */
.popin_close_cross{background-image: url('../inc_images/design/picto_fermer.png');background-repeat: no-repeat;width: 30px;height:30px;position: absolute; z-index: 2; background-size: contain;right: 10px; cursor: pointer;}
/*VP END 10-04-2017 */
li.ui-state-active{background-color:#e41771 !important; border-color:#e41771 !important;}


input.input_connexion {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #e41771;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 2px;
    color: #e41771;
    font-size: 12pt;
    line-height: 20pt;
    text-align: left;
    width: 280px;
    background-color:#d5d9e5;
}

.DivFiltre{display: inline-block; vertical-align: top;margin: 0 4px; text-align: left}

.defaultSkin table.mceToolbar{display: block !important;}

.jq-has-icon{box-sizing: border-box;}

.textareaDatatable{width: 100%; height: auto;}

.input_form_popin_classique .inputNumberParametrage, .inputNumberParametrage{width: 50px;text-align: right}

.loading{opacity: 0;text-align: center; background: #fff;position: absolute; pointer-events: none;top: 0; left: 0; right: 0; bottom: 0; transition: 0.2s; min-height: 200px;}
.loading:after{content: ""; background: url(../inc_images/design/picto/loader.png) no-repeat center center; width: 100px;height: 100px;display: inline-block;top: 50%;position: fixed;}
.loading.visible{opacity: 0.5; z-index: 200000; pointer-events: auto;position: fixed;}
.loading.visible:after{animation: rotate 1s linear infinite;}
.ui-tabs .ui-tabs-panel{position: relative}

.picto_active{display: block; background: url("../inc_images/design/picto/picto_actif_bleu.png") no-repeat center center; background-size: contain; width: 20px; height: 20px;}
.picto_desactive{display: block; background: url("../inc_images/design/picto/picto_inactif_rouge.png") no-repeat center center; background-size: contain; width: 20px; height: 20px;}
.picto_acces{background: #000 url('../inc_images/design/picto/gestion-acces.png') center center;background-repeat: no-repeat;width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;}
.picto_blocage{display: block; background: #000 url("../inc_images/design/picto/blocage2.png") no-repeat center center; width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;}
.picto_clone{display: block; background: #000 url("../inc_images/design/picto/clone-jaune.png") no-repeat center center; width:35px !important;height:35px !important;border-radius: 50%; background-size: 60% auto;}

.hide{display: none;}

.floatRight{float:right;}

.demi{display: inline-block; width: 48%; vertical-align: top;padding: 20px;box-sizing: border-box;box-shadow: 2px 2px 8px #ccc;margin: 0 15px; transition: 0.3s}
.demi:hover{box-shadow: 2px 2px 8px transparent;}
.demi:nth-child(even){}

/* Pour la rangebar */
.rangebar.bar {width: 100% !important;}
.bgRouge, .bgOrange, .bgVert{display: inline-block; width: 50px; height: 23px; vertical-align: top; margin: 0 2px}
.bgRouge{background: #ff3333 !important;}
.bgOrange{background: #f58c46 !important;}
.bgVert{background: #00cc00 !important;}

.listeMarges.table_liste, .listePenalite.table_liste{margin: auto; width: 650px;}
.invalide .limiteBas input,.invalide .limiteHaut input{border-color: red}
.invalide{background: rgba(255,0,0,0.3);}

.dataTables_paginate{max-width: 100%;}

/*#liste_doc, #table_ajout_doc{width: 350px;}*/

#Table_ConfigEmail{border-collapse: collapse; }

.vert{color: #7ec9cd;}
.orange{color: #e56a54;}
.rouge{color: #e56a54;}

.listeConditions{list-style: none; padding: 0; margin: 0;font-size: 14px;}
.listeConditions .condition{font-weight: bold;}
.listeConditions .condition.condPassOk{color: var(--couleurConfirmation,#7ec9cd);}
.listeConditions .condition.condPassOk:after{content: "";position: absolute; left: 100%;margin-left: 3px;top: 0; width: 15px; height: 100%; background: url("../inc_images/design/picto/picto_actif_bleu.png") no-repeat center center; background-size: contain;}

#formInfos, #formAcces{display: inline-block;vertical-align: top;margin: 0 20px; }

#CotAttChargeur,#TransportAValider, #TransportAEffectuer, #TransportAConfirmer, #TransportEnCours, #TransportEdition, #TransportsAnnuleTransporteur, #TransportANoter
{margin: 10px; display: inline-block; vertical-align: top; width: 48%;min-height: 300px; border: 1px solid; text-align: left}

.export-excel{width: 20px; height: 20px; background: url("../inc_images/design/picto/excel.png") no-repeat center center;display: inline-block;vertical-align: top;background-size: contain;}
.export-csv{width: 20px; height: 20px; background: url("../inc_images/design/picto/csv.png") no-repeat center center;display: inline-block;vertical-align: top;background-size: contain;}
.export-pdf{width: 35px; height: 35px; background: url("../inc_images/design/picto/pdf.png") no-repeat center center; display: inline-block;vertical-align: top;background-size: contain;}
.dt-buttons{float: right}

#TrajetPref{display: inline-block; width: 600px; margin-left: 20px;}
#TrajetPref h2{font-size: 16px;}

.input_form_popin_classique input,.input_form_popin_classique select{width: 200px;}
.input_form_popin_classique input[type='checkbox'],.input_form_popin_classique input[type='radio']{width: auto}

.menuListes{display: inline-block; width: 230px; vertical-align: top; text-align: left;}
.menuListes a{display: block;margin: 2px 0; cursor: pointer;}
.menuListes a.selected{font-weight: bold; color: #2b4080}

.paramListes{display: inline-flex; width: calc(100% - 240px);width: -webkit-calc(100% - 240px); vertical-align: top}
.paramListes{flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.paramListe{flex-grow: 1;}
.paramListe{width: 460px;padding: 10px;box-sizing: border-box;/*border: 1px solid #ccc;*/ margin: 15px;box-shadow: 2px 2px 8px #ccc; transition: 0.3s}
.paramListe:hover{box-shadow: 2px 2px 8px transparent;}

/* LB - 04/02/2025 - ajout de style pour les notification*/
.menuNotification {display: inline-block; width: 30%; vertical-align: top; text-align: left;}
.menuNotification a{display: block;margin: 4px 0; cursor: pointer;}
.menuNotification a.selected{font-weight: bold; color: #2b4080}

.paramNotifications{display: inline-flex; width: calc(70% - 10px);width: -webkit-calc(70% - 10px); vertical-align: top}
.paramNotifications{flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.paramNotification{flex-grow: 1;}
.paramNotification{width: 460px;padding: 10px;box-sizing: border-box;border: 1px solid #ccc; margin: 15px;box-shadow: 2px 2px 8px #ccc; transition: 0.3s}
.paramNotification:hover{box-shadow: 2px 2px 8px transparent;padding: 10px;}

.paramNotification_configmail {margin: 2px 5px; border: 1px solid #ccc; padding: 5px 15px 2px; cursor: pointer;}

.left{text-align: left;}
.picto_ajout{width: 20px; height: 20px; background: url("../inc_images/mini_ajouter.gif") no-repeat center center; display: inline-block;vertical-align: top;}

.tableHoraires > tbody > tr > td,.tableHoraires > tbody > tr > th{border-bottom: 1px solid}
.contentHoraire td{height: 20px;}

/*#cotation {background-color:#FFFFFF;margin-bottom:8px;box-shadow: 2px 2px 5px 4px rgba(0, 0, 0, 0.2);}*/

.dtable{display: table; width: 100%;}
.dcell{display: table-cell; vertical-align: top;}
.dib{display: inline-block;vertical-align: top;}

.fleche_bas{display: inline-block; vertical-align: top; width: 80px; background: #c0c0c0 url("../inc_images/picto_client/fleche_blanche.png") no-repeat center center; height: 20px;cursor: pointer;}
.fleche_haut{display: inline-block; vertical-align: top; width: 80px; background: #c0c0c0 url("../inc_images/picto_client/fleche_blanche.png") no-repeat center center; height: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);cursor: pointer;}

.formHoraires .miniInput{width: 45px !important;}
.formHoraires td{padding: 0 2px;}

.absoRight{position: absolute; top: 3px; right: 3px;}
.absoLeft{position: absolute; top: -0px; left: 3px;}

.picto_save{display: block; background: url("../inc_images/picto/picto_save.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer}
.picto_loupe{display: block; background: url("../inc_images/picto/view.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer}
.picto_warning{display: block; background: url("../inc_images/picto_client/warning.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer; display: inline-block}
#cotation{position: relative}
.table_liste .liste_voir{display: block;}
.table_liste .liste_voir.hide{display: none;}

.multiselectDatatable{width: 150px;}
.ui-multiselect{max-width: 100% ;}
.table_liste .ui-multiselect{max-width: 100%;}
.tableParametrage .input_form_popin_classique, .tableParametrage .lib_form_popin_classique{width: 200px;padding: 5px;}
.tableParametrage tr td{border-bottom: 1px solid #ccc;}
.contentText{font-size: 12px; font-weight: bold;width: 750px;text-align: left;}
.contentText div{display: inline-block; width: 250px;vertical-align: top;}

/* Page de réponse */
.countdownContent{width: 540px;vertical-align: middle;text-align: center;background: #fbfbfb; border-left: 3px solid #fff}
.detailCotation{width: 360px; position: relative; padding-left: 50px;}
.tableauDetail td{width: 180px; padding: 0 3px}
.cotation{margin: 0px 0;padding: 25px 0;border-top: 1px solid #eee;}
.cotation:last-child{border-bottom: 1px solid #eee; }
.listeTransporteur .dataTables_wrapper{min-height: 0;}
.countdownContent .countdown{}
.countdownContent .dib{margin: 0 5px;vertical-align: middle}
.recherche{vertical-align: middle; text-align: center; background: #fbfbfb; padding-right : 40px;width: 250px;}

.listeTransporteur .liste_add{width: 25px !important; height: 25px !important;}

.pictosCotation{display: flex;flex-direction: column; position: absolute; right: 0; top: 0; height: 100%;}
.pictoAnnuler{width: 40px; background: #eee url("../inc_images/design/picto/annuler_gris.png") no-repeat center center;flex-grow: 1; cursor: pointer;background-size: contain;border-bottom: 1px solid #ccc}
.pictoReporter{width: 40px; background: #eee url("../inc_images/design/picto/reporter_gris.png") no-repeat center center;flex-grow: 1;cursor: pointer;background-size: contain;}
.pictoModifier{width: 40px; background: #eee url("../inc_images/design/picto/reporter_gris.png") no-repeat center center;flex-grow: 1;cursor: pointer;background-size: contain;}
.pictoSablier{width: 40px;height: 40px;background: url("../inc_images/design/picto/sablier.png") no-repeat center center;background-size: contain; display: block;margin: auto; vertical-align: middle;}

.liste_copy.copie_reponse{height: 100% !important; width: 47px !important;border-radius: 0; background-size: 50% auto;}
.tableauDetail td{padding-left: 15px;font-style: italic; background-color: var( --couleurPrincipaleAppli,rgba(97,176,222,1))}
.tableauDetail td:first-child{font-weight: bold;border-right: 1px solid #fff; border-left: 1px solid #fff; width: 140px}
.tableauDetail tr:first-child td{background: #000; color: var( --couleurPrincipaleAppli,rgba(97,176,222,1))}
.tableauDetail tr:nth-child(even) td{background: #fce396}

.cotation.dtable{width: 1150px;margin: 0px auto;height: 300px;max-width: 100%;}
.cotation .tableauDetail{height: 100%;width: 100%;border-right: 3px solid #fff}
.cotation .dataTables_paginate{width: 180px;}
.cotation .dataTables_info{width: 200px;}

.containerNote{width: 100px;display: inline-block; text-align: left;background: url("../inc_images/design/etoiles_vides.png") no-repeat left;}
.etoiles{background: url("../inc_images/design/etoiles_pleines.png") no-repeat left; display: inline-block; height: 20px;}

.containerNote.bleu{background: url("../inc_images/design/etoiles_vides_bleu.png") no-repeat left;}
.containerNote.bleu .etoiles{background: url("../inc_images/design/etoiles_pleines_bleu.png") no-repeat left;}

#RetourHisto{top: -40px;}

.hovertable:hover .tablehover{display: inline-block;top: 20px; left: 20px; position: relative; z-index: 45; background: rgba(255,255,255,0.9); padding: 5px; border: 1px solid; border-radius: 5px; width: auto}
.containerNote:hover .hoverEtoile{display: inline-block;top: 20px; right: 20px; position: absolute; z-index: 45; background: rgba(255,255,255,0.9); padding: 5px; border: 1px solid; border-radius: 5px; width: 400px}

.champObligatoire{color: #f58c46; font-size: 15px;}

#CPExp, #CPDest{width: 44px;}
#VilleExp, #VilleDest{width: 147px;}

fieldset{position: relative}
.pictoChange{text-align: left}

#cotation .dataTables_wrapper,
.loadTrajets .dataTables_wrapper{min-height: 50px}
.listeRadio{text-align: right}

.ui-autocomplete{max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index: 10000 !important}
.ui-autocomplete .ui-state-active{box-sizing: border-box}

.fieldsetRemorque{display: inline-block; vertical-align: top; width: 45%;text-align: left}
#TrajetPrefFull .contentText{display: inline-block;width: 200px}
#TrajetPrefFull .contentText.hide{display: none}
.listeInterdit .dataTables_wrapper{min-height: 240px;}.detailOT{width: 48%; display: inline-block; vertical-align: top;}

.liste_valider{display: block; background: url("../inc_images/picto/check.png") no-repeat center center; background-size: contain; width: 24px; height: 24px; cursor: pointer}

.indicateurs{text-align: center}
.rond{width: 100px; height: 100px; border-radius: 50%; background: #e41771; color: #FFFFFF; line-height: 100px; font-size: 20px;display: inline-block;}
.completionProfil, .nbCotationEnCours, .nbCotationFinies{display: inline-block; vertical-align: top}

.datepicker,.timepicker,.fakeTimepicker {
    background-image: url('/inc_images/design/calendar.png');     
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
.datepicker{
    width: 90px;
}

.timepicker{
    width: 140px; /* FN - 03/01/2023 - Changement de 130px à 140px car pb d'affichage */
}
.fakeTimepicker{
    width: 140px; /* FN - 03/01/2023 - Changement de 130px à 140px car pb d'affichage */
}



#selectStatut{max-width: 150px;}

.petit{font-size: 10px;}

.dataTables_wrapper{margin-bottom: 30px;}

.g-recaptcha > div{margin: auto;}

.ui-tab.ui-state-disabled{width: 0; opacity: 0 !important; margin: 0 !important; border: 0 !important; padding: 0 !important;}

/*** CHOSEN ***/
.chosen-results li{font-size: 10px !important;}
.chosen-container{/*position: absolute !important;*/ -webkit-transition: width 1s; transition: width 1s; top: 3px;padding-bottom:8px;}
.chosen-with-drop{width: 220px !important;}
.chosenVille{padding-bottom:10px !important;}



.paramChamps{width: 100%;}
td.obligatoireSpe{width:10px;}
td.champs.obligatoire{border: #AB0500 1px solid;}
td.champs.oblig{border: #ffa500 1px solid;}

td.champs.notVisible{
    background-color: rgba(152,152,152,0.4);
}
td.champs{
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
    padding: 6px;
    text-align: left;
}
td.champs li{
    list-style: none;
}

td.champs input[type="checkbox"]:not(.forceVisible){
    display: none;
}

td.paramChampsSection{
    border:black solid 2px;
    color:black;
}

td.paramChampsSection.vert{
    background-color: rgb(204,255,204);
}
td.paramChampsSection.jaune{
    background-color: rgb(255,255,153);
}
td.paramChampsSection.rouge{
    background-color: rgb(255,153,204);
}
td.paramChampsSection.bleu{
    background-color: rgb(204,255,255);
}

td.paramChampsSection.orangepale{
    background-color: rgb(252,213,180);
}
td.paramChampsSection.bleupale{
    background-color: rgb(197,217,241);
}
td.paramChampsSection.rougepale{
    background-color: rgb(230,184,183);
}

td.titleSection{
    font-weight: bold;
    padding: 6px;
}

.sectionFEB{
    border:black solid 2px;
    color:black;
}

.sectionFEB td{
    text-align: left;
    padding: 5px;
}

.sectionFEB.vert{
    background-color: rgb(204,255,204);
}
.sectionFEB.jaune{
    background-color: rgb(255,255,153);
}
.sectionFEB.rouge{
    background-color: rgb(255,153,204);
}
.sectionFEB.bleu{
    background-color: rgb(204,255,255);
}

.sectionFEB.orangepale{
    background-color: rgb(252,213,180);
}
.sectionFEB.bleupale{
    background-color: rgb(197,217,241);
}
.sectionFEB.rougepale{
    background-color: rgb(230,184,183);
}

.littleNumber{
    width: 35px;
}

/* MRE 2021-08-25 ajout options de tailles pour champs nombre */
.mediumNumber{
    min-width: 35px;
    width: 100%;
    max-width: 65px;
}
.fullNumber{
    min-width: 35px;
    width: 100%;
}

.tableTuyauterie{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.tableTuyauterie thead td:not(:last-child){
    border-bottom: 2px solid black;
}
.tableTuyauterie tfoot td{
    height: 5px;
}
.tableTuyauterie tfoot td.addLine{
    border: 2px solid black;

}
.tableTuyauterie tfoot td{
    border-top: 2px dotted black !important;
} 

.tableTuyauterie .ligneClone{
    display: none;
}

.tableTuyauterie tbody tr:not(:last-child) td{
    border-bottom: 2px dotted black !important;
}

 /* #14# [MRE 2021-12-15 15/12/2021] */
.tableTuyauterie tbody tr td:last-of-type{
    border-left: 2px solid black;
}

.tableTuyauterie tbody tr td:first-of-type{
    border-left: 2px solid black;
}

.tableTuyauterie .colListe{
    width: 120px;
}


/*LB - 12/05/2025 - ajout du css pour les table ajustables*/
.tableAjustable {
    width: 100%;
}
.tableAjustable .littleNumber, .tableAjustable select {
    width: 100%;
}

.tableAjustable thead td:not(:last-child){
    border-bottom: 2px solid black;
}
.tableAjustable tfoot td{
    height: 5px;
}
.tableAjustable tfoot td.addLine{
    border-bottom: 2px solid black;

}

.tableAjustable tbody tr td:not(:last-child){
    border-bottom: 2px dotted black !important;
}

 /* #14# [MRE 2021-12-15 15/12/2021] */
.tableAjustable tbody tr td:last-of-type{
    border-left: 2px solid black;
}

.tableAjustable tbody tr td:first-of-type{
    border-left: 2px solid black;
}

.tableAjustable tfoot tr td:last-of-type{
    border-left: 2px solid black;
}

.tableAjustable tfoot tr td:first-of-type{
    border-left: 2px solid black;
}

/* ajout table appareil sur FEB calo MRE 2022-08-10*/
/*#region table Appareil */

.tableAppareil{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.tableAppareil thead td:not(:last-child){
    border-bottom: 2px solid black;
}
.tableAppareil tfoot td{
    height: 5px;
}
.tableAppareil tfoot td.addLine{
    border: 2px solid black;

}
.tableAppareil tfoot td{
    border-top: 2px dotted black !important;
} 

.tableAppareil .ligneClone{
    display: none;
}

.tableAppareil tbody tr:not(:last-child) td{
    border-bottom: 2px dotted black !important;
}

.tableAppareil tbody tr td:last-of-type{
    border-left: 2px solid black;
}

.tableAppareil tbody tr td:first-of-type{
    border-left: 2px solid black;
}


.tableAppareilValidation{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.tableAppareilValidation thead td:not(:last-child){
    border-bottom: 2px solid black;
}
.tableAppareilValidation tfoot td{
    height: 5px;
}
.tableAppareilValidation tfoot td.addLine{
    border: 2px solid black;

}
.tableAppareilValidation tfoot td{
    border-top: 2px dotted black !important;
} 

.tableAppareilValidation .ligneClone{
    display: none;
}

.tableAppareilValidation tbody tr:not(:last-child) td{
    border-bottom: 2px dotted black !important;
}

.tableAppareilValidation tbody tr td:last-of-type{
    border-left: 2px solid black;
}

.tableAppareilValidation tbody tr td:first-of-type{
    border-left: 2px solid black;
}
/*#endregion table Appareil*/
/* généraliser le fonctionnement de la classe ligneClone [MRE 2022-08-10 10/08/2022] */
tr.ligneClone{
	display: none;
}

.tableDimension{width: 100%;}
.tableDimension thead td:not(:last-child){border-bottom: 2px solid black;}
.tableDimension .ligneClone{display: none;}
.tableDimension tbody tr:not(:last-child) td{border-bottom: 2px dotted black !important;}

.tableDimension tbody tr td.tdNoteCalcul{border-right: 2px solid black;}
.tableDimension tbody tr td.tdElevation{border-left: 2px solid black;}
.tableDimension tfoot td{height: 5px;}
.tableDimension tfoot td.addLine{border: 2px solid black;}
.tableDimension tfoot td{border-top: 2px dotted black !important;} 

/*  MRE 2021-09-24 remis l'ajout de ligne pour les lignes de dimension validation
//MRE 13-04-2021 modification tableau dimension de verification (retiré tfoot puisque pas d'ajout de ligne)
*/
.tableDimensionValidation{width: 100%;}
.tableDimensionValidation thead td:not(:last-child){border-bottom: 2px solid black;}
.tableDimensionValidation .ligneCloneValidation{display: none;}

.tableDimensionValidation tbody tr:not(:last-child) td{border-bottom: 2px dotted black !important;}
/* .tableDimensionValidation tbody tr:last-child td{border-bottom: 2px solid black !important;} */
.tableDimensionValidation tbody tr td.tdNoteCalcul{border-right: 2px solid black;}
.tableDimensionValidation tbody tr td.tdElevation{border-left: 2px solid black;}
.tableDimensionValidation tfoot td{height: 5px;}
.tableDimensionValidation tfoot td.addLine{border: 2px solid black;}
.tableDimensionValidation tfoot td{border-top: 2px dotted black !important;} 

.btnOkVerif{
    float: right;
    border-radius: 100%;
    margin-left: 5px;
}


#tableRegistre .enteteCommune{
    background-color: rgb(0,176,240);
    /*color: black;*/
}
#tableRegistre .enteteEchafaudage{
    background-color: rgb(146,208,80);
    /*color: black !important;*/
}
#tableRegistre .enteteSurEntete{
    background-color: rgb(250,191,143);
    /*color: black !important;*/
}

#tableRegistre .enteteCalorifuge{
    background-color: rgb(218,150,148);
    /*color: black !important;*/
}

#tableRegistre .enteteRemarque{
    background-color: rgb(191,191,191);
}

#tableRegistre .enteteChampSupp{
    background-color: rgb(174, 174, 0);
}

#tableRegistre .enteteMontant{
    background-color: rgb(255,255,255);
    color : black;
    border: 1px solid black;
}
#tableRegistre .enteteMontant .Entete{
    color : black !important;
}


#tableRegistre .fixedColonne{
    position: static;
    position: sticky;
    right: 0;
    background-color: #fff;
    z-index: 1;
}

#tableRegistre .fixedHead{
    z-index: 3;
}

#tableRegistre thead .ligneEntete1 th{
    position: static;
    position: sticky;
    top: 77px;
}

/* FN - 08/08/2023 - Ajout d'une règle de CSS pour la deuxième ligne d'entête du registre complet */
#tableRegistre thead .ligneEntete2 th{
    position: static;
    position: sticky;
    top: 95px;
    z-index: 2;
}

#tableRegistre .vert{
    background-color: rgb(216,228,188);
}

#tableRegistre .bleu{
    background-color: rgb(141,180,226);
}
#tableRegistre .orange{
    background-color: rgb(250,191,143);
}
#tableRegistre .rouge{
    background-color: rgb(230,184,183);
}
#tableRegistre .ligneCalorifuge .colonneEchafaudage,#tableRegistre .ligneEchafaudage .colonneCalorifuge{
    background: repeating-linear-gradient(
        135deg,
        #fff,
        #fff 4px,
        #000 4px,
        #000 4.5px
    );
}
/*Ligne Echaff*/
#tableRegistre .ligneEchafaudage .colonneCalorifuge.rouge{
    background: repeating-linear-gradient(
        135deg,
        rgb(230,184,183),
        rgb(230,184,183) 4px,
        #000 4px,
        #000 4.5px
    );
}

#tableRegistre .ligneEchafaudage .colonneCalorifuge.bleu{
    background: repeating-linear-gradient(
        135deg,
        rgb(141,180,226),
        rgb(141,180,226) 4px,
        #000 4px,
        #000 4.5px
    );
}

#tableRegistre .ligneEchafaudage .colonneCalorifuge.orange{
    background: repeating-linear-gradient(
        135deg,
        rgb(250,191,143),
        rgb(250,191,143) 4px,
        #000 4px,
        #000 4.5px
    );
}

/*Ligne Calo*/
#tableRegistre .ligneCalorifuge .colonneEchafaudage.vert{
    background: repeating-linear-gradient(
        135deg,
        rgb(216,228,188),
        rgb(216,228,188) 4px,
        #000 4px,
        #000 4.5px
    );
}

#tableRegistre .ligneCalorifuge .colonneEchafaudage.bleu{
    background: repeating-linear-gradient(
        135deg,
        rgb(141,180,226),
        rgb(141,180,226) 4px,
        #000 4px,
        #000 4.5px
    );
}

#tableRegistre .ligneCalorifuge .colonneEchafaudage.orange{
    background: repeating-linear-gradient(
        135deg,
        rgb(250,191,143),
        rgb(250,191,143) 4px,
        #000 4px,
        #000 4.5px
    );
}

/* MRE 21-04-2021 cache aussi le texte simple pour les indicateurs calculés */
/* simplifié pour cacher tout le contenu [MRE 2022-09-02 02/09/2022] */
/* #tableRegistre .ligneCalorifuge .colonneEchafaudage p,
#tableRegistre .ligneCalorifuge .colonneEchafaudage input,
#tableRegistre .ligneCalorifuge .colonneEchafaudage select,
#tableRegistre .ligneEchafaudage .colonneCalorifuge p,
#tableRegistre .ligneEchafaudage .colonneCalorifuge input,
#tableRegistre .ligneEchafaudage .colonneCalorifuge select */
#tableRegistre .ligneCalorifuge .colonneEchafaudage *,
#tableRegistre .ligneEchafaudage .colonneCalorifuge *{
    display: none;
}
/*
#tableRegistre .littleNumber{
    min-width: 35px;
    max-width: 90%;
    width:auto;
}

#tableRegistre .datepicker{
    min-width: 90px;
    max-width: 90%;
    width:auto;
}

#tableRegistre .datepicker{
    min-width: 90px;
    max-width: 90%;
    width:auto;
}*/


.tableCoef td{
    text-align: left;
    padding: 5px;
}


.tableCoef.bordered td{
    border : black 1px solid;
}

.hideForPrint{
    display: none !important;
}
.paddinglessMarginlessForPrint{
    padding: 0px !important;
    margin: 0px !important;
}

div.module_page_gauche{width:69%;height:auto;float:left}
div.module_page_droite{width:30%;float:right;margin-top:5px;margin-right:3px;}

/* MRE 25/11/2021 - ajout astérisk pour signifier des champs obligatoires */
.required label::after{
    content :' *';
    display: inline;
    color : #e32;
}

.requiredSpe label::after{
    content :' *';
    display: inline;
    color : rgb(238, 116, 34);
}

.dropzone
{border-radius:3px;border:1px solid var(--colorInput);min-height:20px;font-weight:normal;font-size:12px; font-family:'OpenSans', sans-serif;outline:none;}

/* [MRE 2022-09-02 02/09/2022] */
.icon_alerte_registre{
	color:var(--couleurPrincipaleAppli);
	font-size: 11pt;
	margin:1px;
}

/* FN - 10/10/2022 - Ajout d'une class afin de pouvoir mettre en évidence le champs charge maximale d'exploitation validation
lorsqu'il est inférieur au champs "charge maximale d'exploitation" */
.charge_exploitation_red
{
    background-color : #ff3535 !important;
}

/* FN - 17/01/2023 - Ajout de CSS pour les boutons de configuration des colonnes du dataTable du registre simple */
button.dt-button:focus:not(.disabled), div.dt-button:focus:not(.disabled), a.dt-button:focus:not(.disabled), input.dt-button:focus:not(.disabled)
{
    background: black !important;
    text-shadow: none !important;
}

.dt-button.buttons-columnVisibility:not(.active)
{
    background:#636363 !important;
}

/* FN - 08/03/2023 - Ajout d'une condition pour la croix de la popin des cartographies, afin qu'elle reste à la même position */
/* GL - 16-01-2024 - La règle ne marche pas..*/
/* .popin_cartographie > .popin-content > .popin_close_cross 
{
    position : fixed;
    right: 25%;
} */

/* LB 2023-11-30 Ajout de classe pour la génération de mail/avenants en masse*/
.generation_bulk_avenants{width: 35px; height: 35px; background: url("../inc_images/design/picto/pdf.png") no-repeat center center; display: inline-block;vertical-align: top;background-size: contain;}
.generation_bulk_courriel{width: 35px; height: 35px; background: url("../inc_images/design/picto/mail-white.png") no-repeat center center; display: inline-block;vertical-align: top;background-size: contain;}

/* GL - 02-02-2024 - Correctif tinyMCE */
.mce-menu, .mce-floatpanel {
    position: fixed !important;
}

.voir_tout_notif
{
    display: flex;
    padding: 5px;
    align-items: center;
    justify-content: center;
    background: var(--couleurPrincipaleAppli);
    color: white !important;
    font-size: 2em;
}

#form_ajout_commande input:invalid
{
    border-color : var(--couleurInvalide) !important;
    background-color: rgb(255, 202, 202);
}

.pincode_container
{
    display:grid;
    margin: auto;
    gap:15px;
    width: fit-content;
    padding: 15px;
    grid-template-columns: repeat(3, 40px);
    grid-template-rows: repeat(4, 40px);
}
.pincode_cell
{
    border: 1px solid gray;
    border-radius: 5px;
    background-color: lightgrey;
    width: 40px;
    height: 40px;
    padding: 0;
}
.pincode_interactive
{
    cursor: pointer;
    transition: background-color ease-in .1s;
}
.pincode_interactive:hover, .pincode_clear:hover
{
    background-color: rgb(240, 239, 239);
}
.pincode_interactive:active, .pincode_clear:active
{
    background-color: var(--couleurAppliTransparence2);
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.6);
}
.pincode_number
{
    background-image:url('../inc_images/09imgblack.png');
    background-repeat:no-repeat;
    width: 100%;
    height: 100%;
    margin: auto;
}

.pincode_dot_visu
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin: auto;
    width: fit-content;
    position: relative;
}
.pincode_clear
{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 1px solid gray;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: -35px;
    top: -3px;
    background: rgb(222,222,222);
    font-size: 14px;
    cursor: pointer;
}
.pincode_clear >  i
{
    margin-left: 1px;
    color: darkred;
}
.pincode_dot
{
    border-radius: 100%;
    width: 15px;
    height: 15px;
}
.pincode_dot.off
{
    background: rgb(196, 196, 196);
}
.pincode_dot.on
{
    background: var(--couleurPrincipaleAppli);
}

#btn_connexion[disabled]
{
    filter: grayscale(0.7);
    cursor: default;
}

/* LB - 17/01/2025 - ajout du style pour l'import */

.ImportAnalyse {
    width: 100%;
    margin-top: 20px;
    /* border: 1px solid #A9A9A9; */
    display: inline-block;
    align-content: center;
    text-align: center;
}

.ImportTitle {
    width: 100%;
    height: 30px;
    color: white;
    background-color: var(--couleurPrincipaleAppli);
    display: inline-block;
    align-content: center;
    text-align: center;
    border: 2px solid #A9A9A9;
    font: normal normal 15px "Avenir", sans-serif;
}

.ImportTitle > #ligneToImport {
    position: absolute;
    left: 15px;
}

.ImportAutre {
    width: 95%;
    display: inline-block;
    align-content: center;
    text-align: center;
    color: black;
    border: 2px groove rgb(192, 192, 192);
    margin-top: 4px;
    margin-bottom: 1px;
    margin-left: auto;
    margin-right: auto;
    font: normal normal 12px "Avenir", sans-serif;
}

.ImportAutre > .ImportAutreLegend {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

.ImportAutre > .ImportAutreContent {
    vertical-align: top;
    max-width: 100%;
}

.ImportLine {
    width: 95%;
    display: inline-block;
    align-content: center;
    text-align: center;
    color: black;
    margin-top: 4px;
    margin-bottom: 1px;
    margin-left: auto;
    margin-right: auto;
    font: normal normal 12px "Avenir", sans-serif;
}

.ImportLine > .ImportLineHeader {
    width: 100%;
    display: inline-block;
    align-content: center;
    text-align: center;
    color: black;
    border: 2px groove rgb(192, 192, 192);
    margin-left: auto;
    margin-right: auto;
    font: normal normal 14px "Avenir", sans-serif;
}

.ImportLine > .ImportLineHeader.Update {
    width: 100%;
    display: inline-block;
    align-content: center;
    text-align: center;
    color: black;
    border: 2px groove rgb(97, 176, 222);
    margin-left: auto;
    margin-right: auto;
    font: normal normal 14px "Avenir", sans-serif;
}

.ImportLine > .ImportLineHeader.Erreur {
    border: 2px groove rgb(205, 92, 92);
}

.ImportLine > .ImportLineHeader.Create {
    border: 2px groove rgb(97, 176, 222);
}

.ImportLine .ImportLineContent {
    width: 98%;
    display: inline-block;
    align-content: center;
    text-align: left;
    color: black;
    border: 1px solid rgb(192, 192, 192);
    margin-left: auto;
    margin-right: auto;
    font: normal normal 12px "Avenir", sans-serif;
}

.ImportLine#header .ImportLineContent.ignored {
    background-color: #A9A9A9;
    border: 1px dashed rgb(192, 192, 192);
    font-style: italic;
}

.ImportLine .ImportLineContent.Erreur {
    background-color: #d79c9c;
    border: 1px dashed rgb(219, 78, 78);
    font-style: bold;
}

/* FN - 04/04/2022 - Ajout d'une class no_wrap pour le dataTable des plan actions / améliorations */
.no_wrap
{
    white-space: nowrap;
}