/*
   CSS styling examples for the Vaadin app.
   Visit https://vaadin.com/docs/flow/theme/theming-overview.html and
   https://vaadin.com/themes/lumo for more information.
*/

/* Example: CSS class name to center align the content . */
.centered-content {
  margin: 0 auto;
  max-width: 250px;
}

html {
  --lumo-primary-text-color: rgb(30, 180, 14);
  --lumo-primary-color-10pct: rgba(30, 180, 14, 0.1);
  --lumo-primary-color-10pct-Opaque: rgb(217, 255, 213);
  --lumo-primary-color-backTextField: rgba(255,220,175, 0.5);
  --lumo-primary-color: hsl(114, 86%, 38%);
  --lumo-shade-5pct: rgba(50, 55, 26, 0.05);
  --lumo-shade-10pct: rgba(50, 55, 26, 0.1);
  --lumo-shade-20pct: rgba(50, 55, 26, 0.2);
  --lumo-shade-30pct: rgba(50, 55, 26, 0.3);
  --lumo-shade-40pct: rgba(50, 55, 26, 0.4);
  --lumo-shade-50pct: rgba(50, 55, 26, 0.5);
  --lumo-shade-60pct: rgba(50, 55, 26, 0.6);
  --lumo-shade-70pct: rgba(50, 55, 26, 0.7);
  --lumo-shade-80pct: rgba(50, 55, 26, 0.8);
  --lumo-shade-90pct: rgba(50, 55, 26, 0.9);
  --lumo-shade: hsl(71, 36%, 16%);
  /* --lumo-primary-contrast-color: #ffea00; */
  --lumo-primary-contrast-color: rgb(255,240,130);

  --grille-famille-background: rgb(0,100,0);
  --grille-stockfaible-color: rgb(128, 32, 0);
  --grille-stockfaible-background: rgb(255, 224, 179);
  --grille-epuise-color: rosybrown;
  --grille-epuise-background: whitesmoke;
  --grillecomm-expiree-color: rosybrown;
  --lumo-clickable-cursor: pointer

}

[theme~="dark"] {

  --lumo-primary-text-color: rgb(86, 177, 75);
  --lumo-primary-color-50pct: rgba(86, 177, 75, 0.5);
  --lumo-primary-color-10pct: rgba(86, 177, 75, 0.1);
  --lumo-primary-color-10pct-Opaque: rgb(53, 104, 47);
  --lumo-primary-color: hsl(114, 86%, 38%);
  --lumo-primary-contrast-color: #4e4d29;
  --lumo-primary-color-backTextField: rgba(70,35,30, 0.5);
  --grille-famille-background: rgb(35,65,35);
  --grille-stockfaible-color: rgb(255, 224, 179);
  --grille-stockfaible-background: rgb(100, 58, 40);
  --grille-epuise-color: rgb(145, 87, 87);
  --grille-epuise-background: var(--lumo-shade-80pct);
  --grillecomm-expiree-color: rgb(145, 87, 87);

}

.texteVersion {
	font-size: var(--lumo-font-size-xxs);
	color: var(--lumo-shade-30pct);
}

.texteDetails {
	font-size: var(--lumo-font-size-xs);
	color: var(--lumo-shade-60pct);
}

.menuRecapitulatif {
	font-weight: bold;
}

vaadin-tabs{
    overflow:hidden;
}