/* GLOBAL */

:root{
    --tailleMenuTop: 75px;
    --tailleMenuLeft: 70px;

	--color-primary: rgb(142, 180, 210);
	--color-secondary: rgb(232, 142, 124);
	--color-tertiary: rgb(237, 222, 164);

	--color-primaryLight: rgb(178, 204, 225);
	--color-secondaryLight: rgb(240, 179, 167);
	--color-tertiaryLight: rgb(245, 237, 207);
	--color-primaryDark: rgb(71, 131, 179);
	--color-secondaryDark: rgb(216, 68, 38);
	--color-tertiaryDark: rgb(220, 191, 79);

	--color-dark1: rgb(98, 102, 108);
	--color-dark2: rgb(54, 70, 82);

	--color-light1: rgb(240, 240, 240);
	--color-light2: rgb(230, 230, 230);
	--color-light3: rgb(220, 220, 220);
	--color-light4: rgb(210, 210, 210);
	--color-light5: rgb(200, 200, 200);

	--color-warning: rgb(237, 222, 164);
	--color-error: rgb(211, 54, 46);
	--color-ok: rgb(80, 160, 82);
	--color-info: rgb(110, 148, 219);
	--borderRadius: 8px;

	--couleurPrincipaleClient: var(--color-primary);
    --bgAppliClient: #fff;
    --bgIconeClient: var(--color-primary);
    --colorClient: #000;
    --colorMenuClient: var(--color-primary);
    --bgAppliMenuTop: var(--color-secondary);
	--couleurFondEntete: var(--color-primary);
	--couleurFondTitre: var(--color-primary);
	--colorBckgInput : rgb(255, 255, 255); /*fond des inputs*/
	--colorInput :var(--color-dark1); /*contour des inputs*/
	--colorFiltreBckgd : var(--bgAppliClient); /* fond / background des filtres */
	--colorFiltreFont : var(--colorClient); /* couleur police des filtres */

	--dt-row-selected: 237, 222, 164 !important;
	--dt-row-selected-text: 54, 70, 82 !important;
	--dt-row-selected-link: 54, 70, 82 !important;
}

/* Définition des polices */
@font-face {
	font-family: "OpenSans";
	font-weight: normal;
	font-style: normal;
	src: url('../webfonts/OpenSans-Regular.ttf');
}
@font-face {
	font-family: "OpenSans";
	font-weight: normal;
	font-style: italic;
	src: url('../webfonts/OpenSans-Italic.ttf');
}
@font-face {
	font-family: "OpenSans";
	font-weight: bold;
	font-style: normal;
	src: url('../webfonts/OpenSans-Bold.ttf');
}
@font-face {
	font-family: "OpenSans";
	font-weight: bold;
	font-style: italic;
	src: url('../webfonts/OpenSans-BoldItalic.ttf');
}
@font-face {
	font-family: "OpenSans";
	font-weight: 300;
	font-style: normal;
	src: url('../webfonts/OpenSans-Light.ttf');
}
@font-face {
	font-family: "OpenSans";
	font-weight: 300;
	font-style: italic;
	src: url('../webfonts/OpenSans-LightItalic.ttf');
}

.bgAppliClient{
	background: var(--bgAppliClient) no-repeat center center; 
	/* background-image: url('../inc_images/design/bandeau.png'); */
	background-size: cover;
}
.bgIconeClient{background-color: var(--bgIconeClient);}
.colorClient{color: var(--colorClient);}

/* div layout */
table, tr, td, th{margin: 0; padding: 0; border-spacing: 0; text-align: left}
tr, td, th{margin: 0; padding: 2px; border-spacing: 0;text-align: left; } 
th{text-align: left}
table {display: inline-table;}

*{position: relative;box-sizing: border-box}
body {height:100%; font-family: 'OpenSans', sans-serif;font-size:14px;background:transparent;vertical-align: top; margin: 0px; padding: 0px; text-align: center;color: var(--colorClient);}


/* headers */
h1, h2, h3 {font: bold 1em 'Avenir', sans-serif;}
h1 { font-size: 1.7em; color: var(--couleurPrincipaleClient); }
h2 { font-size: 1.2em; color: var(--couleurPrincipaleClient); text-align: center; text-transform:uppercase;}
h3 { font-size: 1em; color: #999; }

p {margin: 3px 7px;color: #000000;}
ul {color: #000;margin: 0px 0px 0px 0;padding: 0;text-decoration: none;}
a {color: #000;text-decoration: none;border: none;outline:none;}
a:hover {text-decoration: underline;}
a:visited {color: #000;text-decoration: none;border: none;}


/* GLOBAL */
.Content{
	/*width:1500px;*/
	width:90%;
}

.mobile{
	display:none !important;
}

/* FORMULAIRES */
input, textarea, select, .dropzone {border-radius:3px;border:1px solid var(--colorInput);min-height:20px;font-weight:normal;font-size:12px; font-family:'Arial', sans-serif;outline:none;}
input, select, textarea{
	color:#000000; 
	font-weight:normal; 
	text-align:left; 
	font-size:14px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align:middle !important; 
	background-color: var(--colorBckgInput); 
	border-radius:var(--borderRadius); 
	padding:6px 6px 6px 10px;
	border : 1px solid #727471 !important;
}
input[type=number]{padding-right: 0px;}
/*select{color:#000000; font-weight:normal; text-align:left; font-size:14px;padding-left: 5px;padding-right: 5px;max-width: 190px;}
textarea{color:#000000; font-weight:normal; text-align:left; font-size:14px;padding-left: 5px;padding-right: 5px;}*/
.noSelectInfo .liste_info{display:none;}

.msgErr{ color:var(--color-secondaryDark); }


.input_form_popin_classique .inputNumberParametrage, .inputNumberParametrage{width: 50px;text-align: right}
.rangebar.bar {width: 100% !important;}
.champObligatoire{color: #e41b1b;}
.aRetour::before{content:'< '}
/* FIN FORMULAIRES */

.div_principal{
	vertical-align:top; 
	text-align:left;
	height:100%;
	width: 100%;
	min-height: 600px;
	min-width:900px;
	position:relative; 
	overflow-x: hidden;
	padding: 20px 20px;
}
.div_principal.noBG{background: transparent}
.div_principal.noBG:after{content: none;}
.div_principal.hasMenu{
	padding-left: calc(var(--tailleMenuLeft) + 20px);
	padding-top: calc(var(--tailleMenuTop) + 20px);
	min-width: 100svw;
	min-height: 100svh;
}
.contenuPage
{
	height: 100%;
}
.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}

.div_page_centrale_param{display: flex; }
.div_page_centrale_param div{margin: 20px; min-width:20%}

.detail_dossier_gauche{display: block; float: left;}
.OuvertureTabGrand .detail_dossier_gauche{width: 46%;}
.detail_dossier_droit{display: block; float: left;};

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


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

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

.picto_btn_radio,
.ui-icon.picto_btn_radio{background: url(../inc_images/design/picto/btn_radio.png) 0 0 no-repeat !important;width: 14px;height: 14px;}

.picto_btn_checkbox,
.ui-icon.picto_btn_checkbox{background:no-repeat center/100% url(../inc_images/design/picto/btn_checkbox.png)!important;width:14px;height:14px;}

.picto_btn_select,
.ui-icon.picto_btn_select{background:no-repeat center/100% url(../inc_images/design/picto/btn_select.png)!important;width:14px;height:14px;}

.picto_btn_grille1,
.ui-icon.picto_btn_grille1{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille1.png)!important;width:14px;height:14px;}

.picto_btn_grille2,
.ui-icon.picto_btn_grille2{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille2.png)!important;width:14px;height:14px;}

.picto_btn_grille3,
.ui-icon.picto_btn_grille3{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille3.png)!important;width:14px;height:14px;}

.picto_btn_grille4,
.ui-icon.picto_btn_grille4{background:no-repeat center/100% url(../inc_images/design/picto/btn_grille4.png)!important;width:14px;height:14px;}

.picto_btn_txtlong,
.ui-icon.picto_btn_txtlong{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt.png)!important;width:14px;height:14px;}

.picto_btn_txtcourt,
.ui-icon.picto_btn_txtcourt{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt_court.png)!important;width:14px;height:14px;}

.btn_txt_seul,
.ui-icon.btn_txt_seul{background:no-repeat center/100% url(../inc_images/design/picto/btn_txt_seul.png)!important;width:14px;height:14px;}

.picto_btn_img,
.ui-icon.picto_btn_img{background:no-repeat center/100% url(../inc_images/design/picto/btn_img.png)!important;width:14px;height:14px;}

.picto_btn_num,
.ui-icon.picto_btn_num{background:no-repeat center/100% url(../inc_images/design/picto/btn_numerique.png)!important;width:14px;height:12px;}



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

.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;}
.vert{color: #7ec9cd;}
.orange{color: #e56a54;}
.rouge{color: #e56a54;}

.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: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;cursor: pointer;}
.fleche_haut{display: inline-block; vertical-align: top;width: 100%; background: transparent url("../inc_images/design/picto_fleche_select.png") no-repeat bottom center; border-top: 1px solid #bdbdbd;height: 12px;cursor: pointer;}

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

fieldset{
	border: 1px solid var(--color-dark2);
  	border-radius: var(--borderRadius);
}
legend{
	font-weight: bold;
	color: var(--color-dark2);
}

.rond{width: 100px; height: 100px; border-radius: 50%; background: #2b98c5; color: #FFFFFF; line-height: 100px; font-size: 20px;display: inline-block;}
.petit{font-size: 10px;}

.tablePleinePage{width:100%;padding:5px;background: transparent;}
.table3QuartPage{width:75%;padding:5px;background: transparent;}

.floatLeft{float:left;}
.floatRight{float:right;}

label.champInvalide{color: var(--color-error);}
input.champInvalide, textarea.champInvalide{border-color: var(--color-error) !important;}
.picto_plus{display: inline-block; color: #33ff99; font-size: 25px;line-height: 20px;}
.vcenter{top: 50%; transform: translateY(-50%); -webkit-transform: translatY(-50%); display: block;}
.center{text-align: center}
.souligne{text-decoration: underline;}
.disabled{opacity: 0.6;}
.dib{display: inline-block !important; vertical-align: top;}
.dcell{display: table-cell;}
.dtable{display: table; width: 100%;}
.valign{vertical-align: middle;}

.borderJaune{border-color: #33ff99;}
.bgBlanc{background-color: #fff;}
.bgNoir{background-color: #000;}
.colorJaune{color: #33ff99 !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;}

.champInvalide { scroll-margin-top: var(--tailleMenuTop);}
.fullViewport .champInvalide { scroll-margin-top: 0px;}

/* FIN GLOBAL */

/* MENU */
.topFixed{
	position: fixed; 
	width: 100%; 
	top: 0; 
	left: 0; 
	z-index: 45; 
	transition: all ease 0.3s;
}
.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}

.topAppli{
	height: var(--tailleMenuTop); 
	text-align: left; transition: 0.3s linear; 
	border-top: 5px solid var(--couleurPrincipaleClient);
	padding-left: 70px;
	padding-right: 30px;
}

.topFixed{
	background-color: var(--bgAppliMenuTop);
}

.topAppli .Content{
	z-index: 10;
}

.topAppli .Content a{
	padding:10px;
	transition: all ease 0.3s;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
	color:white;
}

.topAppli .Content :not(.logoMenu) a:hover, .menu_top .menu_top_item.selected{
	text-decoration: none;
	background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 100%);
}

.logoMenu{
	display: inline-block; 
	vertical-align: top; 
	height: 100%; 
	/* background: url("../inc_images/design/logo_plein.png") no-repeat center left; */
	background-size: contain;
}
.logoMenu a {
	text-align: center;
	color: var(--color-dark2);
	text-decoration: none;
	font-size: 24px;
	width: 100%;
	height: 100%;
}


/*.menuCompte{position: absolute; top: 20px; right: 50px; width: 50px; height: 100%;color:#000;}
.menuCompte a{text-decoration: none;}*/
.titreMenuCompte{color: #fff; font-size: 20px; text-transform: uppercase; top: 30%; transform: translateY(-50%);-webkit-transform: translateY(-50%);display: block;text-align: center}
.nomCompte{
	top: 5px;
	position: absolute;
	right: 5px; 
	text-align: left; 
	color: #fff; 
	transition: 0.3s; 
}

a.menuMonCompte, 
a.menuMonCompte:hover, 
a.menuMonCompte:visited{color: #fff;padding:5px;border-radius:3px;font-size:10px}
a.menuMonCompte:hover{background-color:var(--bgIconeClient)}

.menuDeconnexion{
	font-weight:bold;
	color:var(--color-dark2) !important;
	text-decoration: none;
}


.pictoParam{background: url("../inc_images/design/picto/pictoParam.png") no-repeat center center;}


.pictoParamGeneral{background: url("../inc_images/design/picto/parametre-black.png") no-repeat;}
span.pictoWarning{background: url("../inc_images/design/picto_attention.png") no-repeat center center;display:inline-block; width:15px;height:15px;background-size:15px;margin-right:5px;}
span.pictoActif{background: url("../inc_images/design/actif.png") no-repeat center center;display:inline-block; width:15px;height:15px;background-size:15px;margin-right:5px;}
span.pictoAttention{background: url("../inc_images/design/picto/picto_attention.png") no-repeat center center;display:inline-block; width:20px;height:20px;background-size:20px;margin-left:10px;}

.pictoDelete{background: var(--bgIconeClient) center/70% url("../inc_images/design/picto/delete.png") no-repeat;display:inline-block;vertical-align:middle; width:15px;height:15px;margin:0 5px;border-radius:90px; padding:12px;}
.pictoDeconnexion{background: url("../inc_images/design/picto_deco.png") no-repeat center ;height:30px;width:30px;display:inline-block;}
.verticalAlign{top:50%; transform:translateY(-50%);}
.menu_top{
	color:white;
	position: relative; 
	overflow: hidden;
	width: 100%;
	min-width:250px;
}
.menuParam:hover .menu_top{max-height: 500px;
padding: 15px 0;
transition: 0.8s; 
/*display:block;*/}



.menu_top .menu_top_item{
	height:100%;
	display: flex;
	flex-wrap: nowrap; 
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	background-position:left center;
}

.sousmenuTop a{padding-left:40px;font-size: 10px; }

#menuGauche{
	box-shadow: none;
	text-align: left;
	position: fixed;
	left: 0;
	top:var(--tailleMenuTop);
	z-index: 10;
	margin-bottom: 8px;
	overflow: hidden;
	padding-top: var(--tailleMenuTop); 
	width: 70px;
	height: 100%;
	transition: all linear 0.2s;
	background: var(--couleurPrincipaleClient);
}
#menuGauche.open, #menuGauche:hover{
	width: 300px;
}
#menuGauche.open .lien{opacity: 1;}
#menuGauche table{width: 100%;}
#menuGauche .boutonOpen{position: absolute; top: 0; left: 0; width: var(--tailleMenuLeft); height: var(--tailleMenuLeft); background: url(../inc_images/design/picto/pictoOuvreMenu.png) no-repeat center;cursor: pointer;}
#menuGauche.open .boutonOpen{background: url(../inc_images/design/picto/pictoCroixMenu.png) no-repeat center;}

.menu_gauche{text-align:left;padding: 0;margin: 0;display: flex;flex-wrap: nowrap; flex-direction: row; height: 50px;/*line-height: 50px;*/transition: 0.2s; font-size:14px; font-weight:bold;}
.menu_gauche:hover{text-decoration: none;opacity:1;}
.menu_gauche:hover:before{position: absolute; width: 80%; content: ""; height: 100%;background: linear-gradient(to right, rgba(54,75,86,0.5) 150px, transparent); border-radius: 10px;top: 0; left: 5px;}

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


/* Liste des pictos du menu */

.menu_gauche.picto{min-width:var(--tailleMenuLeft);height:50px;background-size:36px;opacity:0.8;z-index:200;margin:5px 0;} /*couleur bckgd différente que ci-dessous pour identiifer les mansques de picto*/
.menu_gauche.selected.picto{opacity:1;}

.menu_gauche .pictoMenu{position: absolute; top: 0; left: 0; width: 70px; height: 90%; background-size: 50% auto !important;}

.menu_gauche .pictoMenu.lienClientMenu	{background: url("../inc_images/design/picto/pictoClients.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienDossier	{background: url("../inc_images/design/picto/pictoDossiers.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienFacturation	{background: url("../inc_images/design/picto/pictoFacturation.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienParams	{background: url("../inc_images/design/picto/pictoParams.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienPointage	{background: url("../inc_images/design/picto/pictoPointage.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienStat	{background: url("../inc_images/design/picto/pictoStat.png") no-repeat center ;}
.menu_gauche .pictoMenu.lienTarifs	{background: url("../inc_images/design/picto/pictoTarifs.png") no-repeat center ;}


#menuGauche .sousmenu
{
	display: flex;
	/*left: 100%;*/
	left:70px;
	min-height: 50px;
	border-radius:0 5px 5px 0; 
	z-index:0;
	transition: 0.4s;
	opacity: 0;
	justify-content: center;
	align-items: center;
}


#menuGauche:hover .sousmenu, #menuGauche.open .sousmenu{
	display:flex;	
	opacity: 1;
  	left:70px;
}
#menuGauche table tr:first-child td .sousmenu{margin-top: 0px;} 
.sousmenu ul {margin:0; padding:0; list-style:none;}
.sousmenu li {margin:0; padding:0 5px; list-style:none;text-align:left}
.sousmenu .lien{ color: #fff; width: 250px; text-align: left; padding-left:0px; text-decoration: none !important; }
.sousmenu .lienMenu{ color: #fff; text-align: left; padding:0 5px;  font-weight: bold; font-size:14px; width:230px;}
.sousmenu ul li:not(:first-child) a:hover{font-weight: bold; text-decoration: none;}

.titrePage{position: absolute;left:50%; transform: translateX(-50%); height: 100%;color: var(--color-dark2); font-size: 23px; text-transform: uppercase;line-height: 72px;}
.RechercheGenerale
{
	position: absolute;
	left: 25%;
	transform: translateX(-50%);
}
.rallyeSelectMenu 
{
	position: absolute;
	right: 25%;
	transform: translateX(+50%);
}
.titrePage:after{
	position: absolute; 
	top: -12px; 
	left: 50%; 
	content: ""; 
	transform: translateX(-50%) rotate(45deg);
	background: linear-gradient(135deg, transparent 50%, var(--couleurPrincipaleClient) 50%);
	height: 24px; 
	width: 24px;
}
/* FIN Liste des pictos du menu */
/* FIN MENU */

/* BOUTONS */
.btn{display: inline-block;border-radius:3px;padding: 7px 25px;color: #ffffff !important;width: auto;cursor: pointer;text-align: center;font-size:12px;vertical-align: middle;transition: 0.3s;border: none;background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));}
.btn:hover{color:#ffffff !important;text-decoration:none;}
.btn.disabled{opacity: 0.5}
.btn_add:after{content:""; display:inline-block; width:15px; height:15px;background: var(--bgIconeClient) center/65% url("../inc_images/design/picto/add.png") no-repeat; vertical-align: middle; margin-left:5px;border-radius:90px;padding:4px;}
/* FINS BOUTONS */

/* TABLEAU / TABLE */
/*table tr:nth-child(odd){background-color:#fdfdfd}*/
/* FIN DATATABLE */

/* DATATABLE */
.table_liste{width:100%;}
/* FIN DATATABLE */

/* POPIN */
/*
.popin_classique {padding:10px;text-align:justify;text-indent:5px;background:transparent;border-radius:.5em;}
.popin_classique.popin-content {padding:10px;}
.popin_classique.popin-content p {padding:0;margin:0 0 1em;}*/
.popin-content{overflow:hidden !important;overflow-y:auto !important;}
.popin-content .fond_popin_classique tr,
.popin-content .fond_popin_classique th,
.popin-content .fond_popin_classique td {padding:5px 20px;}

table.fond_popin_classique{width:100%; height:100%; background:#ebebeb; font-weight:normal; color:var(--colorClient); margin-top: 0px;border-radius: 5px;}

tr.titre_popin{background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--color-dark2)); height:30px; font-size:10pt; color:#ffffff; text-align: left;margin : 10px 0px;font-weight:bold;}
tr.titre_popin td{text-align: left}

.title_arrondi {width: auto;text-align: left;background: var(--couleurFondTitre);display: block;color:#fff;margin : 10px 0px;font-weight:bold;padding-top:10px;padding-bottom:10px;padding-left:20px;border-radius:var(--borderRadius);}
/* FIN GLOBAL */

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}
table.conteneur_popin_classique{text-align: left;padding:5px;box-sizing: border-box}
table.conteneur_popin_releve{border:1px solid #c0c0c0; text-align: left}
tr.titre_popin_classique{color:#fff; font-size:10pt; height:25px; text-align: left; margin-left:5px;}
tr.titre_popin_classique td{text-align: center;}
tr.submit_popin_classique{background-color:#2b98c5; color:#ffffff;font-weight:bold; height:25px}
td.lib_form_popin_classique{color:var(--colorClient); font-weight:normal; padding-left:2px; padding-right:2px; min-width:20%; width:auto;padding-top:1px; padding-bottom:1px; text-align: left}
td.input_form_popin_classique{color:var(--colorClient); font-weight:normal; padding-left:2px; padding-right:2px; min-width:30%; width:auto; padding-top:1px; padding-bottom:1px; text-align: left;display:flex;align-items:center;}
td.lib_form_popin_classique_mini{color:#2b98c5; 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:#2b98c5; 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;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; padding-left: 5px;padding-right: 5px;}
td.input_form_popin_classique textarea{color:#000000; font-weight:normal; text-align:left; padding-left: 5px;padding-right: 5px;min-height:100px}
tr.submit_popin_classique td input{color:#000000; font-weight:bold; text-align:center; width:auto;padding-left: 5px;padding-right: 5px;}
.popin_close_cross{background-image: url('../inc_images/design/picto/close.png');background-repeat: no-repeat;width: 20px;height:20px;position: absolute; z-index: 2; background-size: contain;right: 15px; top:7px; cursor: pointer;}
td.lib_form_popin_classique.align_right{text-align: right}
.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}
.input_form_popin_classique input, .input_form_popin_classique select, .input_form_popin_classique textarea{width: 250px;}
/*tr td.lib_form_popin_classique, */
tr td th.input_form_popin_classique{ padding: 5px 0; /*border-bottom : 1px solid #eee;*/}

td.contenu_popin_classique{width:780px; vertical-align: top;}
table.contenu_popin_classique{width:780px; vertical-align: top;}

/*tr td.lib_form_popin_classique:before { content:""; display: inline-block; width: 17px; height: 17px; margin-right:5px; margin-left:5px;background: url('../inc_images/design/puce.png') transparent no-repeat; vertical-align:middle;}*/
.input_form_popin_classique input.widthInit, .input_form_popin_classique select.widthInit, .input_form_popin_classique textarea.widthInit{width: initial;}
/* FIN POPIN */

/* TABLEAU DROITS */
tr.tab_liste_selected{background-color:var(--colorGrisClair); color:#000;}

.tableauDroits{background: #fff;}
.tableauDroits thead tr{background: linear-gradient(to right, var(--couleurPrincipaleClient), 80%, var(--colorClient));}
.tableauDroits thead th:first-child{width:15%;} 
.tableauDroits thead th{padding:5px 10px; color:#fff;font-weight:bold;}
.tableauDroits tr:nth-child(even){background:#efefef;}
.tableauDroits td:first-child{border-right:1px solid var(--color-dark2)} 
.tableauDroits td{color:var(--colorClient); padding:2px 5px;}
.tableauDroits tbody tr:hover{background:var(--color-primaryLight);}
/* FIN TABLEAU DROITS */



/* Fil d'Ariane */
div.FilAriane{color:#2b98c5; font-size:10pt; float:left;padding-left:15px;}
div.FilAriane a{color:#2b98c5;text-decoration:none; border:none; padding-left:8px; padding-right:8px; outline:none; font-size:10pt; }
div.FilAriane a:visited{color:#2b98c5;text-decoration:none; border:none; padding-left:8px; padding-right:10px;}
div.FilAriane a:hover{color:#2b98c5; text-decoration:underline;}
/* FIN Fil d'Ariane */

/* PARTIE SITE (si existante) */
.menu_page{text-align: left;}
/* FIN PARTIE SITE */

/*  PICTOS DATATABLE  */
.btn_flex{
	padding: 5px;
    cursor: pointer;
    font-weight: normal;
    display: inline-flex;
    border-radius: 5px;
    color: var(--color-dark2) !important;
    transition: all ease-in-out 0.2s;
	background: transparent;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-decoration: none !important;
    font-size: 15px;
    box-sizing: border-box;
    min-width: 27px;
    min-height: 27px;
    position: relative;
}

.btn_flex.small{
	min-width: 15px;
    min-height: 15px;
	font-size: 12px;
}

.btn_flex:hover{
	color:#f7f7f7 !important;
	background-color:var(--color-dark2);
}

.liste_close:before{
	font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f00d";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_info:before{
	font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f129";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_upload:before{
	font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\e09a";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_tel:before{
	font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f095";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_valider:before, .petit_btn_valide:before{
	font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f00c";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_mail:before{
	font-family: var(--fa-style-family-classic);
    font-weight: 400;
    content: "\f0e0";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.liste_pdf:before{
	font-family: var(--fa-style-family-classic);
    font-weight: 400;
    content: "\f1c1";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.liste_genere_pdf:before{
	font-family: var(--fa-style-family-classic);
    content: "\f56f";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
}
.liste_word:before{
	font-family: var(--fa-style-family-classic);
    font-weight: 400;
    content: "\f1c2";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_modif::before {
	font-family: var(--fa-style-family-classic);
    font-weight: 400;
    content: "\f044";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.liste_delete::before {
	font-family: var(--fa-style-family-classic);
    font-weight: 400;
    content: "\f2ed";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.liste_voir::before {
	font-family: var(--fa-style-family-classic);
    font-weight: 400;
    content: "\f06e";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_activer::before{
	font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f204";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	color: var(--color-error);
}
.liste_desactiver::before{
	font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f205";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	color: var(--color-ok);
}

.liste_add:before, .petit_btn_add:before{
	font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\2b";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.petit_btn_annule:before{
	font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f05e";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_copy:before, .petit_btn_copier:before{
    font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f0c5";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_qrcode:before{
    font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f029";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_archiver:before{
    font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f1c6";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_warning:before{
    font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f071";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.liste_save:before{
    font-family: var(--fa-style-family-classic);
    font-weight: 900;
    content: "\f0c7";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}


.toggleIfModif.hide{display: none;}
input.toggleIfModif{width: 100%;}




.lock{background: url('../inc_images/design/picto/unlock.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px !important;height:20px !important;cursor: pointer;display:inline-block;vertical-align:middle;}
.unlock{background: url('../inc_images/design/picto/lock.png') center center;image-rendering:-webkit-optimize-contrast;background-repeat: no-repeat;width:20px !important;height:20px !important;cursor: pointer;display:inline-block;vertical-align:middle;}


/* FIN PICTOS DATATABLE  */

/* FILTRES */
/*.DivFiltre{display: inline-block; vertical-align: top;margin: 0 4px; text-align: left}*/
.DivFiltre label{
	font-weight: 600;
	color: var(--bgAppliMenuTop);
}
.contentFiltre{display:inline;vertical-align: top; width: 1000px}
.labelFiltre{padding: 5px; text-align: right;font-size: 15px;color:var(--colorClient);}
.inputFiltre{height: 30px;padding: 2px;}
.inputFiltre input, .inputFiltre select{height: 100%; border: none; background: #f1f1f1; font-size: 15px;}
td.legende, div.legende, span.legende{font-size: 25px; font-weight: bold;text-transform: uppercase;text-align: left; /*padding-left: 20px;*/display: inline-block; vertical-align: top;background-color:transparent; padding:5px; color:#000;}
fieldset.Filtre{max-width: 1000px;margin: auto; text-align: left;border-radius:10px;}

.filtre_favoris_img_jaune{ background:url('../inc_images/design/picto/favoris.png') no-repeat left center;image-rendering:-webkit-optimize-contrast;}
.filtre_favoris_img_vert{ background:url('../inc_images/design/picto/favoris_vert.png')  no-repeat left center; image-rendering:-webkit-optimize-contrast;}
.filtre_favoris_img_rouge{ background:url('../inc_images/design/picto/favoris_rouge.png')  no-repeat left center;image-rendering:-webkit-optimize-contrast;}
/* FIN FILTRES */

/* TINYMCE */
.defaultSkin table.mceToolbar{display: block !important;}
.tabsParam .mce-container{margin: auto}
/* FIN TINYMCE */

/* TOAST */
.jq-has-icon{box-sizing: border-box;}
/* FIN TOAST */

/* TABS */
li.ui-tabs-tab{border-top-left-radius: 20px;border-top-right-radius: 20px;font-size:12px;padding:0px !important;}
.ui-tabs .ui-tabs-panel{position: relative;}
.ui-tab.ui-state-disabled{width: 0; opacity: 0 !important; margin: 0 !important; border: 0 !important; padding: 0 !important;}
.ui-tabs .ui-tabs-nav li{border-radius: 0;border: none; background: #f6f6f6;transition: 0.3s; margin:0 5px 0 0 !important; margin-right: 20px !important; border-radius: 5px 5px 0 0;position: relative;}
.OuvertureTabGrand .ui-tabs .ui-tabs-nav li.ui-tabs-active{background: linear-gradient(to bottom right, #f4d5d0 10px, #fff 60px) !important; }
.ui-tabs .ui-tabs-nav li a{/*font-weight: bold;/*text-transform: uppercase; */font-size:14px;}
.ui-tabs .ui-tabs-nav .ui-state-active a, 
.ui-tabs .ui-tabs-nav .ui-state-active a:link, 
.ui-tabs .ui-tabs-nav .ui-state-active a:visited{ color: #000 !important; font-weight: bold; }

/* AA 22/08/2023 - spécial pour les onglets du 1/3 2/3 */
#contenu_module_page_droit .ui-tabs{ margin:0px !important;}
#contenu_module_page_droit_2_tiers .ui-tabs{ margin:0px !important;} 
#contenu_module_page_droit .ui-tabs .ui-tabs-nav li.ui-tabs-active, #contenu_module_page_droit .ui-tabs .ui-tabs-nav li:hover a{ border-radius: 25px 25px 0 0; }
#contenu_module_page_droit_2_tiers .ui-tabs .ui-tabs-nav li.ui-tabs-active, #contenu_module_page_droit_2_tiers .ui-tabs .ui-tabs-nav li:hover a{ border-radius: 25px 25px 0 0; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 10px 50px !important; 
    text-decoration: none;
}


.ui-widget-header{border: none !important;background:#c2c2c2 !important;}
.ui-widget{font-family: "Arial", sans-serif !important;}
/* FIN TABS */

/* DATATABLE */
.textareaDatatable{width: 100%; height: auto;}
.dataTables_paginate{max-width: 100%;}
.dt-buttons{float: right}
.export-excel{width: 20px; height: 20px; background: url("../inc_images/design/picto/excel.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;display: inline-block;vertical-align: top;background-size: contain;}
.export-pdf{width: 35px; height: 35px; display: inline-block;vertical-align: top;border-radius: 50%; background: #000 url("../inc_images/design/picto/pdf.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; background-size: 60% auto;}
.table_liste .liste_voir.hide{display: none;}
.multiselectDatatable{width: 150px;}
.ui-multiselect{max-width: 100% ;}
.table_liste .ui-multiselect{max-width: 100%;}
.dataTables_wrapper{margin-bottom: 30px;}
.dt-button{border: none; background: #000;padding: 7px;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-pdf{border-radius: 0;width: 100%; height: 100%; background-size: contain;}
.dt-button:hover{padding: 6px;}
.table_liste, .table_liste table{max-width: none;}
.table_liste tr.inactif{font-style: italic;background-image: repeating-linear-gradient(-45deg,transparent,transparent 5px,#e6e6e6 5px,#e6e6e6 10px)}
/* FIN DATATABLE */

/* Page Parametrage des listes */
.paramListes{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.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;}

.menuListes{display: inline-block; width:330px; vertical-align: top; text-align: left;font-size:12px;}
.menuListes a{display: block;margin: 2px 0 2px 25px; cursor: pointer;color:var(--colorClient);text-decoration:none}
.menuListes a i{padding:8px 5px}
.menuListes a:hover{background:var(--colorGrisClair)}
.menuListes a.selected{font-weight: bold; /*color: var(--couleurPrincipaleClient);*/background:var(--colorGrisClair)}
.paramListes{display: inline-flex; width: calc(100% - 340px);width: -webkit-calc(100% - 340px); vertical-align: top}
.paramListe{flex-grow: 1;}
/* FIN Page Parametrage des listes */

/* AUTOCOMPLETE */
.ui-autocomplete{max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index: 10000 !important}
.ui-autocomplete .ui-state-active{box-sizing: border-box}
.ui-autocomplete{text-align: left}
.ui-autocomplete.ui-widget-content .ui-state-active{border: none; margin: 0px;}
.ui-autocomplete.ui-widget-content .ui-state-active{background:  var(--colorFiltreBckgd); color: var(--colorFiltreFont)}
/* FIN AUTOCOMPLETE */

/* DATEPICKER */
.ui-datepicker { z-index: 9999 !important; }
.datepicker {width: 130px;}

.pictoDate{
	content:"";
	display:flex;
	width:25px;
	height:25px;
	background: url('../inc_images/design/picto/picto_calendar.png') no-repeat center center;
	background-size: contain;
	margin-right: 5px;
}

/* FIN DATEPICKER */

/* 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;}
.chosenVille{padding-bottom:10px !important;}
/* FIN CHOSEN */

/* Espace disque */
.InfosStats{color: var(--colorClient);}
.InfosStats p{color: var(--colorClient);margin-left:auto;margin-right:auto;width:500px;}
.InfosStats p label{display:block;float:left;width:200px;}
.InfosStats p input{float:left;}
.InfosStats h1, .InfosStats h2 {margin-bottom: 5px;padding: 5px;color: #ffffff;text-transform: uppercase;font: normal bold 15px verdana, tahoma, arial;background: linear-gradient(to right, var(--couleurPrincipaleClient), 50%, var(--colorClient));}
/* FIN Espace disque */

/* NOTIFICATIONS */
.infosLive{position: absolute; top: 15px; right: 160px; transition: 0.3s; text-align: center}
.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;image-rendering:-webkit-optimize-contrast; background-size: contain;}
#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/close2.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;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;image-rendering:-webkit-optimize-contrast; background-size: contain;}
#Notifications.hasNotif .pictoNotif{background: url("../inc_images/design/picto/mai.png") no-repeat center center;image-rendering:-webkit-optimize-contrast; 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: #fff;}
.notif.vue{background: transparent; color: #fff}
.notif a{color: #b40c64;display: block;}
.notif.vue a{color: #fff;}
.rondPictoNotification{text-transform: uppercase;width: 55px;font-size: 12px;display: inline-block;cursor: pointer;}
.rondPictoNotification .picto{background:url("../inc_images/design/picto/pictoMessage.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;width:40px; height:40px; line-height:70px;background-size: 100%; margin: auto;}
.rondPictoNotification.hasNotif .picto{background: url("../inc_images/design/picto/pictoMessage.png") no-repeat center center;image-rendering:-webkit-optimize-contrast;background-size: 100%}
.rondPictoNotification .nbNotif{display: none;font-size: 12px;}
.rondPictoNotification.hasNotif .nbNotif{position: absolute;top: -8px; left: 25px;color: #fff; width: 25px; height: 25px; background: #e56a54; border-radius: 50%;display: block;line-height: 25px; text-align: center; animation: zoom 1s infinite}
/* FIN NOTIFICATIONS */

/* Tooltips */
.fctHover{float:right;width: 20px; height: 20px;}
.fctHover:hover .hoverFct{display: block;z-index: 45800}
.fctHover .hoverFct{position: absolute;z-index: 45; left: 50%; top: 50%;color: #ffffff; background:#999; width: 300px; height: auto; border-radius: 5px;text-transform: none;text-align: left;padding: 10px;}
/* FIN Tooltips */



.hasInfo{margin-right:5px;}
.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}
/* FIN MULTISELECT */

/* JQUERY CONFIRM */
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover,.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:var(--couleurPrincipaleClient) !important;}
/* FIN JQUERY CONFIRM */

/* SUPER SESSION (test user) */
.superSession{padding:5px;margin:10px;background: #e56a54;font-weight: bold;}
.superSessionBack{font-weight: normal;text-decoration:underline;cursor: pointer;}
/* FIN SUPER SESSION (test user) */

/* DOCUMENTS */
.infoNB{font-size: 10px; font-style: italic;}
/* FIN DOCUMENTS */

/* PARAM DESIGN */
.previsuImage{width: auto; height: auto;margin: auto;max-width: 350px;overflow: hidden;}
.previsuImage img{max-width: 100%; height: auto;display: block; margin: auto;}
.previsuImagePrincipale{background: var(--couleurPrincipaleClient);}
.previsuImageFond{background: var(--bgAppliClient);}
.previsuCouleur{width: 100px; height: 20px; margin: auto;}
/*#param_style{background: #fff;text-align: center;}*/
#param_style{text-align: center;}
.tableClassique{width: auto;text-align: left;background: transparent;}
.tableClassique td{text-align: left;padding: 5px 40px;border-left: 1px solid;border-top: 1px solid}
.tableClassique td:first-child{border-left: none;}
.tableClassique tr:first-child td{border-top: none;}
.tableClassique th{background-color: var(--couleurPrincipaleClient);color: #fff;padding: 5px 40px;}
.tableClassique tr:hover td{background-color: var(--colorGrisClair)}
.center-table{display: table; margin: 0 auto;}
/* FIN PARAM DESIGN */


/* SORTABLE ou DRAG&DROP */
.list-drag-drop.ui-sortable li .handle{
    cursor: grabbing;
}
.list-drag-drop{
    list-style: none;
}
.placeholder-bg{
    border: 1px solid #cacaca;
    padding: 5px;
}

#list_question_modif{width:auto; margin: 20px auto 0;}
.delete_question.pictoDelete{position: absolute;right: 10px; bottom: 5px;}
#list_question_modif li{margin-bottom: 15px;}
.bg_question{background: #f1f1f1; padding: 10px 10px 30px 10px;}
.type_question{display: block; position: absolute; right: 10px; top: 5px;}
.handle.fa-grip-horizontal.handle{display: block;text-align:center;padding-bottom:20px;}
/* FIN DRAG & DROP*/


.container_flex_row{display: flex; flex-flow: row wrap; justify-content:space-between; margin: 0 5px; }

/* image à la place d'un input file */
.FormInputFile{font-size:20px;vertical-align:middle;}
/* remplacement si il y a un element avec la class FormInputFile avant */
.FormInputFile + input[type='file']{
    position: absolute;
    margin-top: 3px;
    margin-left: 3px;
    height: 1px;
    width: 1px;
    z-index: -5;
}
.SpanInfoFile{width:auto; height:20px; border:1px solid red; display:none/*inline-block*/;}

 .imgup{vertical-align:middle}
/* FIN FORMULAIRE */

@media screen and (max-width: 1300px){
    h2.titrePage{font-size: 28px;}
}


input.input_numerique_court {width: 60px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

td.input.input_numerique_court {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
td.input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

td.input.input_numerique_court[type=number] {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
td.input.input_numerique_long[type=number] {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

td.input_form_popin_classique input.input_numerique_court[type=number] {width: 50px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}
td.input_form_popin_classique input.input_numerique_long {width: 120px;color:#000000; font-weight:normal; text-align:right; font-size:8pt;padding-left: 5px;padding-right: 5px;vertical-align:center !important}

/* style pour liste factures */
.grouplabel th {background-color: var(--couleurFondEntete); color: white;}
.tbfact {width: 100%;}
.tbfact td {border:1px solid var(--color-dark2)}
.clear {
    clear: both;
}

/* div affichage suivi dossier*/
.divSuivi {padding-left: 10px; padding-right: 10px; border: 1px solid var(--colorInput); border-radius: 3px; background-color: white; width: 800px; height: 400px; overflow-x: auto;}
.divCom {padding-left: 10px; color: gray;}
.spanCom{color:var(--couleurFondEntete);font-weight: bold;}
.divAction {padding-left: 10px; padding-right: 10px; width: 800px;}

.containerFlex{display: flex; flex-direction: row; flex-wrap: wrap;}
.containerFlex .partieGauche{width: 35%;}
.containerFlex .partieDroite{width: 65%;padding-left: 40px;}
.containerFlex .contenu_mid_gauche{width: 50%;padding-right: 20px;}
.containerFlex .contenu_mid_droite{width: 50%;padding-left: 20px;}


#previsuMail,#previsuMail table, #previsuMail tr:not(.titre_popin), #previsuMail td, #previsuMail tbody, #previsuMail iframe{height: 100%;}




#suiviAction{width: 100%; height: 100px;}

.td_boutons {padding: 5px;}

.fc-timegrid-slot {
    height: 3em !important;
    border-bottom: 0 !important;
}


.FieldFiltre legend{cursor: pointer; display: none;}
.FieldFiltre.closed .DivFiltre{display: none;}


#adresseVille{width: 162px;}

.jq-toast-wrap.bottom-right{z-index: 90000 !important}
html.hasPopin{overflow: hidden !important;}

#Table_ConfigEmail{background: #fbfbfb;}
#Table_ConfigEmail td{padding: 2px;border-bottom: 1px solid;border-right: 1px solid #aaa;}
#Table_ConfigEmail td:first-child{border-left: 1px solid #aaa;}
#Table_ConfigEmail tr:first-child td{border-top: 1px solid #aaa;}
#Table_ConfigEmail label{font-weight: bold;}

select:focus{
	border: 1px solid #5897fb;
  	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/*=============================================================================*/
/* style des datatables */


.petit_btn_invisible{display:none !important;}
/* AA 25/08/2023 - css spécifique pour gérer Safari (cf safari.css)*/
.icon-safari{display: none !important;}
.notDisplayPC{display: none;}

/* -------------------------------------------------------------------------- */
/*                           SPECIFIQUE MEDIC EVENT                           */
/* -------------------------------------------------------------------------- */

.topAppli > div > div > a
{
	height: 100%;
	width: 100%;
}

.RechercheGenerale input.rechercheGlobale {
	width: 200px;
	height: 28px;
	line-height: 28px;
	border: 1px solid var(--colorInput) !important;
	border-radius: var(--borderRadius);
	background: var(--color-secondaryLight);
	color: var(--color-dark1);
	font-size: 15px;
	vertical-align: top;
}
.RechercheGenerale .searchButton input::before{
	color: var(--color-dark1);
}

.searchButton
{
	font-size: 20px;
	color: var(--color-dark1);
	vertical-align: middle;
}
.searchButton > input
{
	position: absolute;
	left: 0;
	top: 0;
	background: transparent !important;
	border: none !important;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.menuDeconnexion 
{
	width: 50px !important;
}
.menuDeconnexion i
{
	font-size: 42px;
	position: absolute;
	right: 0;
}
.menuDeconnexion i.fa-door-open 
{
	display: none;
}
.menuDeconnexion:hover i.fa-door-open 
{
	display: block;
}
.menuDeconnexion:hover i.fa-door-closed 
{
	display: none;
}

.menuCompte
{
	color: var(--colorInput);
	padding: 0px 10px;
}
.menuCompte:hover, .menuCompte:visited
{
	text-decoration: none;
	color: var(--colorInput);
}
.menuCompte:hover
{
	background: var(--couleurPrincipaleClient);
}
.menuCompte span
{
	padding-left: 0.5ch;
}

.menu_gauche.picto .pictoMenu 
{
	font-size: 24px;
	width: var(--tailleMenuLeft);
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}


.rallyeSelectMenu .ui-button
{
	border-radius: var(--borderRadius);
	border-color: var(--couleurPrincipaleClient);
}
.rallyeSelectMenu .ui-button,
.rallyeSelectMenu .ui-button:hover,
.rallyeSelectMenu .ui-button:focus
{
	background: var(--color-secondaryLight);
	border-color: var(--color-dark1);
}
.rallyeSelectMenu span
{
	color: var(--color-dark1) !important;
}
.rallyeSelectMenu > span.ui-selectmenu-button.ui-button
{
	width: auto;
}

.pictoRallye::after
{
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}
.pictoRallyeEtat1::after
{
	background: linear-gradient(135deg, #88d67f , #5d9e55);
}
.pictoRallyeEtat2::after
{
	background: linear-gradient(135deg, #82b0f0 , #4f7dbd);
}
.pictoRallyeEtat3::after
{
	background: linear-gradient(135deg, #727272 , #3f3f3f);
}
.pictoRallyeEtat4::after
{
	background: linear-gradient(135deg, #adaa79 , #8b884d);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background: var(--couleurPrincipaleClient) !important;
  border: 1px solid var(--color-dark2) !important;
}

.ui-button .ui-icon
{
	background-image: url("../inc_js/Jquery-ui/images/ui-icons_555555_256x240.png") !important;
}

p.msg_ok{color:var(--color-ok);}
p.msg_erreur{color:var(--color-error);}

.detailErreurChampInvalide
{
	color: var(--color-error);
	font-style: italic;
}

.strong, .bold {
	font-weight: bold;
}
.italic 
{
	font-style: italic;
}

input:disabled, input[readonly],
select:disabled, select[readonly],
textarea:disabled, textarea[readonly],
button:disabled, button[readonly]
{
	background-color: #f6f6f6; 
	opacity: .35;
}
input:focus
select:focus, 
textarea:focus, 
button:focus
{
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.formulaireFlex {
	padding: 5px 10px;
	overflow: hidden;
}
.formulaireFlex fieldset {
	border-color: var(--color-dark2);
	border-style: solid;
	border-width: 1px;
	margin-top: 10px;
	border-radius: var(--borderRadius);
	padding-bottom: 15px;

}
.formulaireFlex legend {
	margin-left: 5px;
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: var(--color-dark2);
}

.formulaireFlex label
{
	font-size: 1.1em;
}
.formulaireFlex input + label
{
	font-size: 1em;
}
.formulaireFlex table th
{
	font-weight: normal;
	font-size: 1.1em;
}

.formActions
{
	margin-top: 15px;
	background: var(--color-light3);
	padding: 15px;
	border-top: 1px solid var(--color-primary);
}
.formulaireFlex .formActions
{
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: -10px;
}

.formulaireFlex.formulaireFullPage .formActions
{
	flex-basis: 100%;
}

.contenuPage{background: #fff;}

.module
{
	--height-module-header: 40px;
	border: var(--borderRadius);
	box-shadow: 0px 5px 6px 1px rgba(0, 0, 0, 0.20);
	overflow: hidden;
	border-radius: var(--borderRadius);
	container: module / inline-size;
}
.module .module_content_closed
{
	height: auto;
	display: none;
}
.module.closed {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}
.module.closed .module_content {
	display: none;
}
.module.closed .module_content_closed {
	display: flex;
}
.module_content_closed
{
	color: var(--color-dark2);
	padding: 5px 0;
}
.module_content_closed label
{
	font-size: 1.1em;
	background: var(--color-light3);
	padding: 2px 10px;
	border-radius: 15px;
}
.module_content_closed label + *
{
	text-indent: 5px;
}
.module_content_closed .colorImportant
{
	color: var(--color-error);
	font-weight: bold;
}
.module_content_closed fieldset
{
	border: none;
	border-top: 2px solid var(--color-light4);
	border-radius: 0;
}
.module_content_closed legend
{
	font-size: 1.2em;
	padding: 0 5px;
	font-weight: bold;
}


.module.participant
{
	--color-module: var(--color-primary);
	--color-moduleLight: var(--color-primaryLight);
}
.module.rallye
{
	--color-module: var(--color-secondary);
	--color-moduleLight: var(--color-secondaryLight);
}
.module.tdb
{
	--color-module: var(--color-light4);
	--color-moduleLight: var(--color-light3);
}
.module_header
{
	z-index: 1;
	min-height: var(--height-module-header);
	max-height: var(--height-module-header);
	padding-left: 10px;
	padding-right: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	background: var(--color-module);
	border-top-left-radius: var(--borderRadius);
	border-top-right-radius: var(--borderRadius);
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.3);
	color: var(--color-dark2);
}
.module_content
{
	height: calc(100% - var(--height-module-header));
	overflow: auto;
	border: 2px solid var(--color-module);
	border-top: 0;
	border-bottom-left-radius: var(--borderRadius);
	border-bottom-right-radius: var(--borderRadius);
	background: var(--color-light1);
}
.module_content hr
{
	border-color: var(--color-dark2);
}
.accordionToggle
{
	cursor: pointer;
}
.accordionButton
{
	width: 25px;
	height: 25px;
	border-radius: 100%;
	background: var(--color-secondaryLight);
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
.module .accordionButton
{
	background: var(--color-moduleLight);
}
.accordionButton:hover
{
	filter: brightness(.9);
}
.accordionButton > i
{
	transform: scaleY(1);
	transition: all .2s ease-in-out;
}
.closed .accordionButton > i
{
	transform: scaleY(-1);
}
.module_title
{
	font-size: 16px;
}

.module_title .picto
{
	font-size: 20px;
}
.module_title .title
{
	font-weight: bold;
	margin-left: 5px;
}


.header_page
{
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
}
.header_page.space_between{
    justify-content: space-between;
}
.header_page .actions_header
{
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 55px;
}
.page_title
{
	color: var(--color-bleu);
	display: inline-flex;
	align-items: center;
	column-gap: 10px;
	height: 65px;
	padding-left: 70px;
	padding-right: 5px;
	min-width: 470px;
}
.page_title::before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	top: 100%;
	z-index: 0;
	/* background: linear-gradient(145deg, hsl(from var(--color-primary) h s 75), hsl(from var(--color-secondary) h s 75)) !important; */
	background: var(--color-dark2);
}
.page_title .title
{
	font-size: 25px;
	color: var(--color-dark2);
	font-weight: bold;
	padding-right: 50px;
}
.page_title .picto
{
	left: 10px;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 35px;
	color: var(--color-dark2);
}

/* -------------------------------------------------------------------------- */
/*                             Boutons avec texte                             */
/* -------------------------------------------------------------------------- */

.btn_action_text
{
	--color-btnAction: var(--color-primary);
	height: 40px;
	min-width: 200px;
	border-radius:  var(--borderRadius);
	border: 1px solid var(--color-btnAction) !important;
	color: var(--color-dark2) !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	transition: .2s ease-in-out;
	cursor: pointer;
	background-color: white;
	overflow: hidden;
	text-decoration: none !important;
}

.module .btn_action_text
{
	--color-btnAction: var(--color-module);
}
.btn_action_text.warning
{
	--color-btnAction: var(--color-error);
}
.btn_action_text.hide
{
	display: none;
}
.btn_action_text.small
{
	height: 30px;
	min-height: 30px;
	min-width: max-content;
}
.btn_action_text:hover
{
	background-color: inherit;
}
.btn_action_text > span
{
	margin-left: auto;
	font-size: 1.2em;
	padding: 0 10px;
	text-align: center;
	line-height: 1em;
}
.btn_action_text.small > span 
{
	font-size: 1em;
	padding: 0 10px;
}
.btn_action_text > i
{
	height: 100%;
	width: 40px;
	background-color: var(--color-btnAction);
	border: none;
	color: white;
	margin-left: auto;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	border-radius: 0;
}
.btn_action_text > i:first-child
{
	margin-left: 0;
	margin-right: auto;
	border-top-right-radius: var(--borderRadius);
	border-bottom-right-radius: var(--borderRadius);
}
.btn_action_text > i:last-child
{
	margin-right: 0;
	margin-left: auto;
	border-top-left-radius: var(--borderRadius);
	border-bottom-left-radius: var(--borderRadius);
}
.btn_action_text > i ~ span
{
	margin-left: 0;
	margin-right: auto;
}
.btn_action_text.small > i 
{
	width: 30px;
	font-size: 14px;
}

.btn_action_text > i::before,.btn_action_text > i::after
{
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
}

.ui-tabs.ui-widget.ui-widget-content{
	border: none !important;
}
.ui-tabs
{
	--borderWidth-tab: 3px;
	padding: 0px !important;
}
.ui-tabs-nav.ui-widget-header{
	border: none !important;
	padding: var(--borderWidth-tab) !important;
	background: none !important;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	color: var(--color-dark2) !important;
}

.ui-tabs .ui-tabs-nav li.ui-tab,
.btnGradient {
	border-radius: var(--borderRadius);
	background: #c2c2c2;
	transition: none;
	height: 40px;
	padding: 3px !important;
}
.btnGradient
{
	height: auto;
}

.ui-tabs .ui-tabs-nav li.ui-tab,
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	border: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-tab a, 
.ui-tabs .ui-tabs-nav li.ui-tab a:link, 
.ui-tabs .ui-tabs-nav li.ui-tab a:visited,
.btnGradientText
{
	color: var(--color-dark2) !important;
	font-size: 18px;
	padding : 0 50px !important;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ui-tabs .ui-tabs-nav li.ui-tab.ui-tabs-active,
.btnGradient
{
	background: linear-gradient(145deg, var(--color-primaryLight), var(--color-secondaryLight)) !important;
}
.ui-tabs .ui-tabs-nav li.ui-tab .ui-tabs-anchor,
.btnGradientText
{
	color: var(--color-dark2) !important;
	background: var(--color-light3);
	border-radius: calc(var(--borderRadius) - 2px);

}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor
{
	background: var(--color-light1) !important;
}

.DivFiltre{
	display:flex;
	align-items:center;
	text-align: left;
	column-gap: 5px;
}



fieldset.FieldFiltre{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	color:var(--color-dark2);
	background: var(--color-light1);
	border:1px solid var(--color-secondary);
	border-radius: var(--borderRadius);
	margin: 0;
	width:100%;
	padding: 10px;
	column-gap: 10px;
}

fieldset.FieldFiltre .FiltreButtonActualise, .dropdown .FiltreButtonActualise{
	border:0;
	background-color: var(--color-secondary);
	width: 30px;
	height: 30px;
	padding:0;
	font-size:0px;
	border-radius: var(--borderRadius);
	cursor: pointer;
	transition: all ease 0.3s;
	position: relative;
	display:flex;
	margin-left: 15px;
}

fieldset.FieldFiltre .FiltreButtonActualise::after, .dropdown .FiltreButtonActualise::after{
    content: "\f2f1";
	width: 100%;
	height: 100%;
	font-family: var(--fa-style-family-classic);
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-dark2);
}

fieldset.FieldFiltre .FiltreButtonActualise:hover, .dropdown .FiltreButtonActualise:hover{
    opacity: 0.7;
}
.badgeRallye
{
	padding: 3px 14px;
	border-radius: var(--borderRadius);
	color: var(--color-dark2);
	font-weight: bold;
	background: white;
	border: 1px solid var(--color-dark2);
	border-bottom-width: 3px;
	border-bottom-color: var(--color-dark2);
}
.badgeRallye.nameRallye
{
	background: var(--color-warning);
}
.badgeRallye.yearRallye
{
	background: var(--color-secondaryLight);
}
.badgeRallye.fromDateRallye
{
	background: var(--color-light3);
}
.badgeRallye.toDateRallye
{
	background: var(--color-light3);
}

body .ui-multiselect-checkboxes label input, 
body .ui-multiselect-checkboxes label span{vertical-align:middle !important;} 
body .ui-multiselect-checkboxes label span{margin-left:5px !important}

.fullViewport
{
	height: calc(100svh - calc(var(--tailleMenuTop) + 40px));
}

.formulaireFullPage
{
    border: 2px solid var(--color-light3);
    border-radius: var(--borderRadius);
    background: var(--color-light1); 
	/* display: grid;
	grid-template-columns: repeat(auto-fit, minmax(40%, 1fr)); */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}
.formulaireFullPage > *
{
	flex-grow: 1;
	flex-basis: max(350px, 40%);
}

.module_content .formulaireFullPage
{
	border: unset;
	border-radius: unset;
	background: unset;
}

.header_form
{
	background-color: var(--color-light1);
	overflow: hidden;
	border-radius: var(--borderRadius);
	padding-right: 10px;
}

.header_form .page_title
{
	background-color: var(--color-light3);
}
.header_form .page_title::before
{
	content: initial;
	/* content: "";
	position: absolute;
	left: unset;
	right: -100px;
	top: 25%;
	height: 100%;
	width: 140px;
	background-color: var(--color-light3);
	border-top: 5px solid var(--color-primary);
	transform: rotate(45deg); */
}
.header_form .page_title::after
{
	content: "";
	position: absolute;
	right: -85px;
	top: 25%;
	height: 100%;
	width: 140px;
	background-color: var(--color-light3);
	/* border-top: 5px solid var(--color-dark2); */
	transform: rotate(45deg);
}

.iti
{
	width: 100%;
}

.lineContact
{
	border-bottom: 1px solid var(--color-dark2);
	padding-bottom: 10px;
}

.highlight
{
	background-color: var(--color-warning);
}

.tableau_bord_content
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: stretch;
}
.tableau_bord_content > *
{
	flex-basis: 20%;
	flex-grow: 1;
}
.libelleRallyeTDB
{
	font-size: 34px;
	padding: 5px;
	color: var(--color-dark2);
	font-weight: bold;
}
.tempsRestant
{
	font-size: 1.2em;
}
.td_log_modif_creation
{
	text-align: right;
	font-size: 0.8em;
}

/* MULTISELECT */
.ui-multiselect{max-width: 100%; width: 100% !important; border-radius: var(--borderRadius) !important; padding: 6px 10px !important; background-color:var(--colorBckgInput) !important;border:1px solid #727471 !important;}
.ui-multiselect-checkboxes .ui-corner-all span{
	display: inline-block; 
	vertical-align: text-top; 
}
.ui-widget.ui-widget-content.ui-multiselect-menu{
	border-radius: var(--borderRadius);
	padding: 0;
	border: 1px solid var(--color-dark2);
  	min-width: 150px;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px 1px
}
.ui-widget-header.ui-multiselect-header{
	background:  var(--colorFiltreBckgd); 
	padding: 3px; 
	margin:0; 
	border-radius: 0px; 
	border-top-left-radius: var(--borderRadius);
	border-top-right-radius: var(--borderRadius);
	background-color: var(--color-primary) !important;
}
.ui-multiselect.ui-state-active{background:  var(--colorFiltreBckgd); color: var(--colorFiltreFont); border: 1px solid var(--colorInput); border-radius: 0;}
.ui-widget-content .ui-multiselect-checkboxes .ui-state-hover{background:  var(--colorFiltreBckgd); color: var(--colorFiltreFont)}
.ui-multiselect-filter{
	width: 100%;
	display: flex;
	margin: 0;
}
.ui-multiselect-filter input{
	width: 100% !important;
	border-radius: var(--borderRadius);
	margin: 0 !important;
	padding-left: 10px !important;
}
.ui-multiselect-checkboxes li
{
	padding-right: 0px !important;
}

.ui-icon
{
	margin-top: 0px !important;
}

li.ui-multiselect-close
{
	float: none;
	position: absolute;
	top: -10px;
	right: -10px;
	background: var(--color-light2);
	border-radius: 18px;
	display: flex;
	align-items: center;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border: 1px solid var(--color-dark2);
}
.ui-multiselect-header li.ui-multiselect-close
{
	float: none;
}
.ui-multiselect-header li.ui-multiselect-close .ui-icon.ui-icon-circle-close
{
	background: none;
	content: "\f00d";
	font: var(--fa-font-solid);
	text-indent: 0px;
}
.ui-multiselect-header li.ui-multiselect-close .ui-icon.ui-icon-circle-close::before
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	content: "\f00d";
	color: var(--color-dark2);
}

.nbConsultationEnfant
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	background: var(--color-primaryLight);
}

.suivi_consultation
{
	font-size: 0.9em;
	opacity: .55;
	border: 1px dashed #727471;
	border-radius: var(--borderRadius);
	max-height: 10em;
	overflow: auto;
	width: 100%;
	padding: 5px;
        background: var(--color-primaryLight);
}

.suivi_consultation .date_suivi
{
	font-weight: bold;
}
.suivi_consultation .contenu_suivi
{
	padding-left: 10px;
}

.message_explication{
    font-style: italic;
}


@supports (color: hsl(from white h s l)) {
	:root{
		--color-primaryLight: hsl(from var(--color-primary) h s calc(l + 10));
		--color-secondaryLight: hsl(from var(--color-secondary) h s calc(l + 10));
		--color-tertiaryLight: hsl(from var(--color-tertiary) h s calc(l + 10));
		--color-primaryDark: hsl(from var(--color-primary) h s calc(l - 20));
		--color-secondaryDark: hsl(from var(--color-secondary) h s calc(l - 20));
		--color-tertiaryDark: hsl(from var(--color-tertiary) h s calc(l - 20));
	}
	.btn_action_text:hover
	{
		background-color: hsl(from var(--color-btnAction) h s calc(l + 20));
	}
	.ui-tabs .ui-tabs-nav li.ui-tab.ui-tabs-active,
	.btnGradient
	{
		background: linear-gradient(145deg, hsl(from var(--color-primary) h s 75), hsl(from var(--color-secondary) h s 75)) !important;
	}
}