/* ===================================================================== */
/*                          SectionCustom.css                            */
/*   2021  Dunin Technologie Inc.                                        */
/* ===================================================================== */

/* - D FINITION -------------------------------------------------------- */
/* Affichage des sections, custom Bernier.                               */
/* --------------------------------------------------------------------- */

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


/* --------------------------------------------------------------------- */
/* Texte g n raux.                                                       */

body, select, input, textarea, button { font-family: arial }


/* --------------------------------------------------------------------- */
/* Affichage standard.                                                   */

.TitrePage, .TitreSection { color: var(--couleurTexteTitreSection) }
.TitrePlanl { color: var(--couleurTexteTitrePlanl) }
.TitreNotifInfo, .TexteNotifInfo { font-family: 'Arial', 'Open Sans'; }

select, input, .CustomSelect, textarea { border-color: var(--couleurBordureSelect) }

::-webkit-scrollbar {width: 15px;  height: 12px;  background: white }
::-webkit-scrollbar-thumb {background-color: var(--couleurGrisMRS) }

/* --------------------------------------------------------------------- */
/* Boutons principaux (de login) et secondaire                                               */

.ActBouton.Primaire.Login > button
  {
    background-color: var(--couleurBoutonPrimaireLogin);
    color: var(--couleurTexteBoutonPrimaireLogin);
    border-color: var(--couleurBordureBoutonPrimaireLogin);
  }

  .ActBouton.Primaire.Login > button:hover
  {
    background-color: var(--couleurBoutonPrimaireLoginHover);
    color: var(--couleurTexteBoutonPrimaireLoginHover);
    border-color: var(--couleurBordureBoutonPrimaireLoginHover);
  }

/* --------------------------------------------------------------------- */
/* Boutons.                                                               */

.BoutonCreAdr > button { color: var(--couleurTexteBoutonCreAdr);  background-color: var(--couleurBoutonCreAdr);  border-color: var(--couleurBordureBoutonCreAdr) } 

/* --------------------------------------------------------------------- */
/* Page de Login.                                                        */

.ActSection.Login { border: none;    background-color: unset  }
.LogoLogin > img  { margin-right: 65px; }      /* Aligne le L avec les bo tes de textes */

.MessageLoginSeConnecter { color: var(--couleurTexteMessageLoginSeConnecter) }

span.LoginLabel { font-family: arial;  color: var(--couleurTexteSpanLoginLabel) }

.ActOnglet.Langue { padding: 10px 0px 6px 110px }
.LoginChoixLangue > .Boutons > button > span  { color: var(--couleurTexteBoutonLoginChoixLangue) }
.LoginChoixLangue > .Boutons > .Actif > span  { color: var(--couleurTexteBoutonLoginChoixLangueActif) }
.LoginChoixLangue.Small:not(.Stepper) > .Boutons > .Actif { border-color: var(--couleurBordureBoutonLoginChoixLangueActif) }

.MessageLoginClient1 { visibility: unset;  position:absolute;  width: 400px;  left: 20px;  bottom: 170px;  font-family: ChronicleDisplayBold, Arial;  font-size: 60px;  color: var(--couleurTexteMessageLoginClient) }
.MessageLoginClient2 { visibility: unset;  position:absolute;  width: 400px;  left: 20px;  bottom: 140px;  font-family: ChronicleDisplayBold, Arial;  font-size: 60px;  color: var(--couleurTexteMessageLoginClient) }
.MessageLoginClient3 { visibility: unset;  position:absolute;  width: 400px;  left: 20px;  bottom: 105px;  font-family: SailecThin, Arial;            font-size: 60px;  color: var(--couleurTexteMessageLoginClient) }
.MessageLoginClient4 { visibility: unset;  position:absolute;  width: 400px;  left: 20px;  bottom: 75px;   font-family: SailecThin, Arial;            font-size: 60px;  color: var(--couleurTexteMessageLoginClient) }

.ElementLogin .Link
{
  color: var(--couleurTexteLinkAffichPass);
  text-decoration-color: var(--couleurTexteLinkAffichPass);
  -webkit-text-decoration-color: var(--couleurTexteLinkAffichPass); /* Safari */
}

input.ElementLogin { border: 3px solid var(--couleurBordureElementLogin);}
input.ElementLogin.Courant {
  border: 3px solid var(--couleurBordureElementLoginCourant);
  box-shadow: 0 0 8px var(--couleurBordureElementLoginCourant);
}

/* --------------------------------------------------------------------- */
/* Page d'accueil.                                                       */

.AccueilPage               { background-color: var(--couleurAccueilPage);  margin: 0px -10px 0px -10px }

.AccueilCadre              { border: none;  background-color: unset; }

div.AccueilCadre::before   { content: url("../../Client/Imgs/Logo.png");  transform: scale(0.12);  height: 80px;  width: 200px;  margin-top: -80px;  margin-left: -125px; }
.TitreAccueilEnkiWeb       { color:var(--couleurTexteBrillant);  margin-left: 80px }

.AccueilSectionA           { border: none }
.ActSection.SectionAccueil { border: none }

.AccueilCreerTitre,   .AccueilRechercherTitre   { color: var(--couleurTexteAccueilCreerTitre);  margin-bottom: 12px }
.AccueilCreerLien,    .AccueilRechercherLien,  .AccueilDiversLien { color: var(--couleurTexteAccueilCreerLien) }

.LinkBas3px { text-decoration: underline white }


/* --------------------------------------------------------------------- */
/* Tool bar session.                                                     */

.Logo > img     { height: 40px }
.ToolBarSession { height: 45px; }
div.BtnAccueil { height: 45px; }


/* --------------------------------------------------------------------- */
/* Panel gauche.                                                         */

button.CommandesTool { margin: 0px 6px 0px 6px;  padding: 1px 0px 1px 0px;  border-top: none; border-left: none;  border-right: none;  border-color: var(--couleurBordureBoutonCommandesTool)}
.CommandesTool > span { color: var(--couleurTexteCommandesTool) }

.PanelContenu .Contenu .Ligne {border: none;}
.PanelProjet .Panel.Gauche {flex-basis:500px !important}

/* --------------------------------------------------------------------- */
/* Panel droit.                                                          */

.Panel.Droit .Table > div {  border: 1px solid var(--couleurGrisMRS);  background-color: var(--couleurGrisFond) }


/* --------------------------------------------------------------------- */
/* Steppers.                                                             */

.Stepper.Grand > .Boutons > button        { width: 187px }
.Stepper.Grand > .Boutons > button > span { width: 100% }
.Stepper.Petit > .Boutons > button        { width: 152px }
.Stepper.Grand > .Boutons > button > span { width: 100% }

.AvecBtnErr .ActInput {width: 67%;}
.AvecBtnErr .ActInput > input {flex: 1; padding-left: 8px;}
.SpecItemFenModifie .AvecBtnErr .Link.ActInput, .SpecItemFenModifie .AvecBtnErr .Link.ActInput > input.Link {cursor: not-allowed; color: unset; text-decoration: none;}