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

/* - DÉFINITION -------------------------------------------------------- */
/* Affichage des sections, custom Avivia.                                */
/* --------------------------------------------------------------------- */

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


/* --------------------------------------------------------------------- */
/* Texte généraux.                                                       */
                                               
.Corps {padding: 0px;}
.Corps > .ActPanel {padding-left: 10px; padding-right: 10px;}
.Corps .ToolBarLayout {margin: 0px 14px;}
.PageRecherche .Ligne {margin-right: 10px; margin-left: 10px;}

/* Login Section */
.AccueilCadre
  {
    border: none;
    margin-top: 200px;
    width: 700px;
    justify-content: center;
    align-items: center;
  }

.AccueilEntete .TitreAccueilEnkiWeb:first-child  span {font-size: 31px; color: var(--couleurTexteLinkAccueil);}
.AccueilEntete .TitreAccueilEnkiWeb:nth-child(2) span {font-size: 14px; color: var(--couleurTexteLink);}

.AccueilPage .LinkBas3px, .AccueilCreerTitre, .AccueilRechercherTitre { color: var(--couleurTexteLinkAccueil); text-decoration-color: var(--couleurTexteLinkAccueil); }
.AccueilPage .LinkBas3px:hover { color: var(--couleurTexteLinkAccueilHover); text-decoration-color: var(--couleurTexteLinkAccueilHover); }

.ActSection.Login {border-radius: 26px;}
.LoginChoixLangue.ActOnglet.Small > .Boutons > button > span {color: var(--couleurTexteOngletChoixLangue); }
.LoginChoixLangue.ActOnglet.Small > .Boutons > .Actif, .LoginChoixLangue.ActOnglet.Small > .Boutons > .Inactif:hover {border-color: var(--couleurBordureOngletChoixLangue); font-weight: 600;}

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

.ElementLogin input.Courant {border-width: 3px !important;}
.ElementLogin input::placeholder { font-size: 14px; font-family: 'Arial', 'Open Sans'; color: var(--couleurTextePlaceholder); text-align: center; text-transform: uppercase;}
.ElementLogin input {padding-right: 10px;}

.ActOnglet.Langue {margin-left: 59px;}

/* --------------------------------------------------------------------- */
/* PageRecherche                                                         */
.PageRecherche .ActTexte.TitrePage {margin: 0px; padding: 8px 4px 4px 14px ; background-color: var(--couleurSecCommEdit);}
.PageRecherche .ActOnglet .Boutons {margin-top: 0px; padding-top: 2px; background-color: var(--couleurSecCommEdit);}

button#moteurRecherche {margin-left: 30px;}
.PageRecherche .ActOnglet .Contenu.ActSection {padding: 0px 10px 20px;} /* since Corps padding is 0px */

/* --------------------------------------------------------------------- */
/* Section Edit Commande                                                 */
.SecCommEdit {background-color: var(--couleurSecCommEdit);}

.Panel.Droit .LigneVerticale {margin-right: 10px;}

.Panel.Gauche .PanelEntete:first-child {margin-top: 0px;}

.SectionChargeProjet .ActInput > input { margin-left: 0px;}

.EntetePage .TitrePage {margin-top: 8px;}

.Panel.Gauche > .PanelEntete, .Panel.Gauche > .PanelContenu {margin-right: 0px; border-right: 0px;}

.PanelProjet .Panel.Gauche {flex-basis:500px !important}

.Contenu.Gauche > .ActPanel > .Contenu.Droit > .Cadre {margin-left: 0px; margin-right: 0px; border-left: none;}
.Contenu.Gauche > .ActPanel > .Panel.Droit > .Cadre {margin-left: 0px;}

.Courant:not(.Label):not(canvas) {border-width: 2px; box-shadow: 0 0 8px var(--couleurBoxShadowCourant);}  /* apparence des champs en état focused */

.NoteHReduite textarea.AvecLabel {margin-left: 0px; width: 40.7%;} /* alignement de textarea dans page Autreinfo */

/*  changements généraux       */
div.Label { text-align:left; flex-direction: row }
.TitreSection.LigneAvant { margin-top: 14px; }
.TitreSection:not(.LigneAvant), .LigneAvant {padding-Top: 14px; padding-bottom: 10px; margin-right: 14px;}  

/* --------------------------------------------------------------------- */
/* Section layout                                                        */

/* panel gauche du layout */
.PanelLayout .ActPanel {overflow: hidden;}   /* pour éviter d'ajouter une Scroll barre horizontale au Panel droit */
.PanelLayout > .Panel.Gauche > .Cadre {margin-right: 0px;}

.LargFlush         {margin-bottom: 4px;}
.ActPanel > .Barre {background-color: var(--couleurBarre); margin-bottom: 4px;}
.PanelLayout .Contenu.Gauche > .ActPanel > .Barre {margin-top: 0px;}
.Contenu.Gauche > .ActPanel > .Barre {margin-top: 4px;}
.PanelDLayerKits .LigneVerticale, .PanelDLayerItemsBatiment .LigneVerticale, .PanelDLayerBatiment .LigneVerticale {margin-right: 0px !important;}

.ToolBarLayout.Cadre {border-top: 0px;}

/* Layer Items.         */
.CategoriePanel {flex-wrap: wrap;}

/* to have smaller icons in CategoriePanel filters */
.SecFiltreCat .Flat { justify-content: center;}
.SecFiltreCat .Flat > button {width: 100px; height: 100px; align-items: center;} /* border: 1px solid var(--couleurBorder);} */

.CategoriePanel.Tile.Image.Texte > button > span { overflow: auto; text-align: center; }
.CategoriePanel.Tile.Image > img, .CategoriePanel.Tile.Image > button > img, .CategoriePanel.Tile.Image > button > object {
  width: 90px;
  height: 90px;
}
.CategoriePanel > span   {font-size: 14px; color: #333333; text-align: center;}
.CategoriePanel > button {align-items: center;}

/* Fenêtre style globaux (LayoutKitsGestion)  */
.SecAjEnlKit { margin-top: 80px; }

/* Section kitTransfer      */
.AvecBtnAj .ActSelect               {width: 8em;}
.AvecBtnAj .ActSelect .CustomSelect {width: 7em;}

.CadreColor .Cadre  {border-color: black;}