/* ===================================================================== */
/*                             BoutonCustom.css                          */
/* � 2020  Dunin Technologie Inc.                                       */
/* ===================================================================== */

/* - DÉFINITION -------------------------------------------------------- */
/* Dispositions / espacements.                                           */
/* --------------------------------------------------------------------- */

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


/* --------------------------------------------------------------------- */
/* Tuiles.                                                               */

.ElementLogin button > img, .PanelDLayerItemsBatiment button.Flat > img {filter: var(--couleurBoutonVisibility);}     /* couleur image svg */
button#toolFilAriane > img {filter: var(--couleurBoutonArrowLeft);}      /* couleur image svg */

/* --------------------------------------------------------------------- */
/* Apparence des boutons et icônes dans le header                        */
.ToolBarSession .ToolBar.RangeeInverse button > img {filter: var(--couleurIconesToolBar)}
.ToolBarSession .SessionToolAct > button span {color: var(--couleurTexteBtnAccueil)}
span.BtnAccueil {color: var(--couleurTexteBtnAccueil)}

.Tile.Image.Grand   > img,  .Tile.Image.Grand > button > img,    .Tile.Image.Grand > button > object    { width: unset; height: unset; max-width:254px;  max-height:254px }

.PasAPas.Tile.Image > button > object
	{
		width: 104px;
		height: 104px;
	}

.PanelKit .ActTitre .ActBouton.Flat > button, .PanelContenu .ActTitre .ActBouton.Flat > button {margin-right: 10px;}

.SecGamme .Primaire > button {margin-top: 0px;}

/* --------------------------------------------------------------------- */
/* Bouton checkBox on off                                                */
.CheckBoxOn {background-image: url('../../Client/Imgs/case-a-cocher-avivia-etat-selected_18px.svg');}
.CheckBoxOn.Courant {background-image: url('../../Client/Imgs/case-a-cocher-avivia-etat-selected-et-focused_18px.svg');}
.CheckBoxOff.Courant {background-image: url('../../Client/Imgs/case-a-cocher-avivia-etat-focused_18px.svg');}

/* --------------------------------------------------------------------- */
/* Divers                                                                */

.PhotoItem:hover { filter: none; cursor: default; } /* puisque PhotoItem n'est pas cliquable dans Aviva */

/* --------------------------------------------------------------------- */
/* Boutons des tools bars.                                               */
.ToolBarSession .RangeeInverse.ToolBar button:not(.Primaire, .Secondaire)
  {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
  }
.ToolBarSession .RangeeInverse.ToolBar .Dummy.SessionToolAct button {width: 94px;}
.ToolBarSession .RangeeInverse.ToolBar button:not(.Primaire, .Secondaire):hover {background-color: var(--couleurBoutonAccueilHover);}


/* --------------------------------------------------------------------- */
/* Boutons de fonctionnalité contenant une icône.                        */
/* 2023-09-26:  Suggestion 7: codé juste pour cb et avivia               */
.Bouton36px.ActBouton, .Boutons36px > .ActBouton
  {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
  }

.Bouton36px.ActBouton:hover, .Boutons36px > .ActBouton:hover, .BoutonTrier:hover { background-color: var(--couleurBouton36pxHover);}


/* suggestion 11 mouse hover*/
.IconItem button:hover                { filter: grayscale(40%); background-color: var(--couleurTitreTelescopeLigneActif); }
.PanelContenu .ActTitre button:hover  { filter: grayscale(40%); background-color: var(--couleurTitreTelescopeLigneActif); }

/* Bouton pour créer un style au dessus du menu déroulant “Changer de style” */
.ItemModifie .ActBouton.BoutonHoriz,          .LayoutItemsAj .ActBouton.BoutonHoriz           { flex-direction: row-reverse; } 
.ItemModifie .ActBouton.BoutonHoriz > button, .LayoutItemsAj .ActBouton.BoutonHoriz > button  {width: 40%; margin-right: 17%;}

/* Layout */
.Stepper.LayersStepper > .Boutons { gap: 1em; }

/* les boutons de la fenêtre «Styles globaux» du layout */
.BoutonHoriz.BoutonAjout  button { background-image: url(../../Client/Imgs/Ajout-orange-fonce-avivia.svg); }
.BoutonHoriz.BoutonDelete button { background-image: url(../../Client/Imgs/Delete-orange-fonce-avivia.svg);}

/* masque le bouton d'erreur à côté de l'assemblage */
.LayoutKitsGestion #assemblage.ContenuChoix .ActChoix.Error .BoutonError {display: none;}

/* LayoutItemsAjFen: Centrer le texte avec les images des valPoss */
#ItemChoix .Image.Tile button { align-items: center; }
#ItemChoix .Tile.Image.Texte > button > span { text-align: center; }

.LayoutKitsGestion .Stepper .Boutons { margin-bottom: 4%; }