html{
	//font-size: 12px;
	margin-bottom: 4rem;
}

div#menu > ul.navbar-nav > li.nav-item {
	min-width: 8rem;
	text-align: center;
}

label.required:after, th.required:after {
	font-family: 'Font Awesome 5 Pro';
	content: "\f621";
	margin: auto 0px auto 3px;
	color: var(--danger);
	font-weight: bold;
	font-size: .5rem;
	display: inline;
}

th.required:after {
	color: inherit;
	font-size: .7rem;
}

.fa, .fal, .fas, .fad, .far {
	color: var(--primary); /* Ne marche pas sous IE11 :-( */
    background: none !important;
    text-align: center;
}

.fa.md-inactive { color: rgba(0, 0, 0, 0.54);}


#ui-datepicker-div {
	z-index: 1100 !important;
}

#waitForPagination {
	display:none;
	margin-top:1px;
	height:16px;
	width:16px;
	text-align: left;
}

/* select.custom-select > option[selected=selected] { */
/* 	font-weight: bold; */
/* } */

/**********************************************************************************************/
/************************************ COLOR PICKER ********************************************/
/**********************************************************************************************/
.colorpicker-2x .colorpicker-saturation {
    width: 200px;
    height: 200px;
}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
    width: 30px;
    height: 200px;
}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
    height: 30px;
}

.colorpicker-saturation .colorpicker-guide,
.colorpicker-saturation .colorpicker-guide b {
    height: 10px;
    width: 10px;
    border-radius: 10px;
}
/**********************************************************************************************/


/**********************************************************************************************/
/************************************ DIVERS ********************************************/
/**********************************************************************************************/

.champReadOnly {
	font-size: 1em;
	border: solid 1px #E4E4E4;
	background-color: #F4F4F4;
	display: block;
/* 	color: #555; */
	float: left;
	/*width:87%;*/
	min-height: 25px;
	padding: 2px 4px 2px 2px;
}

textarea[disabled] {
	border: solid 1px #7F9DB9;
	background-color: #E6E6E6;
	color: #555;
}

pre.champReadOnly {
	white-space: pre; /* CSS2 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP printers */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
	display: block;
	overflow: auto;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 0;
	/*width:86%;*/
	padding-right:4px;
	font-family: inherit;
	height: auto !important;
}

div.champReadOnly {
	display: block;
	overflow: auto;
	text-align: left;
	margin-top: 1px;
	margin-bottom: 0;
	padding-right:4px;
	font-family: inherit;
	height: auto !important;
}


/**********************************************************************************************/

/* image thumbnails */

.mkr_SldItem {
    width:50px;
    float: left;
    margin: 1px;
/*     border:1px solid #555; */
/*     background-color:#000; */
}

.mkr_SldItem .thumbHolder {
    width:100%;
    display: table;
    text-align:center;
    vertical-align: middle;
     margin: 0px;
}

.mkr_SldItem .thumbHolder span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.mkr_SldItem .thumbHolder span img {
    margin-left: auto;
    margin-right: auto;
}

/* modal body */

.modal-body div.spinicon {
  font-size: 40pt;
  height: 50px;
  width: 50px;
  margin-left: auto;
  margin-right: auto;
}


 #big-image-modal .modal-body img.img-fluid {
 	margin:0 auto;
}

.waitingForUpload{
	border:1px solid red;
}


/* .blend > span {
	mix-blend-mode: exclusion;
} */

/*****************************************************************************
**********************    		Bulle discussion commentaires		   *******************************
*****************************************************************************/

.blocBulleCommentaire {
	border:  1px solid #578900;
	padding: 5px;
}

.bulleAuteur {
	font-size: 9px;
	clear: both;
	padding: 0 5px 2px 5px;
	color: #a2a2a2;
	margin-bottom: 10px;
}
.bulleCommentaire {
	clear: both;
	border: 0px solid;
	border-radius: 5px;
	width: auto;
	max-width: 600px;
	padding: 4px 7px;
	color: black;
	margin-bottom: 4px;
	line-height: 1.2;
	text-align: left;
}
.bulleNew {
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #5D5D5D !important;
	border-radius: 0px !important;
	border-bottom : none !important;
	border-left : none !important;
	border-right : none !important;
	width: 95% !important;
	max-width: inherit;
	color: black;
	background-color: transparent !important;
	padding-top: 10px;
}

.bulleMe {
	float: left;
}

.bulleOther {
	float: right;
}

.bulle_usine {
	border-color: #dfeef3;
	background-color: #dfeef3; /* bleu clair => auditee */
}

.bulle_country, .bulle_fqad {
	border-color: #ffe0b2;
	background-color: #ffe0b2; /* orangé => auditee/assessee ou auditor */
}

.bulle_assessorExpert, .bulle_auditor, .bulle_assessor {
	border-color: #D2B4DE;
	background-color: #D2B4DE; /* rose mauve => assessor expert ou lead auditor */
}

.bulle_group {
	border-color: #b2dfdb;
	background-color: #b2dfdb; /* bleu vert => group */
}

.bulle_ {
	border-color:  #b2dfdb;
	background-color:  #b2dfdb; /* bleu vert */
}

.bulleCommentaire a {
	color: black;
}

/* classes utiles */
hr.nof {
	position: relative;
	clear: both;
	visibility: hidden;
	height: 0;
} /* retour dans le flux avec boites flottantes */

/* uniquement dans le textarea tag pour le picto commentaire */
a.addComment-link {
	padding-left: 10px;
}

a.photoClicClass{
	border:1px solid #1a1aa7;	
	padding:0.2em;
	width:50px;
	height:69px;
	float:left;
	margin-top:2px;
	margin:1px;
	text-align:center;
	line-height: 69px;
}

a.signIn:link, a.signIn:visited, a.signIn:active{
	font-weight:bold;
	color: #721c24;
	text-decoration:underline;
}

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

.tdBlocReponseDocuments{
	max-width:600px;padding-left:15px;margin-right:15px;
}

.panelFixedHeader {
	width: 98%;
	position:fixed;
	top: 0px;
	z-index:256;
	/*background-color: white;*/
	border-bottom-width: 2px;
	padding-top: 10px;
}
.panelFixedHeader + .monPanelFixedContent {
  padding-top: 50px;
}

/* progressbar dans le chargement de l'audit/assessment */
.ui-progressbar {
	position: relative;
}
#progressLabelAudit {
    position: absolute;
    left: 50%;
    top: 2px;
    font-weight: bold;
    font-size: 1.2rem;
    text-shadow: 1px 1px 0 #fff;
}

.form-control:disabled, .form-control[readonly] {
	background-color: #F4F4F4 !important;
}

.eanField {
	min-width: 110px !important;
}

th.eanField {
	min-width: 130px !important;
}

.eanField.form-control.is-invalid, .eanField.form-control:invalid {
	border-color: #f34770;
	padding: 0 !important;
	background-image: none !important;
}