/* ===================================================================== */
/*                             BoutonCustom.css                          */
/*   2019  Dunin Technologie Inc.                                       */
/* ===================================================================== */

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

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


/* --------------------------------------------------------------------- */
/* Boutons génériques.                                                   */

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

.LayersStepper.ActOnglet > .Boutons > button
  {
    border: none;
    border-top: solid 1px;
    padding-top: 10px;
    padding-right: 20px;
    margin-bottom: 30px;
    color: var(--couleurTexteBoutonOnglet); /* Couleur des textes */
    background-color: var(--couleurBoutonOnglet);
    border-color: var(--couleurBordureBoutonOnglet); /* Couleur du trait */
  }

.LayersStepper.ActOnglet > .Boutons > .Actif, .LayersStepper.ActOnglet > .Boutons > .Inactif:hover 
{font-weight: 700;
  border-top: solid 1px;
  color: var(--couleurTexteBoutonOngletActif); /* Couleur des textes des onglets actifs */
  border-color: var(--couleurBordureBoutonOngletActif); /* Couleur du trait des onglets actifs */
}