:root {
	--rhBlueL :#08d;
	--rhBlue :#005c9f;
	--rhBlueD :#08d;
	
	--kdGreyL :#f2f4f7;
	--kdGrey :#dcdcdc;

}


.aistEtat{
	padding:2px 5px 2px 5px;
	font-weight:bold;
	
	border-radius:3px;
}

.aistEtat:hover{
	border:1px solid blue;
}

.aistEtat::before {
  content: ">";
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, visibility 0.5s;
}

.aistEtat:hover::before {
  visibility: visible;
  opacity: 1;
}

.aistEtat::after {
  content: "<";
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s, visibility 0.5s;
}

.aistEtat:hover::after {
  visibility: visible;
  opacity: 1;
}

.dataInputSaveOff{
	
	background-color:var(--rhBlue);
	color:white;
	font-weight:bold;
	width:0px !important;
	height:25px;
	cursor:pointer;
	margin:0;
	padding:0;
	
	border-radius:5px;
	
	transition:0.3s;
}

.dataInputSaveOn{
border:1px solid var(--rhBlue);
	width:150px !important;
	transition:0.3s;

}

.dataInputSaveOn:hover{
	color:var(--rhBlue);
	background-color:white;
}

.hoverPastille1{
	border:2px solid var(--kdRed); 
	z-index:3; position:absolute; 
	right:-10px; 
	bottom:-10px; 
	width:20px; 
	height:20px; 
	border-radius:50%; 
	background-color:white;
}
.hoverPastille1:hover{
	background-color:var(--kdRed);
	transition:0.3s;
	color:white;
}

.contenerBoutonAbsClose{height:0px; transition:0.3s; width:100%;}
.contenerBoutonAbsOpen{height:35px; transition:0.3s;}

.dataFormat1:hover .dataFormat1A{
	border-left:2px solid var(--rhBlue);
	transition:0.3s;
	background-color:var(--kdGrey);
}


.dataFormat1:hover .dataFormat1B{
	font-weight:bold;
	transition:0.3s;
}

.dataFormat1A{
	position:relative;
	background-color:var(--kdGreyL);
	border:1px solid var(--kdGreyL);
	border-left:2px solid var(--kdGreyL);
	color:black;
	/* font-weight:bold; */
	
	border-radius:0px 10px 10px 0px;
	height:20px;
	padding-left:10px;
	
	
	
}

.dataFormat1A>i{
	
}

.dataFormat1B{
	border-bottom:1px solid var(--kdGrey);
	border-right:2px solid white;
	color:var(--kdGreyD);
	
	
	padding-left:5px;
	height:20px;
	
	
}
.dataFormat1B:hover{
	border-right:2px solid var(--rhBlue);
}

.dataFormat1B>input{
	border:0;
	width:100%;
	height:100%;
	font-weight:600;
}


.boutonAbs{
	border:1px solid var(--rhBlue);
	color:var(--rhBlue);
	font-weight:bold;
	padding:5px;
	margin:0px 5px 0px 5px;
	
	border-radius:3px;
}

.boutonAbsSelect{
	border:1px solid var(--rhBlue);
	background-color:var(--rhBlue);
	color:white;
	font-weight:bold;
	padding:5px;
	margin:0px 5px 0px 5px;
	
	border-radius:3px;
}

.ui-datepicker-month{
	color:var(--rhBlue);
}

.ui-datepicker-year{
	color:var(--rhBlue);
}



.rhTitre1{
	color:var(--rhBlue);
	/* padding:2px; */
	margin:0px 5px 0px 5px;
	font-weight:bold;
	font-size:18px;
}

.boxTitre{
	border-bottom:1px solid var(--kdGreyD);
	color:var(--kdBlue2);
	font-weight:bold;
	height:50px;
}

.boxTitreIcone{
	color:var(--rhBlue);
}

.boxTitreIconeClose>i{
	color:var(--rhBlueL);
}

.kdSubmit{
	background-color:var(--rhBlueL);
	border-radius:12px;
}

.btn, .btn2  {
  text-decoration: none;
  background-color: var(--charte_violet);
  color: #ffffff;
  padding: 10px 20px;
  border: none;
  outline: none;
  transition: 0.3s;
  border-radius:10px;
}
.btn2{
    position:absolute;
    top :10px;
    right:10px;
  transition: 0.3s;

}
.btn:hover, .btn2:hover{
  text-decoration: none;
  background-color: #ffffff;
  color: var(--vertDarkCharte);
  padding: 10px 20px;
  border: none;
  outline: 1px solid #010101;
}

.drop_box {
  position: relative;
  width:calc(100%);
  height: 100%;
  margin: 10px 10px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 3px dotted var(--charte_violet);
  border-radius: 5px;
}

.drop
{
	border:3px dotted red;
	background-color:#e6e6e6;
}

tr>th>input{
	width:100%;
	border-bottom:0px solid silver;
	outline: none;
	padding-left:3px;
}


.td_KDfast i:hover
{
	transform: scale(1.2);	
}


@keyframes borderTurn{
	0%{transform: scale(1) rotate(0deg);}
	50%{transform: scale(1.2)rotate(90deg);}
	100%{transform: scale(1) rotate(0deg);}

}


.button1
{
background-color: var(--charte_violet);
border:1px solid var(--charte_violet);
color: #ffffff;
transition:all 0.3s;
padding:5px;
border-radius:10px;
margin-top:10px;
margin-bottom:10px;
}

.button1:hover
{
background-color: #ffffff;
border:1px solid var(--charte_violet);
color: var(--charte_violet);
transition:all 0.3s;
padding:5px;
border-radius:10px;
margin-top:10px;
margin-bottom:10px;
}

.buttonSaveNormal
{
background-color: var(--charte_violet);
color: #ffffff;
border:0px;
border-radius: 5px;
width:180px;
height:50px;
font-weight:bold;
border:1px solid var(--charte_violet);
transition:all 1s;
}

.buttonSaveNormal:after
{
	transition:all 1s;
	/* font-size:14px; */

}

.buttonSave:after
{
	content: '✔';
	font-size:25px;
	transition:all 1s;
	font-weight:bold;

}

.buttonSaveNormal:hover
{
background-color: #ffffff;
color: var(--charte_violet);
border:1px solid var(--charte_violet);
transition:all 0.5s;
}

.buttonSave
{
background-color: green;
color: #ffffff;
border:0px;
border-radius: 5px;
width:50px;
height:50px;
border-radius:50%;
transition:all 1s;
}

.afficheInfo
{
	/* border:1px solid black; */
width:100%;	
display:flex;
margin-bottom:5px;
}

.afficheInfo>div
{
		/* border:1px solid green; */
		
		text-align:center;
}

.afficheInfo>div:nth-child(1)
{
	text-align:left;
	width:40%;
	background-color:#F0F0F0;
   /* clip-path: polygon(0% 0%, 75% 0%, 80% 50%, 75% 100%, 0% 100%); */
   padding-left:20px;
   border-radius:0px 10px 10px 0px;
   font-weight:bold;
   z-index:2;
   /* color:white; */
   /* opacity:0.5; */
}

.afficheInfo>div:nth-child(2)
{
	text-align:left;
	width:60%;
	border:1px solid #F0F0F0;
   /* clip-path: polygon(0% 0%, 75% 0%, 80% 50%, 75% 100%, 0% 100%); */
   /* padding-left:20px; */
      border-radius:0px 10px 10px 0px;
	  margin-left:-10px;
	  padding-left:15px;
	  position:relative;

}

.afficheInfo>div:nth-child(2)>i
{
	position:absolute;
	right:5px;
	top:2px;
}

.afficheInfo>div:nth-child(2)>input
{
	border:0px solid red;
	width:calc(100% - 5px);
}


.afficheInfo>div:nth-child(2)>input[type=text]
{
	border:0px solid red;
	width:calc(100% - 20px);
	padding-right:25px;
}

.afficheInfo>div:nth-child(2)>select
{
	border:0px solid red;
	width:calc(100% - 5px);
}


.iTd
{
	font-size:20px;
	padding:3px;
}
.green
{
	color:Green;
}

.iOptionAdd{
	/* right:100px !important ; */
	font-size:25px !important;
	transition:all 0.5s;
	text-transform: lowercase;
}

.iOptionAdd:after
{
	content: ' Ajouter';
	font-size:0px;
	transition:all 0.5s;
	text-transform: lowercase;
}

.iOptionAdd:hover::after
{
	
	font-size:12px;
	text-transform: lowercase;
	transition:all 0.5s;
}


.iOptionExport{
	/* right:100px !important ; */
	font-size:25px !important;
	transition:all 0.5s;
	text-transform: lowercase;
}

.iOptionExport:after
{
	content: ' Exporter';
	font-size:0px;
	transition:all 0.5s;
	text-transform: lowercase;
}

.iOptionExport:hover::after
{
	
	font-size:12px;
	text-transform: lowercase;
	transition:all 0.5s;
}

.iOptionVerification {
	/* right:100px !important ; */
	font-size:25px !important;
	transition:all 0.5s;
	text-transform: lowercase;
}

.iOptionVerification:after
{
	content: ' Verification';
	font-size:0px;
	transition:all 0.5s;
	text-transform: lowercase;
}

.iOptionVerification:hover::after
{
	
	font-size:12px;
	text-transform: lowercase;
	transition:all 0.5s;
}

.screenL{
border:1px solid red;
width:calc(100% - 500px);
padding:10px;
}

.screenR{
border:1px solid green;
width:500px;
}
.titleSubOn,.titleSubOff
{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
transition:0.8s;
}

.titleSubOff
{
display: none;
visibility: hidden;
width:0px;
}

.titleSubOn
{
display: block;
visibility: visible;
width:100%;

}



.subScreanOff,.subScreanOn
{
text-overflow:ellipsis;
overflow:hidden;
visibility: hidden;	
white-space:nowrap;
border-bottom:2px solid black;
border-top:2px solid black;
border-radius:10px;
width:100%;
transition:0.8s;
}
	
.subScreanOff
{
visibility: hidden;
/* width:0px; */
margin-bottom:0px;
height:0px;
opacity:0;
}

.subScreanOn
{
visibility: visible;

margin-bottom:20px;
height:500px;
opacity:1;
}

.addSousMenuButton
{
visibility: visible;	
transition:0.5s;
}



.addSousMenuButtonOff
{
visibility: hidden;	
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;

width:0px;
transition:0.5s;
}





.fermetureSubScren
{
width:20%;
text-align:center;
border-radius:0px 0px 10px 10px;
background-color:silver;
margin-left:80%;
margin-bottom:10px;
}

.active-menu-employee{
	background: white !important;
	color: #a6d0e0 !important;
}