:root
{
  --white-light: #ffffffb8;
  --white-dark: #ffffffde;
}

body
{
	padding: 0;
	margin: 0;
	font-family: Uni_Neue_book;
	font-size: 24px;
	width: 100vw;
	height: unset;
	background: none;
}



.loginForm
{
	margin: auto;
	width: 420px;
	height: 420px;
	/* background-image: url(images/loginScreen.png); */
	border-radius: 50%;
	box-shadow: 2px 2px 2px 1px #00000057;
	background: #ffffffb8;
	border: solid #ff5500 12px;
	z-index: 10;
	position: relative;
	transform: scale(0);
	  animation-name: login_f;
	  animation-delay: 1.5s;
	  animation-duration: 1s;
	  opacity: 0;
	  animation-fill-mode: forwards;

}


	 

  
  @keyframes login_f
  {
	0%
	{
	  transform: scale(0);
	  opacity: 0;
	}
	
	50%
	{
	transform: scale(1.2);
	 
	}
	
	100%
	{
	  transform: scale(1);
	  opacity: 1;
	}
	
  }
  

.loginAristaLogo
{

	display: none;
}

.loginWelcomeText 
{
	display: none;
}

.inputPassword
{
	margin-bottom: 25px !important;
}



.input
{
	margin-bottom: 20px;
	font-weight: normal;
	line-height: 25px;
	height: 35px;
	color: #8a8a8a;
	font-size: 24px;
	width: 320px;
	padding: 5px;
	vertical-align: middle;
	font-family: 'Uni_Neue_book';
	background: #ffffffb8;
	border: 0.5px black solid;
}

.identifiant
{
	width: 332px;
	display: block;
	margin: 0 auto;
	text-align: left;
	font-size: 24px;
	color: lightgray;
	font-family: Uni_Neue_book;
}

.loginFormWrapper
{
	width: 100%;
	text-align: center;
	height: fit-content;
	top: 50px;
	position: relative;
	margin-bottom: 6vw;
}

.loginFormElements
{
	width: 100%;
	position: absolute;
	top: 140px;
	left: 0;
	line-height: 30px;
}

.btnLogin, input[type=button], .submitBtn
{
	width: 200px;
	height: 39px;
	background-image: none;
	border: 0;
	color: White;
	font-weight: normal;
	font-size: 24px;
	background-color: black;
	font-family: Uni_Neue_book;
	height: 50px;
	border-radius: 0;
}

.loginFormLinks
{
	width: 100%;
	top: 324px;
	left: 0;
	line-height: 20px;
	font-family: 'Uni_Neue_book';
	font-size: 24px;
	width: 425px;
	margin: 0 auto;
	position: relative;
}

a
{
	font-weight: normal;
	color: black;
	text-decoration: none;
	font-family: 'Uni_Neue_book';
	line-height: 1.2;
}

a:hover
{
	color: #ff5500 !important;

}

.pat
{
	font-size: 16px;
	left: 25px;
	position: fixed;
	bottom: 25px;
	cursor: pointer;
}

.headerWrapper
{
	width: 100%;
	height: 100px;
	text-align: center;
	background: #ffffffd1;
	/*box-shadow: 2px 2px 2px 1px #00000057;*/
	position: fixed;
	top: 0;
	z-index: 100;
	border-bottom: 1px solid black;
}

.menuWrapper
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	float: left;
}

.menuDiv
{
	background-image: none;
	width: 62%;
	height: 100px;
	padding-right: 50px;
	padding-left: 50px;
	float: left;
}

.menuContent
{
	position: relative;
	width: 790px;
	height: 100px;
	padding-top: 5px;
	background: none;
	display: contents;
	height: 50px;
}

.menuSeparator
{
	display: none;
}

.menuDiv2
{
	display: none;
}

.menuFooterDiv
{
	height: 6px;
	width: 184px;
	font-size: 0;
	position: fixed;
	bottom: 0;
	background: black;
	width: 100%;
	/* max-width: 1440px; */
	padding: 0;
	margin: 0;
	left: 0;
	height: 60px;
	background: #ffffffd4;
	border-top: 0.5px solid black;
	z-index: 15;
	overflow: hidden;
}

.headerMenu
{
	float: right;
	line-height: 10px;
	position: relative;
	top: 0px;
	text-align: right;
	padding-top: 20px;
	width: 25%;
	/*z-index: 60;*/
	display: inline-block;
	padding-right: 50px;
}

.headerMenuLink, .headerMenuLargeLink
{
	position: relative;
	text-decoration: none;
	width: 120px;
	height: 33px;
	display: inline-block;
	font-size: 18px;
	text-align: center;
	background: black;
	color: white;
	font-family: 'Uni_Neue_regular';
	padding-bottom: 10px;
	text-rendering: geometricPrecision;
	right: 10px;
	width: 64px;
	height: 64px;
	line-height: 0.8;
	border-radius: 50%;
	padding-top: 11px;
	padding: 0;
	padding-top: 2px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}

.headerMenuLinkText
{
	position: relative;
	top: 15px;
}

.headerMenuLogout
{
	display: none;
}

.headerTitleDiv
{
	position: fixed;
	top: 94px;
	left: 280px;
	text-align: left;
	width: auto;
	background: none;
	height: auto;
	z-index: 5;
}

.contentWrapperDiv
{
	width: 100%;
	text-align: center;
	height: auto;
	/* background: #ffffffdb; */
	margin-top: 180px;
	z-index: 10;
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
	top: 150px;
	display: flex;
	margin-bottom: 400px;
}

#content 
{
	margin-right: 0px;
	float: right;
	width: 100%;
	font-size: 20px;
	text-align: left;
	padding: 10px;
	padding: 0;
	margin-top: 50px;
	background: none;
	border: none;
}

.headerMenuLinkText
{
	position: relative;
	top: 15px;
	left: unset;
	font-weight: normal;
}

.menuLogoDiv
{
	background: url(../images/anim_logo_web.gif) no-repeat 50% 70%;
	height: 90px;
	background-size: contain;
	margin-bottom: 10px;
	width: 90px;
	vertical-align: top;
	float: left;
	margin-right: 50px;
}

.ui-widget-header
{
	color: black;
	font-weight: normal;
	background: none;
	border: none;
	border-bottom: 1px solid black;
	border-radius: 0;
}

#tabs
{
	border: none;
	margin-top: 10px;
	background: none;
	height: auto;
	padding: 0;
}

.ui-widget-content
{
	border: none;
	color: black;
	background: none;
}

.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-family: Uni_Neue_book !important;
	line-height: 1;
	padding: 0;
	padding-left: 10px;
	font-size: 18px !important;
	/*height: 30px;*/
	height: auto;
	text-rendering: optimizeLegibility;
	line-height: 1.2;
}

.ui-tabs .ui-tabs-panel
{
	padding: 0;
	display: block;
	border-width: 0;
	background: none;
}

.ui-state-active, .ui-state-active a
{
	background: none;
	font-weight: normal;
	color: white !important;
	outline: none;
	background: #FF5500;
}

.contentDiv
{
	width: inherit;
	float: left;
	height: auto;
	background: #fffffff2;
	min-height: 800px;
	position: relative;
	margin-bottom: 150px;
	max-width: 1340px;
	/*backdrop-filter: blur(1.5px);*/
	box-shadow: 2px 2px 2px 1px #00000057;
	border: none;
	padding-left: 50px;
	padding-right: 50px;
	border-left: 1px solid #eff5f8;
	border-top: 1px solid #eff5f8;
	min-height: 900px;

}

.ui-widget
{
	font-family: Uni_neue_book;
	font-size: 24px;
}

#PasswordRequestForm p
{
	display: inline-block;
	width: 100%;
	margin-right: 25px;
}

.capsule_50
{
	display: inline-block;
	width: 48%;
	vertical-align: top;
	margin-top: 18px;
}

.ui-tabs .ui-tabs-nav li
{
	padding: 0;
}

input[type="text"], input[type="password"]
{
	border: 1px solid black;
	line-height: 15px;
	font-size: 18px !important;
	height: 33px;
	color: black;
	padding: 3px;
	vertical-align: middle;
	background: #ffffff61;
	font-family: Uni_Neue_book;
	margin-bottom: 6px;
	padding-left: 10px;
	box-sizing: border-box;
	background: none !important;
	width: 100%;
	padding-top: 0px;
}

label
{
	text-align: left !important;
	vertical-align: top !important;
	font-weight: bold;
	font-size: 18px;
	padding-top: 7px;
	color: #808080ba;
	width: 220px;
	display: inline-block;
	font-weight: normal !important;
}

.formTable td.label
{
	width: 220px !important;
}

a.button, button, #btnSubmit,#btnSaveAndRequestMedicalExamination, #btnCancel
{
	background-color: black;
	font-family: Uni_Neue_regular !important;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	width: auto !important;
	color: white !important;
	text-align: center;
	padding-top: 0px !important;
	padding-bottom: 0px;
	height: 42px;
	padding-left: 15px;
	padding-right: 15px;
	text-rendering: geometricPrecision;
	border: none;
	box-sizing: border-box;
	line-height: 2.4 !important;
	font-size: 18px !important;
	margin-top: 8px;
	margin-left: 0;
}

.negative
{
	color: white !important;
}

button img, a.button img
{
	display: none;
}

button[type]
{
	padding: 5px 15px 5px 15px;
	line-height: 1;
}

.validation-summary-errors
{
	font-weight: normal;
	font-family: Uni_neue_regular;
	color: black;
	width: 658px;
	background-image: linear-gradient(135deg, #ff550033 25%, #f0f0f000 25%, #f0f0f000 50%, #ff550033 50%, #ff550033 75%, #f0f0f000 75%, #f0f0f000 100%);
	background-size: 50px 50px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 18px;
	box-sizing: border-box;
	font-size: 24px;
	margin-bottom: 25px;
}
 
.headerMenuLargeLink:hover
{
	background-image: none;
	cursor: pointer !important;
}

.headerMenuLinkIcon
{
	display: none;
}

.headerMenuContactLink
{
	background: #FF5500;
	position: relative;
	text-decoration: none;
	width: 150px;
	height: 43px;
	display: inline-block;
	font-size: 18px;
	text-align: center;
	color: white;
	font-family: 'Uni_Neue_book';
	padding-bottom: 10px;
	box-sizing: border-box;
	border: #FF5500 solid 4px;
	top: 2px;
	vertical-align: top;
	line-height: 1.8;
	right: 10px;
	display: inline-block;
	width: 64px;
	height: 64px;
	line-height: 0.8;
	border-radius: 50%;
	padding-top: 11px;
}

.headerMenuContactLink:hover
{
	background-image: none;
	font-family: Uni_Neue_bold;
	letter-spacing: -0.5px;
	top: 1px;
	background: none;
	color: #FF5500;
}

.Uni_bold
{
	font-family: Uni_Neue_bold;
	letter-spacing: -0.5px;
}

.menuLink
{
	display: inline-block;
	width: 100%;
	height: 38px;
	text-decoration: none;
	text-align: left;
	position: relative;
	color: black;
	font-size: 18px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
	vertical-align: top;
	padding-bottom: 16px;
	width: auto;
	float: left;
	border: none;
	margin-top: 40px;
	background: none;
	margin-right: 10px;
}

.menuLink
{
	position: relative;
	display: block;
	padding: 10px;
	text-decoration: none;
}

/**/
.subMenu {
	display: none;
	position: absolute;
	background: #f8f8f8;
	padding: 10px;
	border: 1px solid #ddd;
	z-index: 10;
}
.menuLink {
	position: relative;
	display: block;
	padding: 10px;
	padding-left: 0;
	text-decoration: none;
}

/**/

.menuLink:hover
{
	font-family: Uni_neue_bold;
	color: #FF5500;
	letter-spacing: -0.3px;
	border-bottom: solid 4pt #FF5500;
	padding-bottom: 7px;

}

.menuProfileDiv
{
	text-align: center;
	height: 33px;
	float: left;
	width: 172px;
	position: absolute;
	top: 120px;
}

.menuWelcomeText
{
	font-family: Uni_Neue_book;
	float: left;
	text-align: left;
	height: auto;
	display: block;
	position: relative;
	font-size: 16px;
	width: auto;
	padding: 6px;
	border: 1px solid black;
	line-height: 1;
	z-index: 15;
	height: 42px;
	box-sizing: border-box;
	padding-top: 12px;
	margin-top: 8px;
	left: 50px;
}

.headerDiv
{
	margin: 0 auto;
	width: 100%;
	position: relative;
	max-width: 1440px;
	height: inherit;
}

.contentWrapper
{
	width: 100%;
	margin: auto;
}

.menuLinkText
{
	top: unset;
	left: unset;
	position: relative;
	cursor: pointer;
	display: contents;
}

.subMenu
{
	text-align: left;
	font-size: 10px;
	width: 370px;
	top: 95px;
	position: absolute;
	background: none;
	display: none;
	z-index: 10;
	padding: 0;
	background: #ffffffe0;
	box-shadow: 4px 2px 4px -2px #00000057;
	border: none;
	border-top: 5px solid #ff5500;
}



.subMenuReporting
{
	/*left: 390px;*/
	left: 365px;
}

.subMenuDocuments
{
	/*left: 482px;*/
	left: 553px;
}

.subMenuLink
{
	display: inline-block;
	width: 97%;
	height: 32px;
	text-decoration: none;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 18px;
	border-bottom: 1px solid;
	color: black;
	background: none;
	padding-left: 10px;
	padding-top: 8px;
	padding-right: 0;
}




.subMenuLinkText
{
	position:unset;
	cursor: pointer;
}

.subMenuLinkText:hover
{
	font-family: Uni_neue_bold;
	color: black;
	letter-spacing: -0.3px;

}

.subMenuLink:hover
{
	font-family: Uni_neue_bold;
	color: black !important;
	letter-spacing: -0.3px;
	border-bottom: 4px solid #FF5500;
}

.menuProfileDiv
{
	text-align: center;
	height: 64px;
	float: right;
	width: 64px;
	position: absolute;
	top: 0px;
	/*background-image: url(../img/picto_user.svg);*/
	background-repeat: no-repeat;
	right: 00px;
	position: relative;
	border-radius: 50%;
	background: rgba(145, 145, 145, 0.8);
}

.menuProfileButton
{
	display: inline-block;
	height: 27px;
	font-size: 10px;
	color: Gray;
	text-decoration: none;
	background: none;
	width: 45px;
	height: 45px;
}

.headerBreadcrumDiv
{
	top: 110px;
	z-index: 2;
	text-align: left;
	position: fixed;
	left: 200px;
	color: black;
}

.headerMenuLink:before
{
	content: 'je tra- \a vaille le \a matin';
	font-size: 20px;
	font-family: 'Uni_neue_bold';
	text-align: center;
	margin-top: 14%;
	letter-spacing: -1px;
	color: white;
	line-height: 0.7;
	opacity: 1;
}

#aManualDownload
{
	padding-top: 10px;
	background: rgba(145, 145, 145, 0.8);
}

.headerMenuContactLink span
{
	position: relative;
	top: 8px;
}

.menuProfileButton span
{
	position: relative;
	top: 15px;
	left: 0px;
	text-align: center;
	line-height: 0.8;
	color: white;
	font-size: 18px;
}

.menuProfileButton span:hover
{
	color: #FF5500;
	font-family: Uni_Neue_bold;
	letter-spacing: -0.5px;
}

.headerMenuLink:hover, .headerMenuLargeLink:hover
{
	color: #FF5500;
	font-family: Uni_Neue_bold;
	letter-spacing: -0.5px;
}

.div_intro
{
	width: 650px;
	border-radius: 50%;
	border: solid 14px black;
	text-wrap: auto;
	height: 650px;
	padding: 50px;
	/* clip-path: circle(50% at center); */
	overflow: hidden;
	background: none;
	margin-bottom: 25px;
	margin-left: 520px;
	padding-top: 75px;
	box-sizing: border-box;
	display: inline-block;
}



.div_intro_text
{
	width: 86%;
	margin: 0 auto;
	margin-top: 0px;
	text-align: center;
}


.fond_logo
 {
	position: fixed;
	width: 100vw;
	top: 0;
	z-index: 0;
	height: 3000px !important;
	background-repeat: no-repeat;
	background-image: url(../images/logo_2490.gif);
	background-size: 183vw;
	background-position-x: -20vw;
}

.div_titre
{
	font-family: Uni_neue_bold;
	font-size: 36px;
	width: 280px;
	line-height: 0.8;
	top: 50px;
	height: 280px;
	position: absolute;
	text-align: center;
	border: 10px solid #FF5500;
	border-radius: 50%;
	padding-top: 66px;
	display: block;
	box-sizing: border-box;
	left: 240px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;

}

.orange
{
	color: #FF5500;
}

.headerBreadcrumDiv a
{
	font-size: 12px;
	color: black;
	display: inline;
}

.anim_button
{
	/*animation-name: buttons_f;*/
	animation-delay: 0.4s;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: backwards;
	transform: scale(1.0);
	transition-duration: 0.6s;
}

.anim_button:hover
{
	transform: scale(1.2);
	transition-duration: 0.6s;
}


 @keyframes buttons_f
  {
	  0%
	  {
		  transform: scale(0)
	  }
	  
	  50%
		{
			transform: scale(1.1)
		}
		
		100%
		  {
			  transform: scale(100%)
		  }
  }
  
  .footer_login
  {
	  font-size: 16px;
	  position: absolute;
	  left: 0px;
	  bottom: 00px;
	  border-top: 1px solid black;
	  width: 100%;
	  background: #ffffffa6;
	  height: 50px;
	  padding-left: 50px;
	  padding-top: 10px;
	  box-sizing: border-box;
	  color: #00000085;
  }
  
  input:-webkit-autofill
  {
	  font-size: 18px !important;
	  transition: font-size 0.01s;
  }
  
  .fa-eye
  {
	  content: url(../images/icone_visu_pass_dots.svg);
  }
  
  .fa-eye-slash
  {
	  content: url(../images/icone_visu_pass_abc.svg);
  }
  
  .ui-datepicker
  {
	  z-index: 10;
	  height: 254px;
	  padding-left: 0;
	  box-shadow: 2px 2px 2px 1px #00000057;
	  background: #fffffff2;
  }
  
  .menuLinkIcon
  {
	  display: none;
  }
  
  .cale_footer
  {
	  max-width: 1440px;
	  background: none;
	  height: inherit;
	  margin: 0 auto;
	  text-align: left;
  }
  
  .subMenuDocumentsLinkIcon
  {
	  display: none;
  }
  
  .menu_pat
  {
	  /*
	  height: inherit;
	  max-width: 100px;
	  display: inline-block;
	  */
  }
  
  .breadcrumSeparator
  {
	  height: 20px;
	  width: 14px;
	  background-image: none;
	  padding: 0;
	  margin: 0;
	  display: inline-block;
	  vertical-align: top;
  }
  
  .breadcrumSeparator:before
  {
	  content: './/.';
	  font-size: 16px;
	  font-family: 'Uni_neue_book';
	  text-align: center;
	  letter-spacing: 0px;
	  line-height: 1.3;
	  color: black;
	  
  }
  
  .subMenuReportingLinkIcon, .subMenuReportingLinkIcon 
  {
	  display: none;
  }
  
  /*page entreprise*/
  
  .ui-widget-header
  {
	  font-weight: normal !important;
	  background: none !important;
	  border: none !important;
	  border-bottom: 1px solid black !important;
	  border-radius: 0 !important;
	  color: black !important;
  }
  
  .RainbowTableForm td.label
  {
	  text-align: left !important;
	  vertical-align: top !important;
	  font-size: 18px;
	  padding-top: 0px;
	  font-weight: normal;
	  line-height: 1.2;
	  color: #808080ba;
	  width: 220px !important;
	  display: inline-block;
  }
  
  .RainbowTableForm td.input
  {
	  color: black;
	  font-size: 18px;
	  font-family: Uni_Neue_book;
	  width: 100%;
	  padding-right: 0;
  }
  
  tr.whitespace
  {
	  display: none;
  }
  
  table.inlineTable
  {
	  margin-bottom: 50px;
  }
  
  .ui-tabs .ui-tabs-panel
  {
	  padding: 0 !important;
	  padding-top: 12px !important;
  }
  
  .RainbowTableForm td.span
  {
	  padding-top: 7px;
	  width: 100%;
  }
  
  tbody
  {
	  width: 100%;
	  /* background: aquamarine; */
	  max-width: 100%;
	  display: table-row-group;
  }
  
  .formTable select
  {
	  background-color: #edebed;
	  border: 1px solid #e2e2e2;
	  line-height: 15px;
	  font-size: 11px;
	  height: 35px;
	  color: black;
	  width: 326px;
	  padding: 6px 3px 6px 3px;
	  vertical-align: middle;
	  width: 100%;
	  box-sizing: border-box;
  }
  
  #AlternativeName
  {
	  width: 100%;
  }
  
  input[type='text']:read-only
  {
	  width: 100%;
	  background: none;
	  max-width: 620px;
  }
  
  button:hover, a.button:hover, a.positive:hover, button.positive:hover
	{
		background-color: #FF5500 !important;
		border: none !important;
		color: white !important;
	}
	
  #fileButton2, #fileButtonMExam
	{
		  height: 34px !important;
	  width: 34px;
	  height: 30px;
	  border-radius: 50%;
	  line-height: 0.5;
	  padding: 0;
	  border: none !important;
	  font-size: 24px;
	  display: inline-block;
	  padding-bottom: 15px;
	  vertical-align: top !important;
	  margin-left: 12px;
	  background: black;
	  cursor: pointer;
	  }

  #fileButton2:hover, #fileButtonMExam:hover
	  {
		  background: #FF5500;
	  }	  

	  
.section
{
	  width: unset;
	  text-align: center !important;
	  font-weight: normal;
	  font-family: Uni_Neue_bold;
	  color: black;
	  background: none;
  }
  
  
  .section label
  {
	  padding-top: 25px;
	  display: inline-block;
	  font-weight: normal;
	  font-size: 24px;
	  width: 100%;
	  color: black;
	  margin-left: 0;
  }	
  
  tr:has(td.section)
  {
	  margin-bottom: 50px;
  }
  
  .formTable select
  {
	  line-height: 15px;
	  height: 35px;
	  color: black;
	  padding: 6px 3px 6px 3px;
	  vertical-align: middle;
	  box-sizing: border-box;
	  width: 94% !important;
	  padding-bottom: 0px;
	  padding-top: 0px;
	  font-size: 18px;
	  font-family: Uni_Neue_book;
	  border: none;
	  background: #00000012;
	  
  }  
  
  .RequiredFieldsExplanation
  {
	  font-size: 18px;
	  font-family: Uni_Neue_bold;
	  font-style: normal;
	  color: #FF5000;
	  margin-top: 18px;
	  margin-bottom: 18px;
	  display: block;
  }
  
  .RainbowTableForm, .RainbowTableForm tr, .RainbowTableForm td
  {
	  background: none;
	  border: none;
  }
  

  
  #JuridicalCodeId
  {
	  width: 425px !important;
	  box-sizing: border-box;
  }
  
  #CompanyDataForm input#AlternativeName
  {
	  width: 425px;
  }
  
  /*
  #cnfAC
  {
	  
	background: #ffffffe3;
	  position: fixed;
	  top: 250px;
	  width: 475px;
	  height: 475px;
	  border-radius: 50%;
	  border: 10px solid #FF5500;
	  text-align: center;
	  padding: 95px;
	  box-sizing: border-box;
	  left: 35%;
	  font-size: 24px;
  }
  */
  
  #btnSubmit1
  {
	  width: 92px !important;
	  box-sizing: border-box;
  }
  
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
  {
	  background: none !important;
	  border-radius: 0 !important;
	  border: 1px solid black;
	  color: black !important;
	  border-bottom: none;
  }
  
  .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
  { 
		  background: #FF5500 !important;
		border: 1px solid #FF500 !important;
		color: white !important;
  }
  
  .ui-state-default:hover
  {
	  color: white !important;
  }
  
  #tabs .rainbowGridContainer 
  {
	  font-size: 16px;
	  padding: 0;
  }
  
  .rainbowGrid th a
  {
	  text-decoration: none;
	  width: 100%;
	  height: 100%;
	  display: block;
	  color: black;
  }
  
  th
  {
	  background: #36404330 !important;
  }
  
  .rainbowGrid tr.filterRow input
  {
	  vertical-align: top;
	  width: 100%;
	  height: 30px;
	  padding-left: 8px;
	  border: 1px solid black;
  }
  
  .rainbowGrid tr.filterRow select
  {
	  width: 100%;
	  background: #36404314;
	  border: none;
	  padding-top: 2px;
	  padding-bottom: 2px;
  }
  
  #tabs table
  {
	  display: inline-table;
	  position: relative;
	  border: none;
	  border-collapse: collapse;
	  margin-bottom: 20px;
	  display: inline-table;
  }
  
  tbody tr
  {
	  border-top: 1px solid black;
	  border-bottom: 1px solid black;
  }
  
  .rainbowGrid table tr
  {
	  border-left: none;
	  border-right: none;
	  height: 42px;
  }
  
  .rainbowGrid td:nth-child(7) a, .rainbowGrid td:nth-child(8) a, .rainbowGrid td:nth-child(1) a
  {
	  color: white;
	  padding: 5px;
	  line-height: 20px;
	  font-size: 18px;
	  font-weight: normal;
	  border-radius: 0;
	  background: black;
	  border: none;
  }
  
  .rainbowGrid td:nth-child(7) a:hover, .rainbowGrid td:nth-child(8) a:hover, .rainbowGrid td:nth-child(1) a:hover
	{
			color: white !important;
		  padding: 5px;
		  line-height: 20px;
		  font-size: 18px;
		  font-weight: normal;
		  border-radius: 0;
		  background: #FF5500;
		  border: none;
	}
	
	#departmentpicker
	{
		font-weight: normal;
		width: 400px;
		padding: 3px;
		vertical-align: middle;
		font-size: 18px;
		line-height: 1;
		font-family: Uni_Neue_book;
		height: 42px;
		box-sizing: border-box;
		width: auto !important;
		background: black;
		color: white;
		border: none;
		padding: 8px;
	}
	
	#departmentpickerDiv
	{
		width: 100%;
		margin-bottom: 20px;
	}

	.pager .current
	{
		font-weight: normal;
		margin-top: unset;
		padding: 4px;
		text-align: center;
		background: none;
		font-family: Uni_Neue_bold;
		color: #FF5500;
		border: 1px solid #FF5500;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.ClearFilterDiv
	{
		float: left;
		margin-top: 0px;
		margin-bottom: 20px;
		background: black;
		border: none;
		padding: 8px;
		box-sizing: border-box;
		font-size: 18px;
		color: white;
		border-top: none;
		border-left: none;
	}
	
	.ClearFilterDiv:hover
	{
		background: #FF5500;
	}
	
	a.ClearFilter
	{
		color: white !important;
	}
	
	a.ClearFilter:hover
	{
		background-color: #FF5500;
		color: white;
	}
	
	
	selectPageSize label
	{
		color: black;
		font-weight: normal;
	}
  
	  #pageSize
	  {
		 padding: 0;
		 padding-left: 4px;
		 padding-right: 0px;
	 }
	 
	 .rainbowGrid table th
	 {
		 border-right: 1px solid white;
		 vertical-align: middle !important;
	 }
	 
	 .Sortable:hover
	 {
		 background: #FF5500 !important;
	 }
	 
	 .rainbowGrid th a:hover
	 {
		 color: white !important;
	 }
	 
	 .Sortable a:hover
	  {
		  color: white;
	  }
	  
	  .rainbowGrid tr.filterRow span.dateFromTo input
	  {
		  width: 100%;
	  }
	  
	  .ui-datepicker-calendar .ui-state-default
	  {
		  border: 1px solid #9e9e9ea8 !important;
	  }
	  
	  .ui-datepicker-calendar tr
	  {
		  border: none !important;
	  }
	  
	 .ui-datepicker .ui-datepicker-buttonpane
	 {
		 display: none;
	 }
	 
	 span.ui-icon.ui-icon-circle-triangle-w
	 {
		 background-image: url(../images/icon_calendar_left.svg);
		 background-repeat: no-repeat;
		 width: 30px;
		 height: 30px;
		 margin: 0;
		 position: sticky;
		 background-position: 0;
	 }
	 
	 span.ui-icon.ui-icon-circle-triangle-w:hover
	  {
		  background-image: url(../images/icon_calendar_left_hover.svg);
	  }
		  
	 .ui-widget-header .ui-icon
	 {
		 background-image: none;
	 }
	 
	span.ui-icon.ui-icon-circle-triangle-e
	 {
		background-image: url(../images/icon_calendar_right.svg);
		background-repeat: no-repeat;
		width: 30px;
		width: 30px;
		   height: 30px;
		   margin: 0;
		   background-position: 0;
		left: 0;
		top: 0;
	 }
	 
	 span.ui-icon.ui-icon-circle-triangle-e:hover
	  {
		  background-image: url(../images/icon_calendar_right_hover.svg);
	  }
	  
	a.ui-datepicker-prev:hover
	{
		background: white !important;
		border: white !important;
		left: 2px;
		top: 2px;
 
	}
	
	a.ui-datepicker-next:hover
	{
		background: white !important;
		border: white !important;
		right: 2px;
		top: 2px;
	}
	
	#TemporaryTechnicalNumber, #ListCompleteForFunction
	{
		margin-top: 4px;
		margin-right: 7px;
	}
	
	label[for="TemporaryTechnicalNumber"], label[for="ListCompleteForFunction"]
	{
		padding-top: 0;
		width: 90%;
		line-height: 1;
		margin-bottom: 12px;
	}
	
	#risks
	{
		width: 625px;
	}
	
	.div_buttons_pat
	{
		margin-top: 0;
		height: 60px;
		width: fit-content;
	}
	
	.customFooterContent
	{
		wwidth: fit-content;
		position: relative;
		display: inline-block;
		top: -3px;
		min-width: 900px;
		min-height: 50px;
		left: 56px;
	}
	
	.aDetailButton
	{
		text-decoration: none;
		font-weight: bold;
		color: white !important;
		padding: 5px;
		background: black;
		border-radius: 0;
		margin-top: 0px;
		display: inline-block;
	}
	
	.aDetailButton:hover
	{
		background: #FF5500;
		color: white !important;
	}
	
	.RainbowTableForm span.errorMessage
	{
		margin-left: 10px;
		margin-right: 30px;
		color: #FF5500;
		font-weight: normal;
		font-family: 'Uni_Neue_bold';
	}
	
	RainbowTableForm td.error input, .RainbowTableForm td.error select
	{
		background-color: #ff550024 !important;
		border: solid 1px #FF5500;
	}
	
	#errLabel_sauve
	{
		font-size: 20px;
		font-weight: normal;
		color: black;
		background-color: #ffffffbd;
		margin: 0px !important;
		width: 400px;
		height: 400px;
		border-radius: 50%;
		padding: 60px;
		box-sizing: border-box;
		text-align: center !important;
		/* padding-top: 42px; */
		position: fixed;
		left: 33%;
		top: 5%;
		border: 8pt solid #FF5500;
		font-family: Uni_Neue_bold;
		line-height: 1.3;
		vertical-align: middle !important;
	}
	
	/*
	.errorInfo
	{
			font-size: 24px !important;
			font-weight: normal !important;
			color: black !important;
			background-color: #ffffff91 !important;
			margin: 0px !important;
			border: 11px solid #FF5500;
			padding: 0px;
			font-family: Uni_Neue_bold;
			margin-bottom: 20px !important;
			margin-top: 20px !important;
			width: 350px;
			height: 350px;
			min-height: 0;
			border-radius: 50%;
			padding: 40px;
			box-sizing: border-box;
			text-align: center;
			margin: 0 auto;
			position: fixed;
			z-index: 100;
			left: 38%;
			top: -1%;
			padding-top: 25px;
	}
	*/
	
	.errorInfo
	{
			font-size: 24px !important;
			font-weight: normal !important;
			background: none !important;
			line-height: 1.1;
			padding-bottom: 25px;
			font-family: Uni_Neue_regular;
			color: black !important;
			background-image: linear-gradient(135deg, #ff550033 25%, #f0f0f000 25%, #f0f0f000 50%, #ff550033 50%, #ff550033 75%, #f0f0f000 75%, #f0f0f000 100%) !important;
			background-size: 50px 50px !important;
			width: 658px;
			box-sizing: border-box;
			padding-left: 18px;
	}
	
	.RainbowTableForm td.error input, .RainbowTableForm td.error select
	{
		background-color: #ffffffcf !important;
		border: solid 3px #FF5500;
	}
	
	/*
	td.error input, .RainbowTableForm td.error select
	{
		background-color: #0303030d !important;
		border: solid 3px #FF5500;
	}
	*/
	
	.div_pat
	{
		width: 808px;
	}
	
	.loginFormLinks a
	{
		font-size: 18px;
	}
	
	.col1_ent
	{
		width: 658px;
		margin-right: 24px;
	}
	
	.col2_ent
	{
		width: 658px;
	}
	
	.titre_div_ent_2
	{
		font-size: 24px;
		font-family: Uni_neue_regular;
		margin-bottom: 10px;
		color: #0000009e;
		letter-spacing: -0.5px;
	}
		
	.div_ent
	{
		border-top: 2px solid #0000009e;
		border-bottom: 1px solid #0000009e;
		width: 654px;
		display: inline-block;
		vertical-align: top;
	}
	
	.margin_right_24
	{
		margin-right: 24px;
		display: inline-block !important;
	}
	
	
	
	.inlineTable tr
	{
		border: none;
	}
	
	.field_phone
	{
		width: 143px !important;
	}
	
	#label_phone, #label_phone_2
	{
		width: 90px !important; 
	}
	
	#label_fax, #label_fax_2
	{
		width: 38px !important;
		margin-left: 12px;
	}
	
	#label_mob, #label_mob_2
	{
		width: 76px !important;
		margin-left: 12px;
	}
	
	.div_ent_col_1, .div_ent_col_2
	{
		display: inline-block;
		vertical-align: top;
	}  
	
	.spacer_20
	{
		height: 20px;
	}
	
	.spacer_26
	{
		height: 26px;
	}
	
	#HasInvoiceAddress
	{
		margin-top: 11px;
		margin-right: 8px;

	}
	
	#HasInvoiceAddress label
	{
		width: 400px;
	}
	
	.info_billing
	{
		margin-top: 20px;
	}
	
	.info_billing label
	{
		width: 630px;
		color: black;
	}
	/*
	.ui-dialog
	{
		background: #ffffffe3 !important;
		position: fixed !important;
		top: 250px !important;
		width: 475px !important;
		height: 475px !important;
		border-radius: 50% !important;
		border: 10px solid #FF5500 !important;
		text-align: center !important;
		padding: 50px !important;
		box-sizing: border-box !important;
		left: 35% !important;
		font-size: 24px !important;
	}
	*/
	.int_dpae
	{
		display: none;
	}
	
	#Company
	{
		width: 658px;
		display: inline-block;
		vertical-align: top;

	}
	
	.col_motif
	{
		width: 653px;
		display: inline-block;
		background-image: linear-gradient(135deg, #cfcece96 25%, #f0f0f045 25%, #f0f0f045 50%, #cfcece96 50%, #cfcece96 75%, #f0f0f045 75%, #f0f0f045 100%);
		background-size: 50px 50px;
		height: 451px;
		padding-top: 20px;
		box-sizing: border-box;
		margin-top: 65px;
		vertical-align: top;
		text-align: center;
	}
	
	.formTable .buttons
	{
		margin-top: 20px !important;
		width: max-content;
	}
	
	.ui-draggable .ui-dialog-titlebar
	{
		cursor: move;
		display: none;
	}
	
	#LanguageId, #CountryCode
	{
		width: 90% !important;
	}
	
	#_addEmploymentForm
	{
		width: 648px;
		display: inline-block;
		margin-right: 24px;
		
	}
	
	#content tr td div
	{
		font-size: 18px;
		line-height: 1.2;
	}
	
	select#MedicalExaminationId
	{
		width:92% !important;
		width:100% !important;
	}
	
	#medicalexamination
	{
		width: 904px;
	}
	
	#description
	{
		background: none;
		box-sizing: border-box;
		font-size: 18px;
		padding: 8px;
		font-family: Uni_Neue_book;
		width: 100% !important;
		height: 200px !important;
	}
	
	#Section
	{
		/*width: 622px !important;*/
		width: 100% !important;
	}
	
	select#EmployeeId
	{
		width: 620px !important;
		width: 424px !important;
	}
	
	input#Subject
	{
		/*width: 622px;*/
		width: 424px !important;
	}
	
	textarea.ContactUsMessage, #ComplaintDescription
	{
		height: 200px !important;
		background: none;
		width: 100% !important;
		max-width: 424px;
		box-sizing: border-box;
		font-size: 18px;
		font-weight: normal;
		font-family: Uni_neue_book;
		padding-left: 12px;
		padding-top: 4px;
	}
	
	form#ContactDataForm
	{
		width: 658px;
	}
	
	select#GeneralComplaintCategoryId
	{
		width: 100% !important;
	}
	
	div#divFiles
	{
		height: 35px;
		display: inline-block;
		width: 87% !important;
		background: none !important;
		border: 1px solid black;
		padding-left: 10px;
		box-sizing: border-box;
	}
	
	.sous_titre label
	{
		width: 100%;
		margin-bottom: 10px;
		margin-top: 10px;
		font-size: 24px;
		margin-left: 0;
		color: black;
		}
	}
	
	.bd_pat
	{
		width: 350px;
		height: 350px;
		border: 8px solid #FF5500;
		background: #ffffffe0;
		top: 300px;
		display: none;
		position: fixed;
		z-index: 20;
		left: 33%;
		top: 33%;
		text-align: center;
		border-radius: 50%;
		padding: 30px;
		box-sizing: border-box;
	}
	
	.bd_overlay
	{
		height: 200vh;
		background: #08080878;
		top: 0;
		position: fixed;
		top: 0;
		display: none;
		width: 120vw;
		left: -150px;
		z-index: 10;
		mix-blend-mode: multiply;
	}
	
	.bd_close
	{
		position: relative;
		margin: 0 auto;
	}
	
	.show
	{
		display: block !important;
	}
	
	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-resizable
	{
		background: #ffffffe8;
		border: 8px #FF5500 solid;
	}
	
	.popupContent
	{
		background: none !important;
		width: 893px;
		font-size: 18px !important;
	}
	
	.popupContent table.RainbowTableForm
	{
		width: 704px;
		padding-right: 41px;
		box-sizing: border-box;
		display: block;
		margin-left: 180px;
	}

	#AccountForm
	{

	}
	
	
	#_addDurep_638786948090014929lblInfo
	{
		width: 740px;
		margin-left: 0;
	}
	
	.adminis
	{
		margin-bottom: 75px !important;
		border-bottom: 1px solid black !important;
	}
	
	#InvoiceAddress_CountryId, #Address_CountryId, #ContactTypeId, #DocumentSubclassId
	{
		width: 100% !important;
	}
	
	div[role="dialog"] label
	{
		width: auto !important;
		color: black;
	}
	
	div[role="dialog"] .row label
	{
		margin-right: 5px;
	}
	
	input[type="radio"]
	{
		margin-top: 7px;
	}
	
	div[role="dialog"] input[type="text"]
	{
		margin-top: 12px;
	}
	
	.radio2
	{
		margin-left: 15px !important;
	}
	
	.margin_top_22
	{
		margin-top: 22px;
	}
	
	.spanBtn
	{
		cursor: pointer;
		display: inline-block;
		background: black !important;
		width: 35px !important;
		height: 35px !important;
		padding: 0;
		border: none !important;
		text-align: center !important;
		font-size: 36px !important;
		font-weight: normal;
		font-family: Uni_Neue_bold;
		border-radius: 50%;
		box-sizing: border-box;
		line-height: 0.3;
		border-left: none !important;
		border-right: none;
		padding-left: 0px;
		vertical-align: top;
	}
	
	.spanBtn label
	{
		color: white !important;
		width: 35px;
		height: 100%;
		margin: 0;
		text-align: center !important;
		padding: 0;
		padding-top: 0px;
		padding-right: 3px;
		box-sizing: border-box;
		border-radius: 50%;
		font-size: 24px !important;
		font-weight: normal !important;
		line-height: 0.9;
		padding-left: 2px;
		transform: scale(1.0);
		transition-duration: 0.4s;
	}
	
	.spanBtn :hover, .spanBtn label :hover
	{
		background: #FF5500 !important;
		transform: scale(1.2);
		transition-duration: 0.4s;
	}
	
	#Filename
	{
		display: inline-block;
		width: 88%;
		margin-right: 10px;
	}
	
	.spanBtn label
	{
	}
	

	
	.errorInfo :hover
	{
		/*background-image: url(../images/icone_croix_orange.svg);*/
	}
	
	.errorInfo img
	{
		width: 36px;
		display: block;
		margin: 0 auto;
		margin-bottom: 12px;
	}
	
	.zerrorInfo
	{
		font-size: 18px !important;
		color: #FF5500 !important;
		font-weight: normal !important;
		display: block !important;
	}
	
	input[type="text"], input[type="password"]
	{
		border: 1px solid black;
		line-height: 15px;
		height: 33px;
		color: black;
		vertical-align: middle;
	}
	
	.attention img
	{
		width: 24px;
		margin-right: 8px;
		/* margin-top: 8px; */
		vertical-align: middle;
	}
	
	#NationalRegisterNumber
	{
		width: 378px;
	}
	
	#NationalRegisterNumberQ
	{
		cursor: pointer;
		color: black !important;
		border: 3px solid #FF5500;
		padding-left: 5px;
		padding-right: 5px;
		border-radius: 50%;
		width: 33px;
		height: 33px;
		box-sizing: border-box;
		vertical-align: top;
		margin: 0 !important;
		font-family: Uni_Neue_bold;
		text-align: center;
		font-size: 24px !important;
		float: right;
		margin-left: 10px !important;
		font-weight: normal !important;
		transform: scale(1.0);
		transition-duration: 0.6s;
	}
	
	#NationalRegisterNumberQ:hover
	{
		color: #FF5500 !important;
		border: 3px solid black;
		transform: scale(1.2);
		transition-duration: 0.6s;
	}
	
	
	select#LanguageId, select#CountryCode
	{
		width: 100% !important;
		margin-bottom: 5px;
	}
	
	select#StatusId, select#ContractId
	{
		width: 91.2% !important;
		margin-bottom: 5px;
	}
	
	#CustomerId
	{
		width: 100% !important;
		margin-bottom: 5px;
	}
	
	.the_one #CustomerId
	{
		width: 91.6% !important;
		margin-bottom: 5px;
	}
	
	.h_1172
	{
		height: 1110px;
	}
	
	.h_autre
	{
		margin-top: 108px;
		height: 1110px;
	}
	
	#risks
	{
		width: 431px;
	}	
	
	#FunctionId
	{
		width: 81% !important;
		margin-right: 7px;

	}
	
	.input_bd
	{
		margin-top: 0 !important;
	}
	
	.li_pat ul
	{
		padding: 0;
		
	}
	
	.li_pat li
	{
		display: block; 
		
	}
	
	.li_pat li::before
	{
		/* display: block; 
		list-style-type: circle;*/
		font-family: Uni_Neue_bold;
		content: "_ ";
		color: #FF5500;
	}
	
	label
	{
		margin-left: 0px;
	}
	
	.the_one
	{
		width: 658px;
	}
	
	.the_one input[type='text']
	{
		width: 431px;
	}
	
	.the_one select .select_small
	{
		width: 84% !important;
		margin-right: 12px;
	}
	
	.formTable .the_one select
	{
		width: 91.6% !important;
	}
	
	.the_one input[type='text'] .datepicker_jq171_x2 .hasDatepicker
	{
		width: 150px !important;
	}
	
	/*
	.popupContent .RainbowTableForm td.input select
	{
		width: 91% !important;
	}
	*/
	
	.popupContent .RainbowTableForm td.input select .select_small
	{
		width: 91% !important;
	}
	
	#fileNameMExam
	{
		width: 88%;
	}
	
	.medicalexamination #MedicalExaminationId, .medicalexamination #EmployeeId
	{
		width: 100% !important;
	}
	
	#medicalexamination
	{
		width: 100%;
	}
	
	#tab-1, #RequestsTab-2
	{
		min-width: 200px !important;
		width: 658px;
		vertical-align: top;
		display: inline-block;
	}
	
	.validation-summary-errors li
	{
		list-style-type: none;	
	}
	
	.validation-summary-errors li::before
	{
		content: "_";
		display: inline-block;
		margin-right: 8px;
	}
	
	.validation-summary-errors ul
	{
		padding: 0;
		margin-block-start: 0 !important;
		margin-block-end: 0 !important;
	}
	
	.field-validation-error
	{
		display: block;
	}
	
	.label_risk
	{
		padding-top: 25px !important;
	}
	
	.required
	{
		font-weight: normal;
		font-family: Uni_Neue_bold;
		color: #FF5500;
		font-size: 22px;
	}
	
	#_info
	{
		width: 260px;
		height: 260px;
		border-radius: 50%;
		display: block;
		position: fixed;
		background: #ffffff82;
		border: 8px #ff5500 solid;
		padding: 40px;
		box-sizing: border-box;
		padding-top: 52px;
		margin-left: 33%;
		text-align: center;
		z-index: 50;
		color: black;
		line-height: 1;
	}
	
	.blockMsg
	{
		font-size: 18px;
	}
	
	#error_info, .success
	{
		font-size: 24px;
		color: black;
		background-image: linear-gradient(135deg, #ff550033 25%, #f0f0f000 25%, #f0f0f000 50%, #ff550033 50%, #ff550033 75%, #f0f0f000 75%, #f0f0f000 100%);
		background-size: 50px 50px;
		/*padding-top: 6px;
		padding-bottom: 6px;*/
		padding-left: 18px;
		padding-right: 18px;
		margin-top: 12px;
		font-family: Uni_Neue_regular;
		display: block;
		width: 658px;
		box-sizing: border-box;
	}
	
	.success
	{
		line-height: 2;
	}
	
	.formTable .the_one select.select_small_test
	{
		width: 82% !important;
	}
	
	.page_add_buttons
	{
		width: 615px;
		text-align: left;
		padding-left: 230px;
	}
	
	#page_add_motif
	{
		margin-top: 12px;
		height: 1340px;
		display: none;
	}
	
	.the_risks td
	{
		width: 431px;
	}
	
	.info_pat
	{
		font-family: Uni_Neue_book;
		font-size: 24px;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	
	#buttons td
	{
		width: 100%;
	}
	
	.motif_contact
	{
		height: 653px;
		margin-top: 20px;
		border-radius: 50%;

	}
	
	.attention
	{
		font-size: 24px;
		margin-top: 12px;
		display: block;
	}
	
	#Profile
	{
		width: 658px;
	}
	
	#togglepassword, #togglepassword1, #togglepassword2
	{
		margin-left: -32px !important;
		margin-top: 3px !important;
		position: absolute !important;
		width: 26px !important;
		height: 26px !important;
		transform: scale(1.0);
		transition-duration: 0.6s;
	}
	
	#togglepassword:hover, #togglepassword1:hover, #togglepassword2:hover
	{
		transform: scale(1.2);
		transition-duration: 0.6s;
	}
	
	#userName, #userPassword
	{
		width: 320px;
	}
	
	#Company
	{
		width: 300px;
		height: 300px;
		display: block;
		position: relative;
		margin: 0 auto !important;
		border-radius: 50%;
		padding: 30px !important;
		padding-top: 60px !important;
		box-sizing: border-box;
		text-align: center;
		border: 10px solid #ff5500;
		background: none !important;
	}
	
	.buttons_delete
	{
		margin: 0 auto;
	} 
	
	#company_2, #RequestsTab_2, #col_interim
	{
		width: 648px;
		display: inline-block;
	}
	
	
	/*
	#company_2 #CustomerId
	{
		width: 100% !important;
	}
	*/
	
	.errorInfo label
	{
		margin-bottom: 12px;
	}
	
	.errorInfo img
	{
		display: none;
	}
	
	input[type="radio"]
	{
		margin-right: 6px;
	}
	
	select#AbsenceRiskId
	{
		width: 100% !important;
	}
	
	.success img
	{
		display: none;
	}
	
	.success_pat
	{
		font-size: 24px;
		font-family: Uni_neue_bold;
		margin-top: 0px;
		margin-bottom: 14px;
	}
	
	.footer_release
	{
		font-size: 16px;
		background: none;
		vertical-align: top;
		padding-top: 20px;
		text-align: right;
		color: #00000085;
		width: fit-content;
		right: 60px;
		display: inline-block;
		top: 0;
		position: relative;
		float: right;
	}
	
	.dot_orange
	{
		font-family: Uni_Neue_bold;
		color: #FF5500;
	}
	
	input:-webkit-autofill
	{
		 appearance: none !important;
		 background-color: transparent !important;
		 color: black !important;
		 font-size: 18px !important;
		 transition: background-color 5000s ease-in-out 0s !important;
		 font-family: Uni_Neue_book !important;
	}

	#relecture-info
	{
		position: fixed;
		top: 43px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 50;
		background: #ffffffe8;
		width: 300px;
		height: 300px;
		padding: 40px;
		box-sizing: border-box;
		border: 11px solid #ff5500;
		border-radius: 50%;
		text-align: center;
		padding-top: 70px;
		display: none;
		font-size: 36px;
		line-height: 0.8;
		font-family: Uni_Neue_bold;
		letter-spacing: -1px;
	}
	
	#overlay
	{
		width: 120vw;
		height: 150vw;
		background: #0000009c;
		z-index: 45;
		display: none;
		position: fixed;
		left: -400px;
		top: -300px;
	}
	
	.button_close
	{
		margin: 0 auto;
		margin-top: 25px;
	}
	
	.login_button
	{
		top: 22px;
	}
	
	li a:hover
	{
		color: white !important;
	}
	
	[aria-labelledby*="showNationalRegisterNumberQPopup"], [aria-labelledby="ui-dialog-title-popupInfo"], [aria-labelledby="ui-id-7"], [aria-describedby*="_showNationalRegisterNumberQPopup_"]
	{
	  display: block;
		 width: 400px !important;
		 height: 400px !important;
		 border-radius: 50% !important;
		 padding: 30px !important;
		 padding-top: 60px !important;
		 box-sizing: border-box;
		 margin-left: 0%;
		 top: 620px !important;
		 background: #fffffff0 !important;
	}
	
	[aria-labelledby="ui-dialog-title-popupInfo"], [aria-labelledby="ui-id-7"]
	{
		width: 350px !important;
		height: 350px !important;
	}
	.ui-dialog-content .ui-widget-content [id^="_addDurep_"], [aria-describedby^="_addDurep_"]
	/*[aria-labelledby^="ui-dialog-title-_addDurep_"], [aria-labelledby="ui-id-8"]*/
	{
		left: 29% !important;
		width: 700px !important;
		height: 700px !important;
		border-radius: 50% !important;
		padding: 50px !important;
		padding-top: 120px !important;
		box-sizing: border-box !important;
		top: 200px !important;
		border: 12px #FF5500 solid !important;
		z-index: 12;
	}
	
	[aria-labelledby^="ui-dialog-title-_addDurep_"], [aria-labelledby="ui-id-8"]
	{
	  border: 2px solid #FF5500;
	}

	
	.ui-widget-overlay
	{
		background: none !important;
		background-color: #0000008f !important;
		opacity: 1 !important;
	}
	
	label[for="AbsenceDateActive"]
	{
	  letter-spacing: -0.2px
	}
	
	[aria-labelledby^="ui-dialog-title-pageHasChangesForNewEmpl"]
	{
		width: 350px;
		height: 350px;
		border-radius: 50%;
		padding: 30px;
		box-sizing: border-box;
		left: 33%;
		top: 550px;
	}
	
	
	[aria-labelledby="ui-dialog-title-pageHasChangesForNewEmpl"]
	{
		width: 350px !important;
		height: 350px !important;
		border-radius: 50% !important;
		padding: 30px !important;
		left: 40% !important;
	}
	
	[aria-describedby="pageHasChangesForNewEmpl"]
	{
		top: 30% !important;
		left: 41% !important;
		z-index: 101;
		width: 350px !important;
		height: 350px !important;
		border-radius: 50%;
		padding: 30px;
		box-sizing: border-box;
		padding-top: 50px;
	}
	
	/*
	.validation-summary-errors
	{
		width: 450px;
		height: 450px;
		font-size: 18px;
		border-radius: 50%;
		padding: 40px;
		text-align: center;
		padding-top: 70px;
		position: fixed;
		z-index: 50;
		background: white;
		left: 29%;
		border: 8px solid #ff5500;
		line-height: 1.1;
		top: 5%;
	}
	*/

#close_message
{
	background-image: url(../images/icone_croix_black.svg);
	width: 33px;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	height: 33px;
	margin: 0 auto;
	margin-bottom: 12px;
	transform: scale(1.0);
	transition-duration: 0.4s;
}

#close_message:hover
{
	background-image: url(../images/icone_croix_orange.svg);
	transform: scale(1.2);
	transition-duration: 0.4s;
}

label:empty
{
  display: none;
}

.box_duerp
{
	left: 29%;
	width: 700px;
	height: 700px;
	border-radius: 50%;
	padding: 50px;
	padding-top: 120px;
	box-sizing: border-box;
	top: 300px;
	
}

.date_duerp
{
	margin-bottom: 12px;
}

.downloadfile
{
	background: none !important;
	background-image: url(../images/icone_download_noir.svg) !important;
	width: 28px;
	height: 28px;
	display: inline-block;
	background-repeat: no-repeat !important;
	transform: scale(1.0);
	transition-duration: 0.4s;
}

.downloadfile:hover
{
	background: none;
	background-image: url(../images/icone_download_orange.svg) !important;
	transform: scale(1.2);
	transition-duration: 0.4s;
}

.downloadfile img
{
	display: none;
}


td a
{
	padding-left: 8px !important;
	padding-right: 8px !important;
}

#Message
{
	font-size: 18px;
	font-family: Uni_neue_book;
	padding-left: 12px;
	padding-top: 4px;
}



.motif
{
	background-image: linear-gradient(135deg, #cfcece96 25%, #f0f0f045 25%, #f0f0f045 50%, #cfcece96 50%, #cfcece96 75%, #f0f0f045 75%, #f0f0f045 100%);
	background-size: 50px 50px;
}


/*[id^="_showNationalRegisterNumberQPopup_"]*/
#btnOk2
{
	margin: 0 auto;
	transform: scale(1.0);
	transition-duration: 0.4s;
}

/* [id^="_showNationalRegisterNumberQPopup_"]:hover*/
#btnOk2:hover
{
	transform: scale(1.2);
	transition-duration: 0.4s;
}

.rainbowGrid th.Unsortable
{
	padding-top: 10px;
	color: black;
}

.hidden-column
{
  display: none;
}

#payDiv
{
	position: relative;
	width: inherit;
	display: inline-block;
}

.pw_ou
{
	margin-top: 30px;
	position: fixed;
	font-family: Uni_Neue_bold;
	letter-spacing: -0.5px;
}


div[role="dialog"] label[id*="lblDuerpHasGlobalPreventionPlan"]
{
  width: 320px !important;
}

.my_message
{
		width: 350px;
		height: 350px;
		background: #ffffffcc;
		border: 7px solid #FF5500;
		position: relative;
		display: inline-block;
		border-radius: 50%;
		margin: 0 auto;
		text-align: center;
		padding: 40px;
		box-sizing: border-box;
		padding-top: 86px;
		font-family: uni_neue_bold;
		line-height: 1.1;
		font-size: 24px;
		letter-spacing: 0.2px;
		display: none;
}

input[readonly]
{
	background: #0202020d !important;
	border: none;
}

a.menuLink[href="/CustomerPlanning/LoadPlanning.aspx"]
{
  display: none;
}


a.tabLink[href="#VaccinationsTab"]
{
	display: none;
}	

a.tabLink[href="#DriversTab"]
{
	display: none;
}

a.tabLink[href="#AbsentReasonAppointmentsTab"]
{
	display: none;
}

a.tabLink[href="#AppointmentsExecutedTab"]
{
	display: none;
}


/* -------------------------------------------------------------- 
  
   pat.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */
.div_message
{
	margin: auto;
	margin-bottom: 75px;
	width: 190px;
	position: fixed;
	left: -121px;
	font-size: 20px;
	line-height: 1.2;
}

.div_rounded
{
	font-size: 20px;
	line-height: 1.2;
	width: 500px;
	height: 500px;
	border: 13px solid black;
	border-radius: 50%;
	padding: 50px;
	box-sizing: border-box;
	position: fixed;
	top: 50px;
	text-align: center;
	padding-top: 100px;
	z-index: 20;
	background: #ffffffeb;
	-webkit-font-smoothing: antialiased;
}

.overlay
{
   background: rgb(0 0 0 / 53%);
	width: 200%;
	height: 450vh;
	z-index: 10;
	position: fixed;
	top: -400px;
	left: -30%;
	display: none;
	opacity: 0;
	transform: translateY(-100%);
	
	animation-delay: 0.0s;
	animation-name: overlay_f;
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}

@keyframes overlay_f
  {
	 from
	 {
		transform: translateY(-110%);
		opacity: 1;
	 }
	 to
		{
		   transform: translateY(0);
		   opacity: 1;
		}
  }
  
.message_wrapper
{
	width: 500px;
	height: 500px;
	position: fixed;
	top: 50px;
	z-index: 20;
	margin-left: 30%;
	opacity: 1;
	transform: scale(0);
	animation-delay: 1.0s;
	animation-name: message_f;
	animation-duration: 0.75s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
}

@keyframes message_f
  {
	 0%
	 {
		transform: scale(0);
		opacity: 1;
	 }
	 60%
	 {
		transform: scale(1.2);
	 }
	 100%
		{
		   transform: scale(1);
		   opacity: 1;
		}
  }


.cross
{
	 width: 64px;
	height: 64px;
	border: 6px solid black;
	border-radius: 50%;
	box-sizing: border-box;
	position: relative;
	top: 20px;
	background: #ffffffeb;
	float: right;
	text-align: center;
	 font-family: Uni_neue_bold;
	 font-size: 51px;
	 line-height: 1;
	 
	 animation-duration: 1s;
	 animation-timing-function: ease-in-out;
	 animation-fill-mode: backwards;
	 transform: scale(1.0);
	 transition-duration: 0.3s;
}

.cross:hover
{
	border: 6px solid #FF5500;
	color: #FF5500;
	
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: backwards;
	transform: scale(1.2);
	transition-duration: 0.3s;
}

/* Animation de sortie pour l'overlay */
@keyframes overlay_out {
	from {
		transform: translateY(0);
		opacity: 1;
	}
	to {
		transform: translateY(-120vw);
		opacity: 0;
	}
}

/* Animation de sortie pour le message */
@keyframes message_out {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	40% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
}

/* Ajout des classes pour déclencher la sortie */
.overlay.hide
{
	animation: overlay_out 1.5s ease-in-out forwards;
}

.message_wrapper.hide
{
	animation: message_out 1.0s ease-in-out forwards;
}

td:has(.div_buttons_pat)
{
	width: 900px !important;
	display: block;
}

.lastone td.label
{
	display: none;
}

.lastone
 {
	width: 908px;
}

tr:has(#InvoiceNumber)
{
	display: none;
}				

td > div.amount
{
	display: none;
}

input.payInvoice
{
	display: none;
}

#InvoicingDocumentsGridID table th:nth-child(n+10):nth-child(-n+11),
#InvoicingDocumentsGridID table td:nth-child(n+10):nth-child(-n+11)
{
  display: none;
}

#mdescription
{
	font-size: 18px;
	font-family: Uni_neue_book;
	width: 100%;
	height: auto;
	border: none;
	resize: none;
	background: none;
	padding: 0;
}


textarea#message
{
	width: 100%;
	border: none;
	background: none;
	padding: 0;
	resize: none;
}

ul
{
	/*background: #ffffffd4 !important;*/
}

#excelExportDiv
{
	padding-top: 3px;
}

.trame_logon
{
	width: 120vw;
	height: 120vw;
	left: 9vw;
	position: absolute;
	border-radius: 50%;
	border: 5vw solid #ffffff59;
	left: 10vw;
	top: 1vw;
	/*background-image: linear-gradient(135deg, #ffffffe0 25%, #f0f0f045 25%, #f0f0f045 50%, #ffffffe0 50%, #ffffffe0 75%, #f0f0f045 75%, #f0f0f045 100%);*/
	background-image: linear-gradient(135deg, var(--white-light) 25%, var(--white-dark) 25%, var(--white-dark) 50%, var(--white-light) 50%, var(--white-light) 75%, var(--white-dark) 75%, var(--white-dark) 100%);
	background-size: 12vw 12vw;
	z-index: 2;
}


  
.titre_logon
{
	margin: 0 auto;
	width: fit-content;
	font-size: 24vw;
	position: absolute;
	z-index: 2;
	letter-spacing: -1.6vw;
	padding-left: 20vw;
	bottom: 11.2vw;
	z-index: 1;
	color: #ffffff80;
	transform: scale(0);
	  animation-name: titre_f;
	  animation-delay: 0.5s;
	  animation-duration: 2s;
	  transform: translateY(0);
	  opacity: 0;
	  animation-fill-mode: forwards;
	  line-height: 0.5;

}

	 

  
  @keyframes titre_f
  {
	0%
	{
	  transform: translateY(-102vh);
	  color: black;
	  opacity: 0;
	  line-height: 2.0;
	}
	
	50%
	{
	transform: translateY(10vh);
	 line-height: 0.1;
	 
	}
	
	100%
	{
	  transform: translateY(0);
	  color: #ffffff80;
	  opacity: 1;
	  line-height: 0.5;
	}
	
  }
  
 .anim_logo
 {
	animation-name: anim_logo_f;
	animation-delay: 0.0s;
	animation-duration: 2s;
	opacity: 0;
	animation-fill-mode: forwards;
 } 
 
 @keyframes anim_logo_f
	{
		0% {
		top: 1440px;
		opacity: 0%;
		/* transform: rotate(20deg); */
		}
		50% {
		top: -100px;
		}
		100% {
		top: 0px;
		opacity: 100%;
		}
  }

.sous_titre_logon
{
	font-size: 1.8vw;
	color: black;
	letter-spacing: 0;
	bottom: unset;
	width: 100vw;
	padding: 0;
	text-align: center;
	letter-spacing: 0vw;
	position: relative;
	z-index: 3;
	animation-name: sous_titre_f;
	animation-delay: 2.0s;
	animation-duration: 1.0s;
	opacity: 0;
	animation-fill-mode: forwards;

}

.sous_titre_bold
{
	animation-name: sous_titre_f_bold;
	animation-delay: 2.0s;
	animation-duration: 1.0s;
	opacity: 0;
	animation-fill-mode: forwards;

}

	 

  
  @keyframes sous_titre_f
  {
	0%
	{
	  opacity: 0;
	  letter-spacing: -13px;
	}
	
	50%
	{
	  letter-spacing: 2px;
	}
	
	100%
	{
	letter-spacing: 0px;
	opacity: 1;
	}
	
  }
  
  @keyframes sous_titre_f_bold
	{
	  0%
	  {
		opacity: 0;
		letter-spacing: -18px;
	  }
	  
	  50%
	  {
		letter-spacing: 2px;
	  }
	  
	  100%
	  {
	  letter-spacing: -0.5px;
	  opacity: 1;
	  }
	  
	}

	.anim_footer
	{
		animation-name: anim_footer_f;
		animation-delay: 2.5s;
		animation-duration: 0.55s;
		opacity: 0;
		animation-fill-mode: forwards;
	
	}

  
  @keyframes anim_footer_f
  {
	0%
	{
	  opacity: 0;
	  transform: translateY(120px);
	}
	
	50%
	{
		transform: translateY(-20px);
	}
	
	100%
	{
		transform: translateY(0px);
		opacity: 1;
	}
	
  }


.div_pat_back
{
	width: 1340px;
	position: absolute;
	top: 42px;
}

#confirm-btn
{
	margin: 0 auto;
}

#confirmation-modal
{
	display: none;
}

.capsule
{
	width: 140vw;
	height: 124vh;
	display: block;
	position: fixed;
}

.body_home
{
	height: 117vh;
	overflow: hidden;
	position: fixed;
}

#test_button
{
	font-size: 18px;
	color: black;
	z-index: 20;
	position: absolute;
	left: 440px;
	text-align: center;
	margin-top: 9px;
	padding-top: 8px;
	box-sizing: border-box;
	/*display: none;*/
	padding: 0;
}

#addDuerpButton, #external_contacts_button
{
	margin-top: 0;
}

#close_info
{
		position: absolute;
		top: 0;
		right: -20px;
		border-radius: 50%;
		border: 3px solid black;
		height: 36px;
		width: 36px;
		box-sizing: border-box;
		padding-top: 3px;
		transform: scale(1);
		transition: ease-in-out;
		transition-duration: 0.3s;
		color: black;
		cursor: pointer;
}

#close_info:hover
{
		border: 3px solid #FF5000;
		transform: scale(1.2);
		color: #ff5500;
}

ul#ui-id-4
{
	background: #fffffff2;
}

select[id^="_editEmpl_"][id$="FunctionId"]
{
	width: 87% !important;
}

#tab_dpae
{
	display: none;
}

#erreur_log .validation-summary-errors
 {
	background: #ffffffdb;
	background-image: none !important;
	font-size: 18px;
	width: 200px;
	margin: 0 auto;
	height: 200px;
	z-index: 40;
	position: relative;
	border-radius: 50%;
	padding: 30px;
	border: 6px solid #ff5500;
	padding-top: 40px;
	top: -302px;
	left: 322px;
	box-shadow: 2px 2px 2px 1px #00000057;
	font-family: Uni_Neue_bold;
}