#loading{
	position: fixed;
	top : 0;
	left: 0;
	z-index: 6666;
	width: 100%;
	height: 100%;
	background-color: #e2e2e2;
	padding-top: 10%;
	display: none;
}
#loading > img{
	display: block;
	margin: 0 auto;
}
/* Log */
.rowImg{
	margin-top: 3em;
	margin-bottom: 2em;
}
.formLog{
	border: 3px solid #ff751a;
	border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-top: 1em;
}
/* Acceuil */
#acceuil{
	margin-bottom: 4em;
}
.userTitle{
	position: fixed;
	bottom: 0;
	right: 20px;
}
.userCorpTitle{
	position: fixed;
	bottom: 0;
	left: 20px;
}
/* Contre Marque */
.etageForm, .tvaForm{
	display: none;
}
/*
Tableau des Chantier
 */
.tableDashBord{
	background-color: #f2f2f2;
	color : #000;
	padding: 10px;
	margin-bottom: 10px;

}
.display td, th, table{
	border-color : #fff !important;
	color : #000;
}
.display2 td, th, table{
	border-color : #444 !important;
	color : #000;
}

th{
	background-color: #ccc;
	text-align: center;
}

/* Général */
body{
	background-color: #eee;
}
.cursor{
	cursor: pointer;
}
.text-affl{
	color: #ffcc00;
}
.recapHtml > h6{
	padding-left: 2em;
}
/* Nav Bar */
.navbar-brand{
	max-width: 5%;
}
nav{
	margin-bottom : 1.5em;
}
.nav-link{
	color: #000 !important;
}
.nav-link:hover{
	text-decoration: underline;
}
.navbar{
	background-color: rgba(255, 117, 26, 0.9);
	border-bottom: solid 3px #ff751a;
}
/* Modal ajout item */
.tunnelModalAjax  > .rowDispo, .listeChant > .rowDispo{
	padding-top : 0.3em;
	padding-bottom : 0.3em;
}
.tunnelModalAjax  > .rowDispo >.col-8, .listeChant > .rowDispo >.col-8{
	line-height: 100px;
}
.tunnelModalAjax > .rowDispo:hover, .tunnelModalAjax > .rowAssemblage:hover, .tunnelModalAjax > .rowChant:hover{
	background-color: #eee;
}
.rowAssemblage:hover{
	background-color: #aaa;
}
/* itemBox */
.prdAff{
	padding: .45rem .75rem;
	background-color:#999;
	font-size: .9375rem;
	line-height: 1.5;
	font-weight : 400;
	vertical-align: middle;
	color: #fff;
	border : #999 1px solid;
}
.prdAff:hover{
	background-color:#444;
	cursor: pointer;
}
.infoLigne{
	margin-top: 0.5em;
	min-height: 3em;
}
.dessinBox{
	padding: 0;
}
.ligneItem{
	margin-bottom: 1.5em;
	padding-top: 1.5em;
	border : 2px #fd802e solid;
}
.infoGenerale{
	margin-bottom: 1.5em;
	margin-top: 0.5em;
	padding-bottom: 1em;
	/* border-bottom : 1px #ff751a dashed; */
}
.separateur{
	margin-bottom: 16px;
}
.separateur.dashed{
	margin-top: 16px;
	border-bottom: solid 1px #e9ecef;
}
.selectedType{
	font-weight: bold;
	color : #3366ff;
}
/* SVG */
text.horizontal{
	text-anchor:middle;
	font-size: 15px;
}
text.vertical{
	text-anchor:middle;
	writing-mode:tb;
	font-size: 15px;
}
text.textSVG{
	font-weight: bold;
	text-anchor:middle;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 14px;
}
text.textCredences{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
}
.zoning{
	display: none;
	stroke:blueviolet;
	stroke-width:3px;
	fill:blueviolet;
	fill-opacity:0.3;
	stroke-opacity:0.5;
}
.zoningCred{
	display: none;
	stroke:blueviolet;
	stroke-width:3px;
	fill:blueviolet;
	fill-opacity:0.3;
	stroke-opacity:0.5;
}
.dessousZone{
	stroke:red;
	stroke-width:1px;
	fill:red;
	fill-opacity:0.05;
	stroke-opacity:0.5;
}
.zoning:hover{
	cursor: url('../img/precision.cur'),auto;
}
.zoningCred:hover{
	cursor: url('../img/precision.cur'),auto;
}
.credenceBtn, .DessousBtn{
	display: none;
}
rect.credenceBtn, rect.DessousBtn{
	fill:#e6d2f9;
	stroke:blueviolet;
}
.cursor.horizontal{
	cursor: e-resize;
}
.cursor.vertical{
	cursor: n-resize;
}
.cursorPrecision{
	cursor: url('../img/Red-normal-select.cur'),auto;
}
.hotte{
	fill:white;
	stroke-width:1px;
}
.decoupeSVG:not(text){
	cursor: pointer;
	fill : #fff;
}
.decoupePriseSVG:hover{
	fill : #ccc !important;
	cursor: pointer;
}
.groupSVG:hover > *{
	fill : #ccc;
}
.titreSVG{
	font-size: 14px;
}
.credenceRect{
	fill:transparent;
	stroke:transparent;
	stroke-width:1px;
}
.credenceRect:hover{
	fill:rgba(255, 133, 51,0.5);
	cursor: pointer;
}
.credenceText:hover{
	fill:black;
	cursor: pointer;
}
.credenceRect:hover + .credenceText{
	fill:black;
	cursor: pointer;
}
.credenceText{
	fill:transparent;
}
/*
Page récap
*/
.ligneTitre{
	margin-top: 1em;
}
.titreElement{
	margin-top: 2em;
	background-color: #ff751a;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	text-align: center;
}
.infoElement{
	margin-bottom: 1em;
	margin-top: 1em;
}
.tab1{
	padding-left: 1em;
}
.tab2{
	padding-left: 2em;
}
.monoDegrade{
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}
.coteManquante{
	text-transform: uppercase;
	fill: green;
	font-weight : bolder;
	word-spacing : 50px;
}
.credencePopUp{
	cursor: pointer;
}
#popUpCred{
	border : 1px solid black;
	padding: 10px;
	text-align: center;
	position: absolute;
	background-color: rgba(244, 152, 25,0.85);
	z-index: 1000;
	display: none;
	color: #333;
	font-weight : bolder;
	border-radius: 2px;
}
.choixMatiere{
	border: 1px solid #fd802e;
	padding : 10px 0px;
	background-color: #eeeeee;
	border-radius: 5px;
	cursor: pointer;
}
.choixMatiere:hover{
	background-color: #d6d6d6;
}
.btnMatiereModal{
	border: 1px solid #fd802e;
	padding : 10px 0px;
	background-color: #cccccc;
	border-radius: 5px;
	cursor: pointer;
}
.btnMatiereModal:hover{
	background-color: #b3b3b3;
}
.tabMatiereModal:hover{
	background-color: #feb381 !important;
}
.imgPopOverBtn{
	position: relative;
}
.imgPopOver{
	position: absolute;
	width: 300px;
	background-color: #444;
	bottom : 0;
	left:-300px;
	display: none;
	border: 1px solid #000;
	box-shadow: 5px 5px 5px #444;
	z-index: 1000;
}
/* ADMIN PANEL */
.adminLevel1 > .col{
	background-color: #666;
	cursor: pointer;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #ddd;
}
.adminLevel1 > .col:last-child{
	border-right: none;
}
.adminLevel2 > .col{
	background-color: #ccc;
	cursor: pointer;
	border-right: solid 1px #000;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: solid 1px #000;
}
.adminLevel2 > .col:hover{
	background-color: #aaa;
}
#adminHtml{
	padding: 15px;
}
.enteteParam{
	margin-bottom: 2em;
}
.ligneReglage{
	background-color: #fff;
	border: solid 1px #333;
	margin-bottom: 6px;
	padding-top: 5px;
	padding-bottom: 3px;
	border-radius: 3px;
}
.closeHistory{
	margin-top: 2em;
	margin-bottom: 1em;
}
.input-group-text{
	background-color: #80dfff;
}
.ligneBloque{
	border-color: red;
	background-color: #ffe6e6;
}
.ligneBloque > div > i{
	display: none;
}
.celFaisa{
	background-color: #379e15;
}
.celFaisa.no{
	background-color: #fc6703;
}
.text-vertical{
	writing-mode: vertical-lr;
	text-orientation: mixed;
}
.lock{
	cursor: not-allowed;
}
input:disabled {
  border-color: #666;
  background-color: #aaa !important;
}
.refreshInterne{
	position: fixed;
	top : 10px;
	left : 10px;
	z-index: 9000;
}
.custom-select{
	-webkit-appearance: none;
	-moz-appearance: none;
}
.suppAddPrd{
	visibility: hidden;
}
/* Import */

#photoFile, .addPhoto{
	display: none;
}
.progressUp{
	display: none;
	height: 2em;
	margin-top: 1em;
}
.tabGalerie{
	margin-top : 2em;
}
.grab{
	cursor: grab;
}
.toPrd:hover> td:not(.noTrClick),.toUserCorp:hover> td:not(.noTrClick),.toUser:hover> td:not(.noTrClick){
	color: #fd802e;
	cursor: pointer;
}
.tdPrix:hover, .tdPrixModal:hover{
	cursor: pointer;
	background-color: #d3b6e2;
}
.tdGalerie:hover{
	cursor: pointer;
	background-color: #b8f3a5;
}
.borderRange{
	padding: 0.5em 0;
	border: solid 1px #fd802e;
}
.formDefaut{
	padding: 15px;
}
.sendBox, #docFile{
	display: none;
}