/* ===================================================================== */
/*                              Texte.css                                */
/* © 2019  Dunin Technologie Inc.                                        */
/* ===================================================================== */

/* - DÉFINITION -------------------------------------------------------- */
/* Affichage des textes.                                                 */
/* --------------------------------------------------------------------- */

/* - NOTES ------------------------------------------------------------- */
/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* Largeurs de textes.                                                   */

.Larg1Car  { width: 1em }
.Larg2Car  { width: 2em }
.Larg3Car  { width: 3em }
.Larg4Car  { width: 4em }
.Larg5Car  { width: 5em }
.Larg5NACar  { width: 5em; border-style: red; background-color: white; color: red}
.Larg6Car  { width: 6em }
.Larg7Car  { width: 7em }
.Larg8Car  { width: 8em }
.Larg9Car  { width: 9em }
.Larg10Car { width: 10em }
.Larg15Car { width: 15em }

/* --------------------------------------------------------------------- */
/* Élimine le contour et le fond des textes non éditables.               */

input:read-only
  {
    border-style: none;
    background-color: transparent;
  }


/* --------------------------------------------------------------------- */
/* Label.                                                                */

div.Label
  {
    flex-grow: 0;
    width: 40%;
    flex-direction: row-reverse;
    padding-right: 20px;
    align-items: center;
    text-align: right;
  }

.Label    { color: #333333;  font-weight: 600;  text-align: left;  font-size: 15px }
.Label.Na { color: #7D7D7D;  font-weight: 400 }
.Label.Courant:not(.Na) > span { font-weight: 700 }  /* Chez certains clients, les labels des champs non sélectionnés ne sont pas bold */

:not(.CheckContour) > .AvecLabel { width: 40% }            /* Élément de saisie, à droite du label */

:not(.CheckContour) > .AffLarge div.Label  { width: 25% }  /* Label dans un affichage large */
:not(.CheckContour) > .AffLarge .AvecLabel { width: 65% }  /* Élément de saisie dans un affichage large */

.TopLabel .Label     { width: auto }
.TopLabel .AvecLabel { width: 80% }

.ActSelect.TopLabel , .ActTexte.TopLabel, .ActInput.TopLabel, .ActCheck.TopLabel { flex-direction: column; justify-content: center; align-items: center }

:not(.LabelGauche) > div.Label.ObligVide::before {  content: url("../../Client/Imgs/ObligVide.svg"); padding-left: 4px; margin-top: -7px; }
:not(.LabelGauche) > div.Label.ObligVal::before  {  content: url("../../Client/Imgs/ObligVal.svg");  padding-left: 4px; margin-top: -7px; }

.LabelGauche > .Label  { flex-direction: row; }
.LabelGauche > div.Label.ObligVide::after { content: url("../../Client/Imgs/ObligVide.svg"); padding-left: 4px; margin-right: -4px; margin-top: -7px; }
.LabelGauche > div.Label.ObligVal::after  { content: url("../../Client/Imgs/ObligVal.svg");  padding-left: 4px; margin-right: -4px; margin-top: -7px; }

.LoginLabel .Label     { width: 200px; margin-left: -60px; }
.LoginLabel .AvecLabel { width: 200px; margin-left: -60px; }

.TelescopeHideToggle { margin-left: 25px; }


/* --------------------------------------------------------------------- */
/* Label dans une barre titre.                                           */

.Titre > div
  {
    flex: 1;
  }

.Titre > div > .Label
  {
    width: auto;
    flex-direction: row;
    padding-right: 6px
  }

.Titre > div > .Label::after
  {
    content: ":";
  }


/* --------------------------------------------------------------------- */
/* Message des plans de tests.                                           */

.PlansTestsMessage  { color:Black; width:30em }