/* ===================================================================== */
/*                              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.PanelProjetComm > .Panel
  {
    flex: 0 0 600px;                  /* Grow:0, shrink:0, dim base 350  */
    flex-direction:column;            /* Affichage vertical */
  }


/* --------------------------------------------------------------------- */
/* 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 > 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 */
  }