/* ===================================================================== */
/*                             BaseCustom.css                            */
/* © 2020  Dunin Technologie Inc.                                        */
/* ===================================================================== */

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

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


/* --------------------------------------------------------------------- */

/* Boutons SessionToolCustom */
.STC > button
  {
    background-color: transparent;
    color: white;
    border-color: transparent;
  }

.STC > button:hover
  {
    background-color: transparent;
    color: #cbb184;
    border-color: transparent;
  }
  
.STC1 > button
  {
    background-color: transparent;
    color: white;
    border-color: transparent;
  }

.STC1 > button:hover
  {
    background-color: transparent;
    color: #cbb184;
    border-color: transparent;
  }
  
.STC2 > button
  {
    background-color: transparent;
    color: #cbb184;
    border-color: transparent;
  }

.STC2 > button:hover
  {
    background-color: transparent;
    color: white;
    border-color: transparent;
  }
  
.STC3 > button
  {
    background-color: yellow;
    color: red;
    border-color: red;
  }
  
.TrBlackGold > button
  {
    background-color: transparent;
    color: black;
    border-color: transparent;
  }

.TrBlackGold > button:hover
  {
    background-color: transparent;
    color: #B9975B;
    border-color: transparent;
  }




/* Boutons textes qui remplacent les flèches */
.Fleche > button
  {
    background-color: transparent;
	border-color: black;
  }


/* Bouton de type image contenant une dimension.                         */

.User > button
  {
    color: var(--couleurTexteBoutonUser);
    background-color: var(--couleurBoutonUser);
  }

/* --------------------------------------------------------------------- */
/* Bouton de type image contenant une dimension.                         */

button.Dimension > object > div
  {
    font-family: 'Latobold', 'Open Sans', 'Arial';
  }


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

.ActBouton.Primaire > button, .ActBouton.Secondaire > button, .ActBouton.Fleche > button
  {
    border-radius: 8px;
  }


/* --------------------------------------------------------------------- */
/* Boutons de la scène 3D */
.BoutonOuvPortTir > button     { background-image: url("../../Client/Imgs/Anime2.svg"); height: 24px; width: 24px }

/* Tuiles (acteurs choix).                                               */

.Tile.Image.Border > button.Actif > img,
.Tile.Image.Border > button.Actif > object,
.Tile.Border:not(.Image) > button.Actif > object > span,   /* boutons textes dans acteur choix */
.Tile.Border:not(.Image) > button.Actif > span             /* boutons textes dans acteur choix */
  {
    border: solid 3px;
    padding: 0px;
    border-color: var(--couleurHighlight)
  }

.Tile.Image.Border > button > img,
.Tile.Image.Border > button > object,
.Tile.Border:not(.Image) > button > object > span,   /* boutons textes dans acteur choix */
.Tile.Border:not(.Image) > button > span             /* boutons textes dans acteur choix */
  {
    border: solid 1px;
    padding: 2px;
    border-color: var(--couleurBordureSpanBouton);
  }

/* --------------------------------------------------------------------- */
/* Panels.                                                               */
  
.ActPanel > .Barre { flex-direction: column;  margin: 10px 2px 10px 2px; }  /* On veut les boutons de fermeture/ouverture en haut */
.ActPanel > .Barre.Gauche { margin-top: 58px }

.ActTelescope > .Contenu { padding-left: 0px }  /* Colle à gauche car l'icône est avant */


/* Menu de gauche - Créer des colonnes pour les icônes (erreur, notes, annexes) */
.IconItem .Flat > button {justify-content: center;}

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