:root {
    /* Couleurs Primaires */
    --primary: 18 82% 54%;
    --primary-foreground: 0 0% 100%;
    --primary-glow: 18 90% 60%;
    --secondary: 224 33% 25%;
    --muted: 30 15% 94%;
    --muted-foreground: 224 15% 50%;
    --accent: 18 82% 54%;
    --radius:10px;
    --input: 220 20% 90%;
    --border:220 20% 90%;
  	--background: 0 0% 100%;
    --foreground: 224 33% 25%;
    --input-focus-shadow: 0 0 0 3px hsl(18 82% 54% / .15);
    
    
    
    
    --svg-logout:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" x2="9" y1="12" y2="12"></line></svg>');
    --svg-agence:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg>');
    --svg-fleche-droite:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg>');
    --svg-fleche-droite2:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>');
    --svg-ordinateur:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-laptop h-7 w-7"><path d="M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16"></path></svg>');
    --svg-bouclier:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-alert h-7 w-7"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="M12 8v4"></path><path d="M12 16h.01"></path></svg>');
    --svg-reseau:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-network h-7 w-7"><rect x="16" y="16" width="6" height="6" rx="1"></rect><rect x="2" y="16" width="6" height="6" rx="1"></rect><rect x="9" y="2" width="6" height="6" rx="1"></rect><path d="M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3"></path><path d="M12 12V8"></path></svg>');
    --svg-imprimante:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-printer h-7 w-7"><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"></path><path d="M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6"></path><rect x="6" y="14" width="12" height="8" rx="1"></rect></svg>');
    --svg-hdd:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-drive h-7 w-7"><line x1="22" x2="2" y1="12" y2="12"></line><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" x2="6.01" y1="16" y2="16"></line><line x1="10" x2="10.01" y1="16" y2="16"></line></svg>');
    --svg-telephone:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone h-7 w-7"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>');
    --svg-personnel:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users h-7 w-7"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>');
    --svg-reparation:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-7 w-7"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg>');
    --svg-colis:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-package-x h-7 w-7"><path d="M21 10V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l2-1.14"></path><path d="m7.5 4.27 9 5.15"></path><polyline points="3.29 7 12 12 20.71 7"></polyline><line x1="12" x2="12" y1="22" y2="12"></line><path d="m17 13 5 5m-5 0 5-5"></path></svg>');
    --svg-valid:url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg>');
    
    
}	

/* latin */
@font-face {
  font-family: 'Maven Pro';
    font-style: normal;
    font-weight: 400;
    src: url('mavenpro.woff2') format('woff2');
    unicode-range: U +0102 -0103, U +0110 -0111, U +0128 -0129, U +0168 -0169, U +01A0 -01A1, U +01AF -01B0, U +0300 -0301, U +0303 -0304, U +0308 -0309, U +0323, U +0329, U +1EA0 -1EF9, U +20AB;
}





.autocomplete-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    margin: 0;
    padding: 0;
    list-style: none;
}



.dropdown-item {
    display: block;
    padding: 15px 5px;
}






















* {    margin: 0;    padding: 0;    box-sizing: border-box;}
html { }
body {    overflow-x: hidden;   background-color: hsl(var(--muted) / .3);}
html, body {    width: 100%;    height: 100%;}
img { max-width: 100%; max-height: 100%; width:100%;height:auto;}
.alignCenter{text-align:center}

.athide{display:none;}

.t_g, h1, h2, h3, .mbut, .fc button, .fc table, button, ::placeholder{text-align:left;font-family:Maven Pro, sans-serif;	color:black;font-size:16px;}
h1, h2, h3, h1.t_g, h2.t_g, h3.t_g{font-family:var(--font-family-titre);font-size:39px;margin:0;position:relative;line-height:45px;font-weight:100}
h1 bold, h2 bold, h3 bold, h1 strong, h2 strong, h3 strong, h1 b, h2 b, h3 b{font-weight:lighter;color:var(--color-1)}
input,  textarea, select { font-family:Maven Pro, sans-serif; 
	width: 100%;  border-radius: var(--radius);   border:solid 1px hsl(var(--border));  background-color: hsl(var(--background));
    padding: 10px 15px; font-size: 16px; color: hsl(var(--foreground));   transition-property: all;    transition-timing-function: cubic-bezier(.4, 0, .2, 1);    transition-duration: .2s;    animation-duration: .2s;	}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, select:focus	 { border-color: hsl(var(--primary));    outline: 2px solid transparent;    outline-offset: 2px;    box-shadow: var(--input-focus-shadow);}
/*input[required], select[required] {border: 1px solid var(--color-1);}
input[required]::placeholder{color:var(--color-1);}*/

button, .sso-button, .btnWizardN, .btnWizardP{font-family:Maven Pro, sans-serif; color:white;background-color:hsl(var(--primary));margin: 20px 0 0 0;border-radius:var(--radius);padding:10px 15px;text-align:center;font-size:16px;transition: all 0.5s ease 0s;cursor:pointer;width:initial;border:1px solid var(--color-1);font-weight:600;}
button:hover, .btnWizardN:hover{box-shadow:  0 0 #0000,  0 0 #0000, 0 10px 15px -3px hsl(var(--primary) / .25), 0 4px 6px -4px hsl(var(--primary) / .25);}
.btnWizardN{font-weight:300;}
.btnWizardP{opacity: .5;    background-color: hsl(var(--background));    border:1px solid hsl(var(--input));color:hsl(var(--muted-foreground));font-weight:300;}
.btnWizardP:hover{box-shadow:  0 0 #0000,  0 0 #0000, 0 10px 15px -3px hsl(var(--input) / .25), 0 4px 6px -4px hsl(var(--input) / .25);opacity:1; font-weight:300;}
.sso-button{    background-color: rgb(252, 252, 251); color: hsl(var(--foreground)); font-weight: 600; border:1px solid hsl(var(--border));gap: 15px; justify-content: center;     align-items: center;     width: 100%; display: flex;}
.sso-button:hover{background-color: hsl(var(--muted));box-shadow: 0 0 #0000,  0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05);}

::placeholder {font-style:italic;color: hsl(var(--muted-foreground));font-size:14px}
.el-pointer{cursor:pointer}
.div-input{position:relative;}
.picto-input{position: absolute;    top: 50%; left:2%;    width: 3%; aspect-ratio:1; color: hsl(var(--muted-foreground));     transform: translate(0, -25%) ;}
.div-input input{padding-left:7%}



.ico-logoutb, .ico-fleche-droite2a, .ico-fleche-gauche2a, .ico-valida{display: inline-flex;    align-items: center;    gap: 10px;}
.ico-logoutb:before, .ico-fleche-droite2a:after, .ico-fleche-gauche2a:before, .ico-valida:after{content:'';display:block;}
.ico-fleche-gauche2a:before{transform:rotate(180deg)}


.ico-logout, .ico-logoutb:before{-webkit-mask: var(--svg-logout);  mask: var(--svg-logout); mask-size: contain;width:25px;height:25px;background:black;}
.ico-agence {-webkit-mask: var(--svg-agence);  mask: var(--svg-agence); mask-size: contain;width:25px;height:25px;}
.ico-fleche-droite {-webkit-mask: var(--svg-fleche-droite);  mask: var(--svg-fleche-droite); mask-size: contain;width:25px;height:25px;}
.ico-fleche-droite2, .ico-fleche-droite2a:after, .ico-fleche-gauche2a:before {-webkit-mask: var(--svg-fleche-droite2);  mask: var(--svg-fleche-droite2); mask-size: contain;width:25px;height:25px;}
.ico-ordinateur{-webkit-mask: var(--svg-ordinateur);  mask: var(--svg-ordinateur); mask-size: contain;width:25px;height:25px;}
.ico-bouclier{-webkit-mask: var(--svg-bouclier);  mask: var(--svg-bouclier); mask-size: contain;width:25px;height:25px;}
.ico-reseau{-webkit-mask: var(--svg-reseau);  mask: var(--svg-reseau); mask-size: contain;width:25px;height:25px;}
.ico-imprimante{-webkit-mask: var(--svg-imprimante);  mask: var(--svg-imprimante); mask-size: contain;width:25px;height:25px;}
.ico-hdd{-webkit-mask: var(--svg-hdd);  mask: var(--svg-hdd); mask-size: contain;width:25px;height:25px;}
.ico-telephone{-webkit-mask: var(--svg-telephone);  mask: var(--svg-telephone); mask-size: contain;width:25px;height:25px;}
.ico-personnel{-webkit-mask: var(--svg-personnel);  mask: var(--svg-personnel); mask-size: contain;width:25px;height:25px;}
.ico-reparation{-webkit-mask: var(--svg-reparation);  mask: var(--svg-reparation); mask-size: contain;width:25px;height:25px;}
.ico-colis{-webkit-mask: var(--svg-colis);  mask: var(--svg-colis); mask-size: contain;width:25px;height:25px;}
.ico-valid, .ico-valida:after{-webkit-mask: var(--svg-valid);  mask: var(--svg-valid); mask-size: contain;width:25px;height:25px;}



.btnWizardN:after, .btnWizardP:before{background:white;width:15px;height:15px;}
.btnWizardP:before{background:hsl(var(--muted-foreground));}

#div_container_1_h, #div_container_5_fr{width:100%;}
 
.bhead, .bcont {width:60%;display:block;margin:auto;text-align:left;}
.bhead{margin-bottom:50px}
.bheadmenu{width:100%;padding:1% 15%;border-bottom: 3px solid var(--color-1);margin-bottom:50px;display:flex;    align-items: center;justify-content: space-between;}


/*** HEADER (global--global)***/
.gpHeader{background-color: hsl(var(--background));border-color: hsl(var(--border));border-bottom-width: 1px;justify-content: space-between;align-items: center;    display: flex;
	box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05);padding:1% 5%;width:100%; }
.gplogoHeader{width:5%}
.logoHeader{width:100%;}
.gpuserHeader{}
.user-info{display:flex;    align-items: center;gap:20px;}
.btnLogout{background:hsl(var(--primary));border:2px solid hsl(var(--primary));padding:5px;cursor:pointer;border-radius:var(--radius);    transition-property:all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);    transition-duration: .15s;display:flex;    align-items: center;}
.btnLogout:hover{background:white;}

.ico-logout{background:white;width:17px;height:17px;}
.btnLogout:hover .ico-logout{background:hsl(var(--primary));  transition-property:all;    transition-timing-function: cubic-bezier(.4, 0, .2, 1);    transition-duration: .15s;}


/*** LOGIN SCREEN ***/
.mainScreenLogin{min-height: 100vh;height: 100vh;display: flex;overflow:hidden;}
.screenLogin{position:relative;width: 50%;padding:0 8%;justify-content: center;    align-items: center;flex-direction: column; display: flex;}
.bubAnimLogin1{    animation: float 6s ease-in-out infinite;    background-color: hsl(var(--primary) / .05);border-radius: 9999px;width: 16vw; aspect-ratio:1;    top: -5vw;  left: -5vw;    position: absolute;pointer-events: none;}
.bubAnimLogin2{        animation: float-reverse 7s ease-in-out infinite;  background-color: hsl(var(--secondary) / .05);border-radius: 9999px; width: 10vw;aspect-ratio:1; bottom: -2.5vw;  right: -2.5vw; position: absolute; pointer-events: none;}
.logoLogin{width:35%;}
.screenLoginForm{width:70%;    animation: slide-up .6s ease-out forwards;}
.sso-divider { display: flex;    align-items: center;    text-align: center;    margin: 20px 0;gap: 20px;}
.sso-divider::before, .sso-divider::after {    content: '';    flex: 1;    border-bottom: 1px solid #ddd;}
.login-container button{width:100%;}

.screenImageLogin{position:relative;width: 50%;overflow:hidden;}
.subScreenImageLogin{    display: flex;    height: 100%;justify-content: flex-end; flex-direction:column;     overflow: hidden; position: relative;}
.gpImageLogin{width: 100%;}
.imageLogin{width: 100%;}
.imageLogin img{    width: 100%;    height: 100%; position: absolute; top: 0;    right: 0;    bottom: 0;    left: 0; -o-object-fit: cover;  object-fit: cover;display: block;    vertical-align: middle;}
.connected .imageLogin img{    position:relative;object-fit: initial;}
.bckImageLogin{position: absolute;  z-index:2;  top: 0;    right: 0;    bottom: 0;    left: 0; background-image: linear-gradient(to top, hsl(var(--secondary)), hsl(var(--secondary) / .6) , transparent);pointer-events: none;}
.bubAnimLogin3{z-index:3;animation: float-reverse 7s ease-in-out infinite;    background-color: hsl(var(--primary-foreground) / .1);border	: solid 1px hsl(var(--primary-foreground) / .1);    border-radius: 9999px;width:4vw;aspect-ratio:1;right:25%;bottom:24%;position:absolute;}
.bubAnimLogin4{z-index:3;animation: float-reverse 6s ease-in-out infinite;background-color: hsl(var(--primary) / .2);border:solid 1px  hsl(var(--primary-foreground) / .1);border-radius:var(--radius);width:6vw;aspect-ratio:1;right:2%;bottom:3	0%;position:absolute;pointer-events: none;}
.gptxtImageLogin{width:80%;animation: slide-up .6s ease-out forwards;padding: 10%;z-index:10;position:relative;}
.ti1gpImageLogin, .ti1gpAllTicket{    backdrop-filter: blur(4px);color: hsl(var(--primary-foreground));font-weight: 600;     background-color: hsl(var(--primary) / .2);    border-radius: 9999px;padding:4px 12px;}
.ti1gpAllTicket{color:hsl(var(--primary))}
.ti2gpImageLogin, .ti2gpAllTicket, .ti2gpWizard, .ti4gpWizard{color:white;font-weight:700}
.ti2gpAllTicket, .ti2gpWizard{color:black;text-align:center}
.ti4gpWizard{color:hsl(var(--foreground));}
.ti2gpImageLogin b, .ti2gpImageLogin bold, .ti2gpImageLogin strong,
.ti2gpAllTicket b, .ti2gpAllTicket bold, .ti2gpAllTicket strong,
.ti2gpWizard b, .ti2gpWizard bold, .ti2gpWizard strong,
.ti4gpWizard b, .ti4gpWizard bold, .ti4gpWizard strong{color:hsl(var(--primary));background: linear-gradient(90deg, hsl(var(--primary)) 0%, hsl(var(--primary-glow)) 25%, hsl(0 0% 100% / 0.9) 50%, hsl(var(--primary-glow)) 75%, hsl(var(--primary)) 100%);
	background-clip: text;background-size: 200% 100%;-webkit-text-fill-color: transparent;animation: neon-sweep 3s ease-in-out infinite;filter: drop-shadow(0 0 6px hsl(var(--primary) / 0.4));}
.ti3gpWizard{text-transform: uppercase;    letter-spacing: 2px; font-weight:bold;}
.txtgpImageLogin{width:70%;}




/*** ALL WIZARDS SCREEN ***/
.mainScreenAllWizards{min-height:92vh;position:relative;margin-top:50px;}
.bubAnimScreenAllT1{animation: float 6s ease-in-out infinite;    background-color: hsl(var(--primary) / .05);    border-radius: 9999px;     position: absolute;     pointer-events: none;
										width:5vw;aspect-ratio:1;top:3%;left:-2%}
.bubAnimScreenAllT2{animation: float-reverse 7s ease-in-out infinite;    background-color: hsl(var(--primary) / .05);    border-radius: var(--radius);     position: absolute;     pointer-events: none;
										width:5vw;aspect-ratio:1;top:6%;right:2%; border:1px solid hsl(var(--primary) / .1);}
.bubAnimScreenAllT3{animation: float 6s ease-in-out infinite;       background-color: hsl(var(--accent) / .05);    border-radius: 9999px;     position: absolute;     pointer-events: none;
										width:3vw;aspect-ratio:1;bottom:6%;left:20%; border:1px solid hsl(var(--primary) / .1);}
.bubAnimScreenAllT4{     animation: float-reverse 7s ease-in-out infinite;      background-color: hsl(var(--secondary) / .05);    border-radius: var(--radius);     position: absolute;     pointer-events: none;
										width:7vw;aspect-ratio:1;bottom:6%;right:15%; }

.screenAllWizards{width:70%;margin:auto;display:block;}
.logobackground{width:70%;opacity:0.05;position:fixed;z-index:0;top:30%;left:15%;}
.listAllWizards{grid-template-columns: repeat(4, minmax(0, 1fr));    display: grid; gap:20px;}
.blocWizard{position:relative;animation-delay: 0ms;   animation-fill-mode: backwards;    animation-duration: .3s;transition-duration: .3s;transition-property: all;  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgb(0 0 0 / .05);padding:7%;    background-color: hsl(var(--background) / 0.3); backdrop-filter: blur(4px);   border:1px solid hsl(var(--border) / .5);border-radius:var(--radius)}
.blocWizardGradient{ animation-duration: .3s;    transition-duration: .3s;    transition-timing-function: cubic-bezier(.4, 0, .2, 1);transition-property: all;
	background-image: linear-gradient(to bottom right, hsl(var(--primary) / .2), hsl(var(--primary) / .05));    opacity: 0;position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0;
	border-radius:var(--radius);}
.valuesBlocWizard{position:relative;}
.gpiconValueWizard{animation-duration: .3s;    transition-duration: .3s;    transition-timing-function: cubic-bezier(.4, 0, .2, 1);transition-property: all;    background-color: hsl(var(--muted) / .8);
	padding:10px;border-radius:var(--radius);display: inline-flex;align-items: center;}
.icon-wizard{background-color:hsl(var(--primary));}
.gptxtValueWizard{}
.buttonBlocWizard{ animation-duration: .3s;    transition-duration: .3s;    transition-timing-function: cubic-bezier(.4, 0, .2, 1);transition-property: all;   border-radius: 9999px;background-color: hsl(var(--primary) / .1);padding:3px;display:flex;align-items: center;position:absolute;bottom:10px;right:10px;    opacity: 0;}
.icoBtnBlocWizard{background-color:hsl(var(--primary));width:17px;height:17px;}

.blocWizard:hover {    border-color: hsl(var(--primary) / .3);transform: translate(0, -5px) ;}
.blocWizard:hover .blocWizardGradient{opacity: 1;}
.blocWizard:hover .gpiconValueWizard{background-color:hsl(var(--primary));}
.blocWizard:hover .icon-wizard{background-color:white;}
.blocWizard:hover .buttonBlocWizard{ opacity: 1;}


/*** WIZARD VIEW ***/
.wizard-recap-hidden { display: none;}
.wizard-recap-unchecked{ display: none;}
.mainScreenWizard{min-height:92vh;position:relative;display:flex;    width: 100%;}
.globalViewWizard{display:flex;flex: 1 1 0%;    overflow: hidden;}
.screenWizard2{display:flex;    width: 100%;}
.sidebarWizard{background-color: hsl(var(--background));    border:1px solid hsl(var(--border));width:20%;padding:2%}
.sidebarWizard:has(+.viewStepsWizard .active div[data-wizard-summary]) .wizard-step-recap{display: none;}

.viewStepsWizard{width:80%;}
.viewStepsWizard2{width:70%;display:block;margin:auto;padding:2% 5%;}
.viewStepWizardCard{    box-shadow: 0 0 #0000, 0 0 #0000,  0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);padding:5%;background-color: hsl(var(--background));    border:1px solid hsl(var(--border) / .5);
	    animation: slide-up .6s ease-out forwards;border-radius:var(--radius)}
.btnsCardWizard, .btnsingleCardWizard{display: flex;    align-items: center;    justify-content: space-between;margin-top:40px}
.btnsingleCardWizard{    justify-content: flex-end;}

.containerWizardSteps{    display: flex;   }
.wizard-summary-list{    display: flex;    flex-direction: column; gap: 10px;}
.WizardStepSidebar{display: flex; gap: 20px;}
.step-Big{    display: flex;    flex-direction: column;align-items: center;}
.step-numberBig{animation-duration: .3s;transition-duration: .3s;    transition-property: all;    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	    box-shadow: 0 0 #0000,  0 0 #0000, 0 4px 6px -1px hsl(var(--primary) / .2), 0 2px 4px -2px hsl(var(--primary) / .2);    color: hsl(var(--primary));font-weight: 700;background-color: hsl(var(--primary) / .1);
	        border:2px solid hsl(var(--primary));    border-radius: 9999px;    justify-content: center;    align-items: center;flex-shrink: 0;     display: flex;width:35px;aspect-ratio:1}
.step-lineBig{    animation-duration: .5s;    transition-duration: .5s;transition-property: all;    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	    background-color: hsl(var(--border));    flex: 1 1 0%; width:2px;}
.wizard-summary-item{padding:8px 5px;}
.step-number, .step-title{font-weight:700;color:hsl(var(--muted-foreground))}
.completed .step-number,.completed .step-title{color:hsl(var(--primary))}
.wizard-recap-list{margin-top:5px;padding-left:10px;}
.wizard-recap-list .wizard-recap-label{font-style:italic;font-size:14px;margin-bottom:5px;}
.wizard-recap-list .wizard-recap-value{font-weight:bold;font-size:14px;color:hsl(var(--muted-foreground));margin-bottom:10px;padding-left:10px;}
.ico-status{width:15px;height:15px;}
.completed .ico-status{width:15px;height:15px;background:hsl(var(--primary))}
.recap-step-wizard{display:flex;align-items: center;flex-start; gap:10px;}
.blocInputsRadio{animation-duration: 300ms;    transition-duration: 300ms;    transition-property: all;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	    backdrop-filter: blur(4px) ; padding:15px;background-color: hsl(var(--background) / 0.6);border:1px solid hsl(var(--border) / 0.4);border-radius:var(--radius)}
.blocInputsRadio:hover{ box-shadow: 0 0 #0000,  0 0 #0000, 0 10px 15px -3px hsl(var(--primary) / 0.05), 0 4px 6px -4px hsl(var(--primary) / 0.05);border-color: hsl(var(--primary) / 0.3);}
.blocInputsRadioTitle{display:flex;gap:15px;align-items: center;}
.blocInputsRadio .gpiconValueWizard{padding:7px;}
.blocInputsRadio .icon-wizard{width:20px;height:20px;}

.blocInputsRadio .radio-container input[type="radio"] { position: absolute;  opacity: 0;}
.blocInputsRadio .radio-container .radio-custom {  width: 18px;  height: 18px;  border-radius: 50%;  border: 2px solid  #555;   display: inline-block;
  position: relative;  margin-right: 6px;  vertical-align: middle; box-sizing: border-box;}
.blocInputsRadio .radio-container .radio-custom::after {  content: "";  position: absolute;  inset: 3px;   border-radius: 50%;  background-color: transparent;
  transition: background-color 0.2s ease;}
.blocInputsRadio .radio-container input[type="radio"]:checked + .radio-custom {  border-color: hsl(var(--primary));  }
.blocInputsRadio .radio-container input[type="radio"]:checked + .radio-custom::after {  background-color: hsl(var(--primary));  }
.blocInputsRadio .radio-container input[type="radio"]:focus + .radio-custom {  box-shadow: 0 0 0 3px rgba(30, 144, 255, 0.4);}
.blocInputsRadio .radio-container {  display: inline-flex;  align-items: center;  cursor: pointer;  margin-right: 12px;  font-family: sans-serif;}

.blocInputsRadio:has(input[type="radio"]:checked ) {border:1px solid hsl(var(--primary));}
.blocInputsRadio:has(input[type="radio"]:checked ) .gpiconValueWizard{background:hsl(var(--primary));}
.blocInputsRadio:has(input[type="radio"]:checked ) .icon-wizard{background:white}


.blocInputsCheckbox .checkbox-container{    animation-duration: 200ms;    transition-duration: 200ms;    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);color: hsl(var(--muted-foreground));    text-align: center;background-color: hsl(var(--muted) / 0.3);
        border:2px solid hsl(var(--border) / 0.5);border-radius:var(--radius);gap:10px;justify-content: center;    align-items: center;cursor: pointer;     display: flex;    position: relative;
        padding:10px 20px;user-select: none;}
.blocInputsCheckbox .checkbox-container:hover{ border-color: hsl(var(--primary) / 0.2);     background-color: hsl(var(--muted) / 0.5);}
.blocInputsCheckbox .checkbox-container input[type="checkbox"] {position: absolute;    width: 1px;    height: 1px;    padding: 0;    margin: -1px;    overflow: hidden;    clip: rect(0, 0, 0, 0);
  white-space: nowrap;    border-width: 0;}
.blocInputsCheckbox .checkbox-container .checkbox-custom{animation-duration: 200ms;    transition-duration: 200ms;    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    background-color: hsl(var(--background));    border:2px solid hsl(var(--border) / 0.6);border-radius:3px;flex-shrink: 0;
    align-items: center;    justify-content: center;width:18px;height:18px;display: flex;}

.blocInputsCheckbox:has(input[type="checkbox"]:checked) .checkbox-container{border-color:hsl(var(--primary));color:hsl(var(--primary))}    
.blocInputsCheckbox:has(input[type="checkbox"]:checked) .checkbox-container .checkbox-custom{background:hsl(var(--primary))}  
 

.table-wizard{    width: 100%; border:1px solid hsl(var(--border));    border-radius: var(--radius);    overflow-x: auto;  table-layout: fixed;    word-break: break-word;}
.thead-wizard{width: 100%;}
.thead-tr-wizard{background-color: hsl(var(--muted) / .3);    border-bottom-width: 1px solid hsl(var(--border));}
.thead-th-wizard{    color: hsl(var(--foreground));    font-weight: 600;text-align: left;padding:10px 15px}
.tbody-wizard{width: 100%;}
.tbody-tr-wizard{    background-color: hsl(var(--background));}
.tbody-td-wizard{color: hsl(var(--foreground));text-align: left;padding:10px 15px}
.wtd15{width:15%}
.wtd20{width:20%}
.wtd30{width:30%}
.wtd34{width:34%}
.wtd35{width:35%}
.wtd40{width:40%}
.table-wizard .no-data td{padding:10px 15px;text-align:center;color: hsl(var(--foreground));    font-style:italic;}



@keyframes float {
	0%, 100% {    transform: translateY(0) rotate(0);}
	50% {    transform: translateY(-20px) rotate(3deg);}
}

@keyframes float-reverse {
0%, 100% {   transform: translateY(0) rotate(0);}
50% {    transform: translateY(20px) rotate(-3deg);}
}

@keyframes slide-up  {
0% {    opacity: 0;    transform: translateY(30px);}
100% {    opacity: 1;    transform: translateY(0);}
}

@keyframes neon-sweep  {
0% {  background-position: -200% center;}
100% {    background-position: 200% center;}
}

.mbot5{margin-bottom:5px}
.mbot10{margin-bottom:10px}
.mbot20{margin-bottom:20px}
.mbot30{margin-bottom:30px}
.mbot40{margin-bottom:40px}
.mbot50{margin-bottom:50px}
.mbot60{margin-bottom:60px}
.mbot80{margin-bottom:80px}
.mtop10{margin-top:10px}
.mtop20{margin-top:20px}
.mtop30{margin-top:30px}
.mtop40{margin-top:40px}
.mtop50{margin-top:50px}
.mtop60{margin-top:60px}
.fs40{font-size:40px}
.fs30{font-size:30px}
.fs20{font-size:20px}
.fs18{font-size:18px}
.fs14{font-size:14px}
.fs12{font-size:12px}

.fw700{font-weight:700;}

.colorg{color:hsl(var(--muted-foreground))}
.colorg a{color:hsl(var(--primary))}
.colorg a:hover{    text-decoration-line: underline;}
.colorMandatory{color:hsl(var(--primary));margin-left:5px;}





/* ===================================
   Notifications Toast
   =================================== */
.gg-notification-Parent{position: fixed;    top: 20px;    right: 20px;    }
.gg-notification { background:white;  margin:10px 0; padding: 16px 24px;    border-radius: 8px;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);    z-index: 10000;    font-size: 14px;
    font-weight: 500;    max-width: 400px;    display: flex;    align-items: center;    gap: 12px;            /* Animation d'entr�e */
    transform: translateX(400px);    opacity: 0;    transition: transform 0.3s ease-out, opacity 0.3s ease-out;}
.gg-notification--visible {    transform: translateX(0);    opacity: 1;}
.gg-notification--hiding {    transform: translateX(400px);    opacity: 0;}
.gg-notification--success {    background-color: #10B981;color:white}
.gg-notification--error {    background-color: #EF4444;color:white}
.gg-notification--warning {    background-color: #F59E0B;color:white}
.gg-notification--info {    background-color: #3B82F6;}
.gg-notification__icon {    font-size: 20px;    flex-shrink: 0;}
.gg-notification__message {    flex: 1;}