@font-face {
    font-family:'Montserrat';
    src:url('../font/montserrat/Montserrat-Light.otf') format('truetype');
}

@font-face {
    font-family:'MontserratBold';
    src:url('../font/montserrat/Montserrat-Regular.otf') format('truetype');
}

@font-face {
    font-family:'MontserratExtraBold';
    src:url('../font/montserrat/Montserrat-Medium.otf') format('truetype');
}

*{
	position:relative;
	font-family:"MontserratBold", sans-serif;
}

body{
	margin:0;
	font-family:sans-serif;
}

.textAlignCenter{
	text-align:center;
}

.alignItemsCenter{
	align-items:center;
}

.displayFlex{
	display:flex;
}

.visibilityHidden{
	visibility:hidden;
}

.justifyContentSpaceAround{
	justify-content:space-around;
}

.justifyContentCenter{
	justify-content:center;
}

.justifyContentSpaceBetween{
	justify-content:space-between;
}

.displayNone{
	display:none!important;
}

.alignSelfCenter{
	align-self:center;
}

.textAlignCenter{
	text-align:center;
}

.textTransformUppercase{
	text-transform:uppercase;
}

.marginTop15px{
	margin-top:15px!important;
}

.padding0{
	padding:0!important;
}

.flexDirectionColumn{
	flex-direction:column;
}

#divFormConnexion{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	height:100vh;
	/*background:#f2ce1b;*/
	background-image:url("../img/bgLogin.jpg");
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

#formConnexion{
	display:flex;
	flex-direction:column;
	/*background:#fff;*/
	padding:125px 75px;
	/*border:double 10px #f2ce1b;
	border-radius:56% 44% 61% 39% / 38% 44% 56% 62%;
	animation:livingBubble 10s infinite linear;*/
	background:rgba(0,0,0,0.7);
	border-radius:3px;
	font-size:1.1em;
}

.textFieldForm{
	margin:15px 10px;
	padding:10px 5px;
	width:300px;
	border:solid 1px #888;
	border-radius:2px;
	outline:none;
	font-size:15px;
}

.textFieldForm:hover{
	border-color:#f2ce1b;
}

.textFieldForm:focus{
	border-color:#f2ce1b;
	box-shadow:0 0 5px #f2ce1b;
}

.submitButtonForm{
	margin:15px 10px;
	padding:12px 5px;
	background:#f2ce1b;
	border:none;
	border-radius:2px;
	cursor:pointer;
	transition:all 0.1s;
	outline:none;
	font-size:15px;
}

.submitButtonForm:hover{
	background:#fcdf4c;
}

.submitButtonForm:focus{
	box-shadow:0 0 5px #f2ce1b;
}

#aPasswordForgotten{
	margin:0 10px;
	color:#fff;
	text-decoration:none;
}

#aPasswordForgotten:hover{
	text-decoration:underline;
}

#cache{
	position:fixed;
	z-index:4;
	top:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.5);
}

.tableStyle{
	border-collapse:collapse;
	margin:auto;
	font-size:0.8em;
	width:100%;
}

.tableStyle td{
	padding:10px 20px;
	color:#555;
}

.tableStyle th{
	padding:5px 10px;
	color:#333;
	text-align:left;
}

.tableStyle thead tr{
	border-bottom:solid 2px #333;
}

.tableStyle tbody tr:nth-child(odd){
	background:#eee;
}

.tableStyle tbody tr{
	cursor:pointer;
}

.tableStyle tbody tr:hover{
	background:#ddd;
}

.tableStyle caption{
	font-weight:bold;
	margin-bottom:5px;
}

.asideMain{
	background:#333;
	height:calc(100vh - 60px);
	width:250px;
}

.asideMainSection{
	margin:0 20px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

#buttonNewCustomer{
	background:#f2ce1b;
	border:none;
	padding:10px 15px;
	font-size:1em;
	cursor:pointer;
	text-decoration:none;
	color:#000;
	width:230px;
	text-align:left;
	margin:0 5px;
}

#buttonNewQuestion{
	background:#f2ce1b;
	border:none;
	padding:10px 15px;
	font-size:1em;
	cursor:pointer;
	text-decoration:none;
	color:#000;
	width:230px;
	text-align:left;
	margin:0 5px;	
}

#buttonNewIntervention{
	background:#f2ce1b;
	border:none;
	padding:10px 15px;
	font-size:1em;
	cursor:pointer;
	text-decoration:none;
	color:#000;
	flex:1.5;
	margin:0 5px;
}

#buttonNewInterventionFromEquipment{
	background:#f2ce1b;
	border:none;
	padding:10px 15px;
	font-size:1em;
	cursor:pointer;
	text-decoration:none;
	color:#000;
	width:230px;
	margin:0 5px;	
}

#buttonNewRepport{
	background:#f2ce1b;
	border:none;
	padding:10px 15px;
	font-size:1em;
	cursor:pointer;
	text-decoration:none;
	color:#000;
	margin:0 5px;
	width:200px;
}

#buttonNewCustomer:hover, #buttonNewIntervention:hover, #buttonNewRepport:hover, #buttonNewQuestion:hover{
	background:#fcdf4c;
}

.asideMainSectionH2{
	color:#fff;
	font-size:1.2em;
	margin:16px 0 35px 0;
}

.textFieldFormAside{
	margin:15px 10px;
	padding:10px 5px;
	border:solid 1px #888;
	border-radius:2px;
	outline:none;
	font-size:15px;
}

.textFieldFormAside:hover{
	border-color:#f2ce1b;
}

.sectionMain{
	flex:1;
	height:calc(100vh - 60px);
	overflow-y:auto;
}

.sectionMainHeader{
	background:#555;
}

.sectionMainHeaderH1{
	text-align:center;
	margin:0;
	padding:20px;
	color:#f2ce1b;
}

.sectionMainDiv{
	padding:20px;
}

.sectionMainDivLastArchiveDiv{
	margin-top:20px;
	margin-bottom:60px;
}

.sectionMainH2{
	text-align:center;
}

.sectionMainHeaderDetailDivReturn{
	padding:5px;
}

.sectionMainHeaderDetailDivReturnA{
	color:#000;
	text-decoration:none;
	cursor:pointer;
}

.sectionMainHeaderDetailDivReturnA:hover{
	text-decoration:underline;
}

.sectionMainHeaderDetailDiv{
	background:#555;
}

.sectionMainHeaderDetailDivH2{
	margin:0;
	padding:20px 20px 0 60px;
	color:#fff;
}

.sectionMainHeaderDetailDivInfos{
	align-items:center;
	display:flex;
	padding:20px;
}

.sectionMainHeaderDetailDivInfosItem{
	display:flex;
	align-items:center;
	margin-right:20px;
}

.sectionMainHeaderDetailDivInfosItem:before{
	content:"";
	display:block;
	width:30px;
	height:30px;
	background-position:center;
	background-size:30px;
	background-repeat:no-repeat;
}

#sectionMainHeaderDetailDivInfosItemAddress:before{
	background-image:url("../img/logos/logoLocation.svg");
}

#sectionMainHeaderDetailDivInfosItemTelephone:before{
	background-image:url("../img/logos/logoTelephone.svg");
}

#sectionMainHeaderDetailDivInfosItemSiret:before{
	background-image:url("../img/logos/logoInfo.svg");
}

#sectionMainHeaderDetailDivInfosEquipment:before{
	background-image:url("../img/logos/logoParts2Gears.svg");
}

#sectionMainHeaderDetailDivInfosEquipmentCustomer:before{
	background-image:url("../img/logos/logoClient.svg");
}

#sectionMainHeaderDetailDivInfosEquipmentLieu:before{
	background-image:url("../img/logos/logoLocation.svg");
}

#sectionMainHeaderDetailDivInfosRapport:before{
	background-image:url("../img/logos/logoRapportBlanc.svg");
}

#sectionMainHeaderDetailDivInfosRapportIntervention:before{
	background-image:url("../img/logos/logoInterventionBlanc.svg");
}

#sectionMainHeaderDetailDivInfosRapoortIntervenant:before{
	background-image:url("../img/logos/logoIntervenantBlanc.svg");
}




.sectionMainHeaderDetailDivInfosItemText{
	display:flex;
	flex-direction:column;
	margin:0 10px;
}

.sectionMainHeaderDetailDivInfosItemTextSpan{
	color:#fff;
}

.buttonActionCustomer{
	margin:5px 0;
	border:none;
	padding:7px 20px;
	width:100px;
	cursor:pointer;
	border-radius:2px;
}

#buttonActionModifyCustomer{
	background:#f2ce1b;
}

#buttonActionModifyCustomer:hover{
	background:#fcdf4c;
}

#buttonActionArchiveCustomer{
	background:#ff8181;
}

#buttonActionArchiveCustomer:hover{
	background:#ff9797;
}

.sectionMainSectionDetail{
	padding:6px 3px 10px 3px;
}

.sectionMainSectionHeaderDetail{
	display:flex;
	justify-content:space-around;
}

.sectionMainSectionHeaderDetailSpan{
	display:block;
	background:#555;
	color:#ddd;
	padding:10px;
	width:calc(100% / 3);
	border-right:solid 3px #ddd;
	border-left:solid 3px #ddd;
	text-align:center;
	cursor:pointer;
}

.sectionMainSectionHeaderDetailSpan:not(.sectionMainSectionHeaderDetailSpanActive):hover{
	background:#333;
}

.sectionMainSectionHeaderDetailSpanActive{
	background:#f2ce1b;
	color:#555;
}

.sectionMainSectionDivDetail{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	margin:20px;
}

.sectionMainSectionDivDetailDiv{
	background:#ddd;
	margin:10px;
	padding:10px;
	width:250px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	cursor:pointer;
	overflow:hidden;
}

.sectionMainSectionDivDetailDiv:hover{
	background:#f2ce1b;
}

.sectionMainSectionDivDetailDivSpanHeadOffice{
	font-size:0.7em;
	display:block;
	width:100px;
	text-align:center;
	position:absolute;
	top:15px;
	right:-30px;
	background:#000;
	color:#ddd;
	padding:3px;
	transform:rotate(45deg);
}

.sectionMainSectionDivDetailDivSpanContract{
	font-size:0.7em;
	display:block;
	width:100px;
	text-align:center;
	position:absolute;
	top:15px;
	left:-30px;
	background:#555;
	color:#ddd;
	padding:3px;
	transform:rotate(-45deg);	
}



.sectionMainSectionDivDetailDivH3:before{
	display:flex;
	content:"";
	width:30px;
	height:30px;
	background-image:url("../img/logos/logoLocationBlack.svg");
	background-size:30px;
	background-position:center;
	background-repeat:no-repeat;
	margin:10px 0;
}

.sectionMainSectionDivDetailDivH3, .sectionMainSectionDivDetailDivH3Plus{
	margin:0 0 10px 0;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.sectionMainSectionDivDetailDivH3Plus:before{
	display:flex;
	content:"";
	width:30px;
	height:30px;
	background-image:url("../img/logos/logoLocationPlusBlack.svg");
	background-size:30px;
	background-position:center;
	background-repeat:no-repeat;
	margin:10px 0;
}

.sectionMainSectionDivDetailDivP{
	margin:0 0 10px 0;
	text-align:center;
}

#sectionMainSectionDivContactsDetail{
	flex-direction:column;
	align-items:center;
}

#sectionMainSectionDivContactsDetailSpanAddContact{
	display:block;
	margin:10px 0;
	background:#f2ce1b;
	padding:10px 20px;
	cursor:pointer;
}

#sectionMainSectionDivContactsDetailSpanAddContact:hover{
	background:#fcdf4c;
}

#sectionMainSectionDivContactsDetailSpanAddEquipment{
	display:block;
	margin:10px 0;
	background:#f2ce1b;
	padding:10px 20px;
	cursor:pointer;	
}

#sectionMainSectionDivContactsDetailSpanAddEquipment:hover{
	background:#fcdf4c;
}

#sectionMainSectionDivInterventionsDetailSpanAddIntervention{
	display:flex;
	margin:10px 0;
	background:#f2ce1b;
	padding:10px 20px;
	cursor:pointer;
}

#sectionMainSectionDivReportsDetail{
	flex-direction:column;
	align-items:center;	
}

.sectionMainForm{
	margin:20px;
	display:flex;
	justify-content:center;
	width:calc(100% - 40px);
	padding:0 20px 0 20px;
}

.sectionMainFormCenter{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:inherit;
}

#sectionMainFormAddSite{
	margin:20px 0;
}

.sectionMainFormH2{
	text-align:center;
}

.divContentForm{
	display:flex;
	justify-content:space-around;
	width:100%;
}

.divContentFormDiv{
	width:275px;
}

.sectionMainFormFieldset{
	border:none;
	margin:20px 0 10px 0;
	padding:0;
	width:100%;
}

.sectionMainFormFieldset legend{
	margin:10px 0;
	font-weight:bold;
}

.divField{
	display:flex;
	flex-direction:column;
	margin:10px 0;
	width:100%;
}

.divFieldLine{
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.divFieldLine .divField{
	width:calc(50% - 10px);
}

#popupModifyEquipment .divField select, #popupAddEquipment .divField select{
	width:256px;
}

#popupModifyEquipment .divField, #popupAddEquipment .divField{
	align-items:center;
	flex-direction:row!important;
	margin:10px 20px;
}

#popupModifyEquipment .divField input, #popupAddEquipment .divField input{
	width:250px;
}

#popupModifyEquipment .divField label, #popupAddEquipment .divField label{
	width:150px;
	color:#333;
}

.divFieldCheckbox{
	display:flex;
	align-items:center;
	margin:15px 0;
	width:100%;	
}

.sectionMainFormField{
	height:25px;
	border:solid 1px #bbb;
	border-radius:3px;
}

.sectionMainFormFieldSelect{
	height:29px;
	border:solid 1px #bbb;
	border-radius:3px;	
}

.sectionMainFormSelect{
	height:31px;
	padding:2px 1px;
	border:solid 1px #bbb;
	border-radius:3px;
}

.sectionMainFormTextarea{
	height:50px;
	resize:none;
	border:solid 1px #bbb;
	border-radius:3px;
}

.sectionMainFormSubmit{
	background:#f2ce1b;
	border:none;
	padding:10px;
	width:200px;
	border-radius:2px;
	cursor:pointer;
	margin:5px 0;
}

.sectionMainFormSubmit:hover{
	background:#fcdf4c;
}

.sectionMainFormButtonArchive{
	background:#ff8181;
	border:none;
	padding:10px;
	width:200px;
	border-radius:2px;
	cursor:pointer;
	margin:5px 0;
}

.sectionMainFormButtonArchive:hover{
	background:#ff9797;
}

.sectionMainFormButtonSeeEquipments{
	background:#81b9ff;
	border:none;
	padding:10px;
	width:200px;
	border-radius:2px;
	cursor:pointer;
	margin:5px 0;
}

.sectionMainFormButtonSeeEquipments:hover{
	background:#97c5ff;
}

[type="checkbox"] {
	position: absolute;
	left: 0;
	opacity: 0;
}

[type="checkbox"] + label{
	position:relative;
    display:block;
    padding:11px 50px 9px 30px;
	cursor: pointer;
    font-size:0.9em;
}

/* Aspect de la case */
[type="checkbox"]:not(:checked) + label::before,
[type="checkbox"]:checked + label::before{
	content:'';
	position:absolute;
    margin:10px 20px 10px 0;
	left:0;
	top:0;
	width:15px;
	height:15px;
	border:1px solid #000;
	background:rgba(255,255,255,1);
	border-radius:2px;
	transition:all .275s;
    z-index:1;
}

/* Aspect de la coche */
[type="checkbox"]:not(:checked) + label::after,
[type="checkbox"]:checked + label::after{
    content:'✔';
	position:absolute;
    text-align:center;
    line-height:15px;
    margin:10px 20px 10px 0;
	left:0;
	top:0;
	width:15px;
	height:15px;
	border:1px solid #000;
    border-radius:2px;
	background:#f2ce1b;
    color:#fff;
    font-size:1em;
	transition:all .275s;
    z-index:1;
}

/* Aspect non cochée */
[type="checkbox"]:not(:checked) + label::after{
	opacity:0;
	transform:scale(0) rotate(45deg);
}

/* Aspect cochée */
[type="checkbox"]:checked + label::after {
	opacity:1;
	transform:scale(1) rotate(0);
}




[type="radio"] {
	position: absolute;
	left: 0;
	opacity: 0;
}

[type="radio"] + label{
	position:relative;
    display:block;
    padding:11px 50px 9px 30px;
	cursor: pointer;
    font-size:0.9em;
}

/* Aspect de la case */
[type="radio"]:not(:checked) + label::before,
[type="radio"]:checked + label::before{
	content:'';
	position:absolute;
    margin:10px 20px 10px 0;
	left:0;
	top:0;
	width:15px;
	height:15px;
	border:1px solid #000;
	background:rgba(255,255,255,1);
	border-radius:50%;
	transition:all .275s;
    z-index:1;
}

/* Aspect de la coche */
[type="radio"]:not(:checked) + label::after,
[type="radio"]:checked + label::after{
    content:'';
	position:absolute;
    text-align:center;
    line-height:15px;
    margin:10px 20px 10px 0;
	left:0;
	top:0;
	width:15px;
	height:15px;
	border:1px solid #000;
   	border-radius:50%;
	background:#f2ce1b;
    color:#fff;
    font-size:1em;
	transition:all .275s;
    z-index:1;
}

/* Aspect non cochée */
[type="radio"]:not(:checked) + label::after{
	opacity:0;
	transform:scale(0) rotate(45deg);
}

/* Aspect cochée */
[type="radio"]:checked + label::after {
	opacity:1;
	transform:scale(1) rotate(0);
}



.popup{
	position:fixed;
	padding:0 0 40px 0;
	background:#fff;
	transform:scale(0);
	overflow:hidden;
	border:solid 2px #bbb;
	z-index:5;
}

#popupInformationSite{
	width:340px;
	height:640px;
	top:calc(50% - 360px);
	left:calc(50% - 190px);	
}

#popupAddContact{
	width:340px;
	height:560px;
	top:calc(50% - 320px);
	left:calc(50% - 190px);	
}

#popupModifyContact{
	width:340px;
	height:600px;
	top:calc(50% - 340px);
	left:calc(50% - 190px);		
}

#popupAddCustomer{
	width:340px;
	height:740px;
	top:calc(50% - 410px);
	left:calc(50% - 190px);	
}

#popupModifyCustomer{
	width:340px;
	height:740px;
	top:calc(50% - 410px);
	left:calc(50% - 190px);	
}

#popupArchiveCustomer{
	width:520px;
	height:100px;
	top:calc(50% - 90px);
	left:calc(50% - 300px);	
}

#popupModifyEquipment{
	width:1000px;
	height:740px;
	top:calc(50% - 410px);
	left:calc(50% - 540px);		
}

#popupAddEquipment{
	width:1000px;
	height:740px;
	top:calc(50% - 410px);
	left:calc(50% - 540px);	
}

#popupAddQuestionQHSE, #popupModifyQuestionQHSE{
	width:1000px;
	height:740px;
	top:calc(50% - 410px);
	left:calc(50% - 540px);
}

#popupModifyEquipmentEquipment{
	width:480px;
	height:740px;
	top:calc(50% - 410px);
	left:calc(50% - 190px);		
}

#popupAddUser{
	width:340px;
	height:580px;
	top:calc(50% - 320px);
	left:calc(50% - 190px);		
}

#popupModifyUser{
	width:340px;
	height:520px;
	top:calc(50% - 290px);
	left:calc(50% - 190px);		
}

#popupAddMachineType{
	width:340px;
	height:200px;
	top:calc(50% - 140px);
	left:calc(50% - 190px);	
}

#popupModifyMachineType{
	width:340px;
	height:240px;
	top:calc(50% - 140px);
	left:calc(50% - 190px);		
}

#popupAddBrand{
	width:340px;
	height:200px;
	top:calc(50% - 140px);
	left:calc(50% - 190px);		
}

#popupModifyBrand{
	width:340px;
	height:240px;
	top:calc(50% - 140px);
	left:calc(50% - 190px);		
}

#popupAddPart{
	width:340px;
	height:200px;
	top:calc(50% - 140px);
	left:calc(50% - 190px);		
}

#popupModifyPart{
	width:340px;
	height:240px;
	top:calc(50% - 140px);
	left:calc(50% - 190px);		
}

#popupCreateIntervention{
	width:440px;
	height:680px;
	top:calc(50% - 380px);
	left:calc(50% - 190px);
}

.displayPopup{
	transform:scale(1);
	transform-origin:center;
	transition:all 0.5s;
}

.popupCross{
	position:absolute;
	top:10px;
	right:10px;
	font-size:1.5em;
	cursor:pointer;
	z-index:1;
	color:#888;
}

.popupH2{
	text-align:left;
	margin:0;
	padding:25px 15px;
	margin-bottom:10px;
	font-size:1.2em;
	background:#ddd;
	border-bottom:solid 1px #bbb;
	color:#888;
	font-weight:bold;
}

.popupHr{
	margin:0;
	width:100%;
	color:#bbb;
	height:1px;
	border:none;
	background:#bbb;
}

.popupFooter{
	width:calc(100% - 30px);
	display:flex;
	justify-content:center;
	background:#ddd;
	position:absolute;
	bottom:0;
	padding:15px;
	border-top:solid 1px #bbb;
}

#sectionMainFormModifySite{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;
}

#sectionMainFormAddContact{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;	
}

#sectionMainFormModifyContact{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;	
}

#sectionMainFormAddCustomer{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;	
}

#sectionMainFormModifyCustomer{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;	
}

#sectionMainFormModifyEquipment, #sectionMainFormAddEquipment{
	margin:auto;
	flex-direction:column;
	align-items:center;		
}

#sectionMainFormAddQuestionQHSE{
	margin:auto;
}

#sectionMainFormAddQuestionQHSE div{
	margin:10px 20px;
}

#sectionMainFormAddQuestionQHSE input[type="text"], #sectionMainFormAddQuestionQHSE select{
	width:400px;
}

#sectionMainFormAddQuestionQHSE input[type="text"]{
	height:27px;
	width:394px;
}

#sectionMainFormAddQuestionQHSE .divField{
	margin-top:20px;
	margin-bottom:20px;
}

#sectionMainFormModifyQuestionQHSE{
	margin:auto;
}

#sectionMainFormModifyQuestionQHSE div{
	margin:10px 20px;
}

#sectionMainFormModifyQuestionQHSE input[type="text"], #sectionMainFormModifyQuestionQHSE select{
	width:400px;
}

#sectionMainFormModifyQuestionQHSE input[type="text"]{
	height:27px;
	width:394px;
}

#sectionMainFormModifyQuestionQHSE .divField{
	margin-top:20px;
	margin-bottom:20px;
}

#sectionMainFormAddUser{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;
}

#sectionMainFormModifyUser{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;
}

#sectionMainFormAddBrand{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;	
}

#sectionMainFormModifyBrand{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;	
}

#sectionMainFormAddPart{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;	
}

#sectionMainFormModifyPart{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;	
}

#sectionMainFormAddMachineType{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;	
}

#sectionMainFormModifyMachineType{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:300px;	
}

#sectionMainFormCreateIntervention{
	margin:auto;
	flex-direction:column;
	align-items:center;
	width:400px;	
}

.aArchive, .aAdmin{
	background:#888;
	color:#000;
	text-decoration:none;
	padding:15px 20px;
	cursor:pointer;
	margin:20px 0 0 0;
	text-align:center;
}

.aAsideParts{
	background:#888;
	color:#000;
	text-decoration:none;
	padding:15px 20px;
	cursor:pointer;
	margin:20px 0 0 0;
	text-align:center;
	font-size:0.9em;	
}

.aArchive:hover, .aAdmin:hover, .aAsideParts:hover{
	background:#999;
}

.aArchiveActive, .aAdminActive, .aAsidePartsActive{
	background:#f2ce1b;
}

.aArchiveActive:hover, .aAdminActive:hover, .aAsidePartsActive:hover{
	background:#fcdf4c;
}

.spanArchive{
	font-size:0.8em;
	background:#888;
	padding:2px 5px;
	border-radius:2px;
	color:#fff;
	margin-left:5px;
	font-weight:bold;
}

.buttonRestore{
	background:#56b9ff;
	border:none;
	padding:5px 10px;
	cursor:pointer;
}

.buttonRestore:hover{
	background:#70c4ff;
}

.pInfoCenter{
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
}

#divFiltersEquipments{
	border:solid 2px #333;
	display:flex;
	margin-bottom:15px;
}

#divFiltersEquipmentsH4{
	background:#333;
	color:#fff;
	margin:0;
	padding:5px 15px;
	display:inline;
	display:flex;
	align-items:center;
}

#divFiltersEquipments form{
	display:flex;
	align-items:center;
	margin:10px 20px;
}

#divFiltersEquipments form label{
	margin-right:5px;
}

#divFiltersEquipments form select{
	height:25px;
}

#buttonFilterEquipments{
	height:25px;
	margin:0 0 0 20px;
	border:none;
	background:#333;
	color:#fff;
	cursor:pointer;
}

#buttonFilterEquipments:hover{
	background:#555;
}

#sectionMainSectionDivEquipmentsDetail{
	flex-direction:column;
	align-items:center;
}

.adminButtonAdd{
	border:none;
	display:block;
	margin:10px auto 20px auto;
	padding:10px 20px;
	cursor:pointer;
	background:#f2ce1b;
	outline:none;
}

.adminButtonAdd:hover{
	background:#fcdf4c;
}

#sectionMainSectionDivInterventionsDetailSpanAddIntervention{
	display:block;
	margin:10px 0;
	background:#f2ce1b;
	padding:10px 20px;
	cursor:pointer;
}

#sectionMainSectionDivInterventionsDetailSpanAddIntervention:hover{
	background:#fcdf4c;
}

#sectionMainSectionDivInverventionDetail{
	flex-direction:column;
}

#divHeaderIntervention{
	display:flex;
	align-items:center;
	width:100%;
}

#divHeaderInterventionSpan{
	padding:10px 30px;
	height:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.2em;
	font-weight:bold;
	background:#f2ce1b;
	color:#555;
}

#divHeaderInterventionH2{
	padding:10px 30px;
	height:30px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#555;
	color:#fff;
	font-size:1.2em;
	flex:1;
}

#divHeaderInterventionDiv{
	padding:10px 30px;
	height:30px;
	display:flex;
	align-items:center;
	font-weight:bold;
	font-size:1.2em;
	background:#f2ce1b;
	color:#555;
}

#divContentIntervention{

}

#divContentInterventionSpanStatus{
	position:absolute;
	z-index:1;
	left:0;
	border:solid 2px;
	padding:5px 10px;
	font-weight:bold;
}

#tableIntervention{
	margin:auto;
	border-collapse:collapse;
}

#tableIntervention th{
	border:solid 2px;
	text-align:left;
	padding:5px;
}

#tableIntervention td{
	border:solid 1px;
	text-align:left;
	padding:5px;
}

.tableInformationIntervention{
	margin:10px 20px 10px 20px;
}

.tableInformationIntervention td{
	padding:10px;
	background:#ddd;
}

#spanInterventionStatus{
	border:solid 2px;
	font-weight:bold;
	padding:5px;
}

#spanInterventionNumber{
	border:solid 2px;
	font-weight:bold;
	padding:5px;
}

#asideMainSectionDivStatus{
	margin:auto;
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
	width:250px;
}

.asideMainSectionStatusIntervention{
	background:#888;
	padding:10px;
	margin:5px;
	width:calc(50% - 30px);
	text-align:center;
	cursor:pointer;
}

.asideMainSectionStatusIntervention:hover{
	background:#999;
}

.asideMainSectionStatusInterventionActive{
	background:#f2ce1b;
}

.asideMainSectionStatusInterventionActive:hover{
	background:#fcdf4c;
}

#formCreateIntervention{
	width:300px;
	margin:auto;
	display: flex;
	flex-direction:column;
	align-items:center;
}

#divFieldGroupAdresseNewIntervention{
	display:flex;
	flex-direction:column;
	width:100%;
}

#sectionMainDivStatsInterventions{
	display:flex;
	justify-content:space-between;
	margin:5px 0 25px 0;
}

#sectionMainDivStatsRepports, #sectionMainDivStatsPart{
	display:flex;
	margin:5px 0 25px 0;
}

.sectionMainDivStatsInterventionsItem{
	background:#000;
	color:#fff;
	padding:10px 15px;
	flex:1;
	margin:0 5px;
	cursor:pointer;
}

.sectionMainDivStatsPartItem{
	background:#000;
	color:#fff;
	padding:10px 15px;
	margin:0 5px;
	cursor:pointer;	
	width:163px;
}

.sectionMainDivStatsInterventionsItem:hover, .sectionMainDivStatsPartItem:hover{
	background:#333;
}

.sectionMainDivStatsRepportItem{
	background:#000;
	color:#fff;
	padding:10px 15px;
	margin:0 5px;
	cursor:pointer;
	width:200px;
	display:flex;
	align-items:center;
}

.sectionMainDivStatsRepportItem:hover{
	background:#333;
}

#tableInterventions th,
#tableReports th,
#tableCustomers th,
#tablePartsToOrder th,
#tableReturnPartsES th,
#tableEquipments th,
#tableInterventionsEquipments th,
#tableQuestionsQHSE th,
#tableContacts th,
#tableEquipments th,
#tableUserList th,
#tableMachinesTypesList th,
#tableBrandsList th,
#tablePartsList th,
#tableArchiveCustomers th,
#tableArchiveSites th,
#tableArchiveContacts th{
	cursor:pointer;
}

#tableInterventions th span,
#tableReports th span,
#tableCustomers th span,
#tablePartsToOrder th span,
#tableReturnPartsES th span,
#tableEquipments th span,
#tableInterventionsEquipments th span,
#tableQuestionsQHSE th span,
#tableContacts th span,
#tableEquipments th span,
#tableUserList th span,
#tableMachinesTypesList th span,
#tableBrandsList th span,
#tablePartsList th span,
#tableArchiveCustomers th span,
#tableArchiveSites th span,
#tableArchiveContacts th span{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

#tableInterventions th:hover span,
#tableReports th:hover span,
#tableCustomers th:hover span,
#tablePartsToOrder th:hover span,
#tableReturnPartsES th:hover span,
#tableEquipments th:hover span,
#tableInterventionsEquipments th:hover span,
#tableQuestionsQHSE th:hover span,
#tableContacts th:hover span,
#tableEquipments th:hover span,
#tableUserList th:hover span,
#tableMachinesTypesList th:hover span,
#tableBrandsList th:hover span,
#tablePartsList th:hover span,
#tableArchiveCustomers th:hover span,
#tableArchiveSites th:hover span,
#tableArchiveContacts th:hover span{
	text-decoration:underline;
}


#tableInterventions th span:after,
#tableReports th span:after,
#tableCustomers th span:after,
#tablePartsToOrder th span:after,
#tableReturnPartsES th span:after,
#tableEquipments th span:after,
#tableInterventionsEquipments th span:after,
#tableQuestionsQHSE th span:after,
#tableContacts th span:after,
#tableEquipments th span:after,
#tableUserList th span:after,
#tableMachinesTypesList th span:after,
#tableBrandsList th span:after,
#tablePartsList th span:after,
#tableArchiveCustomers th span:after,
#tableArchiveSites th span:after,
#tableArchiveContacts th span:after{
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	margin-left:5px;
	background-image:url("../img/logos/logoSort.svg");
	background-size:10px;
	background-position:center;
	background-repeat:no-repeat;
}

#h1InterventionsList{
	background:#fff;
	color:#888;
	font-size:1.2em;
}

#tableContacts{
	width:calc(100% - 40px);
}

.h2InterventionsList{
	background: #ddd;
	font-size:1.1em;
	padding:5px;
	font-family:"MontserratExtraBold";
}

#h1Pointage{
	display:flex;
	background:#fff;
	color:#888;
	font-size:1.2em;
	align-items:center;	
}

#sectionMainInterventions, #sectionMainCustomers{
	background:#ddd;
}

#divContentInterventionsList, #divContentNewReport, #divContentPointage, #divContentQuestionsList{
	background:#fff;
	padding:5px 10px 10px 10px;
	margin:0 5px;
}

#divContentInterventionsList, #divContentPointage{
	overflow-x:auto;
}

.divContentClientList{
	background:#fff;
	padding:5px 10px 10px 10px;
	margin:0 5px;
	display:flex;
	width:calc(100% - 40px);
}

#divBreadcrumbsInterventionsList, #divBreadcrumbsNewReport, #divBreadcrumbsCustomersList{
	background:#fff;
	padding:15px 30px;
}

.divBreadcrumbsInterventionsListA{
	color:#000;
	text-decoration:none;
	padding:0 5px;
}

.divBreadcrumbsInterventionsListAActive{
	color:#888;
}

.asideMainSectionInterventionH2{
	color:#fff;
	font-size:1.2em;
	margin:16px 0 35px 0;
}

.asideMainSectionInterventionDivItem{
	margin:0 0 20px 0;
}

.asideMainSectionInterventionH3{
	color:#888;
	margin:0 0 5px 0;
	font-size:1em;
}

.asideMainSectionInterventionH4{
	color:#888;
	margin:15px 0 5px 0;
	font-size:0.9em;
}

.textFieldFormAsideIntervention{
	height:30px;
	width:calc(100% - 7px);
	background:#555;
	border:none;
	border-radius:5px;
	outline:none;
	color:#bbb;
	padding-left:5px;
}

.textFieldFormAsideClient{
	height:30px;
	width:calc(100% - 7px);
	background:#555;
	border:none;
	border-radius:5px;
	outline:none;
	color:#bbb;
	padding-left:5px;	
}

.textFieldFormAsideIntervention:focus{
	box-shadow:0 0 5px #f2ce1b;
}

.textFieldFormAsideClient:focus{
	box-shadow:0 0 5px #f2ce1b;
}


.selectFieldFormAsideIntervention{
	height:32px;
	width:calc(100%);
	background:#555;
	border:none;
	border-radius:5px;
	outline:none;
	color:#bbb;
	padding:1px 5px 1px 5px;
}

.selectFieldFormAsideIntervention:focus{
	box-shadow:0 0 5px #f2ce1b;
}

#asideMainSectionInterventionsList{
	width:200px;
}

#asideMainSectionCustomersList{
	width:200px;
}

.submitFormAsideIntervention{
	width:100%;
	background:#f2ce1b;
	border:none;
	padding:8px;
	margin:10px 0 0 0;
	cursor:pointer;
	border-radius:5px;
	outline:none;
}

.submitFormAsideIntervention:hover{
	background:#fcdf4c;
}

.submitFormAsideIntervention:focus{
	box-shadow:0 0 5px #f2ce1b;
}

.buttonFormAsideIntervention{
	width:100%;
	background:#bbb;
	border:none;
	padding:8px;
	margin:0 0 10px 0;
	cursor:pointer;
	border-radius:5px;
	outline:none;	
}

.buttonFormAsideIntervention:hover{
	background:#ccc;
}

.buttonFormAsideIntervention:focus{
	box-shadow:0 0 5px #ccc;
}

#sectionMainInterventionsHeader{
	background:#333;
	display:flex;
	flex-direction:column;
	padding:10px;
}

.sectionMainInterventionsHeaderDivColumn{
	margin:0 15px;
}

.sectionMainInterventionsHeaderDivRow{
	display:flex;
}

.sectionMainInterventionsHeaderDivItem{
	width:200px;
}

.sectionMainInterventionsHeaderDivRow > .sectionMainInterventionsHeaderDivItem:nth-child(1){
	width:380px;
}

.sectionMainInterventionsHeaderDivRow > .sectionMainInterventionsHeaderDivItem:nth-child(2){
	width:300px;
}

.sectionMainInterventionsHeaderDivRow:nth-child(2) > .sectionMainInterventionsHeaderDivItem:nth-child(1){
	width:720px;
}

.sectionMainInterventionsHeaderDivItem{
	margin:10px;
}

.h3InterventionItem{
	margin:0;
	color:#fff;
	font-size:1em;
	font-weight:bold;
}

.h4InterventionItem{
	margin:0;
	color:#fff;
	font-size:1em;
	font-weight:normal;
}

.h4InterventionItemListPart{
	margin:0;
	color:#fff;
	font-size:1em;
	font-weight:normal;	
	padding:10px;
	text-align:center;
}

.divListPartsInterventionItem{
	background:#555;
	width:340px;
	margin:0 23px;
}

.pInterventionItem{
	margin:0;
	color:#fff;
	font-size:1em;
	font-weight:normal;	
}

.divSpanInterventionItem{
	margin:5px 0;
	display:flex;
	justify-content:center;
	align-items:center;
}

.spanInterventionItem{
	background:#888;
	color:#fff;
	padding:10px 20px;
	margin:5px 3px;
}

.spanInterventionItemEquipmentReadyYes{

}

.spanInterventionItemEquipmentReadyNo{

}

.divSpanInterventionItemDivItem{
	margin:0 20px;
}

.divSpanInterventionItemDivItem > .spanInterventionItem:nth-child(1){
	display:inline-block;
	width:200px;
	text-align:center;
}

.divSpanInterventionItemDivItem > .spanInterventionItem:nth-child(2){
	display:inline-block;
	width:50px;
	text-align:center;
}

.sectionMainInterventionsHeaderDivItemButton{
	display:block;
	text-decoration:none;
	color:#000;
	cursor:pointer;
	text-align:center;
	width:150px;
	padding:5px 10px;
	margin:0 0 5px 0;
}

#sectionMainInterventionsHeaderDivItemButtonEdit{
	background:#555;
}

#sectionMainInterventionsHeaderDivItemButtonEdit:hover{
	background:#666;
}

#sectionMainInterventionsHeaderDivItemButtonGeneratePDF{
	background:#f2ce1b;
}

#sectionMainInterventionsHeaderDivItemButtonGeneratePDF:hover{
	background:#fcdf4c;
}

#sectionMainInterventionsHeaderDivItemButtonEnregistrer{
	background:#f2ce1b;
}

#sectionMainInterventionsHeaderDivItemButtonEnregistrer:hover{
	background:#fcdf4c;
}

#tableInfosIntervention{
	border-collapse:collapse;
	margin:10px;
}

#tableInfosIntervention td{
	border:solid 1px #fff;
	padding:10px;
	width:50%;
	vertical-align:top;
}

#formNewReport{
	width:500px;
}

#partsFurnitureEngikReport, #partsReturnPartESReport, #partsIsEquipmentReadyReport{
	margin:0 10px 0 0;
}

.sectionMainFormFieldButtonAdd{
	border:none;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:6px 0 6px 0;
	width:28px;
	cursor:pointer;
	background:#ccc;
	border-radius:3px;
}

.sectionMainFormFieldButtonAdd:hover{
	background:#ddd;
}

.divFieldLineWithAddButton{
	display:flex;
	justify-content:flex-start;
}

.divFieldLineWithAddButton .divFieldWithAddButton{
	width:calc(50% - 20px)!important;
}

.divFieldLineWithAddButton .divFieldWithAddButtonAddButton{
	width:auto;
}

.divFieldWithAddButtonAddButton{
	align-self:flex-end;
}

.divFieldWithAddButton{
	margin-right:10px;
}

#submit_create_report{
	margin:5px auto;
}

#divListPartsIntervention{
	display:flex;
	justify-content:center;
	margin:10px 0 10px 0;
}

.ulListPartsIntervention{
	color:#fff;
}

#sectionMainDivStatsRepportItemNbrReport span:before{
	background-image:url("../img/logos/logoRapportBlanc.svg");
}

.sectionMainDivStatsRepportItem span{
	display:flex;
	align-items:center;
}

.sectionMainDivStatsRepportItem span:before, #buttonNewRepport span:before{
	display:inline-block;
	content:"";
	width:20px;
	height:20px;
	background-size:20px;
	background-position:center;
	background-repeat:no-repeat;
	margin-right:20px;
}

#sectionMainDivStatsRepportItemNbrIntervenants span:before{
	background-image:url("../img/logos/logoIntervenantBlanc.svg");
}

#buttonNewRepport span{
	display:flex;
	align-items:center;
}

#buttonNewRepport span:before{
	background-image:url("../img/logos/logoRapport.svg");
}

.sectionMainInterventionsHeaderDivItem{
	display:flex;
	align-items:center;
}

.sectionMainInterventionsHeaderDivItem:before{
	display:inline-block;
	content:"";
	min-width:30px;
	width:30px;
	height:30px;
	background-size:30px;
	background-position:center;
	background-repeat:no-repeat;
	margin-right:15px;	
}

#sectionMainInterventionsHeaderDivItemIntervention:before{
	background-image:url("../img/logos/logoInterventionBlanc.svg");
}

#sectionMainInterventionsHeaderDivItemEquipement:before{
	background-image:url("../img/logos/logoParts2Gears.svg");
}

#sectionMainInterventionsHeaderDivItemLieu:before{
	background-image:url("../img/logos/logoLocation.svg");
}

#sectionMainInterventionsHeaderDivItemClient:before{
	background-image:url("../img/logos/logoClient.svg");
}

#divWorkIntervention{
	display:flex;
	flex-direction:column;
	margin:10px 0;
}

.divWorkInterventionItem{
	display:flex;
	justify-content:center;
	color:#fff;
}

.divWorkInterventionTitle{
	display:flex;
	background:#444;
	padding:10px 20px;
	width:200px;
	justify-content:center;
	align-items:center;
	margin:5px 3px;
}

.divWorkInterventionContent{
	display:flex;
	background:#444;
	padding:10px 20px;
	width:824px;
	align-items:center;
	margin:5px 3px 5px 6px;
}

.tooltip{
	position:relative;
	display:inline-block;
	border-bottom:1px dotted black;
}

.tooltip .tooltiptext{
	visibility:hidden;
	background-color:#000;
	color:#fff;
	width:300px;
	text-align:center;
	border-radius:6px;
	padding:5px 0;
	position:absolute;
	z-index:1;
	top:130%;
	left:-35px;
}

.tooltip .tooltiptext::after{
	content:"";
	position:absolute;
	bottom:100%;
	left:50%;
	margin-left:-5px;
	border-width:5px;
	border-style:solid;
	border-color:transparent transparent black transparent;
}

.tooltip:hover .tooltiptext{
 	visibility:visible;
}

.selectNoBorder{
	background:rgba(0,0,0,0);
	border:solid 2px rgba(0,0,0,0);
	appearance:none;
	outline:none;
	font-size:1em;
	padding:5px;
	cursor:text;
}

.selectNoBorder:hover{
	border:solid 2px #2ae;
	background:rgba(34, 170, 238, 0.2);
}

.textareaNoBorder{
	background:rgba(0,0,0,0);
	border:solid 2px rgba(0,0,0,0);
	appearance:none;
	outline:none;
	resize:none;
	font-size:1em;
}

.textareaNoBorder:hover{
	border:solid 2px #2ae;
	background:rgba(34, 170, 238, 0.2);	
}

.inputTypeTextNoBorder{
	background:rgba(0,0,0,0);
	border:none;
	appearance:none;
	outline:none;
	resize:none;
	font-size:1em;
	width:100%;
}

.spanImgPartToOrder, .spanImgReturnPartsES, .spanImgPartFurnituresEngik{
	display:flex;
	align-items:center;
}

.spanImgPartToOrder:before, .spanImgReturnPartsES:before, .spanImgPartFurnituresEngik:before{
	margin-right:5px;
	margin-bottom:2px;
	display:block;
	content:"";
	width:20px;
	height:20px;
	background-image:url("../img/logos/logoPhoto.svg");
	background-size:20px;
	background-position:center;
	background-repeat:no-repeat;
}

#tablePartsToOrder a, #tableReturnPartsES a{
	color:#000;
	text-decoration:none;
}

#tablePartsToOrder a:hover, #tableReturnPartsES a:hover{
	text-decoration:underline;
}

#divPartsToOrderPhotosContent, #divReturnPartsESPhotosContent{
	display:flex;
	justify-content:center;
	margin:10px;
}

#divPartsToOrderPhotosH2, #divReturnPartsESPhotosH2{
	justify-content:center;
	color:#888;
	display:flex;
	height:30px;
	align-items:center;
}

#divPartsToOrderPhotosCross, #divReturnPartsESPhotosCross{
	position:absolute;
	width:30px;
	height:30px;
	background-image:url("../img/logos/logoCross.svg");
	background-size:30px;
	right:0;
	top:0;
	cursor:pointer;
}

.divPartsToOrderPhotosDivImg, .divReturnPartsESPhotosDivImg, .divPartsFurnitureEngikPhotosDivImg{
	width:250px;
	height:250px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	cursor:pointer;
	margin:10px;
}

.divPartsToOrderPhotosDivImg:not(.divPartsToOrderPhotosDivImgFullscreen):hover, .divReturnPartsESPhotosDivImg:not(.divReturnPartsESPhotosDivImgFullscreen):hover, .divPartsFurnitureEngikPhotosDivImg:not(.divPartsFurnitureEngikPhotosDivImgFullscreen):hover{
	filter:brightness(115%);
}

.divPartsToOrderPhotosDivImgFullscreen, .divReturnPartsESPhotosDivImgFullscreen, .divPartsFurnitureEngikPhotosDivImgFullscreen{
	width:100%;
	height:100vh;
	position:fixed;
	z-index:1;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin:0;
}

#divDisplayInterventionPDF{
	position:absolute;
	width:100%;
	height:100vh;
	z-index:10;
	top:0;
	overflow:hidden;
	background:#fff;
}

#iframeDisplayPDF{
	width:100%;
	height:calc(100% - 60px);
	transition:all 0.5s;
}

.iframeDisplayPDFHalfHeight{
	height:50%!important;
}

#iframeDisplayPDFUnderDiv{
	z-index:1;
	height:calc(50vh - 20px);
	width:calc(100% - 40px);
	padding:10px 20px;
	position:absolute;
	bottom:calc(-50vh + 60px);
	background:#fff;
	transition:all 0.5s;
}

#iframeDisplayPDFUnderDivDivButton{
	display:flex;
	align-items:flex-start;
	justify-content:flex-end;
}

.iframeDisplayPDFUnderDivButton{
	background:#f2ce1b;
	border:none;
	border-radius:3px;
	padding:10px 20px;
	cursor:pointer;
	margin:0 10px;
}

.iframeDisplayPDFUnderDivButton:hover{
	background:#fcdf4c;
}

.sectionSendEmailDeploy{
	bottom:0!important;
	overflow-y:scroll;
}

#sectionMainSectionDivSitesDetail .divContentClientList{
	flex-wrap:wrap;
	justify-content:center;
}

#iframeDisplayPDFUnderDivForm{
	margin:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.tableSendEmail{
	border-collapse:collapse;
	margin-bottom:40px;
}

.tableSendEmail th{
	border-bottom:solid 1px #ddd;
	padding:5px 20px 5px 5px;
}

.tableSendEmail td{
	border-bottom:solid 1px #ddd;
	padding:10px;
	color:#333;	
}

.tableSendEmailContactSpan{
	border:solid 1px;
	margin:2px;
	padding:2px;
	font-size:0.95em;
}

#tableListeContactEmail{
	margin:0 0 20px 0!important;
}

#tableListeContactEmail [type="checkbox"] + label{
	padding:11px 0px 9px 30px!important;
}

.iframeDisplayPDFUnderDivFormH3{
	text-align:center;
}

.sectionDetailElement{
	background:#fff;
	margin:20px 20px;
	padding:10px 20px;
}

.sectionDetailElement h2{
	margin:0;
	border-bottom:solid 1px #ddd;
	padding:0 0 10px 0;
	margin-bottom:20px;
}

.sectionDetailElementTable{
	margin:10px 20px;
	border-collapse:collapse;
	width:400px;
}

.sectionDetailElementTable th{
	text-align:left;
	padding:5px;
	border-bottom:solid 1px #ddd;
}

.sectionDetailElementTable td{
	text-align:left;
	padding:5px;
	border-bottom:solid 1px #ddd;
}

.sectionDetailElementTableWithoutMargin{
	margin:10px 0 30px 0!important;
	width:auto!important;
	max-width:800px;
}

.divEtatLogoKO{
	width:75px;
	height:50px;
	background-size:50px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("../img/logos/logoEtatKO.png");
}

.divEtatLogoOK{
	width:75px;
	height:50px;
	background-size:50px;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url("../img/logos/logoEtatOK.png");
}

.sectionMainHeaderDetailDivInfosItemEquipmentReady{
	display:flex;
	align-items:center;
}

.sectionMainHeaderDetailDivInfosItemPositionAbsoluteRight{
	position:absolute;
	right:0;
}

.lineClientSiteMarginBottom{
	margin-bottom:40px;
}

.lineSystemFieldMarginBottom{
	margin-bottom:160px;
}

.divFieldLine100p{
	width:100%;
}

.divField100p{
	width:100%!important;
}

#description_equipment_modify, #description_equipment_add{
	width:calc(100% - 188px)!important;
}

#divTablesPointage{
	display:flex;
}

.tablePointage{
	border-collapse:collapse;
	color:#333;
}

.tablePointage td{
	padding:5px;
}

.tablePointage th{
	padding:5px 10px;
}

#tablePointageFirstLine{
	border:solid 2px;
}

.tablePointageThDate{
	border:solid 1px;
}

.tablePointageThDark{
	background:#333;
	color:#fff;
	border-right:solid 2px #333;
}

.tablePointageTdNbHours{
	height:30px;
	border-bottom:solid 1px;
	border-right:solid 1px;
	vertical-align:text-top;
	min-width:120px;
	max-width:120px;
}

.tablePointageTdTechnicien, .tablePointageTdWeek{
	background:#555;
	color:#fff;
	border-bottom:solid 1px #555;
	border-left:solid 2px #555;
	border-right:solid 2px #555;
	width:200px;
	vertical-align:text-top;
	cursor:pointer;
}

.tablePointageTdTechnicien:hover, .tablePointageTdWeek:hover{
	background:#333;
}

.tablePointageTdNbHoursSpan{
	background:#f2ce1b;
	display:flex;
	justify-content:center;
	align-items:center;
	width:calc(100% - 20px);
	height:20px;
	padding:5px;
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	margin:auto;
}

.tablePointageTdNbHoursSpanMonth{
	background:#f2ce1b;
	display:flex;
	justify-content:center;
	align-items:center;
	width:60px;
	height:20px;
	padding:5px;
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	margin:auto;	
}

.tablePointageThDarkBorder{
	border-top:solid 2px #333;
	border-bottom:solid 2px #333;
	border-left:solid 2px;
	border-right:solid 2px;
}

.tablePointageNbHoursTotal{
	height:30px;
	border-bottom:solid 1px #fff;
}

#tablePointageResume{
	flex:1;
}

.tablePointageDivDetailIntervention{
	font-size:0.8em;
	border-left:solid 5px #f2ce1b;
	padding:5px;
	margin:5px;
}

.tablePointageDivDetailIntervention span{
	display:block;
}

.tablePointageNbHoursTotal{
	vertical-align:text-top;
}

.today{
	background:#48f;
	display:flex;
	justify-content:center;
	margin:auto;
	color:#fff;
	width:60px;
	height:38px;
	border-radius:50px;
	padding:5px;
}

#span1h1Pointage{
	color:#000;
	font-size:0.9em;
	font-weight:normal;
	margin-left:10px;
}

#span2h1Pointage{
	color:#000;
	font-size:0.8em;
	background:#ddd;
	padding:5px 10px;
	margin-left:10px;
	font-weight:normal;
}

#span3h1Pointage, #span3h1PointageMonth{
	background-image:url("../img/logos/logoLeftArrow.svg");
	background-position:center;
	background-size:20px;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin-left:50px;
	display:inline-block;
	cursor:pointer;
}

#span4h1Pointage, #span4h1PointageMonth{
	background-image:url("../img/logos/logoRightArrow.svg");
	background-position:center;
	background-size:20px;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	display:inline-block;
	cursor:pointer;
}

#h1PointageInputWeek, #h1PointageInputMonth{
	margin-left:50px;
}

.tablePointageMonthSpanNumDay{
	position:absolute;
	z-index:1;
	top:5px;
	right:5px;
	width:25px;
	height:25px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.todayMonth{
	background:#48f;
	color:#fff;
	border-radius:20px;
}

.notCurrentMonth{
	background:#ddd;
}

#displayDetailsInterventionPointageMonthDiv{
	width:350px;
}

.divFieldQuestionReponse{
	display:flex;
	margin:0!important;
	align-items:center;
}

.divFieldQuestionReponse input[type="text"]{
	width:255px!important;
}

.divFieldQuestionReponse input[type="color"]{
	width:60px!important;
	height:31px;
	background:#fff;
	border:none;
	outline:none;
	padding:0;
}

.divFieldQuestionReponse input[type="checkbox"]{
	position:relative;
	transform:translateX(26px);
	margin:0;
	width:20px;
	height:20px;
	cursor:pointer;
	z-index:1000000;
}

.divFieldQuestionReponse input[type="checkbox"] +label:before{
	margin:0 0 0 10px!important;
	top:auto!important;
}

.divFieldQuestionReponse input[type="checkbox"] +label:after{
	margin:0 0 0 10px!important;
	top:auto!important;
}

.divFieldQuestionReponse input[type="checkbox"] +label{
	padding:0;
	width:50px;
	height:31px;
	display:flex;
	align-items:center;
	cursor:default;
}

#divFieldQuestionReponseAddReponse, #divFieldQuestionReponseAddReponseModify{
	margin:auto;
	text-align:center;
	display:block;
	background:#555;
	color:#fff;
	border:none;
	padding:5px 10px;
	font-size:1em;
	cursor:pointer;
}

#divFieldQuestionReponseAddReponse:hover, #divFieldQuestionReponseAddReponseModify:hover{
	background:#888;
}

.question_reponse_croix, .question_reponse_croix_modify{
	margin-left:10px;
	cursor:pointer;
	font-size:1.1em;
}

#sectionMainFormAddQuestionQHSESecondDiv, #sectionMainFormModifyQuestionQHSESecondDiv{
	transform:translateY(70px);
}

#divStatistiquesTechniciensReponses{
	display:flex;
	flex-direction:column;
}

.divGraphQuestion{
	padding:10px;
	margin:20px 0;
	background:#ddd;
}

.divStatQuestionH2{
	color:#000;
	font-size:1.1em;
}

.divStatCategorieSpan{
	background:#888;
	color:#fff;
	padding:5px 10px;
	font-size:0.9em;
	display:inline-block;
}

.divTableReponse{
	display:flex;
	flex-direction:column;
	border:solid 1px #888;
	margin:5px;
	padding:5px;
}

.divTableReponseReponseSpan{
	font-weight:bold;
	display:flex;
	align-items:center;
	margin-bottom:5px;
}

.divGraphResult{
	display:flex;
}

.divTableReponseReponseSpanSpan{
	display:block;
	width:15px;
	height:15px;
	border-radius:15px;
	margin-right:5px;
}

.pieChartQuestions{
	width:600px!important;
	height:300px!important;
}

#divPdpContainer{
	display:flex;
	flex-direction:column;
}

.aPdp{
	color:#000;
	text-decoration:none;
}

.aPdp:hover{
	text-decoration:underline;
}

.aPdfDateSpan{
	margin-left:20px;
	background:#ddd;
	padding:3px 5px;
	font-size:0.8em;
}

.divAPdp{
	display:flex;
	align-items:center;
	margin:3px 0;
}

.divContainerNewRepport{
	display:flex;
	justify-content:space-around;
}

#textareaAsideQuestionQHSE{
	resize:none;
	width:100%;
	height:100px;
}

#textareaAsideQuestionQHSEDiv, #textareaAsideQuestionQHSEDiv1{
	resize:none;
	width:100%;
	height:100px;	
}

#selectAsideQuestionQHSE, #selectAsideQuestionQHSE1{
	width:100%;
	height:30px;
}

.divGraphResultContainer{
	display:flex;
}

#divTableReponsesQuestionsSup{
	margin-left:10px;
	transform:translateY(-90px);
}

.h3QuestionSupReponses{
	font-size:17.6px;
}

.pNbrReponse{
	color:#888;
	font-weight:bold;
}

.spanHeaderTablePartsTitle{
	margin-right:15px;
	font-weight:bold;
	display:inline-block;
	width:250px;
	font-size:1.1em;
	margin-bottom:20px;
}

.spanHeaderTablePartsBouton{
	background:#ddd;
	margin:0 5px;
	padding:5px 10px;
	border-radius:3px;
}

.spanHeaderTablePartsBoutonActive{
	background:#f2ce1b!important;
}

#tablePiecesEtFournituresEngikRapport, #tableRetourPiecesESRapport, #tablePiecesACommanderRapport{
	margin:0 0 30px 0;
	width:100%;
}

#tablePiecesEtFournituresEngikRapport tr td:nth-child(1), #tableRetourPiecesESRapport tr td:nth-child(1), #tablePiecesACommanderRapport tr td:nth-child(1){
	width:auto;
}

#tablePiecesEtFournituresEngikRapport tr td:nth-child(2), #tableRetourPiecesESRapport tr td:nth-child(2), #tablePiecesACommanderRapport tr td:nth-child(2){
	width:60px;
}

#tablePiecesEtFournituresEngikRapport tr td:nth-child(3), #tableRetourPiecesESRapport tr td:nth-child(3), #tablePiecesACommanderRapport tr td:nth-child(3){
	width:60px;
}

#divReportTablesPiecesDetails{
	margin:0 20px;
}

#spanPiecesACommanderNouveauRapport{
	transform:translateY(20px);
}

.inputInfo{
	border:solid 2px rgba(0,0,0,0);
	font-size:1em;
	outline:none;
	width:100%;
}

.inputInfoTextarea{
	border:solid 2px rgba(0,0,0,0);
	font-size:1em;
	outline:none;	
}

.inputInfoSelect{
	border:solid 2px rgba(0,0,0,0);
	font-size:1em;
	outline:none;
	appearance:none;
	width:100%;
}

.inputInfo:hover{
	border:solid 2px #2ae;
	background:rgba(34, 170, 238, 0.2);
}

.inputInfoTextarea:hover{
	border:solid 2px #2ae;
	background:rgba(34, 170, 238, 0.2);
}

.inputInfoSelect:hover{
	border:solid 2px #2ae;
	background:rgba(34, 170, 238, 0.2);
}

#dashboardSection{
	margin:20px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.dashboardBloc{
	background:#fff;
	display:flex;
	padding:10px;
	width:300px;
	flex-direction:column;
	margin: 10px;
	color:#000;
	text-decoration:none;
}

.dashboardBlocCounter{
	text-align:center;
	font-size:2.5em;
	margin:10px 0;
}

.dashboardBlocLabel{
	text-align:center;
	margin:10px 0;
	font-size:1.1em;
	font-weight:bold;
}

.dashboardBlocA{
	font-size:0.8em;
	color:#000;
	text-decoration:none;
	display:block;
}

.dashboardBlocA:hover{
	text-decoration:underline;
}

.dashboardBlocDetails{
	margin-top:10px;
}

.divImgEquipment{
	width:250px;
	height:250px;
	background-size:cover;
	margin:10px;
	cursor:pointer;
}

.divImgEquipment:hover{
	filter:brightness(110%);
}

.divImgEquipmentFullscreen{
	width:100%;
	height:100vh;
	position:fixed;
	z-index:1;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	margin:0;	
}

.disImgsEquipments{
	flex-wrap:wrap;
	justify-content:center;
}

.divZoneChamps{
	display:flex;
	flex-direction:column;
}

.divLigneChamps{
	display:flex;
}

.divChamps{
	display:flex;
	margin:5px 10px;
	width:50%;
}

.divChamps label{
	margin-right:10px;
	width:300px;
	height:29px;
	display:flex;
	align-items:center;
}

.divChamps input[type='text']{
	height:25px;
	border-radius:5px;
	border:solid 1px #ccc;
	width:300px;
}

.divChamps input[type='number']{
	height:25px;
	border-radius:5px;
	border:solid 1px #ccc;
	width:300px;
}

.divChamps input[type='date']{
	height:27px;
	border-radius:5px;
	border:solid 1px #ccc;
	width:303px;
}

.divChamps select{
	height:29px;
	border-radius:5px;
	border:solid 1px #ccc;
	width:306px;
}

.divChamps textarea{
	height:50px;
	border-radius:5px;
	border:solid 1px #ccc;
	width:300px;
	resize:none;
}

.spanButtonRadio{
	background:#ddd;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 5px;
	padding:0 5px;
	border-radius:5px;
	transform: translateX(-5px);
	width:40px;
}

.spanButtonRadioActive{
	background:#f2ce1b;
}

.divLigneChampsSysteme{
	margin:0 10px;
	border-bottom:solid 1px #ccc;
	padding-bottom:5px;
}

.divLigneChampsSystemeLabel{
	font-weight:bold;
}

.divLigneChampsSystemeContent{

}

.champsEditInterventionMargin{
	margin-right:10px;
}

.editInterventionSpanReportPart{
	font-size:0.8em;
	display:flex;
	align-items:center;
	width:110px;
}

.editInterventionSpanReportPart a{
	color:#000;
	text-decoration:none;
}

.editInterventionSpanReportPart a:hover{
	text-decoration:underline;
}

.champsEditInterventionMarginQte{
	width:100px!important;
}

.editInterventionSpanDeletePart{
	background:#f33;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	width:30px;
	min-width:30px;
	height:30px;
	min-height:30px;
	cursor:pointer;
	color:#fff;
}

.editInterventionSpanDeletePart:hover{
	background:#f66;
}

.editInterventionSpanAddPart{
	background:#f2ce1b;
	padding:5px 10px;
	cursor:pointer;
}

.editInterventionSpanAddPart:hover{
	background:#fcdf4c;
}

.buttonVoirPDFDailyReport{
	cursor:pointer;
	text-decoration:none;
	color:#000;
}

.buttonVoirPDFDailyReport:hover{
	text-decoration:underline;
}

#spanPiecesEtFournituresEngikOui, #spanPiecesEtFournituresEngikNon, #spanRetourPiecesESOui, #spanRetourPiecesESNon, #spanPiecesACommanderOui, #spanPiecesACommanderNon{
	cursor:pointer;
}