:root {
	
/*****************************
 CHARTE GRAPHIQUE CHAPSVISION 
******************************/

	--cash-version: '2024-02-21';

/**************
      MAIN
***************/
	--main-color-blue-boston: #39939E;
	--main-color-dark-blue: #061A34;
	--main-color-white: #FFFFFF;
	--main-color-bright-grey: #F2F5FA;
	--main-color-field-stroke: #D4D9E0; /* not used */
	--main-color-button-disable: #E6E9ED; /* not used */
	--main-color-input-grey: #8D9DB1; /* not used */
	--main-color-blue-lake: #42ABB8;
	--main-color-dark-green: #245358;
	--main-color-yellow-gold: #FBB13B; /* not used */
	--main-color-pastel-blue: #D9E1F2; /* not used */
	--main-color-pastel-yellow: #F9E0AD; /* not used */
	--main-color-hover: #F5FAFA; /* not used */
	--main-color-contour-hover: #C5E1E3;
	--main-color-select: #E7F2F3; /* not used */
	--main-color-disable: #B7D8DC; /* not used */
	--main-color-valide-light: #F3F9F3; /* not used */
	--main-color-valide: #138721;
	--main-color-error-light: #FEF2F2; /* not used */
	--main-color-error: #DE0000;
	--main-color-danger: #DF9112;
	--main-color-information: #2873D6;

	--main-color-01: #7BD0E3;				/* Color 01 */
	--main-color-02: #5DA6F0;				/* Color 02 */
	--main-color-03: #3079BD;				/* Color 03 */
	--main-color-04: #113987;				/* Color 04 */
	--main-color-05: #6568D6;				/* Color 05 */
	--main-color-06: #9A30EE;				/* Color 06 */
	--main-color-07: #BE7AD6;				/* Color 07 */
	--main-color-08: #EC5ACC;				/* Color 08 */
	--main-color-09: #D74289;				/* Color 09 */
	--main-color-10: #C63E5A;				/* Color 10 */
	--main-color-11: #DE841A;				/* Color 11 */
	--main-color-12: #CB9B54;				/* Color 12 */
	--main-color-13: #EDB522;				/* Color 13 */
	--main-color-14: #99C74F;				/* Color 14 */
	--main-color-15: #3EB73A;				/* Color 15 */
	--main-color-16: #009657;				/* Color 16 */
	
	--main-color-accent-purple:#4F46E5;
	--main-color-accent-blue:#2873D6;
	--main-color-accent-terracotta:#C97469;
	--main-color-accent-orange:#DF9112;
	--main-color-accent-dark:#424A52;
	
	
	--font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	--font-size: 14px;
	--color: var(--main-color-dark-blue);
	--title-color: var(--main-color-dark-blue);
	--placeholder-color: #ccc;
	--border-color: #ccc;
	--border-color-light: #e7e7e7;
	--shadow-color: #ccc;

	--main-radius-small: 2px;
	--main-radius: 4px;
	--main-radius-medium: 8px;
	--main-radius-large: 12px;

	--main-padding-small: 2px;
	--main-padding: 4px;
	--main-padding-medium: 8px;
	--main-padding-large: 12px;

	--main-margin-small: 2px;
	--main-margin: 4px;
	--main-margin-medium: 8px;
	--main-margin-large: 12px;

	--main-default: #ccc;
	--main-default-light: #f2f2f2;
	--main-default-dark: #aaa;

	--main-primary: var(--main-color-blue-boston);
	--main-primary-light: var(--main-color-blue-lake);
	--main-primary-dark: var(--main-color-dark-green);

	--main-primary-background-highlighted: var(--main-color-contour-hover);
	--main-primary-color-highlighted: var(--main-primary);
	--main-primary-background-selected: var(--main-primary);
	--main-primary-color-selected: var(--main-color-white);

	--main-success: var(--main-color-valide);
	--main-success-light: #4cbe50;
	--main-success-dark: #166819;

	--main-warning: var(--main-color-danger);
	--main-warning-light: #ffc500;
	--main-warning-dark: #c48d00;
	
	--main-danger: var(--main-color-error);
	--main-danger-light: #ff6969;
	--main-danger-dark: #be1919;
	



/**************
      LOGIN
***************/
  --login-visual-background: var(--main-primary);
  --login-visual-background-image: url(../../res_coheristouch/fonds/background-crm.svg);
  --login-background: var(--main-color-white);


/**************
      LAYOUT
***************/
  --layout-main-background-color: #f3f3f3; /*#eaeaea;*/
  --layout-highlight-background-color: var(--main-color-white);
  --layout-highlight-shadow:none;
  --layout-highlight-border-radius:0;
  --layout-notifications-background-color: var(--main-color-error);

  
/**************
     NAVBAR
***************/     
	--navbar-background: var(--main-color-dark-blue);


/**************
      LABEL
***************/
	--labels-color: var(--main-color-dark-blue);
	--labels-color-warning: var(--main-danger);
	--labels-font-size: 12px;



/**************
      INPUT
***************/
	--input-font-size: var(--font-size);
	--input-height: 36px;
	--input-padding: var(--main-padding-medium); /* 10px;*/

	--input-radius: 4px;
	--input-border-style: solid;
	--input-border-width: 1px;

	--input-border-color: #BBBBBB;
	--input-border-color-hover: #666666;
	--input-border-color-active: var(--main-primary-dark);
	--input-border-color-focus: var(--main-primary-light);

	--input-background-color: var(--main-color-white);



/****************
      SELECT
*****************/
	--select-option-color: var(--color);
	--select-option-background-color: var(--main-color-white);

	--select-option-color-highlighted: var(--main-primary-color-highlighted);
	--select-option-background-color-highlighted: var(--main-primary-background-highlighted);

	--select-option-color-selected: var(--main-primary-color-selected);
	--select-option-background-color-selected: var(--main-primary-background-selected);

	--select-option-color-selected-highlighted: var(--main-primary-color-selected);
	--select-option-background-color-selected-highlighted: var(--main-primary-background-selected);


/*******************
      READ ONLY
********************/
	--read-only-color: var(--main-color-dark-blue);
	--read-only-border-width: 1px;
	--read-only-border-style: solid;
	--read-only-border-color: #ddd;
	--read-only-background: #f9f9f9;



/*****************
      BUTTONS
******************/
	--button-font-size: var(--font-size);
	--button-height: 36px;
	--button-list-action-height: 32px;
	--button-xs-height: 30px;
	--button-border-width: 1px;
	--button-radius: 4px;
	--button-padding: var(--main-padding-medium); /* 8px; */

	/* btn-simple */
	--simple-button-color: var(--main-color-dark-blue);
	--simple-button-border-color: transparent;
	--simple-button-background: transparent;

	--simple-button-color-hover: var(--main-color-dark-blue);
	--simple-button-border-color-hover: var(--main-default-dark);
	--simple-button-background-hover: transparent;

	--simple-button-click: var(--main-color-dark-blue);

	/* btn-light-gray */
	--light-gray-button-color: var(--main-color-dark-blue);
	--light-gray-button-border-color: var(--main-default);
	--light-gray-button-background: var(--main-default-light); 
	
	--light-gray-button-color-hover: var(--main-color-dark-blue);
	--light-gray-button-border-color-hover: var(--main-default-dark);
	--light-gray-button-background-hover: var(--main-default-light);  

	--light-gray-button-click: var(--main-color-dark-blue);

	/* btn.btn-default */
	--default-button-color: var(--main-color-dark-blue);
	--default-button-border-color: var(--main-default-dark);
	--default-button-background: var(--main-default);

	--default-button-color-hover: var(--main-color-dark-blue);
	--default-button-border-color-hover: var(--main-default-light);
	--default-button-background-hover: var(--main-default-light);

	/* btn-primary */
	--primary-button-color: var(--main-color-white);
	--primary-button-border-color: var(--main-primary-dark);
	--primary-button-background: var(--main-primary);

	--primary-button-color-hover: var(--main-color-white);
	--primary-button-border-color-hover: var(--main-primary-light);
	--primary-button-background-hover: var(--main-primary-light);

	--primary-button-color-click: var(--main-color-white);
	--primary-button-border-color-click: var(--main-primary-light);
	--primary-button-background-click: var(--main-primary-light);

	/* .btn.btn-danger */
	--danger-button-color: var(--main-color-white);
	--danger-button-border-color: var(--main-danger-dark);
	--danger-button-background: var(--main-danger);

	--danger-button-color-hover: var(--main-color-white);
	--danger-button-border-color-hover: var(--main-danger-light);
	--danger-button-background-hover: var(--main-danger-light);

	/* .btn.btn-success */
	--success-button-color: var(--main-color-white);
	--success-button-border-color: var(--main-success-dark);
	--success-button-background: var(--main-success);

	--success-button-color-hover: var(--main-color-white);
	--success-button-border-color-hover: var(--main-success-light);
	--success-button-background-hover: var(--main-success-light);

	/* .btn.btn-warning */
	--warning-button-color: var(--main-color-white);
	--warning-button-border-color: var(--main-warning-dark);
	--warning-button-background: var(--main-warning);

	--warning-button-color-hover: var(--main-color-white);
	--warning-button-border-color-hover: var(--main-warning-light);
	--warning-button-background-hover: var(--main-warning-light);

	/* .btn-just-icon */


/******************
      CALENDAR
*******************/
	--datepicker-today: var(--main-primary);
	--datepicker-day-events: var(--main-primary);


/******************
      CHECKBOX
*******************/
	--checkbox-unchecked-color: #bbb;
	--checkbox-checked-color: var(--main-primary);
	--checkbox-disabled-color: #ddd;
	--checkbox-disabled-checked-color: #39939E80;  /** pourrait se calculer avec : color-mix(in srgb, var(--checkbox-checked-color) 50%, white) */



/*****************************
      VOICE TRANSCRIPTION
******************************/
	--voice-second-height:13;



/*****************
      CURTAIN
******************/
	--curtain-border-color: var(--border-color-light);
	--curtain-border-left-color:var(--main-primary);
	--curtain-border-top-color: var(--main-primary);
	--curtain-border-right-color: var(--border-color-light);
	--curtain-border-bottom-color: var(--border-color-light);
	--curtain-border-size: 3px;
	
	--curtain-size : 20px;
	--curtain-container-size:100px;
	


/*****************
      TABPANE
******************/
	--tabs-left-content-padding: var(--main-padding-large); /* 12px; */
	--tabs-left-content-background: var(--layout-main-background-color);

	--tabPaneScroller-background: var(--main-primary-background-highlighted);
	--tabPaneScroller-color: var(--main-primary-color-highlighted);

	--tabpane-bar2-background-color:var(--layout-highlight-background-color);

	/* Onglets verticaux (Dossiers / Affaires ...) */
	--tabpane-mid0-select-background: var(--main-primary-background-selected);
	--tabpane-mid0-select-color: var(--main-primary-color-selected);
	--tabpane-mid0-hover-background: var(--main-primary-background-highlighted);
	--tabpane-mid0-hover-color: var(--main-primary-color-highlighted);
	--badge-pan0-background: var(--main-primary); /*var(--main-color-bright-grey);*/
	--badge-pan0-color: var(--main-color-white);
  
	/* Onglets horizontaux (QuickSearch ...) */
	--tabpane-mid1-border-color: var(--border-color);
	--tabpane-mid1-select: var(--main-primary-color-highlighted);
	--tabpane-mid1-hover: var(--main-primary-background-highlighted);
	--badge-pan1-background: var(--main-color-bright-grey);
	--badge-pan1-color: var(--color);
	
	/* Onglets horizontaux (Param Ecrans Univers ...) */
	--tabpane-mid2-select: var(--main-primary-color-highlighted);
	--tabpane-mid2-hover: var(--main-primary-background-highlighted);
	--badge-pan2-background: var(--main-color-bright-grey);
	--badge-pan2-color: var(--color);

	/* Onglet horizontaux (Param Table U ...) */
	--tabpane-mid3-border-color: var(--border-color);
	--tabpane-mid3-select: var(--main-primary-color-highlighted);
	--tabpane-mid3-hover-background: var(--main-primary-background-highlighted);
	--tabpane-mid3-hover-color: var(--main-primary-color-highlighted);
	--badge-pan3-background: var(--main-color-bright-grey);
	--badge-pan3-color: var(--color);
	
	/* Onglets horizontaux (Dossier, Recherche avancée ...) */
	--tabpane-mid4-border-color: var(--main-default-dark);
	--tabpane-mid4-select: var(--main-primary-color-highlighted);
	--tabpane-mid4-unselect: var(--main-default-dark);
	--tabpane-mid4-hover: var(--main-primary-background-highlighted);
	--badge-pan4-background: var(--main-color-bright-grey);
	--badge-pan4-color: var(--color);



/**********************
      CONTEXT TREE
***********************/
	/* STANDARD */
	--contexttree-background: var(--main-color-dark-blue);
	--contexttree-color: var(--main-color-white);
	--contexttree-hover-background: var(--main-primary-background-highlighted);
	--contexttree-hover-color: var(--main-primary-color-highlighted);
	--contexttree-gradient-color: #060F1E;

	--contexttree-selected-background: var(--main-primary-background-selected);
	--contexttree-selected-color: var(--main-primary-color-selected);
	--contexttree-selected-hover-background: var(--main-primary-background-highlighted);
	--contexttree-selected-hover-color: var(--main-primary-color-highlighted);
	
	/* MODIFIE */
	--contexttree-modified-background: var(--contexttree-background);
	--contexttree-modified-color: var(--main-warning);
	--contexttree-modified-hover-background: var(--contexttree-hover-background) ;/* var(--main-warning-light); */
	--contexttree-modified-hover-color: var(--contexttree-hover-color); /* var(--main-warning-dark); */

	--contexttree-selected-modified-background: var(--main-warning-dark);
	--contexttree-selected-modified-color: var(--main-warning-light);
	--contexttree-selected-modified-hover-background: var(--contexttree-hover-background) ;/* var(--main-warning-light);*/
	--contexttree-selected-modified-hover-color: var(--contexttree-hover-color); /* var(--main-warning-dark);*/

	/* ERREUR */
	--contexttree-error-background: var(--contexttree-background);
	--contexttree-error-color: var(--main-danger);
	--contexttree-error-hover-background: var(--contexttree-hover-background) ;/*  var(--main-danger-light);*/
	--contexttree-error-hover-color: var(--contexttree-hover-color); /* var(--main-danger-dark); */

	--contexttree-selected-error-background: var(--main-danger-dark);
	--contexttree-selected-error-color: var(--main-danger-light);
	--contexttree-selected-error-hover-background: var(--contexttree-hover-background);/*  var(--main-danger-light);*/
	--contexttree-selected-error-hover-color: var(--contexttree-hover-color); /* var(--main-danger-dark) ; */


	
/*****************
      TOOLTIP
******************/
  --tooltip-background-color : #f8fcff;
  --tooltip-border-color: #606060;



/******************
      DATALIST
*******************/
  --datalist-header-background-color: var(--layout-main-background-color);
  --datalist-line-border-color: #e2e2e2; 
  --datalist-line-background-color: var(--main-color-white);
  --datalist-hover-background-color: #f3f3f3;
  --datalist-current-background-color: var(--layout-main-background-color);
  --datalist-current-border-color: #b6b6b6;


/***********************
      WINDOW POPUP
************************/
  --window-title-background: var(--main-color-dark-blue);
  --window-title-label: var(--main-color-white);
  --window-title-light-background: var(--main-color-dark-blue);
  --window-title-light-label: var(--main-color-white);
  --window-footer-background: var(--layout-main-background-color);


/***********************
         BADGE
************************/
  /* Bouton fermeture/ouverture arbre context */
  --badge-sidbebar-background: var(--main-primary); /*var(--main-color-bright-grey);*/
  --badge-sidbebar-color: var(--main-color-white);


/***********************
       FAQ AFFAIRE
************************/
  --faq-case-light-color: #F5FAFA; 
  --faq-case-dark-color: var(--main-color-blue-boston);
  --faq-case-input-background: rgba(255, 255, 255, 0.7);
  
  
/***********************
       QUERY BUILDER
************************/

  --querybuilder-bg-secondary: #90A0B6;
	--querybuilder-bg-white: var(--main-color-white);
	--querybuilder-border-light:#D1D1D1;
	--querybuilder-border-hover:#808080;
	--querybuilder-disable-light:#F8FAFC;
	--querybuilder-disable-border: #E2E8F0;
	--querybuilder-disable-text: #BECADA;
}