/* ===================================================================== */
/*                              Panel.css                                */
/* � 2019  Dunin Technologie Inc.                                        */
/* ===================================================================== */

/* - D�FINITION -------------------------------------------------------- */
/* Affichage des panels.                                                 */
/* --------------------------------------------------------------------- */

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


/* --------------------------------------------------------------------- */
/* Wrapper global.                                                       */

.ActPanel
  {
    flex: 1;                          /* Doit pouvoir �tre r�duit        */
    overflow: auto;                    /* N�cessaire pour acteurs choix   */
  }


/* --------------------------------------------------------------------- */
/* Section Panel.                                                        */

.ActPanel > .Panel
  {
    flex: 0 0 350px;                  /* Grow:0, shrink:0, dim base 350  */
    flex-direction:column;            /* Affichage vertical */
  }

/* Exception pour le panel Enigma (section droite de l'édition du DER) */
.ActPanel .Enigma > .Panel  { flex: 0 0 500px }


/* --------------------------------------------------------------------- */
/* Barre entre les sections.                                             */

.ActPanel > .Barre
	{
    flex: 0 0 10px;                   /* Grow:0, shrink:0, dim base 10      */
    flex-direction:column-reverse;    /* Affichage vertical � partir du bas */
    cursor: col-resize;               /* Change l'ic�ne du pointeur         */
    align-items: center;              /* Centre les fl�ches                 */
	}

.ActPanel > .Barre > .ActBouton
  {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
  }

.ActPanel > .Barre > .ActBouton:hover { background-color: var(--couleurBouton36pxHover);}

.ActPanel > .Barre > .ActBouton > button
  {
    height: 12px;
    width: 8px;
    padding: 0px;
    margin: 2px 2px 10px 2px;
    border: none;
  }

.ActPanel > .Barre.Gauche > .Ouvre > button
  {
	  background-image: url("../../Client/Imgs/PanelFlecheG.svg");
    transform: rotate(180deg);
  }

.ActPanel > .Barre.Gauche > .Ferme > button
  {
	  background-image: url("../../Client/Imgs/PanelFlecheG.svg");
  }

.ActPanel > .Barre.Droit > .Ouvre > button
  {
	  background-image: url("../../Client/Imgs/PanelFlecheG.svg");
  }

.ActPanel > .Barre.Droit > .Ferme > button
  {
	  background-image: url("../../Client/Imgs/PanelFlecheG.svg");
    transform: rotate(180deg);
  }


/* --------------------------------------------------------------------- */
/* Section Contenu.                                                      */

.ActPanel > .Contenu
  {
    flex: 1;                          /* Agrandit ET réduit au besoin    */
    overflow: auto;                   /* Scroll bar au besoin            */
    flex-direction: column;           /* Affichage vertical              */
  }


/* --------------------------------------------------------------------- */
/* Espace à droite du choix de mode d'édition de kits.                   */

.KitSelect
  {
    flex: 0 0 360px;                  /* Grow:0, shrink:0, dim base 350  */
    flex-direction:column;            /* Affichage vertical */
  }