/* devis */

.barreMenuMoment{
	width:100%;
	height:30px;
	border-bottom: 1px solid var(--kdGreyD);
	margin-bottom: 5px;
}

.barreMenuMoment > div{
	height:100%;
}

.divPrestaCopy{
	border : 1px solid var(--kdGrey);
	margin-left: 50px;
	background-color: var(--kdGreenL);
	padding: 0px 5px 0px 5px;
	border-radius: 0px 5px 5px 5px;	
}

.divPrestaCopy div:nth-child(1) i {
	color: var(--kdOrange);
	font-size: 20px;
	padding: 0px 5px 0px 0px;
}

.divPrestaCopy div:nth-child(5) i {
	color: var(--kdRed);
	font-size: 14px;
	padding: 0px 5px 0px 5px;
	cursor: pointer;
}

/* les div child 2 3 et 4 de divPrestaCopy mais pas la 1*/
.divPrestaCopy div:nth-child(2), .divPrestaCopy div:nth-child(3), .divPrestaCopy div:nth-child(4){
	width: 150px;
	text-align: right;
}



.devisEntete{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	/* border:1px solid red; */
	width:100%;
	height:40px;
	margin:2px 5px 0px 5px;
}

.devisEntete2{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :space-between;
	
	border:1px solid var(--charteColor2);
	border-top:0;
	border-radius:0px 0px 5px 5px;
	
	width:100%;
	height:40px;
	margin:0px 5px 0px 5px;
	 padding:0px 5px 0px 5px;
}

#devisEnteteClient{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :space-between;
	
	border:1px solid var(--charteColor2);
	background-color: var(--charteColor2);
	flex:1;
	height:100%;
	margin-right:5px;
	margin-left:5px;
	
	padding-left:10px;
	padding-right:10px;
	color:white;
	font-weight:bold;
	
	border-radius:5px 5px 0px 0px;
}

#devisEnteteClient i{
	font-size:30px;
}

#devisEnteteAddEvent{
display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	border:1px solid var(--charteColor2);
	width:50px;
	height:100%;	
	margin-right:5px;
	border-radius:5px 5px 0px 5px;
	cursor:pointer;
	background-color:white;
}

#devisEnteteAddEvent:hover{
	background-color:var(--charteColor2);
}

#devisEnteteAddEvent:hover > .iOption1{
	color:white;
}


#devisEnteteAddEvent2{
display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	border:1px solid var(--charteColor2);
	width:50px;
	height:100%;	
	margin-right:5px;
	border-radius:5px;
	cursor:pointer;
	background-color:var(--charteColor2);
}

#devisEnteteAddEvent2:hover{
	background-color:white;
}

#devisEnteteAddEvent2:hover > .iOption2{
	color:var(--charteColor2);
}



#buttonDel1{
display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	border:1px solid var(--charteRed);
	width:50px;
	height:100%;	
	margin-right:5px;
	margin-left:30px;
	border-radius:5px;
	cursor:pointer;
	background-color:var(--charteRed);
}

#buttonDel1:hover{
	background-color:white;
}

#buttonDel1:hover > .iOption2{
	color:var(--charteColor2);
}

.iOption1{
	color:var(--charteColor2);
	font-size:30px;
	
}

.iOption2{
	color:white;
	font-size:30px;
	
}

#devisEnteteSend{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	width:100px;
	height:100%;
	margin-right:0px;	
	
	cursor:pointer;
}

#devisEnteteSend i{
	color:var(--kdBlue);
	font-size:30px;
}

#devisEntetePdf{
display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;

	width:100px;
	height:100%;
	margin-right:0px;
	
}

#devisEntetePdf i{
	color:red;
	font-size:30px;
}

#devisEntetePdf a{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	color:red;
	font-size:30px;
}

#devisEntetePrixTotal{
display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	border:1px solid green;
	width:200px;
	height:100%;
	margin-right:0px;
	
}


.devisContent{
		display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	
	/* border:1px solid red; */
	width:100%;
	height:40px;
	margin-top:2px;
}

.devisTitre1{
	width:100%;
	border-bottom:1px solid var(--charteColor2);
	padding:0px 5px 0px 5px;
	margin:5px;
}

.devisListEvent{
	width:100%;
	margin:5px;
	padding:5px 5px 0px 5px;
	background-color:var(--charteGris2);
	border-radius:0px 10px 10px 10px;
	border:1px solid var(--charteGrisDark);
	}
	
.devisListEventNom i{
	color:var(--charteColor2);
	font-size:25px;
	margin-right:10px;
	}


.prestaBlock{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	/* border:1px solid red; */
	width:100%;

}

.prestaAdentation{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	/* border:1px solid red; */
	width:50px;
	height:45px;
	/* height:; */
}

.prestaAdentation i{
	color:var(--charteColor1);
	font-size:20px;
}

.prestaBlock2{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	flex:1;
	border:1px solid var(--charteColor2);
	/* box-shadow: 2px 3px 5px 2px rgb(255 180 65 / 53%); */
	padding:5px;
	border-radius:0px 10px 10px 10px ;
	margin-bottom:10px;
	margin-top:2px;
	background-color:white;
}



.devisPrestaDescription{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	width:100%;
	min-height:30px;
	/* border:1px solid red; */
	padding-top:5px;
}

.devisInfoPresta{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	width:auto;
	/* min-width:120px; */
	height:auto;
	border:1px solid var(--charteColor1);
	background-color:var(--charteColor2L);
	border-radius:10px;
	
	padding:5px;
	
	margin:5px;
	cursor:pointer;
}

.devisInfoPresta div:nth-child(2){
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	/* width:100%; */
/* border:1px solid red; */
}

.devisInfoPresta i{
	padding:0px 5px 0px 5px;
	font-size:22px;
}
/* devis */

.boxGlobal input{
	/* border:1px solid var(--charteColor1); */
	border-radius:5px;
	padding-left:4px;
	color:var(--charteColor1);
	font-weight:bold;
}

.devisPrestaFormule{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :left;
	background-color:var(--charteColor1L);
	
	font-size:16px;
	font-weight:bold;
	/* color:var(--charteColor1); */
	
	height:40px;
	width:calc(100% - 50px);
	
	margin-top:5px;
	margin-left:50px;
	
	padding:0px 5px 0px 5px;
	
	border-radius:5px 5px 0px 0px;
	border:1px solid var(--charteColor1);
	border-bottom:0;
}

.devisPrestaFormuleContent{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	background-color:white;
	
	min-height:30px;
	width:calc(100%);
	
	margin-top:0px;
	/* margin-left:50px; */
	
	padding:5px;
	
	border-radius:0;
	/* border:1px solid var(--charteColor1); */
	
}

.devisFormulesCateMenu{
	position:relative;
	
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	
	background-color:white;
	box-shadow: 2px 3px 5px 2px var(--charteGrisDark);
	
	min-height:30px;
	width:calc(100% - 10px);
	
	margin:5px;
	/* margin-top:40px; */
	
	padding:10px;
	
	
	
	border-radius:10px;
	border:1px solid var(--charteColor1);
}


.devisFormulesTitre{
	display:flex;
	justify-content :space-between;
	
	font-size:20px;
	font-weight:bold;
	
	width:100%;
	min-height:30px;
	
	border-bottom:1px solid var(--charteGrisDark);
	
	margin-bottom:5px;
	/* border:1px solid red; */
	
	
}

.devisFormulesTitre div{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;

}
.devisFormulesTitre div:nth-child(2){
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	
	flex:1;
}





.devisFormulesTxt,.devisFormulesTxt2{
	width:100%;
	min-height:100px;
	height:auto;
	margin-top:10px;
	word-break: break-all;
	
	
	transition:0.3s;
}

.devisFormulesTxtOff
{
	min-height:0px;
	height:0px;
	margin-top:0px;
	overflow:hidden;
	transition:0.3s;
}

.devisFormulesTxt2{
display:flex;
	/* FLEX-WRAP:wrap; */
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center	
}


.devisFormulesTxt2 i{
	color:var(--charteColor1);
	font-size:100px;
	cursor:pointer;
}

.devisFormulesTxt2 i:hover{
	color:var(--charteColor2);
	font-size:100px;
}




.devisFormulesPrix{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content : right;
	
	
	padding-top:5px;
	width:100%;
	
	border-top:1px solid var(--charteGrisDark);

}

.devisFormulesSeparateur{
	width:100%;
	border-bottom:2px solid black;
	margin:5px 0px 5px 0px; 
}

.devisPrestaPrix{
	display:flex;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :center;
	
	padding-right:30px;
	
	height:30px;
	
	/* border:1px solid red; */
}
.typologiePrestat{
	position:absolute;
	top:16px;
	left:10px;
	font-size:10px;
	font-weight:bold;
}

.prixTest{
	position:absolute;
	right:10px;
	top:-36px;
	
	border:1px solid var(--charteColor1);
	border-bottom:0px;
	border-radius:5px 5px 0px 0px;
	
	padding:12px 5px 0px 5px;
	
	font-weight:bold;
	background-color:white;
	height:35px;
}

.prixTest span:nth-child(1){
	position:absolute;
	top:2px;
	right:5px;
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	font-size:10px;	
}

.kdForm{
	width:100%;
	
}

.kdTable{
	width:100%;
	
	
	
}
.kdTr{
background-color:white;	
}


.kdTdFormText{
background-color:white;	
width:auto;
text-align:right;
padding-right:5px;
height:30px;
vertical-align:middle;
padding-bottom:5px;
}

.kdTdFormInput{
background-color:white;	
width:auto;
padding-bottom:5px;
}

.kdTdFormInput>input{
width:100%;
height:30px;

border:1px solid var(--charteColor1);
border-radius:5px;
padding:3px;
}

.kdTdFormInput>textarea{
width:100%;
min-height:150px;

border:1px solid #ABADA5;
border-radius:5px;

padding:3px;
}

.devisPrestaConfigListMo{
	display:flex;
	FLEX-WRAP:wrap;
	ALIGN-ITEMS:flex-start;
	ALIGN-CONTENT:flex-start;
	justify-content :left;
	
	width:100%;
	/* border:1px solidq red; */
	/* margin-top:20px; */
}

.devisPrestaConfigListMo:hover{
	background-color:var(--charteGris2);
}

.devisPrestaConfigListMo>div{
	padding-left:5px;
	border-bottom:1px solid black;
	height:25px;
}


.devisPrestaConfigListMo>div:nth-child(1){
	width:200px;
	
}

.devisPrestaConfigListMo>div:nth-child(2){
	width:50px;
	text-align:center;
}

.devisPrestaConfigListMo>div:nth-child(3){
	width:70px;
	text-align:center;
}

.devisPrestaConfigListMo>div:nth-child(4){
	flex:1;
	/* border:1px solid red; */
}

.devisPrestaMoTotal{
	border:1px solid black;
	border-radius:5px;
	
	padding:5px 10px 5px 10px;
	margin:10px 0px 10px 0px;
	
}

.siteButtonIcon{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	border:1px solid var(--kdBlue);
	background-color:var(--kdBlue);
	border-radius:5px;
	
	width:50px;
	height:30px;
	
	font-size:20px;
	
	color:white;
}

.siteButtonIcon:hover{
background-color:white;	
color:var(--kdBlue);

}

.siteButtonCheck{
	display:flex;
	ALIGN-ITEMS:center;
	ALIGN-CONTENT:center;
	justify-content :center;
	
	border:1px solid var(--charteColor1);
	background-color:var(--charteColor2L);
	border-radius:5px;
	
	width:50px;
	height:30px;
	
	font-size:20px;
	
	color:var(--charteColor1);
	
	margin:0px 2px 2px 2px;
}

.checkOff{
	
}

.checkOn{	
background-color:var(--charteVert);	
}

input, textarea{
	border:1px solid var(--kdGrey);
}