/* Fonts */
@font-face {
	font-family: "Avenir";
	font-weight: normal;
	font-style: normal;
	src: url('../inc_css/Font/Avenir-Medium.ttf');
}
@font-face {
	font-family: "Avenir";
	font-weight: normal;
	font-style: italic;
	src: url('../inc_css/Font/Avenir-MediumOblique.ttf');
}
@font-face {
	font-family: "Avenir";
	font-weight: bold;
	font-style: normal;
	src: url('../inc_css/Font/Avenir-Heavy.ttf');
}
@font-face {
	font-family: "Avenir";
	font-weight: bold;
	font-style: italic;
	src: url('../inc_css/Font/Avenir-HeavyOblique.ttf');
}
@font-face {
	font-family: "Avenir";
	font-weight: 300;
	font-style: normal;
	src: url('../inc_css/Font/Avenir-Light.ttf');
}
@font-face {
	font-family: "Avenir";
	font-weight: 300;
	font-style: italic;
	src: url('../inc_css/Font/Avenir-LightOblique.ttf');
}
@font-face {
	font-family: "DIN Condensed";
	src: url('../inc_css/Font/DINPro_Cond.otf');
}
@font-face {
	font-family: "DIN Condensed";
	font-weight: bold;
	src: url('../inc_css/Font/DIN Condensed Bold.ttf');
}
@font-face {
	font-family: "DIN Condensed Black";
	src: url('../inc_css/Font/DINPro_CondBlack.otf');
}
@font-face {
	font-family: "DIN Condensed Black";
	font-weight: bold;
	src: url('../inc_css/Font/DIN Alternate Bold.ttf');
}

/* Mise en place du design principal */
*{position: relative/*;box-sizing: border-box*/}
body{ font-family: 'Avenir', sans-serif;background: transparent;}
a:hover{text-decoration: none;}
a{color: var(--couleurPrincipaleAppli,rgba(97,176,222,1))}
a:visited{color: var(--couleurPrincipaleAppli,rgba(97,176,222,1))}
input, textarea, select {border-radius: 5px;}
/* Connexion / Inscription / mdp oublié */
.bgConnexion{height: 100vh; background: transparent; text-align: center;}
.bgSpec{background: url("../inc_images/design/background.png") no-repeat; background-size: 100% auto;background-attachment: fixed}
.divConnexion{margin: auto;width: 430px; height: 520px; padding-top: 90px; background: linear-gradient(to top, rgba(255,0,0,0), rgba(0,0,0,0.5));}
.logoConnexion{height: 150px; background: url("../inc_images/design/title.png") no-repeat top center; background-size: contain; display: block; margin: auto; margin-bottom: 50px;}
.saisie_formulaire{width: 400px; margin: auto}
.input-box{border-bottom: 1px solid #4a4b4d; display: inline-block; width: 250px; color: #b2b2b2; font-size: 16px; text-align: left;}
.popin .input-box{color: #000000 !important;}
.input-box2{border-bottom: 1px solid #4a4b4d; display: inline-block; width: 400px; color: #b2b2b2; font-size: 16px; text-align: left;}
input.input_connexion,select.input_connexion{background: transparent; text-align: right; border: 0; color: #b2b2b2; font-size: 16px; width: 120px; font-weight: normal; border-radius: 0; position: relative; float: right;}
.popin input.input_connexion,select.input_connexion{background: #F4F4F4 !important; text-align: right; border: 0; color: #000000 !important; font-size: 16px; width: 120px; font-weight: normal; border-radius: 0; position: relative; float: right;}
input.input_connexion2{background: transparent; text-align: right; border: 0; color: #b2b2b2; font-size: 16px; width: 280px; font-weight: normal; border-radius: 0; position: relative; float: right;}
/*.divConnexion:after{width: 650px; height: calc(50vh - 352px); height: -webkit-calc(50vh - 352px);content: ""; position: absolute; top: calc(100% + 90px);top: -webkit-calc(100% + 90px); left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%); background: url("../inc_images/design/logo_w_transparent.png") no-repeat center top -120px;}*/
a.lienConnexion, .lienConnexion{color: #b2b2b2; font-size: 23px;margin-bottom: 10px; display: inline-block}
.divConnexion h2{color: #fff; margin-top: 10px;}
.divConnexion.divInscription{padding-top: 60px;font-size: 16px; color: #fff}
.divConnexion.divInscription .logoConnexion{width: 350px; height: 60px;margin-bottom: 20px;}
.labelInscription{font-size: 16px;color: #b2b2b2;  cursor: pointer; transition: 0.2s; border: 1px solid #4a4b4d;padding: 10px; display: block;}
.labelInscription:hover,.divConnexion input[type="radio"]:checked ~ label{color: #fff;border: 1px solid #fff; }
.containerRadio{display: inline-block; width: 48%;margin: 18px 0px; }
.containerRadio:first-child{margin-right: 2px;}
.containerRadio:last-child{margin-left: 2px;}
.checkMention{padding: 0 60px;}
.lien_mdp_oublie{color: #fff; }

.btnConnexion{width: 270px;height: 40px;border: none;color: #fff;font-family: "Avenir", sans-serif;font-size: inherit;cursor: pointer;text-align: center;background-color: rgba(97,166,222,0.5);}
.popin .btnConnexion{width: 270px;height: 40px;border: none;color: #fff;font-family: "Avenir", sans-serif;font-size: inherit;cursor: pointer;text-align: center;background-color: var( --couleurPrincipaleAppli,rgba(97,166,222,1)) !important;}
.btnConnexion:focus{outline: none;}

.divConnexion.divInscription .divBtnConnexion{width: 150px; height: 150px; left: 90%; bottom: 45px;}
.divConnexion.divInscription .btnConnexion{line-height: 150px;}
html.hasPopin{overflow: hidden !important;}

.popin .lien_mdp_oublie, .popin .lien_pin_oublie {background:none;border:none;cursor:pointer;color:#000000}

/* Conteneurs principaux de l'appli (avec menu)' */
.topFixed{position: fixed; width: 100%; top: 0; left: 0; z-index: 200}
.menuSite{ width: auto; margin-left: auto; padding-right: 300px; display: table;background: #fff; }
.menuSite .lien{margin: 3px 10px; color: #6f6f6f; font-size: 16px; text-decoration: underline; display: inline-block}
.div_principal{padding-top: 0px;text-align: left;padding-bottom: 50px;}
/* LB - 07/08/2024 - suppression des min-height dans div principal + ajout d'un padding special pour la carto*/
.div_principal.hasMenu{padding-left: 75px; padding-top: 90px;padding-right: 5px; padding-bottom: 50px;}
.div_principal.hasMenu.idPage_144{padding-left: 71px; padding-top: 78px;padding-right: 5px; padding-bottom: 0px;}
.topAppli{height: 77px; background: #000 url("../inc_images/design/header-background.png") no-repeat center right; background-size: 100% 100%; text-align: left; transition: 0.3s linear}
.pictoMenu{display: inline-block; vertical-align: top; width: 70px; height: 100%; background: var(--couleurPrincipaleAppli,rgba(97,176,222,1)) url("../inc_images/design/menu/menu-burger.png") no-repeat center center; cursor: pointer;}
.pictoMenu.open{background: var(--couleurPrincipaleAppli,rgba(97,176,222,1)) url("../inc_images/design/menu/menu-burger-blanc.png") no-repeat center center;}
.logoMenu{display: inline-block; vertical-align: top; height: 100%; width: 170px; background: url("../inc_images/design/logo_standard_03.png") no-repeat center center;margin-left: 20px;background-size: contain;}
.logoMenu a{display: block; width: 100%; height: 100%;}
.scrolling .topAppli{height: 50px;transition: 0.3s linear}
.scrolling #menuGauche{top: 50px;}

label.champInvalide{color: #e56a54;}
input.champInvalide, textarea.champInvalide{border-color: #e56a54}
td.champInvalide input, td.champInvalide textarea, td.champInvalide select, td.champInvalide button, td.champInvalide table{border-color: #e56a54;color:#e56a54;}

.notifModif{display: inline-block; color: #e56a54; font-size: 11px; padding-right: 20px;width: 300px;position: absolute; top: 5px; right: 0;text-align: right;}
.notifModif .fermerNotif{position: absolute; top: 5px; right: 0;width: 10px; height: 10px;cursor: pointer; background: url("../inc_images/design/picto/annuler2.png") no-repeat center center; background-size: contain;}

.picto_plus{display: inline-block; color: var(--couleurPrincipaleAppli,rgba(97,176,222,1)); font-size: 25px;line-height: 20px;}

.completionProfil:hover .showHover{display: block;}
.completionProfil .showHover{position: absolute; right: 50%; top: 50%;color: #e56a54; background: rgba(0,0,0,0.8); width: 300px; height: auto; border-radius: 5px;text-transform: none;text-align: left;padding: 10px;}
.completionProfil .ligneCompletion:before{content: "- "}
.scrolling .completionProfil .ligneCompletion{font-size: 14px;}

.tdInfos{width: 450px; text-align: right; padding: 2px 5px;}
.tdInfos textarea{width: 100%;height: 35px;}

#formChangeMdp{text-align: center}
.listeConditions{text-align: right;}

.fctHover{position: absolute; right: 0; top: 0; width: 20px; height: 20px;}
.fctHover:hover .hoverFct{display: block;z-index: 45800}
.fctHover .hoverFct{position: absolute;z-index: 45; left: 50%; top: 50%;color: #fff; background: rgba(0,0,0,0.8); width: 300px; height: auto; border-radius: 5px;text-transform: none;text-align: left;padding: 10px;}

.fctHoverText:hover .hoverFctRight{display: block;z-index: 45800}
.fctHoverText .hoverFctRight{position: absolute;z-index: 45; left: 50%; top: 50%;color: #fff; background: rgba(0,0,0,0.8); width: 300px; height: auto; border-radius: 5px;text-transform: none;text-align: left;padding: 10px;}
.fctHoverText:hover .hoverFctLeft{display: block;z-index: 45800}
.fctHoverText .hoverFctLeft{position: absolute;z-index: 45; right: 50%; top: 50%;color: #fff; background: rgba(0,0,0,0.8); width: 300px; height: auto; border-radius: 5px;text-transform: none;text-align: left;padding: 10px;}


.fieldsetRemorque.semi{background: url("../inc_images/design/picto/semi.png") no-repeat right 10px top}
.fieldsetRemorque.remorque{background: url("../inc_images/design/picto/remorque.png") no-repeat right 10px top}
.fieldsetTrajet{background: url("../inc_images/design/picto/trajet.png") no-repeat right 10px top 10px}

#Notifications{position: fixed; bottom: 0; right: 0; width: 300px; height: 0px;transition: 0.3s; z-index: 46000}
#Notifications .pictoFermer{display: none;position: absolute;width: 30px; height: 30px; top: -15px; left: -15px;background: url("../inc_images/design/picto_fermer.png") no-repeat center center;background-size: contain;z-index: 40; cursor: pointer;}
#Notifications .contentPicto{display: none;width: 60px;position: fixed; bottom: 0; right: 0;background: rgba(64,64,64,1);padding-top: 5px;padding-left: 10px;cursor: pointer;height: 40px;transition: 0.3s}
#Notifications.open .contentPicto{right: -60px;}
#Notifications.open{height: 300px;}
#Notifications.open .pictoFermer{display: block;}
#Notifications .pictoNotif{width: 30px; height: 30px;background: url("../inc_images/design/picto/mail-white.png") no-repeat center center; background-size: contain;}
#Notifications.hasNotif .pictoNotif{background: url("../inc_images/design/picto/mai.png") no-repeat center center; background-size: contain;}
#Notifications .nbNotif{display: none;}
#Notifications.hasNotif .nbNotif{position: absolute;top: 3px; left: 30px;color: #fff; width: 20px; height: 20px; background: #e56a54; border-radius: 50%;display: block;line-height: 20px; text-align: center; animation: zoom 1s infinite}
#listeNotifs{width: 100%; height: 300px; overflow-y: auto;position: absolute; top: 0;background: rgba(64,64,64,0.8);}

#listeNotifs .info,
.notif{background: rgba(0,0,0,0.8);padding: 10px;border-bottom: 1px solid; color: var(--couleurPrincipaleAppli,rgba(97,176,222,1))}
.notif.vue{background: transparent; color: #fff}
.notif a{color: var(--couleurPrincipaleAppli,rgba(97,176,222,1));display: block;}
.notif p{color: var(--couleurPrincipaleAppli,rgba(97,176,222,1));display: block;}
.notif.vue a{color: #fff;}

.rondPictoNotification{color: var( --couleurNotif, rgb(0,133,173));text-transform: uppercase;width: 80px;font-size: 12px;display: inline-block;cursor: pointer; top : 10px;}
.rondPictoNotification .rond{background: var( --couleurNotif, rgb(0,133,173)) url("../inc_images/design/picto/cloche.png") no-repeat center center;width: 50px; height: 50px; line-height: 70px;background-size: 50%}
.rondPictoNotification.hasNotif .rond{background: var( --couleurNotif, rgb(0,133,173)) url("../inc_images/design/picto/cloche.png") no-repeat center center;background-size: 50%}
.rondPictoNotification .nbNotif{display: none;font-size: 12px;}
.rondPictoNotification.hasNotif .nbNotif{position: absolute;top: 12px; left: 35px;color: #fff; width: 25px; height: 25px; background: #e56a54; border-radius: 50%;display: block;line-height: 25px; text-align: center; animation: zoom 1s infinite}
.scrolling .rondPictoNotification .rond{width: 28px; height: 28px;line-height: 28px; font-size: 12px;}
.scrolling .rondPictoNotification{font-size: 0px;color: transparent; width: auto;margin-right: 15px;margin-left: -5px;}
.scrolling .rondPictoNotification.hasNotif .nbNotif{left: 15px;}

.rondPictoRegistrePersonnel{color: var( --couleurNotif, rgb(0,133,173));text-transform: uppercase;width: 80px;font-size: 12px;display: inline-block;cursor: pointer; top : 10px;}
.rondPictoRegistrePersonnel .rond{background: var( --couleurNotif, rgb(0,133,173)) url("../inc_images/design/picto/logo_menu_noa_registre_personnel_white.svg") no-repeat center center;width: 50px; height: 50px; line-height: 70px;background-size: 50%}
.rondPictoRegistrePersonnel .rond a
{
	width: 100%;
	height: 100%;
	display: block;
}

#menuGauche{background-color: var(--couleurPrincipaleAppli,rgba(97,176,222,1)); box-shadow: none;overflow: hidden;width: 70px;transition: 0.3s;text-align: left; position: fixed; top: 77px;height: 100%; transition: 0.3s linear;z-index: 3}
#menuGauche.open, #menuGauche:hover{width: 300px;background : var(--couleurPrincipaleAppli,rgba(97,176,222,1))}
#menuGauche.open .lien, #menuGauche:hover .lien{opacity: 1;}
#menuGauche table{width: 100%;}
.menu_gauche{padding: 0;margin: 0;display: flex;flex-wrap: nowrap; flex-direction: row; height: 50px;line-height: 50px;transition: 0.3s}
.menu_gauche.selected, .menu_gauche:hover{background: #b9b9b9}

/* FN - 22/03/2022 - CSS pour le menu à deux étages */
.menu_gauche.menu_element:hover{background: rgb(156, 156, 156)}
.menu_container:hover{background-color: #b9b9b9;}

.menu_gauche .picto{opacity: 0.5; width: 70px;background: url("../inc_images/design/menu/picto_param.png") no-repeat center center;}
.menu_gauche.selected .picto, .menu_gauche:hover .picto{opacity: 1}
.menu_gauche .lien{opacity: 0; transition: 0.5s ease-in; color: #fff; width: 230px; text-align: left; text-decoration: none !important; padding-left: 5px;}
.menu_gauche:hover{text-decoration: none;}

.table_liste .liste_modif a.zone_href, .table_liste .liste_delete a.zone_href{display: block; width: 100%; height: 100%;float: none;}

/* Liste des pictos du menu */
.menu_gauche .picto.lienTableauBord{background: url("../inc_images/design/menu/1_TDB.png") no-repeat center center;background-size: 36px;}
/* FN - 01/07/2022 - Menu de configuration des tableaux de bord */
.menu_top .picto.lienTableauBordMenuHaut{background: url("../inc_images/design/menu/1_TDB.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienUtilisateur{background: url("../inc_images/design/menu/2_utilisateur.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienClient{background: url("../inc_images/design/menu/3_client.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienIntervenant{background: url("../inc_images/design/menu/4_intervenant.png") no-repeat center center;background-size: 36px;}
.menu_top .picto.lienListe{background: url("../inc_images/design/menu/5_liste.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienRegistre{background: url("../inc_images/design/menu/6_registre.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienCND{background: url("../inc_images/design/picto/logo_menu_CND.svg") no-repeat center center;background-size: 32px;}
.menu_gauche .picto.lienCartographie{background: url("../inc_images/design/picto/logo_menu_cartographie.svg") no-repeat center center;background-size: 32px;}
.menu_gauche .picto.lienEchafaudage{background: url("../inc_images/design/menu/7_echafaudage.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienCalorifuge{background: url("../inc_images/design/menu/8_calorifuge.png") no-repeat center center;background-size: 36px;}
.menu_top .picto.lienConfigMail{background: url("../inc_images/design/menu/mail.png") no-repeat center center;background-size: 32px;}
.picto.lienExport{background: url("../inc_images/design/picto/logo_export.svg") no-repeat center center;background-size: 32px; left: 3px;}
.menu_top .picto.lienBordereau{background: url("../inc_images/design/picto/logo_menu_bordereaux.svg") no-repeat center center;background-size: 32px;}

.menu_gauche .picto.lienListeChargeur{background: url("../inc_images/design/picto/liste-societe2.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienListeTransporteur{background: url("../inc_images/design/picto/liste-transport.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienListeCotation{background: url("../inc_images/design/picto/liste-cotation-jaune.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienDemandeCotation{background: url("../inc_images/design/picto/cotations.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienDemandeEnCours{background: url("../inc_images/design/picto/liste-cotation.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienReponse{background: url("../inc_images/design/picto/reponse.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienHistorique{background: url("../inc_images/design/picto/histo.png") no-repeat center center;background-size: 36px;}
.menu_gauche .picto.lienCompta{background: url("../inc_images/design/picto/doc.png") no-repeat center center;background-size: 36px;}

/* Liste des icones pour le menu de gauche NOA */
/* FN - 03/02/2022 - Ajout logo menu congés */
/* On peut mettre directement des SVG */
/* FN - 22/03/2022 - Ajout de logo pour les catégories */
.picto.lienCategoriePrestation{background: url("../inc_images/design/picto/logo_categorie_prestation.svg") no-repeat center center;background-size: 35px;opacity: 0.5;width:70px;}
.picto.lienCategorieQSSE{background: url("../inc_images/design/picto/logo_categorie_qsse.svg") no-repeat center center;background-size: 35px;opacity: 0.5;width:70px;left: 5px;}
.picto.lienCategorieRh{background: url("../inc_images/design/picto/logo_categorie_rh.svg") no-repeat center center;background-size: 38px;opacity: 0.5;width:70px;}
/* FN - 03/05/2022 - Ajout du logo pour le menu des collaborateurs */
.picto.lienCategorieCollaborateur{background: url("../inc_images/design/picto/logo_categorie_collaborateur.svg") no-repeat center center;background-size: 38px;opacity: 0.5;width:70px;}
.picto.lienCategorieCommerce{background: url("../inc_images/design/picto/logo_categorie_commerce.svg") no-repeat center center;background-size: 38px;opacity: 0.5;width:70px;}
.picto.lienCategorieManager{background: url("../inc_images/design/picto/logo_menu_manager.svg") no-repeat center center;background-size: 38px;opacity: 0.5;width:70px;}

/* FIN */
.menu_gauche .picto.lienConges{background: url("../inc_images/design/picto/logo_menu_conges_noa.png") no-repeat center center;background-size: 30px;}
.menu_gauche .picto.lienFicheMetier{background: url("../inc_images/design/picto/logo_menu_noa_fiche_metier.svg") no-repeat center center;background-size: 28px;}
/* FN - 18/03/2022 - Modification de l'icône pour les pré-embauches */
.menu_gauche .picto.lienPreEmbauche{background: url("../inc_images/design/picto/logo_menu_noa_pre_embauche.svg") no-repeat center center;background-size: 28px;}
.menu_gauche .picto.lienEntretienRecrutement{background: url("../inc_images/design/picto/logo_menu_noa_entretien_recrutement.svg") no-repeat center center;background-size: 32px;}
/* FN - 18/03/2022 - Modification de l'icône pour la CVtheque */
.menu_gauche .picto.lienCVtheque{background: url("../inc_images/design/picto/logo_menu_noa_CVtheque.svg") no-repeat center center;background-size: 34px;}
.menu_gauche .picto.lienRegistrePersonnel{background: url("../inc_images/design/picto/logo_menu_noa_registre_personnel.svg") no-repeat center center;background-size: 30px;}

.menu_gauche .picto.lienCalendrier{background: url("../inc_images/design/picto/logo_menu_noa_calendrier.svg") no-repeat center center;background-size: 30px;}
.menu_gauche .picto.lienContrat{background: url("../inc_images/design/picto/logo_menu_noa_contrat.svg") no-repeat center center;background-size: 30px;}
.menu_gauche .picto.lienEntretienRh{background: url("../inc_images/design/picto/logo_menu_noa_entretien_rh.svg") no-repeat center center;background-size: 32px;}
.menu_gauche .picto.lienFormation{background: url("../inc_images/design/picto/logo_menu_noa_formation.svg") no-repeat center center;background-size: 34px;}
.menu_gauche .picto.lienFinContrat{background: url("../inc_images/design/picto/logo_menu_noa_fin_contrat.svg") no-repeat center center;background-size: 30px;}
.menu_gauche .picto.lienPrestation{background: url("../inc_images/design/picto/logo_menu_noa_prestation.svg") no-repeat center center;background-size: 30px;}
.menu_gauche .picto.lienSalariesAbsences{background: url("../inc_images/design/picto/logo_menu_liste_salaries_absences.svg") no-repeat center center;background-size: 30px;}

/* FN - 03/05/2022 - Ajout du logo pour le menu de la GED */
.menu_gauche .picto.lienGed{background: url("../inc_images/design/picto/logo_menu_ged.svg") no-repeat center center;background-size: 30px;}

/* FN - 15/02/2022 - Ajout de css pour l'icône du menu des pointages */
.menu_gauche .picto.lienPointage{background: url("../inc_images/design/picto/logo-menu-pointage.svg") no-repeat center center;background-size: 30px;}

/* FN - 07/03/2022 - Ajout de l'icône pour le menu des notes de frais */
.menu_gauche .picto.lienNoteDeFrais{background: url("../inc_images/design/picto/logo_menu_noa_note_de_frais.svg") no-repeat center center;background-size: 28px;}

/* FN - 16/03/2022 - Ajout de l'icône pour le menu des délégations et des attestations */
.menu_gauche .picto.lienDelegAttest{background: url("../inc_images/design/picto/logo_menu_deleg_attest.svg") no-repeat center center;background-size: 28px;}

/* FN - 24/03/2022 - Ajout de l'icône pour le menu du plan d'action */
.menu_gauche .picto.lienPlanActionAmelioration{background: url("../inc_images/design/picto/logo_menu_noa_plan_action_amelioration.svg") no-repeat center center;background-size: 31px;}
/* FN - 05/04/2022 - Ajout du logo pour le menu des plans individuels */
.menu_gauche .picto.lienPlanIndividuel{background: url("../inc_images/design/picto/logo_menu_noa_plan_individuel.svg") no-repeat center center;background-size: 31px;}
/* FN - 06/04/2022 - Ajout du logo pour le menu du challenge SSE */
.menu_gauche .picto.lienChallengeSSE{background: url("../inc_images/design/picto/logo_menu_noa_challenge_sse.svg") no-repeat center center;background-size: 35px;}
/* FN - 11/04/2022 - Ajout du logo pour le menu d'accidentologie */
.menu_gauche .picto.lienAccidentologie{background: url("../inc_images/design/picto/logo_menu_noa_accidentologie.svg") no-repeat center center;background-size: 35px;}

/* FN - 29/03/2022 - Ajout de l'icône pour le menu des objectifs QSSE */
.menu_gauche .picto.lienObjectifsQSSE{background: url("../inc_images/design/picto/logo_menu_noa_plan_objectifs_qsse.svg") no-repeat center center;background-size: 34px;}

/* Icones accueil et attribution de materiel [MRE 2022-03-25 25/03/2022]  */
.menu_gauche .picto.lienAccueil{background: url("../inc_images/design/picto/logo_menu_noa_accueil.svg") no-repeat center center;background-size: 28px;}
.menu_gauche .picto.lienMateriel{background: url("../inc_images/design/picto/logo_menu_noa_materiel.svg") no-repeat center center;background-size: 28px;}
/* FN - 09/12/2022 - Ajout logo menu de gauche lienAppelsOffres */
.menu_gauche .picto.lienAppelsOffres{background: url("../inc_images/design/picto/logo_menu_appel_offre.svg") no-repeat center center;background-size: 28px;}
/* LB - 05/12/2023 - Ajout logo menu de gauche pour liste Salarié*/
.menu_gauche .picto.lienSalarieAugmentation{background: url("../inc_images/design/picto/logo_menu_liste_salarie.svg") no-repeat center center;background-size: 28px;}
/* LB - 05/12/2023 - Ajout logo menu de gauche pour titre habilitation*/
.menu_gauche .picto.lienTitreHabilitation{background: url("../inc_images/design/picto/logo_menu_titre_habilitation.svg") no-repeat center center;background-size: 28px;}


/* Liste des couleurs du menu */
/*.menu_gauche .lien.lienListeCotation{color: #e56a54;}*/
.menu_gauche .lien.lienDemandeCotation{color: #e56a54;}
.menu_gauche .lien.lienDemandeEnCours{color: #e56a54;}
.menu_gauche .lien.lienHistorique{color: #7ec9cd;}

/* Menu haut (droite) */
.menuCompte{position: absolute; top: 0; right: 0; width: 200px; background: var(--couleurPrincipaleAppli,rgba(97,176,222,1)); height: 100%;}
.versionAppli{font-size: 10px; text-transform: uppercase; top: 10%;display: block;text-align: center;color:white;}
.titreMenuCompte{font-size: 20px; text-transform: uppercase; top: 12.5%;display: block;text-align: center;color:white;}
.nomCompte{bottom: 5px;position: absolute; right: 0; left: 0; text-align: center; color: #fff; transition: 0.3s; font-weight: bold;}
.scrolling .nomCompte{bottom: 5px;}
.menu_top{position: absolute; top: 100%; left: 0; max-height: 0; transition: 0.3s; overflow: hidden;background: var(--couleurPrincipaleAppli,rgba(97,176,222,1));width: 100%;}
.menuCompte:hover .menu_top{max-height: 500px;padding: 15px 0;}
.menu_top_item.selected, .menu_top_item:hover{background: #b9b9b9}

.menu_top .menu_top_item{min-height: 40px;display: flex;flex-wrap: nowrap; flex-direction: row;align-items: center;}
.menu_top .menu_top_item .lien{color: #fff; font-size: 16px; text-align: left; flex-grow: 1; padding-right: 5px;width: 160px;}
.menu_top .menu_top_item .picto{opacity: 0.5; width: 50px;padding-right: 10px;height: 30px;}
.menu_top_item.selected .picto, .menu_top_item:hover .picto{opacity: 1}

/* Liste des pictos du menu haut */
.menu_top .picto.lienDeconnexion{background: url("../inc_images/design/menu/picto_deco.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienTraduction{background: url("../inc_images/design/menu/trad-blue.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienNotification{background: url("../inc_images/design/picto/mail-black-param.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienCustomSignature{background: url("../inc_images/design/picto/logo_menu_signature.svg") no-repeat center center;background-size: contain;left: 3px;}
.menu_top .picto.lienMail{background: url("../inc_images/design/picto/mail-black-param.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienParam{background: url("../inc_images/design/menu/parametre-blue.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienInfoCompte{background: url("../inc_images/design/picto/compte.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienListeContact{background: url("../inc_images/design/picto/liste-contact2-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienListeAdresseEnlevement{background: url("../inc_images/design/picto/local-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienListeCarnetAdresse{background: url("../inc_images/design/picto/adresse-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienParamDemande{background: url("../inc_images/design/picto/cotation-black-param.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienParamAppli{background: url("../inc_images/design/picto/mail-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienMoyensTechniques{background: url("../inc_images/design/picto/camion.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienAvis{background: url("../inc_images/design/picto/avis.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienAdmin{background: url("../inc_images/design/picto/doc-black.png") no-repeat center center;background-size: contain;}
.menu_top .picto.lienSite{background: url("../inc_images/design/picto/page-sup.png") no-repeat center center;background-size: contain;}



/* Liste des couleurs du menu haut */

/* Indicateurs (infos live) */
.infosLive{position: absolute; top: 0px; right: 230px; transition: 0.3s; text-align: center}
.completionProfil{color: var(--couleurPrincipaleAppli,rgba(97,176,222,1));text-transform: uppercase; margin-right: 20px;}
.completionProfil .rond{background:  var(--couleurPrincipaleAppli,rgba(97,176,222,1)); font-weight: bold;width: 70px; height: 70px; line-height: 70px;margin-bottom: 10px;}
.nbCotationEnCours{color: #e56a54;text-transform: uppercase;width: 80px; margin-right: 20px;}
.nbCotationEnCours .rond{background: #e56a54; font-weight: bold; width: 70px; height: 70px; line-height: 70px;}
.nbCotationEnCours.attention .rond:after{content: ""; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: url("../inc_images/design/picto_attention.png") no-repeat center center; background-size: contain;}
.nbCotationFinies{color: #7ec9cd;text-transform: uppercase;width: 80px;margin-right: 20px;}
.nbCotationFinies .rond{background: #7ec9cd; font-weight: bold; width: 70px; height: 70px; line-height: 70px;}

.scrolling .infosLive{top: 10px;}
.scrolling .completionProfil .rond{width: 20px; height: 20px;line-height: 20px; font-size: 0px;color: transparent}
.scrolling .completionProfil{font-size: 0px;color: transparent; width: auto;top: 4px;}
.scrolling .nbCotationEnCours .rond{width: 28px; height: 28px;line-height: 28px; font-size: 12px;}
.scrolling .nbCotationEnCours{font-size: 0px;color: transparent; width: auto;margin-right: 15px;}
.scrolling .nbCotationFinies .rond{width: 28px; height: 28px;line-height: 28px; font-size: 12px;}
.scrolling .nbCotationFinies{font-size: 0px;color: transparent; width: auto;}
.scrolling .nbCotationEnCours.attention .rond:after{width: 12px; height: 12px;}

.tabsParam .mce-container{margin: auto}

/* Rond de complétion */
.progress-ring{position: absolute; top: -15px; left: -15px;width: 100px; height: 100px; }
.progress-ring__circle {
  stroke-dasharray: 263.89 263.89;
  stroke-dashoffset : 263.89;
  transition: stroke-dashoffset 0.35s;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.scrolling .progress-ring{position: absolute; top: -5px; left: -5px;width: 30px; height: 30px;}
.scrolling .progress-ring__circle {
  stroke-dasharray: 81.68 81.68;
  stroke-dashoffset : 81.68;
  transition: stroke-dashoffset 0.35s;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

/* Contenu des pages */
h2.titrePage{font-size: 38px; text-transform: uppercase;text-align: center; margin: 0}
.conteneurTitrePage{height: 100px;overflow: hidden; text-align: center;}

/* Fieldset */
td.legende, div.legende{
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
/*td.legende:before, div.legende:before{position: absolute; left: 0; top: 0; height: 100%; width: 20px; content: "/";}*/
fieldset.Filtre{max-width: 1000px;margin: auto; text-align: left; min-width: 200px;} /* ajouté un min-width pour que les filtres puissent prendre moins de place [MRE 2022-02-15 15/02/2022] */
/*.DivFiltre{display: flex;flex-direction: row; flex-wrap: wrap;align-items: center; justify-content: flex-start;margin: 2px 0; }

.labelFiltre{display: inline-block; vertical-align: top;font-size: 18px; padding: 0 5px;width: 130px;text-align: right;}
.labelFiltre.petit{width: 65px;}
fieldset.Filtre input, fieldset.Filtre select{height: 35px;box-sizing: border-box;margin: 0}
fieldset.Filtre select{width: 143px;}*/
.contentFiltre{display: inline-block; vertical-align: top; width: 1035px; max-width: 100%;} /*  éviter les debordement des filtres du cadre [MRE 2022-02-16 16/02/2022]  */
.labelFiltre{padding: 5px; text-align: right;font-size: 15px;}
.inputFiltre{height: 30px;padding: 2px;}
.inputFiltre input, .inputFiltre select{height: 100%; border: none; background: #f1f1f1; font-size: 15px;}
.filtreRegistreCND .inputFiltre > input {display: inline;height: 30px;}

.dt-button{border: none; padding: 0px;margin-bottom: 5px;height: 40px; width: 40px;transition: 0.3s; box-sizing: border-box; vertical-align: top;cursor: pointer;}
.dt-button span{display: block; width: 100%; height: 100%;}
.dt-button span .export-excel{width: 100%; height: 100%; background-size: contain;}
.dt-button span .export-csv{width: 100%; height: 100%; background-size: contain;}
.dt-button span .export-pdf{border-radius: 0;width: 100%; height: 100%; background-size: contain;}
.dt-button span .generation_bulk_avenants{border-radius: 0;width: 100%; height: 100%; background-size: contain;}
.dt-button span .generation_bulk_courriel{border-radius: 0;width: 100%; height: 100%; background-size: contain;}


.ui-multiselect{max-width: 200px;}

#cotation td.input_form_popin_classique input{height: 25px;}
#cotation td.input_form_popin_classique{padding: 5px 0px;width: auto;}
#cotation td.lib_form_popin_classique{width: 250px; color: #000}
#cotation .input_form_popin_classique input, #cotation .input_form_popin_classique select{width: auto}
#cotation .input_form_popin_classique input[type='radio']{width: auto; height: auto}
#cotation .input_form_popin_classique input.datepicker{width: auto;}
#cotation #VilleExp, #cotation #VilleDest{width: 226px;}
#cotation #CPExp, #cotation #CPDest{width: 90px;}
#libelleToSave{height: 25px;width: 300px;}

.isAdrVal,.OpenMiniPopin.toggleIfAdrAdd,.OpenMiniPopin.toggleIfAdr{vertical-align: middle;}

.input_form_popin_classique input, .input_form_popin_classique select, .input_form_popin_classique textarea{width: 180px;}

.fleche_bas{width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;}
.fleche_haut{width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;}

.expediteur, .destinataire{border: 1px solid; padding-left: 5%;padding-right: 5%;box-shadow:4px 4px 10px #ccc;transition: 0.2s}
.expediteur:hover, .destinataire:hover{box-shadow: 4px 4px 10px transparent;}
.expediteur > table, .destinataire > table{width: 100%;}
.separation{width: 20px;}

#formParamGen, #formMarges, #formPenalites, #Parametres, #formMails, #formMoyens, .loadMoyens, #formSocieteSimple{text-align: center; margin-top: 50px;}

#Ordre{text-align: center;}
.detailOT{text-align: left;}

.jq-icon-success{background-color: var(--couleurConfirmation,#7ec9cd) !important;}
.jq-icon-error{background-color: #e56a54 !important;}
/* couleur géré par variable pour gérer les thèmes MAIA / NOA + ajout d'un couleur différente au hover [MRE 2022-02-02 02/02/2022] */
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color: var(--couleurConfirmation,#7ec9cd) !important;}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color: var(--couleurConfirmationHover,#53b0b5) !important;}

.jconfirm .jconfirm-box .jconfirm-buttons button:disabled {cursor: not-allowed;text-decoration: line-through;}

.ui-tabs.ui-widget.ui-widget-content:not(.tabsRefonte2025) {border: none !important;padding: 0; background: transparent !important;}
.ui-tabs:not(.tabsRefonte2025) .ui-tabs-nav li{border-radius: 0;border: none; background: transparent;transition: 0.3s; }
.ui-tabs:not(.tabsRefonte2025) .ui-tabs-nav li.ui-tabs-active,.ui-tabs:not(.tabsRefonte2025) .ui-tabs-nav li:hover{background: var(--couleurPrincipaleAppli,rgba(97,176,222,1)) !important; color: #000;}
.ui-tabs:not(.tabsRefonte2025) .ui-tabs-nav li a{font-weight: bold;text-transform: uppercase; color: #707070 !important;}
.ui-tabs:not(.tabsRefonte2025) .ui-tabs-nav .ui-state-active a, .ui-tabs:not(.tabsRefonte2025) .ui-tabs-nav .ui-state-active a:link, .ui-tabs:not(.tabsRefonte2025) .ui-tabs-nav .ui-state-active a:visited{ color: #000 !important; font-weight: bold;}
.ui-tabs:not(.tabsRefonte2025) .ui-tabs-nav{padding: 0 !important; box-shadow: 2px 2px 8px #ccc;}
.ui-widget-header{border: none !important;}
.ui-widget{font-family: "Avenir", sans-serif !important;}
.ui-autocomplete{text-align: left}
.ui-autocomplete.ui-widget-content .ui-state-active{border: none; margin: 0px;}

.ui-multiselect-checkboxes .ui-corner-all span{display: inline-block; vertical-align: text-top; width: calc(100% - 20px); width: -webkit-calc(100% - 20px)}
.ui-widget.ui-widget-content.ui-multiselect-menu{border-radius: 0; padding: 0;border: 1px solid #000;z-index: var(--zIndexMax, 100000000);}
.ui-widget-header.ui-multiselect-header{background: var(--couleurPrincipaleAppli,rgba(97,176,222,1))}
.ui-multiselect.ui-state-active{background: var(--couleurPrincipaleAppli,rgba(97,176,222,1)); border: 1px solid #000; color: #000; border-radius: 0;}
.ui-widget-content .ui-multiselect-checkboxes .ui-state-hover{color: var(--couleurPrincipaleAppli,rgba(97,176,222,1)); background: #000}

.saisieDemande{padding: 20px 50px;}

div.miniPopin div.miniPopinEntete{background: var(--couleurPrincipaleAppli,rgba(97,176,222,1)) !important;}
.miniPopinContent{text-align: center;}
.miniPopinContent select{display: block;margin: auto; width: 200px;margin-bottom: 10px;}
.miniPopin{width: 300px !important;}
div.miniPopin div.miniPopinContent{margin-bottom: 5px !important;}

.etoilesPleines{width: 0;background: url("../inc_images/design/etoiles_pleines.png") no-repeat center left;height: 20px;}
.etoilesPleines.bleu{background: url("../inc_images/design/etoiles_pleines_bleu.png") no-repeat center left;}
.etoilesVides{width: 100px;background: url("../inc_images/design/etoiles_vides.png") no-repeat center left; height: 20px; background-size: contain; cursor: pointer;}
.etoilesVides.bleu{background: url("../inc_images/design/etoiles_vides_bleu.png") no-repeat center left;}

.labelConfirm{text-align: left;padding: 0 5px 0 0;}
.inputConfirm{width: 120px;}
#commentaireAvis{width: 100%;}

.avisGlobal, #conteneurAvis, .infosCalculNote{padding-left:200px;}
.avisGlobal .containerNote{}
.avisGlobal{font-size: 20px;}
.avisGlobal .dib{padding: 5px 10px;}
#conteneurAvis{width: 800px;margin: auto}

/* détail OT */
.titreRond{width: 40%;}
.infosExp,.infosDest{width: 50%; padding: 0 10px}
.titreRond .titre{background: var(--couleurPrincipaleAppli,rgba(97,176,222,1)); border-radius: 50%; display: inline-block; width: 150px; height: 150px; padding: 10px; line-height: 120px; font-size: 17px;font-weight: bold; text-transform: uppercase; border: 5px solid #2f3031;text-align: center; color: #fff;}
.titreRond .titre:before{content: "";position: absolute; top: 0; left: 0; right: 0; bottom: 0; background : var(--couleurPrincipaleAppli,rgba(97,176,222,1)) url("../inc_images/design/lueur_interne.png") no-repeat center center;border-radius: 50%; background-size: contain; vertical-align: top;}
.pictoTransport{vertical-align: middle}
.pictoTransport .picto{display: inline-block; width: 100px; height: 100px; background: url("../inc_images/design/picto/fleche_transport.png") no-repeat center center;background-size: contain;overflow: hidden;}
.pictoTransport .picto:after{content: "";position: absolute; top: 0; bottom: 0; left: -100px;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); animation: 4s slideLumiere linear infinite;transition: 0.3s; width: 20px;transform: rotate(45deg);transform: -webkit-rotate(45deg);}
.infosExp .tableauDetail td,.infosDest .tableauDetail td, .tableauDetail.tableauInfos td{padding-top: 5px;padding-bottom: 5px;width: auto}
.infosExp .tableauDetail,.infosDest .tableauDetail{width: 95%;}
.infosExp .tableauDetail td:first-child,.infosDest .tableauDetail td:first-child{width: 250px;}

.tableauDetail.tableauInfos{width: 60%; min-width: 500px;}
.tableauDetail.tableauInfos .detail_liste{display: inline-block; margin: 5px}

/*.tableauDetail.tableauInfos  tr:nth-child(2) td{background: #000; color: var(--couleurPrincipaleAppli,rgba(97,176,222,1))}*/

.tableauDetailMarch .table_liste {width: 95%}
.tableauDetailMarch{padding: 0 10px;margin: 10px 0}

.btnExportLettre{position: absolute;left: 50%;transform: translateX(-50%);transform: -webkit-translateX(-50%); top: 0;}

.pictoTransport .etat{position: absolute; bottom: 0; left: 0; right: 0;font-weight: bold; font-size: 18px;}

/* réponse */
.conteneur_popin_classique .titreRond .titre{width: 120px; height: 120px; line-height: 90px; font-size: 13px;}
.conteneur_popin_classique .infosExp .tableauDetail td:first-child,.conteneur_popin_classique .infosDest .tableauDetail td:first-child{width: 180px}

.conteneur_popin_classique_new tr td {
	padding: 3px 0;
	border-bottom: 1px solid #eee;
}

/*.infosExp .tableauDetail tr:last-child td,.infosDest .tableauDetail tr:last-child td{background: #000; color: var(--couleurPrincipaleAppli,rgba(97,176,222,1))}*/

#liste_langue_filter{margin-bottom: 5px;}

.marge td, .marge th{height: 30px;}

/* Autocomplete */
.ui-autocomplete.ui-widget-content .ui-state-active{background: #000; color: var(--couleurPrincipaleAppli,rgba(97,176,222,1))}

.detailCalculNote{font-size: 11px;position: fixed; top: 50%; transform: translateY(-50%); transform: -webkit-translateY(-50%); width: 280px; left: 100px; background: #000; color: var(--couleurPrincipaleAppli,rgba(97,176,222,1)); padding: 20px; border-radius: 10px;}
.detailCalculNote .liste_info{position: absolute; right: 10px; top: 10px;}

/*.div_principal{animation: slideLeft 0.4s linear}
*/
.div_principal:after{position: absolute; top: 0; left: 200%; bottom: 0; right: 0;content: ""; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 300px);animation: slideRight 0.7s linear}

/* Classes globales */
.center{text-align: center}
.souligne{text-decoration: underline;}
.disabled{opacity: 0.6;}
.dib{display: inline-block; vertical-align: top;}
.dcell{display: table-cell;}
.dtable{display: table; width: 100%;}
.valign{vertical-align: middle;}

.borderJaune{border-color: var(--couleurPrincipaleAppli,rgba(97,176,222,1));}
.bgBlanc{background-color: #fff;}
.bgNoir{background-color: #000;}
.colorJaune{color: var(--couleurPrincipaleAppli,rgba(97,176,222,1)) !important;}
.colorBlanc{color : #fff;}

.loader{width: 50px; height: 50px;  top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.loader:after{position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: url("../inc_images/design/picto/loader.png") no-repeat center center; background-size: contain; content: ""}
.loader.actif:after{animation: rotate 1s infinite linear;}

/*.petit_btn_valide{width: 100px; height: 100px;display: inline-block; background: none;font-size: 0px;color: transparent;box-shadow: none;margin-top: -35px;overflow: hidden}
*/.fond_popin_classique .petit_btn_valide, .tabsParam .petit_btn_valide, #droit_groupe_submit{margin-top: 10px;}

.petit_btn_valide{
	width: 160px;
	border: none;
	color: #fff !important;
	font-family: "Avenir", sans-serif;
	font-size: inherit;
	cursor: pointer;
	text-align: center;
	background-color: var(--couleurPrincipaleAppli,rgba(97,176,222,1));
	box-shadow: 0 0 !important;
	text-transform: capitalize;
}

.divConnexion.divInscription .btnConnexion{line-height: 150px;}

.petit_btn_valide.hide{display: none;}
.tabsParam h2{border-bottom: 1px solid #ccc}

#table-2 a.full_size{display: block; width: 100%; height: 100%;float: none;}

.miniPopinContent .petit_btn_valide{margin-top: -5px;width: 50px; height: 50px; overflow : hidden;}
.miniPopinContent .petit_btn_valide:after{font-size: 14px; line-height: 50px;}
.miniPopinContent .petit_btn_valide:before{border: 4px solid #2f3031;}

.label_minipopin{width: 100px;text-align: left; padding-right: 5px;}
.input_minipopin{width: 150px;}
.input_minipopin select, input_minipopin input{width: 100%;}
.miniPopinContent .input_minipopin select{margin-bottom: 0px;}


.participation{padding:30px;font-size:16px;}

.listeAPuce{display: inline;background: url("../inc_images/design/picto/rond.JPG") no-repeat center center; background-size:20px;width:20px;height:20px;}
.TDBListes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.TDB{width: 550px;padding: 10px 10px 20px 10px;box-sizing: border-box;/*border: 1px solid #ccc;*/ margin: 25px 15px 15px 30px;box-shadow: 2px 2px 4px #ccc; transition: 0.3s}
.TDB:hover{box-shadow: 4px 4px 16px #ccc;}
.TDBTable td{text-align:left;padding:5px 30px 0px 0px; }
.TDBTitle{padding-left:50px;font-size:20px;text-transform: uppercase;}
.TDBTitleNumber{padding-right:30px;float:right;position:absolute;top:20px;right:20px;}
.TDBTitleNumber2{padding-right:30px;float:right;position:absolute;bottom:25px;right:20px;}
.TDBLibelle{padding:0px 50px 5px 5px;width:450px;display:inline-block;}
.TDBNumber{float:right;}
.TDBLibelle, .TDBNumber,.TDBLibelle:visited, .TDBNumber:visited,.TDBLibelleAvis,.TDBLibelleAvis:visited{color:#000;}
.TDBLibelle:hover, .TDBNumber:hover,.TDBLibelleAvis:hover{color:var(--couleurPrincipaleAppli,rgba(97,176,222,1));}

.pictoCotation{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: #000 url("../inc_images/design/picto/liste-cotation.png") no-repeat center center;border-radius: 50px;background-size: 36px;}
.pictoTransportTDB{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: var(--couleurPrincipaleAppli,rgba(97,176,222,1)) url("../inc_images/design/picto/expedition.png") no-repeat center center;border-radius: 50px;background-size: 36px;}
.pictoAvis{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: #000 url("../inc_images/design/picto/avis_jaune.png") no-repeat center center;border-radius: 50px;background-size: 36px;}
.pictoCompte{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: var(--couleurPrincipaleAppli,rgba(97,176,222,1)) url("../inc_images/design/picto/compte.png") no-repeat center center;border-radius: 50px;background-size: 36px;}
.pictoCMR{position: absolute; top: -15px; right: 500px; width:70px; height:70px; background: #000 url("../inc_images/design/picto/enregistrer.png") no-repeat center center;border-radius: 50px;background-size: 36px;}

.superSession{padding:5px;margin:10px;background: #e56a54;font-weight: bold;}
.superSessionBack{font-weight: normal;text-decoration:underline;cursor: pointer;}

.validation_animee{width: 50px; height: 50px; background: url("../inc_images/design/picto/picto_actif_bleu.png") no-repeat center center;background-size: contain; margin: auto;animation: slideRight2 1s ease-out}
.validation_animee:after{content: "";position: absolute; top: 0; bottom: 0; left: -100px;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); animation: 4s slideLumiere2 linear ;transition: 0.3s; width: 20px;transform: rotate(345deg);transform: -webkit-rotate(345deg);}
.refus_animee{width: 50px; height: 50px; background: url("../inc_images/design/picto/picto_inactif_rouge.png") no-repeat center center;background-size: contain; margin: auto;animation: slideRight2 1s ease-out}
.refus_animee:after{content: "";position: absolute; top: 0; bottom: 0; left: -100px;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); animation: 4s slideLumiere2 linear ;transition: 0.3s; width: 20px;transform: rotate(345deg);transform: -webkit-rotate(345deg);}

.table_liste, .table_liste table{max-width: none;}


#commentaireExp,#commentaireDest{max-width: 300px;}

.solutionSelectionnee{color: #7ec9cd; font-weight: bold;background: linear-gradient(to bottom, rgba(0,0,0,0.8),rgba(0,0,0,1)); border-radius: 15px; width: auto; padding: 3px 15px; font-size: 17px; display: inline-block; box-shadow: 2px 2px 2px #000}
.infosSolution{display: inline-block; font-size: 14px; color: var(--couleurPrincipaleAppli,rgba(97,176,222,1))}
.contentInfosCotation{font-size: 10pt;}
.misEnValeur{color: var(--couleurPrincipaleAppli,rgba(97,176,222,1)); font-weight: bold; font-size: 15px;display: block;}

.visu_enlevement{background: linear-gradient(to bottom, rgba(0,0,0,0.8),rgba(0,0,0,1)); border-radius: 35px; padding: 10px;display: inline-block; color: #fff;box-shadow: 2px 2px 2px #000}

#SaveExpediteur, #SaveDestinataire{vertical-align: middle;}

/* Animations */
@keyframes rotate {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes zoom {
	0% {transform: scale(0.8);}
	30% {transform: scale(0.8);}
	40% {transform: scale(1);}
	50% {transform: scale(0.8);}
	60% {transform: scale(1);}
	70% {transform: scale(0.8);}
	100% {transform: scale(0.8);}
}

@keyframes slideLumiere{
    0% {left: -100px; }
    45% {left: -100px; }
    55% {left: 200px; }
    100% {left: 200px;}
}
@keyframes slideLumiere2{
    0% {left: -100px; }
    25% {left: -100px; }
    75% {left: 200px; }
    100% {left: 200px;}
}

@keyframes slideLeft{
    0% {right: 100%; }
    100% {right: 0%;}
}
@keyframes slideRight{
    0% {left: calc(0% - 300px); left: -webkit-calc(0% - 300px); }
    100% {left: 200%;}
}
@keyframes slideRight2{
    0% {transform: scale(0)}
    80% {transform: scale(1.2)}
    100% {transform: scale(1)}
}
@keyframes slideRightOut{
    0% {left: 200%;}
    100% {left: calc(0% - 300px); left: -webkit-calc(0% - 300px); }
}

/*.ui-multiselect-menu{width: 400px !important;}*//*
label.ui-corner-all span{display: inline-block; width: 85%;vertical-align: middle; white-space: nowrap}
label.ui-corner-all input{display: inline-block; vertical-align: middle; width: 9%;}
.ui-corner-all{position: relative; width: 100%;}*/

@media screen and (max-width: 1640px){
    .expediteur, .destinataire{padding-left: 10px; padding-right: 10px;}
    .notifModif{width: 230px;}
    #cotation td.lib_form_popin_classique{width: 210px;}
}
@media screen and (max-width: 1300px){
    h2.titrePage{font-size: 28px;}
}

.enteteTitre{
	width: 100%;
	margin-bottom: 15px;
}

.enteteTitre td{
	padding: 5px;
	padding-left: 30px;
	color: white;
	text-align: left;
	background-color: rgb(4,15,40);
	background-position: left 5px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.enteteTitre td.mode{
	border-left: white 2px solid;
	cursor: pointer;
}
.enteteTitre td.mode:not(.current){
	background-color: rgba(4,15,40,0.5);
}

.enteteTitre .title{
	width: 60%;
	background-image: url('/inc_images/design/liste.png'); 
}

#header_registre .enteteTitre .title{
	width: 50%;
	background-image: url('/inc_images/design/liste.png'); 
}

.enteteTitre #modeSimple{
	background-image: url('/inc_images/design/triangle_mode_simple.png'); 
}
.enteteTitre #modeComplet{
	background-image: url('/inc_images/design/etoile_mode_complet.png'); 
}


td img {
    width: 25px;
}

tr td img.actif {
    width: 20px;
}

.btnAjoutFEB {
    height: 30px;
}
.btnAjoutFEB img {
    width: 26px;
    vertical-align: middle;
}

/*Tableau de bord*/

.tableTDB{
	width: 100%;
	margin-top: 15px;
}

.tableTDB td{
	width: 50%;
	height: 20px;
	padding: 10px;
	text-align: left;
	color : black;
}

.tableTDB .calculatedValue td{
	width: inherit;
}

.tableTDB td.title,.tableTDB td.montant{
	color: white;
}

.tableTDB td.title{
	padding-left: 30px;
	background-position: left 5px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-image: url('/inc_images/design/liste.png'); 
	text-transform: uppercase;
}
.tableTDB td.bleu{
	background-color: rgba(4,15,40,1);
	border-left: white 2px solid;
}

.tableTDB td.orange{
	background-color: rgba(219,139,44,1);
	border-left: white 2px solid;
}

.tableTDB td.vert{
	background-color: rgba(20, 72, 18,1);
	border-left: white 2px solid;
}

.tableTDB .subTitle.bleu{
	background-color:rgba(4,15,40,0.3);
}

.tableTDB .subTitle.orange{
	background-color:rgba(219,139,44,0.3);
}

.tableTDB .content.bleu{
	background-color:rgba(4,15,40,0.1);
}

.tableTDB .content.orange{
	background-color:rgba(219,139,44,0.1);
}

.tableTDB .content.vert{
	background-color: rgba(20, 72, 18,0.1);
}
.tableTDB .montant::before {
    content: '';
    position: absolute;
	/*top: 0;*/
	top: calc(50% - 20px);
    left: 0;
    border: 20px transparent solid;
}
.tableTDB .montant.bleu::before {
    border-left: 10px rgba(179,183,190,1) solid;

}
.tableTDB .montant.orange::before {
    border-left: 10px rgba(244,220,191,1) solid;

}
.tableTDB .montant.bleu{
	background-color:rgba(4,15,40,0.7);
}

.tableTDB .montant.orange{
	background-color:rgba(219,139,44,0.7);
}
.tableTDB .subTitle .icon{
	display: inline-block;
	border-radius: 50%;
	padding: 5px;
}
.tableTDB .subTitle.bleu .icon{
	background-color:rgba(4,15,40,1);
	vertical-align: middle;
}

.tableTDB .subTitle.orange .icon{
	background-color:rgba(219,139,44,1);
	vertical-align: middle;
}
.tableTDB #periodeBilan, .tableTDB #semaine,.tableTDB #mois{
	background-color: transparent;
	color: white;
	border: none;
	font-size:14px;
}
.tableTDB option{
	color : black;
	font-size:14px;
}
.tableTDB #annee{
	background-color: transparent;
	color: white;
	border :1px solid white;
	font-size:14px;
	width: 30px;
}

.tableTDB .calculatedValue{
	width: 100%;
}

.calculatedValue tr td:not(:last-child){
	border-right : black 1px solid;
}
.calculatedValue tr td{
	border-top : black 1px solid;
}
.firstLine td{
	border-top : none !important;
}
.selectUser{
	display: none;
}

.tableTDB:not(.modeParam) .montant.hiddenTDB,.tableTDB:not(.modeParam) .subTitle.hiddenTDB{
	color: transparent;
}

.tableTDB:not(.modeParam) .montant.hiddenTDB table{
	display: none;
}
.tableTDB:not(.modeParam) .calculatedValue .hiddenTDB{
	display: none;
}
.tableTDB:not(.modeParam) .hiddenTDB.graphique{
	display: none;
}
.tableTDB:not(.modeParam) .vert.hiddenTDB{
	display: none;
}
.tableTDB:not(.modeParam) .subTitle.hiddenTDB div{
	display: none;
}

.tableTDB.modeParam .content .hiddenTDB{
	background: repeating-linear-gradient( 135deg, transparent, transparent 8px, #fff 9px, #fff 10px );
}

.tableTDB.modeParam .content .hiddenTDB td {
	color :red !important;
}
.tableTDB.modeParam .graphique{
	position: relative;
}
.tableTDB.modeParam .graphique.hiddenTDB:after{
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient( 135deg, transparent, transparent 9px, #888 9px, #888 10px );
	pointer-events: none;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}

.tableTDB.modeParam .montant.bleu.hiddenTDB,.tableTDB.modeParam .subTitle.bleu.hiddenTDB{
	background: repeating-linear-gradient( 135deg, rgba(4,15,40,0.7), rgba(4,15,40,0.7) 9px, #888 9px, #888 10px );
}
	
.tableTDB.modeParam .montant.orange.hiddenTDB,.tableTDB.modeParam .subTitle.orange.hiddenTDB{
	background: repeating-linear-gradient( 135deg, rgba(219,139,44,0.7), rgba(219,139,44,0.7) 19px, #333 19px, #333 20px );
	font-weight: bold;
}

.tableTDB.modeParam .vert.hiddenTDB{
	background: repeating-linear-gradient( 135deg, rgba(20, 72, 18,0.5), rgba(20, 72, 18,0.5) 19px, #333 19px, #333 20px );
	font-weight: bold;
}

.tableTDB .content.vert table th{
	background-color: rgba(20, 72, 18,0.5) !important;
}

.tableTDB .content.vert table{
	width: 100%;
}

.forcehide{
	display: none;
}

.found {
    border: #db1414 1.5px solid !important;
}

th[data-sortby]{
	cursor: pointer;
}

#tableRegistre thead .sortCol.desc:before{
	content:'\25bc';
}
#tableRegistre thead .sortCol.asc:before{
	content:'\25b2';
}

.tableChampSupp{
	border : 1px black solid;
}
.tableChampSupp td{
	border : 1px black solid;
	padding: 5px;
}

.ligneEchafaudage td.jauneValide input
{
  border: rgb(223, 223, 0) solid 2px !important;
}
.ligneEchafaudage td.jauneValide select
{
  border: rgb(223, 223, 0) solid 2px !important;
}
.ligneEchafaudage td.jauneValide button
{
  border: rgb(223, 223, 0) solid 2px !important;
}
.ligneEchafaudage input.jauneValide
{
  border: rgb(223, 223, 0) solid 2px !important;
}
.ligneEchafaudage select.jauneValide
{
  border: rgb(223, 223, 0) solid 2px !important;
}
.ligneEchafaudage button.jauneValide
{
  border: rgb(223, 223, 0) solid 2px !important;
}
/*
.ligneEchafaudage td.jauneValide.firstValide{
	border-left: rgb(223, 223, 0) solid 2px !important;
}
.ligneEchafaudage td.jauneValide{
	border-top: rgb(223, 223, 0) solid 2px !important;
	border-bottom: rgb(223, 223, 0) solid 2px !important;
}
.ligneEchafaudage td.jauneValide.lastValide{
	border-right: rgb(223, 223, 0) solid 2px !important;
}*/

.ligneCalorifuge td.jauneValide input
{
  border: rgb(223, 223, 0) solid 2px !important;
}
.ligneCalorifuge td.jauneValide select
{
  border: rgb(223, 223, 0) solid 2px !important;
}
.ligneCalorifuge td.jauneValide button
{
  border: rgb(223, 223, 0) solid 2px !important;
}
.ligneCalorifuge input.jauneValide
{
  border: rgb(223, 223, 0) solid 2px !important;
}
.ligneCalorifuge select.jauneValide
{
  border: rgb(223, 223, 0) solid 2px !important;
}
.ligneCalorifuge button.jauneValide
{
  border: rgb(223, 223, 0) solid 2px !important;
}
/*
.ligneCalorifuge td.jauneValide.firstValide{
	border-left: rgb(223, 223, 0) solid 2px !important;
}
.ligneCalorifuge td.jauneValide{
	border-top: rgb(223, 223, 0) solid 2px !important;
	border-bottom: rgb(223, 223, 0) solid 2px !important;
}
.ligneCalorifuge td.jauneValide.lastValide{
	border-right: rgb(223, 223, 0) solid 2px !important;
}*/

.registre_complet_champs .pagination{

  text-align: center;
  display:inline-block;
  color: white;
  width:100%;
  margin:10px auto;

}

.registre_complet_champs .pagination .paginate_number {
  text-align: center;
  display:inline-block;
  width:30px;
  margin:2px;
  cursor:pointer;
  padding:3px;
  border-radius:5px;
  background : #818793;
}

.registre_complet_champs .pagination .paginate_number_selected {
  text-align: center;
  display:inline-block;
  width:30px;
  margin:2px;
  cursor:pointer;
  padding:3px;
  border-radius:5px;
  background : #040f28;
}

.warningConformite:before {
	content: '!';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: white;
	font-weight: bold;
  }

.info_multiselect{position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 0;}
.hasInfo{margin-right: 25px;}
.info_multiselect .contenu_info{padding: 5px;text-align: left;position: absolute; top: 50%; left: 50%; display: block; height: auto; background: #f1f1f1; border-radius: 5px;z-index: 45000;display: none; width: 200px;color: #000}
.info_multiselect:hover .contenu_info{display: block;}
.info_multiselect:hover{z-index: 450000}

.table_liste tr.inactif{
	font-style: italic;
	background-image: repeating-linear-gradient(-45deg,transparent,transparent 5px,#e6e6e6 5px,#e6e6e6 10px)
}
/* FN - 16/03/2022 - Ajout de règles CSS pour afin d'afficher le bon arrière plan pour les FEB désactivées */
tr.odd.inactif td{background-color: transparent;}
tr.even.inactif td{background-color: transparent;}

.condPassNOk{color:#e41771;}
.contentMdpOublie{color:#fff;}

.logs {
    width: 25px;
    float: right;
    border-radius: 100%;
    background: #141212;
    display: block;
    width: 20px;
	height: 20px;
	cursor: pointer;
}
.logs:after{
	content : "i";
	position: absolute;
	color: white;
	text-align: center;
	width: 20px;
	height: 20px;
	display: block;
	font-weight: bold;
}
.assistancePicto {
	color: var( --couleurNotif, rgb(0,133,173));
width: 80px;
font-size: 12px;
display: inline-block;
cursor: pointer;
top : 10px;
}
.assistancePicto .rond{
	background: var( --couleurNotif, rgb(0,133,173)) url("../inc_images/design/picto/assist-1.png") no-repeat center center;
	width: 50px;
	height: 50px;
	line-height: 70px;
	background-size: 50%;}
.assistancePicto a {
	width: 100%;
	height: 100%;
	display: block;
}

.contentFiltreFlex{
	width : 100% !important;
}
/* FN - 04/03/2022 - Correction d'affichage des dataTables avec la mise à jour de la lib */
.table_liste td
{
    height: 25px !important;
}
/* FN - 07/03/2022 - Suppresion du padding en trop dans les dataTables suite MAJ */
#table_liste_FEB tbody td {
	padding: 0px 10px !important;
}
table.dataTable thead .sorting_desc
{
	padding-right: 15px !important;
}
table.dataTable thead .sorting_asc
{
	padding-right: 15px !important;
}
/* FN - 07/03/2022 - FIN */

.buttons-html5
{
    border: none !important;
    padding: 0px !important;
    margin-bottom: 5px !important;
    height: 40px !important;
    width: 40px !important;
    transition: 0.3s !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    cursor: pointer !important;
}
.buttons-collection
{
    display: inline-block !important;
    border-radius: 10px !important;
    background-color: #000 !important;
    box-shadow: 2px 2px 5px #000 !important;
    box-shadow: 2px 2px 3px transparent !important;
    padding: 6px 25px !important;
    color: var( --couleurPrincipaleAppli,rgba(97,176,222,1)) !important;
    width: auto !important;
    cursor: pointer !important;
    text-align: center !important;
    height: 40px !important;
    font-family: 'Avenir',Myriad Pro, Arial, Verdana !important;
    font-size: 15px !important;
    vertical-align: middle !important;
    font-weight: bold !important;
    transition: 0.3s !important;
    border: none !important;
    margin: 5px !important;
    bottom: 3px !important;
    margin-top: 2px !important;
}
.dataTables_filter
{
	right : 41% !important;
}
.dataTables_info
{
	width: 17% !important;
}
.dataTables_filter input{
	font-size: 15px !important;
	height: 26px !important;
	color: #08215c !important;
	width: 300px !important;
	border: none !important;
	background: #f1f1f1 !important;
	margin-left: 5px !important;
}
#table_liste_FEB_length select
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}


/* VCH 02/08/2022 POPIN spécifique pour la cartographie*/
/* .popin_cartographie{
} */
.flex{
	display: flex;
	width: 100%;
}
.flexRow {
	flex-direction:row;
}

/* LB - 02/01/2025 - déplacement de flexRow de Noa a design pour pouvoir l'utiliser dans maia*/
.flexRow{
    display:flex;
    flex-wrap: wrap;
    justify-content:start;
    /* justify-content:space-evenly; */
    align-items:center;
}

.flexRow.spaceBetween {
    justify-content:space-between;
}

.flexRow > div {
    flex-basis : 200px;
    height: auto;
    /* flex-grow : 0.5; */
}

.flexCol{
    display:flex;
    flex-flow:column wrap;
    justify-content:space-around;
    align-items:center;
}

/* FN - 09/03/2023 - MISE EN COMMENTAIRE CAR INUTILE */
/* #cartographie_edit{
	overflow: hidden;
} */



/* .popin_cartographie .fond_popin_classique
{
    background: rgb(187, 187, 187);
}
.popin_cartographie .popin-content
{
    overflow: hidden;
}
#cartographie_edit
{
	overflow: auto;
} */

#cartographie_edit .tools{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(0,0,0,.5);
	padding: 10px;
	display: flex;
	gap: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	z-index: 99;
}

#cartographie_edit .menu{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 200px;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	display: flex;
	flex-direction: column;
	padding: 10px;
	font-size: 14px;
	color: white;
	transition: transform .2s ease-in;
	transform: translateX(0);
	box-sizing: border-box;
}
#cartographie_edit .menu.fixed-menu {
	position: fixed;
	right: 75px;
	top: 35px;
	height: 95%;
}
#cartographie_edit .menu.carto-edit-menu {
	position: fixed;
	right: 0px;
	top: 77px;
	height: calc(100% - 77px);
}
#cartographie_edit .menu .global .btnModifBG {
	width: 100%;
	margin: 5 10px;
	background: white;
	font-size: 1.3em;
	font-weight: bold;
	color: var(--couleurPrincipaleAppli);
	border-radius: 5px;
	text-align: center;
	border: 2px solid var(--couleurPrincipaleAppli);
	cursor: pointer;
	transition: filter .15s ease;
	filter: brightness(1);
}

#cartographie_edit .menu .shapeInfosLot, #cartographie_edit .menu .shapeInfosText {
	display: flex;
	flex-direction: column;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	margin-left: -10px;
	margin-right: -10px;
	padding: 40px 10px;
	font-size: 14px;
	gap: 5px;
	background-color: rgba(100,0,0,.5);
	position: relative;
  }

#cartographie_edit .menu.closed{
	transform: translateX(100%);
}
#cartographie_edit .menu.closed{
	transform: translateX(0);
}
#cartographie_edit .menu.closed {
	width: 0px;
	padding: 0px;
}
#cartographie_edit .menu.closed > *{
	overflow: hidden;
}
#cartographie_edit .menu.closed > .toggleBtn{
	display: flex;
}

#cartographie_edit .menu.closed .toggleBtn::after {
    transform: rotate(180deg);
}

#cartographie_edit .toggleBtn::after {
	content: '\f101';
	transform: rotate(0deg);
	transition: transform .2s ease;
}

#cartographie_edit .tools .normalMode::after {
	content: '\f245';
}

#cartographie_edit .tools .drawMode::after {
	content: '\f5a0';
}

#cartographie_edit .draw-tools .shapePoint::after {
	content: '\f3c5';
}

#cartographie_edit .draw-tools .shapeRectangle::after {
	content: '\f5cb';
}

#cartographie_edit .menu .shapeInfos {
	margin-top: auto;
	margin-bottom: auto;
}

#cartographie_edit .menu .menu_footer {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top: auto;
}

#cartographie_edit .toggleBtn {
	position: absolute;
	top: 40px;
	left: -40px;
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,.7);
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	font-size: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	color: white;
	cursor: pointer;
}

#cartographie_edit .tools .button {
	width: 36px;
	height: 36px;
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	font-size: 18px;
	border: 2px solid var(--couleurPrincipaleAppli);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	background-color: #eee;
	color: var(--couleurPrincipaleAppli);
	filter: brightness(1);
	transition: all .15s ease;
	cursor: pointer;
}

#cartographie_edit .tools .button:hover {
	filter: brightness(.8);
}

#cartographie_edit .tools .button.active {
	background-color: var(--couleurPrincipaleAppli);
	color: white;
}
#cartographie_edit .tools .draw-tools
{
	padding-left: 11px;
	display: flex;
	gap: 5px;
}
#cartographie_edit .tools .draw-tools::before
{
	content: "";
	position: absolute;
	left: 2px;
	top: 0px;
	width: 2px;
	height: 50px;
	height: 100%;
	background-color: #b7b1b1;
}
#cartographie_edit .tools .draw-tools .button
{
	border-color: rgb(122, 122, 241);
	color: rgb(122, 122, 241);
}
#cartographie_edit .tools .draw-tools .button.active
{
	background-color: rgb(122, 122, 241);
	color: white;
}

.inputCarto {
	width: 100%;
}

/*Bordereaux INEOS*/

.formulaireBordereau {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.sectionMidPageBordereau {
	width: 50%;
	min-width: 300px;
}
.sectionTableBordereau {
	padding: 1%;
}

/* Bordereau generique */
.formulaireBordereauGenerique {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.sectionLigneBordereauGenerique {
	display: flex;
	flex-direction: row;
}
.sectionTableBordereauGenerique {
	padding: 1%;
	width: 50%;
	min-width: 300px;
}


.tableParametrageBordereau {
	width: 100%;
	border: 1px solid black;
}
.tableParametrageBordereau td{
	padding: 5px;
}
.sousTitreTableParametrageBordereau {
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
}

.titreTableParametrageBordereau {
	font-weight: bold;
	font-size:12pt;
}

.inputBordereau{
	width: 96%;
}

.libelleParametrageBordereau{
	text-align: left;
	width: 50%;
}

.celluleParametrageBordereau{
	width: 10%;
}

.valueParametrageBordereau{
	width: 40%;
}

/* FIN BORDEREAUX */

/* FN - 13/01/2023 - Ajout du CSS pour les boutons de configuration des colonnes MAIA */
.dtsr-confirmation-buttons
{
    height: 50px !important;
}
.dtsr-confirmation-button
{
    display: inline-block !important;
    border-radius: 10px !important;
    background-color: #000 !important;
    box-shadow: 2px 2px 5px #000 !important;
    box-shadow: 2px 2px 3px transparent !important;
    padding: 7px 25px !important;
    color: var(--couleurPrincipaleAppli,rgba(97,176,222,1)) !important;
    width: auto !important;
    cursor: pointer !important;
    text-align: center !important;
    height: 100% !important;
    font-family: 'Avenir',Myriad Pro, Arial, Verdana !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    font-weight: bold !important;
    transition: 0.3s !important;
    border: none !important;
    margin: 5px !important;
}

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;
}


/* FN - 27/04/2023 - Ajout de CSS pour le module commande suite Devis - 12082198 */
.circle-grey
{
	background:#808080;
	width:25px;
	height:25px; 
	border-radius:13px;
}
.circle-red
{
	background:red;
	width:25px;
	height:25px; 
	border-radius:13px;
}
.circle-blue
{
	background:blue;
	width:25px;
	height:25px; 
	border-radius:13px;
}
.circle-orange
{
	background:orange;
	width:25px;
	height:25px; 
	border-radius:13px;
}
.circle-green
{
	background:green;
	width:25px;
	height:25px; 
	border-radius:13px;
}
.circle-black
{
	background:black;
	width:25px;
	height:25px; 
	border-radius:13px;
}

/* FN - 25/05/2023 - Ajout de CSS pour le menu des registres */
#header_registre
{
	/*position: fixed;*/
	z-index: 4000;
	width: 97%;
	margin-bottom: 27px;
}


/* FN - 07/06/2023 - Sticky position de la première colonne du registre des commandes */
.columnCheckBoxRegistreCommande {
	position: sticky;
	left: 70px;
	z-index: 10;
}

/* FN - 30/06/2023 - CSS pour le multiSelect de la popin des utilisateurs */
.liste_info.info_multiselect.idSocieteClient_ms_info
{
	left: 205px !important;
}

.liste_info.info_multiselect.idSociete_ms_info
{
	left: 205px !important;
}

/* FN- 06/10/2023 - Ajout de règle de CSS afin d'améliorer l'affichage  */
/* GL - 26-10-2023 - En vrai plus besoin */
/*
.number_input_dimension
{
	width: 60% !important;
}
*/

/* GL - 30-04-2024 - Modification du z-index pour qu'il puisse s'afficher au dessus des popin */
.jq-toast-wrap.bottom-right
{
	z-index: var(--zIndexMax, 100000000) !important;
}

/* LB - 08/01/2025 - Ajout de la gestion des tabs stylisée pour les registres */
.tabs_maia  {

}

.ui-tabs:not(.tabsRefonte2025) ul.ui-tabs-nav.tabs_maia_header_nav {
	color: white;
	background-color: rgb(4, 15, 40);
}

.ui-tabs:not(.tabsRefonte2025) ul.ui-tabs-nav.tabs_maia_header_nav li {
	padding: 0px;
	padding-left: 30px;
	color: white;
	text-align: left;
	background-position: left 5px center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	float: left;
}

.ui-tabs:not(.tabsRefonte2025) ul.ui-tabs-nav.tabs_maia_header_nav li:first-child {
	background-image: url(/inc_images/design/liste.png);
	padding-top: 5px;
}

.ui-tabs:not(.tabsRefonte2025) ul.ui-tabs-nav.tabs_maia_header_nav li.ui-tabs-tab.tabs_maia_header_tab {
	border-left: 5px solid white;
	float: right;
}

.ui-tabs:not(.tabsRefonte2025) ul.ui-tabs-nav.tabs_maia_header_nav li.ui-tabs-tab.tabs_maia_header_tab:not(.ui-tabs-active) {
	background-color: rgb(255, 255, 255, 0.5);
	border-left-width: 3px;
}

#bandeauMaintenance
{
    position: fixed;
    bottom: 0;
    background: var(--couleurAppliFonce);
    width: 100%;
    left: 0;
    box-shadow: 0px 0px 11px 0px var(--couleurAppliFonce);
    z-index: 999;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12pt;
	height: 40px;
}

#hideMaintenance
{
	position: fixed;
	right: 20px;
}

#selectSocieteGlobal
{
	position: absolute;
	top: 0;
	right: 425px;
	height: 100%;
	display: flex;
	align-items: center;
	color: white;
}

#selectSocieteGlobal select
{
	background: var( --couleurNotif);
	color: white;
	border: none;
	font-size: 20pt;
	text-align: center;
	cursor: pointer;
}