/*############################################################################################################
//  Droits d'auteur © 2022-2023 P.ink, l'ancre d'une vie Tous droits réservés, en collaboration avec OptimalC
//############################################################################################################*/

/*  ------------------------------------------------------------------------------------------------------------
 *  Division | Conteneur de Gestion
 *  ############################################################################################################
 */
.gestion {
  min-width:320px;
  max-width:540px;
  position:relative;top:0;left:0;margin:1rem 0 0.25rem 0.5rem;padding:12px 8px 8px 8px;width:auto;height:auto;
  display:inline-flex;flex:1 1 auto;flex-direction:column;
  border-style:solid;border-width:2px;border-color:white;border-radius:0.5rem;
}
.gestion::before {
  position:absolute;top:-8px;left:1rem;
  font-size:16px;font-weight:400;padding:0 0.5rem;
  content:"Information";background-color:#A7A7A7;color:#212121;text-shadow:0 0 1px #212121;
}
/*  --------------------------------------------------------------------------------------------------------  */

/*  ------------------------------------------------------------------------------------------------------------
 *  Formulaire | Formulaire de Gestion
 *  ############################################################################################################
 */
.gestion > form {
  margin:0;padding:0;
}
/*  --------------------------------------------------------------------------------------------------------  */

/*  ------------------------------------------------------------------------------------------------------------
 *  Divisions | Conteneur des Éléments du Formulaire
 *  ############################################################################################################
*/
.gestion > form > .element {
  position:relative;top:0;left:0;margin:0.25rem;padding:0;width:calc( 100% - 0.5rem );height:auto;
  display:inline-flex;flex:1 1 auto;flex-direction:row;
}
/* Bon de travail : bloc Information compact sur deux lignes/colonnes en mode information */
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form,
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form,
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form {
  display:flex;
  flex-wrap:wrap;
}
.gestion[data-class="bonDeTravail"][data-mode="Info"],
.gestion[data-class="bonDeTravail"][data-mode="Edit"],
.gestion[data-class="bonDeTravail"][data-mode="Add"] {
  max-width:860px;
  width:calc(100% - 1rem);
}
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .element,
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .element,
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .element {
  width:calc(50% - 0.5rem);
}
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .element[data-field="NumeroBT"],
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .element[data-field="NumeroBT"],
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .element[data-field="NumeroBT"] {
  order: 1;
  width:calc(50% - 0.5rem);
}
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .element[data-field="Date"],
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .element[data-field="Date"],
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .element[data-field="Date"] {
  order: 2;
  width:calc(50% - 0.5rem);
}
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .element[data-field="FkStatut"],
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .element[data-field="FkStatut"],
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .element[data-field="FkStatut"] { order: 3; }
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .element[data-field="DateFin"],
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .element[data-field="DateFin"],
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .element[data-field="DateFin"] { order: 4; }
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .element[data-field="Duree"],
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .element[data-field="Duree"],
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .element[data-field="Duree"] { order: 5; }
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .element[data-field="FkEquipement"],
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .element[data-field="FkEquipement"],
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .element[data-field="FkEquipement"] { order: 6; }
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .element[data-field="Description"],
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .element[data-field="Description"],
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .element[data-field="Description"] {
  order: 7;
  width:calc(100% - 0.5rem);
}
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .element[data-field="Commentaires"],
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .element[data-field="Commentaires"],
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .element[data-field="Commentaires"] {
  order: 8;
  width:calc(100% - 0.5rem);
}
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .element[data-field="Note"],
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .element[data-field="Note"],
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .element[data-field="Note"] {
  order: 9;
  width:calc(100% - 0.5rem);
}
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .autoSaveStatus,
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .autoSaveStatus,
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .autoSaveStatus {
  order: 10;
  width:calc(100% - 0.5rem);
}
.gestion[data-class="bonDeTravail"][data-mode="Info"] > form > .buttons,
.gestion[data-class="bonDeTravail"][data-mode="Edit"] > form > .buttons,
.gestion[data-class="bonDeTravail"][data-mode="Add"] > form > .buttons {
  order: 11;
  width:calc(100% - 0.5rem);
}
/*  --------------------------------------------------------------------------------------------------------  */
.gestion > form > .element > .readOnly,
.gestion > form > .element > .readOnly:disabled {
  background-color:#f4f4f4;
	color:black;
}
/*  --------------------------------------------------------------------------------------------------------  */
.gestion > form > .element > label {
  position:relative;top:0;left:0;margin:0;padding:0 8px 0 0;min-width:128px;max-width:256px;height:auto;
  display:inline-flex;flex:0 1 auto;align-items:center;justify-content:right;
  font-size:1rem;line-height:32px;font-weight:200;color:#FAFAFA;text-shadow:0 0 1px #FAFAFA;
  border-style:solid;border-width:0;border-color:#FAFAFA;border-radius:0.5rem 0 0 0.5rem;outline:0;
  background-color:#4A4A4A;
}
/*  --------------------------------------------------------------------------------------------------------  */
.gestion > form > .element > button.linkButtonInformation {
  margin:0;padding:0;position:relative;top:0;left:0;width:24px;height:auto;
  display:inline-flex;flex:0 0 auto;
  background-color:var(--op-deep-blue);color:#FAFAFA;
  border-style:solid;border-width:1px 0 1px 1px;border-color:#4A4A4A;border-radius:0;outline:0;
}
.gestion > form > .element > button.linkButtonInformation::before {
  margin:0;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;
  display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;
  font-family:"FontAwesome";content:"\F129";
}
/*  --------------------------------------------------------------------------------------------------------  */
.gestion > form > .element > input {
  position:relative;top:0;left:0;margin:0;padding:0.25rem;width:auto;height:calc( 32px - 0.5rem );
  display:inline-flex;flex:1 1 auto;
  line-height:calc( 32px - 0.5rem );
  border-style:solid;border-width:1px;border-color:#4A4A4A;border-radius:0 0.5rem 0.5rem 0;outline:0;
  background-color:#FAFAFA;
}
.gestion > form > .element > textarea {
  position:relative;top:0;left:0;margin:0;padding:0.25rem;
  min-width:0;max-width:none;width:auto;
  min-height: calc( 4rem + 0.5rem );max-height: calc( 12rem + 0.5rem );height: calc( 4rem + 0.5rem );
  display:inline-flex;flex:1 1 auto;
  border-style:solid;border-width:1px;border-color:#4A4A4A;border-radius:0 0.5rem 0.5rem 0;outline:0;
  background-color:#FAFAFA;resize:vertical;
}
/*  --------------------------------------------------------------------------------------------------------  */
.gestion > form > .element > input:has(+ button) {
  padding-right:calc( 8rem + 4px );
}
.gestion > form > .element > input:has(+ div.comboButton) {
  border-radius:0;
}
.gestion > form > .element > input:is(:first-of-type):has(+ input) {
  margin-right:0;width:6rem !important;flex:0 0 auto;border-radius:0;border-width:1px 0 1px 1px;border-color:#4A4A4A;
}
/*  --------------------------------------------------------------------------------------------------------  */
.gestion > form > .element > button {
  position:absolute;top:2px;right:2px;margin:0;padding:0;width:8rem;height:30px;
  border-style:solid;border-width:1px;border-color:#FAFAFA;border-radius:0.5rem;
  background-color:var(--op-deep-blue);color:#FAFAFA;outline:0;
  cursor:pointer;
}
.gestion > form > .element > button::before {
  content:none;
}
/*  --------------------------------------------------------------------------------------------------------  */
.gestion > form >  .element > .comboButton {
  position:relative;left:0;top:0;
  margin:0;padding:0;width:20px;height:32px;line-height:32px;
  border-style:solid;border-width:1px 1px 1px 0;border-color:#4A4A4A;border-radius:0;outline:0;
  background-color: #212121;color: #FAFAFA;cursor: pointer;
}
.gestion > form >  .element > .comboButton:last-of-type {
  border-radius:0 0.5rem 0.5rem 0;
}
.gestion > form >  .element > .comboButton::before {
  position:absolute;top:0;left:0;width:20px;height:32px;
  font-family:"FontAwesome";line-height:32px;font-size: 16px;
  display:inline-flex;flex:0 0 auto;justify-content: center;
  background-color:transparent;color:#FAFAFA;
}
.gestion > form >  .element > .comboButton:first-of-type::before {
  content:"\F0D9";
}
.gestion > form >  .element > .comboButton:last-of-type::before {
  content:"\F0DA";
}
/*  --------------------------------------------------------------------------------------------------------  */

/*  ------------------------------------------------------------------------------------------------------------
 *  Divisions | Conteneur des Boutons du Formulaire (Submit Actions)
 *  ############################################################################################################
 */
button.iconAdd::before {
  content:"\F067";
}
button.iconEdit::before {
  content:"\F040";
}
button.iconCart::before {
  content:"\F217";
}
button.iconPrint::before {
  content:"\F02f";
}
/*  --------------------------------------------------------------------------------------------------------  */
.gestion > form > .buttons {
  position:relative;top:0;left:0;margin:0.25rem;padding:0;width:calc( 100% - 0.5rem );height:auto;
  display:none;flex:1 1 auto;flex-direction:row;
}
.gestion > form > .buttons:has(button) {
  display:inline-flex;
}
/*  --------------------------------------------------------------------------------------------------------  */
.gestion > form > .buttons > button {
  position:relative;top:0;left:0;margin:0 0 0 0.25rem;padding:0;width:auto;height:32px;
  display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;
  font-size:1rem;font-weight:800;line-height:1rem;
  background-color:var(--op-deep-blue);color:#FAFAFA;
  border-style:solid;border-width:1px;border-color:#FAFAFA;border-radius:0.5rem;outline:0;
  cursor:pointer;
}
.gestion > form > .buttons > button::before {
  position:absolute;top:0;left:0;width:32px;height:30px;
  font-family:"FontAwesome";line-height:30px;
  background-color:var(--op-deep-blue);color:white;
  border-style:solid;border-width:0 1px 0 0;border-color:#FAFAFA;border-radius:0.5rem 0 0 0.5rem;
}
.gestion > form > .buttons > button:first-of-type {
  margin:0 0 0 0;
}
.gestion > form > .buttons > button:hover {
  background-color:#DADADA;color:#212121;
}
/*  --------------------------------------------------------------------------------------------------------  */
.gestion > form > .autoSaveStatus {
  position:relative;
  top:0;
  left:0;
  margin:0.25rem;
  padding:0.35rem 0.6rem;
  width:calc(100% - 0.5rem);
  box-sizing:border-box;
  font-size:0.9rem;
  line-height:1.2rem;
  border-radius:0.4rem;
  background-color:#3d3d3d;
  color:#f0f0f0;
}
.gestion > form > .autoSaveStatus.is-saving {
  background-color:#8a6d1f;
  color:#fff7d1;
}
.gestion > form > .autoSaveStatus.is-saved {
  background-color:#2d6b3b;
  color:#e8ffe8;
}
.gestion > form > .autoSaveStatus.is-error {
  background-color:#8c2f39;
  color:#ffe5e8;
}
/*  --------------------------------------------------------------------------------------------------------  */

/* Fiche pièce : masquer le numéro en clair à gauche du formulaire « Information » (barres seules) */
.partCodeBarreWrap {
  overflow: hidden;
}
.partCodeBarreWrap svg text {
  display: none;
}