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

/* - DÉFINITION -------------------------------------------------------- */
/* Couleurs des différents éléments.                                     */
/* --------------------------------------------------------------------- */

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


:root
  {
    --couleurBody: white;               /* Couleur de fond                 */
    --couleurTexte: black;              /* Couleur de base des textes      */
    --couleurLabel: #333333;            /* Couleur de base des labels      */
    --couleurTexteLabelNa: #7D7D7D;
    --couleurSelect: #75ABD8;           /* Éléments sélectionné (cadre)    */
    --couleurBordureSelect: #C5C5C5;
    --couleurLigneSelect: #D1F3FF;      /* Éléments sélectionné (fond)     */
    --couleurLigneSelectHover: #bcd9e3; /* Highligth du choix sous le curseur dans un "select" */
    --couleurHighlightLigneActif: var(--couleurLigneSelect);  /* la couleur de fond des box des items (Ligne des items) en état selected (menu de gauche et colonne du centre)*/
    --couleurHighlightSectionLigneActif: var(--couleurLigneSelect);  /* la couleur de fond des box des items en état selected ()*/
    --couleurErreur: #E70000;           /* Signalement d'erreur            */
    --couleurBordureErreur: var(--couleurErreur); 
    --couleurAvertissement: #EC531B;
    --couleurOptionOut: red;
    --couleurGrid: white;
    --couleurRequeteTexte: var(--couleurTexte);

    --couleurToolBarSession: rgba(21, 52, 145, 1);
    --couleurTexteToolBarSession: white;

    --couleurActTitre: var(--couleurBarreTitre);
    --couleurBordureActTitre: var(--couleurBorder);
    --couleurTitreTable: #EEEEEE;
    --couleurBordureTable: #EEEEEE;
    --couleurRangeeTable: #EEEEEE;
    --couleurTitreTelescopeLigne: #FFFFFF;   /* la couleur de fond des box des kits et items en état normal (menu de gauche et colonne du centre)*/
    --couleurTitreTelescopeLigneActif: var(--couleurLigneSelect);  /* la couleur de fond des box des kits et items en état selected (menu de gauche et colonne du centre)*/
    --couleurTexteTitreTelescopeLigneActif: var(--couleurTexte);
    --couleurBordureTitreTelescopeLigne: var(--couleurBordureActTitre);  /* Couleur bordure des box des kits  */
    --couleurBordureTitreTelescopeLigneActif: var(--couleurBordureActTitre);
    --couleurTexteTitreTelescopeLarge: Black;
    --couleurTexteFenetreBarre: white;
    --couleurBarreTitre: #F2F2F2;        /* Barre de titre (téléscopes...)  */
    --couleurBarreTitreFenetre: #153491; /* Barre de titre des fenêtres     */
    --couleurBoutonBarrePanel: transparent;
    --couleurCadre: #A9A9A9;             /* Lignes sépar / cadres           */
    --couleurBordureCadre: var(--couleurCadre);
    --couleurCadreSimple: #FFFFFF;
    --couleurCadreSimpleCP: #EEEEEE;
    --couleurCadreSimpleGD: #A9A9A9;
    --couleurBorder: #A9A9A9;           /* Bords d'acteurs inactifs         */
    --couleurBorderActif: #0099ff;      /* Bords d'acteurs actifs (focus)   */
    --couleurLigneVerticale: #A9A9A9;   /* Séparateur Verticale             */

    --couleurHighlight: #75ABD8;        /*  Éléments sélectionné            */
    --couleurChangement: #fffcb0;       /* Changement par l'utilisateur     */
    --couleurTexteTitrePanel: #153491;  /* Titres des panels                */
    --couleurTexteTitreSection: #153491;/* Titres des sections              */
    --couleurTexteTitreSousSection: #153491; /* Titres des sous-sections    */

    --couleurBoutonPrimaire: #153491;               /* Couleur de de fond du bouton primaire, État normal           */
    --couleurTexteBoutonPrimaire: #FFFFFF;          /* Couleur du texte dans le bouton primaire, État normal        */
    --couleurBordureBoutonPrimaire: #153491;        /* Couleur de bordure du bouton primaire - État normal          */
    --couleurBoutonPrimaireHover: #00006A;          /* Couleur de de fond du bouton primaire, État de mouse hover   */
    --couleurTexteBoutonPrimaireHover: #FFFFFF;     /* Couleur du texte dans le bouton primaire, État de mouse hover*/
    --couleurBordureBoutonPrimaireHover: #00006A;   /* Couleur de bordure du bouton primaire - État de mouse hover  */

    --couleurBoutonSecondaire: #FFFFFF;             /* Couleur de fond du bouton secondaire - État normal           */
    --couleurTexteBoutonSecondaire: #153491;        /* Couleur du texte dans le bouton secondaire - État normal     */
    --couleurBordureBoutonSecondaire: #153491;      /* Couleur de bordure du bouton secondaire - État normal        */
    --couleurBoutonSecondaireHover: #153491;        /* Couleur de fond du bouton secondaire - État de mouse hover   */
    --couleurTexteBoutonSecondaireHover: #FFFFFF;   /* Couleur du texte dans le bouton secondaire - État de mouse hover*/
    --couleurBordureBoutonSecondaireHover: #153491; /* Couleur de bordure du bouton secondaire - État de mouse hover*/

    --couleurBoutonAccueilHover: #00006A;           /* Couleur de fond du bouton Accueil - État de mouse hover      */

    --couleurTexteSnacksucces: #008000;             /* Couleur du texte dans le snackbar succes      */
    --couleurTexteSnackerror: #E70000;              /* Couleur du texte dans le snackbar error       */
    --couleurTexteSnackwarning: #EC531B;            /* Couleur du texte dans le snackbar warning     */
    --couleurTexteSnackinfo: #0066FF;               /* Couleur du texte dans le snackbar info        */

    --couleurBordureGaucheSnacksucces: #008000;     /* Couleur de bordure gauche du snackbar succes  */
    --couleurBordureGaucheSnackerror: #E70000;      /* Couleur de bordure gauche du snackbar error   */
    --couleurBordureGaucheSnackwarning: #EC531B;    /* Couleur de bordure gauche du snackbar warning */
    --couleurBordureGaucheSnackinfo: #0066FF;       /* Couleur de bordure gauche du snackbar info    */

    --couleurSnack: white;
    --couleurBoutonSnack: Transparent;
    --couleurBordureHautSnack: #A9A9A9;             /* Couleur de bordure du snackbar      */
    --couleurBordureDroiteSnack: #A9A9A9;
    --couleurBordureBasSnack: #A9A9A9;

    --couleurBoutonDummy: transparent;
    --couleurTexteBoutonDummy: white;
    --couleurBordureBoutonDummy: transparent;

    --couleurTexteLink: #153491;
    --couleurTexteLinkHover: #00006A;
    --couleurBoutonLink: var(--couleurTexteLink);
    --couleurBoutonLinkHover: var(--couleurTexteLinkHover);

    --couleurContenuFenetre: white;
    --couleurBordureContenuFenetre: black;

    --couleurContenuMenu: yellow;
    --couleurBordureContenuMenu: #73AD21;

    --couleurBoutonStepper: transparent;
    --couleurTexteLayersStepper: #333333;

    --couleurBoutonOnglet: Transparent;
    --couleurBordureBoutonOnglet: #A9A9A9;                   /* Couleur de bordure de la Ligne sous le bouton des onglets       */
    --couleurBordureBoutonOngletActif: rgba(21, 52, 145, 1); /* Couleur de bordure de la Ligne sous le bouton actif des onglets */

    --couleurBoutonToggle: transparent;
    --couleurTexteBoutonChoix: #333333;

    --couleurBoutonDimension: #032D50;
    --couleurTexteBoutonDimension: #75ABD8;

    --couleurBoutonFlat: Transparent;
    --couleurBouton36pxHover: #75ABD8;
    --couleurBoutonToolBar: Transparent;
    --couleurBordureBoutonToolBarActif: #75ABD8;
    --couleurBoutonTile: Transparent;
    --couleurBoutonCheck: Transparent;
    --couleurBoutonNotification: Transparent;
    --couleurScene3DMsg: white;

    --couleuBordureCarrousel: #A9A9A9;
    --couleurCarrouselHover: #75ABD8;

    --couleurMessageLogin: #FFFFFF;

    --couleurTexteRed: #FF0000;
    --couleurTexteGreen: #008000;
    --couleurTexteWhite: #FFFFFF;
    --couleurTexteBlack: #000000;
    --couleurTexteGray: #A9A9A9;
    --couleurTexteCobalt: #153491;

    --couleurNoteQcq: transparent;
    --couleurColorPickerPastilleHover: red;

    --couleurBordureLoader: #f3f3f3;
    --couleurBordureHautLoader: #3498db;

    --couleurModal: rgba(43, 43, 43, 0.85);
    --couleurBordureFileDrop: black;

    --couleurTexteh7: #E70000;
    --couleureTexteTitreLigneErr: #E70000;

    --couleurSectionLogin: white;
    --couleurBordureSectionLogin: black;

    --couleurBordureAccueilCadre: black;
    --couleurScrollHMan: #333;
    --couleurBordureScrollHMan: Red;

    --couleurPanelEntete: white;
    --couleurBordurePanelEntete: var(--couleurBorder);
    --couleurPanelContenu: white;
    --couleurBordurePanelContenu: var(--couleurBorder);
    --couleurLignePanelContenu: #FFFFFF;                     /* Ligne des items             */
    --couleurBordureLignePanelContenu: #C5C5C5;  /* couleur de bordure de la box d’un item en état normal dans le menu de gauche */

    --couleurBordureCustomSelect: var(--couleurBordureSelect);
    --couleurBoutonCustomSelect: Transparent;

    --couleurTextePlansTestsMessage: Black;                  /* Message des plans de tests. */
    --couleurTexteNomVue: #9003fc;

    --couleurBordureLigneAvant: var(--couleurCadre);

    --couleurBordureOngletsConfigItem: var(--couleurCadre);

    --couleurBordureCourant: var(--couleurBorderActif);
    --couleurBoxShadowCourant: var(--couleurBorderActif);
    --couleurBoxShadowContratChange: #9E59C1;
    --couleurBoxShadowContratChange2: #FFC2C1;
    --couleurBordureContratChange: #9E59C1;
    --couleurBordureContratChange2: #FFC2C1;
    --couleurContratChange: white;
    --couleurContratChange2: white;

    --couleureBordureBasTitreGrille: var(--couleurBorder);
    --couleureBordureGrillePageRecherche: #C5C5C5;

    --couleurBoutonStyleGolabal: var(--couleurBordureBoutonToolBarActif);

    --couleurBordureFenetreChargeComm : #A9A9A9;
    --couleurProgress: #A9A9A9;
    --couleurBordureProgress: var(--couleurProgress);
    --couleurProgressBar: #75abd8;

    --couleurTooltip: #333333;
    --couleurTexteTooltip: #FFFFFF;

    --couleurBordureCercleMagnifierGlass: #000000;

    --couleurBordureCanvas: #A9A9A9;
  }


/* --------------------------------------------------------------------- */
body      { background-color: var(--couleurBody) }

select, input, .CustomSelect { border-color: var(--couleurBordureSelect) }


/* --------------------------------------------------------------------- */
/* Highlighted.                                                          */

select.UserModif, input.UserModif { background-color: var(--couleurChangement) }   /* Changement par l'utilisateur */
.UserModif.CheckContour           { background-color: var(--couleurChangement) }   /* Changement par l'utilisateur */
.CustomSelect.UserModif, .CustomSelect.UserModif > input    { background-color: var(--couleurChangement) }   /* Changement par l'utilisateur */

/* Highligth de l'élément courant: */
.Courant:not(.Label):not(canvas) { border-color: var(--couleurBordureCourant);  box-shadow: 0 0 4px var(--couleurBoxShadowCourant); }


/* --------------------------------------------------------------------- */
/* Tool bar de la session.                                               */

.ToolBarSession { color: var(--couleurTexteToolBarSession); background-color: var(--couleurToolBarSession) }

/* --------------------------------------------------------------------- */
/* Requ�tes.                                                             */

.RequeteTexte  { color: var(--couleurRequeteTexte) }                                                             */

/* --------------------------------------------------------------------- */
/* Valeur non permise dans un select.                                    */

.OptionOut  { color: var(--couleurOptionOut) }   /* On ne peut changer que la couleur ou le background */

/* --------------------------------------------------------------------- */
/* Acteur grille.                                                        */

.ActGrid.Table > .Titre { background-color: var(--couleurTitreTable) ; border-bottom: 1px solid var(--couleureBordureBasTitreGrille);}

div.Carrousel { border: solid 1px var(--couleuBordureCarrousel);  border-radius: 3px; width:38px; height:35px; }
div.Carrousel.Gauche { margin: 2px 0px 2px 2px }
div.Carrousel.Droit { margin: 2px 6px 2px 0px }
div.Carrousel:hover  { background-color: var(--couleurCarrouselHover) }

button.Carrousel { width:38px; height:35px; border: none;  background-repeat: no-repeat;  background-size: 24px 24px;  background-position: center }
button.Carrousel.Gauche { background-image: url("../../Client/Imgs/keyboard_arrow_left_black_24dp.svg") }
button.Carrousel.Droit  { background-image: url("../../Client/Imgs/keyboard_arrow_right_black_24dp.svg") }

.GridCarrousel    { margin-top: 10px }    /* Aligner le centre de la barre titre avec le centre des boutons du carrousel */


/* --------------------------------------------------------------------- */
/* Messages page Login.                                                  */

.MessageLogin  { color: var(--couleurMessageLogin); }
.MessageLoginClient1 { visibility: hidden }
.MessageLoginClient2 { visibility: hidden }
.MessageLoginClient3 { visibility: hidden }
.MessageLoginClient4 { visibility: hidden }