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

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

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


/* --------------------------------------------------------------------- */
/* Section Login.                                                        */

.LoginPage { align-items: center;  justify-content: center }

.ActSection.CadreLogin
  {
    position: absolute;
  }

.ActSection.Login
  {
    margin: 0px;
    width:  400px;
    border: none;
  }

.LoginSectionSeConnecter  { height: 0px }

.ElementLogin .RangeeInverse .Flat > button {justify-content: center;}

.LoginSectionConnexion button {width: 270px; align-items: center;}


/* --------------------------------------------------------------------- */
/* Section LPD.                                                        */

.PanelLPD_B   { margin: 2px 2px 2px 2px; padding: 1px; border: solid 1px var(--couleurBordurePanelEntete); background-color: var(--couleurPanelEntete); }
.PanelLPD_G   { margin: 2px 2px 2px 2px; padding: 1px; border: solid 1px var(--couleurBordurePanelEntete); background-color: #B9975B; }
.PanelLPD_W   { margin: 1px 1px 1px 1px; padding: 1px; background-color: #ffffff; }


/* --------------------------------------------------------------------- */
/* Section Accueil.                                                      */

.AccueilPage { justify-content: center;  flex: 5 }    /* Affiche le contenu au centre verticalement // occupe la majeure partie de la hauteur de la page */

.AccueilCadre { margin-top: 0px }

.AccueilEntete { padding-top: 0px }

.ActSection.SectionAccueil
  {
    border: none;
    margin-top: 0px; /* Espace vs haut de la fenêtre */
  }

.AccueilSectionA { border: none }

.AccueilSlogan
  {
    justify-content: left;
    flex-direction: column-reverse
  }

/* --------------------------------------------------------------------- */
/* Tool bar session.                                                     */
.ToolBarSession { height: 40px; }
div.BtnAccueil { height: 40px; }

/* --------------------------------------------------------------------- */
/* Section critères de recherche.                                        */

.ActSection.Criteres
  {
    background-color: var(--couleurCriteresSection);
  }


/* Barre des kits */
.PanelContenu div.Ligne:not(.Actif) > .ActTelescope > .ActTitre, .PanelContenu .Ligne.Actif > .ActTelescope > .ActTitre  { border: solid 1px var(--couleurBordureTitreTelescopePanelContenu); }


/* ---------*****************  LUXOR CUSTOM   Panels, révision 2020-11.***************------------------------- */
/* Panels.                                                               */
.PanelContenu .Contenu .Ligne > .ActSection { padding-left: 0px }
.PanelContenu .Contenu .Ligne.Actif  { font-weight: 700 }
.PanelNote  { background-color: #231F20 }
/* .PanelEntete  { background-color: #231F20 } */
.PanelEntete  { margin: 0px 0px 0px 0px; padding: 0px; border: solid 1px var(--couleurBordurePanelEntete); background-color: #231F20 }
.PanelEnteteReadOnly  { background-color: #FF0000 } 
.PanelEnteteReadOnly    { margin: 4px 4px 0px 4px; padding: 10px; border: solid 1px }
.PanelEnteteReadOnly, .PanelContenu { border-color: var(--couleurBorder); background-color: white}

/* Barre des kits avant merge layout */
/* .PanelContenu .ActTelescope > .ActTitre  { border: solid 1px #C5C5C5;  color:black } */
/* .PanelContenu .ActTelescope > .ActTitre  { background-color: #5e5e5e;  border: solid 1px #C5C5C5;  color:black } */
/* .PanelContenu .Actif .ActTitre       { } */


/* --------------------------------------------------------------------- */
/* Section filtre de recherche de commande dans page recherche           */
/* Rechercher des projets, des soumissions et des commandes              */

.filtreRechercheCommande .LargFixe.ActInput > input {
  /* être de la même taille que .LargFixe.ActSelect .CustomSelect */ 
  width: 238px;
}

.filtreRechercheCommande .LargFixe.ActSelect .CustomSelect { width: 238px; box-sizing: border-box;}


/* --------------------------------------------------------------------- */
/* Section layout                                                        */
.SecStyleGlobal > .Flat.ActBouton > button > span, .BtnForme > span {color: var(--couleurTexteBoutonStyleGlobal);}
.Ligne:not(.Actif) > .TitreKit.ActTexte { background-color: var(--couleurTitreTelescopeLigne);}
.Ligne.Actif       > .TitreKit.ActTexte { background-color: var(--couleurTitreTelescopeLigneActif);}
.SecLigneKitLayout .ActSection.Ligne:not(.Actif) { background-color: var(--couleurTitreTelescopeLigne);}
.SecLigneKitLayout .ActSection.Ligne.Actif       { background-color: var(--couleurTitreTelescopeLigneActif);}
.ToolBarLayout.Cadre {border-color: var(--couleurBordurePanelContenu);}
.BoutonAjoutKit { background-image: url(../../Client/Imgs/Ajout-white.svg);} /* BoutonAjoutKit dans layout (layer style global   */
#Layer_Kits     {margin-bottom: 10px;}
.TitrePanel.TitreSticky {background-color: var(--couleurPanelEntete)}
.TitrePanel.TitreAtomeLong {color: var(--couleurTexte)}
.LayoutPanelD .LigneVerticaleLarge {margin: 0px; padding: 0px;}