:root {
  /* tooltip color */
  --tooltip-color: #3f73a7; /*change the tooltip color */
  /* tooltip color */

  /* buttons color */
  --portal-client-button: #0d6efd; /* controls all button background color */
  --portal-client-button-font: #fff; /* controls all button font color */
  --portal-client-button-hover: #0b5ed7; /* controls all button hover color */
  /* buttons color */

  /*create user btn */
  --create-user-button: #5e8f32; /* users page cerete user btn */
  --create-user-button-font: #fff; /* users page cerete user btn font*/

  --create-user-wizard-background: #efefef; /* create user wizard background color */
  --create-user-wizard-background-active: #007acc; /* create user active wizard background color */
  --create-user-wizard-background-active-font: #fff; /*  create user active wizard font color  */
  /* create user btn */

  /* email templates btn */
  --new-edit-template-button: #5e8f32; /* new or edit email template btn color */
  --new-edit-template-button-font: #fff; /* new or edit email template btn color */

  --delete-template-button: #fab710; /* delete email template btn color */
  --delete-template-button-font: #fff; /*delete new or edit email template btn color */
  /* email templates btn */

  /*navbar*/
  --navbar-bg-color: #3f73a7; /* navbar backgroung color */
  --navbar-line: #a0c2e2; /* navbar pipe color */
  --navbar-menu-hover: #4e8ec7; /* navbar button mouse hover color */
  /*navbar*/

  /* search panel */
  --search-panel-background-color: #d2e2f1; /* search panel background color */

  --search-panel-label-text: #4e8ec7; /*search panel label text color(font)  */

  --search-panel-inputtext-box-hover: #2196f3; /* search panel inputtext get hover boder color */

  --search-panel-inputtext-box-shadow: #a6d5fa; /* search panel inputtext get focus boder color */

  --search-panel-multiselect: #e3f2fd; /* search panel multiselect color */
  --search-panel-multiselect-font: #495057; /* search panel multiselect font color */

  --search-collapse-expand: #4e8ec7; /* search panel collapse and expand btn color*/
  /* search panel */

  /* search result */
  --search-result-background-color: white; /* search result background color */

  --search-result-heard-font: #181d1f; /* search result header font color*/

  --search-result-filter-chip-background: #689ed0; /* search result header filter chip background color */
  --search-result-filter-chip-color: white;

  --search-result-quick-search-border-color: #86b7fe; /* search result quick search boder color */
  --search-result-quick-search-box-shadow: rgba(
    13,
    110,
    253,
    0.25
  ); /* search result quick search get focus boder color */

  --ag-result-header-background: #f8f8f8; /* search result list header background color*/
  --ag-result-header-background-hover: #e8eef3; /* search result list header get mouse hover color*/

  --ag-result-row-background-color: rgb(
    241,
    241,
    241
  ); /* search result list row background color*/
  --ag-result-row-background-hover: #e8eef3; /* search result list row get mouse hover color*/
  --ag-result-row-font: #181d1f; /* search result list row font color*/

  --ag-result-stand-out-row-font: #649cce; /* search result list row stand out font color eg:accession number */

  --ag-result-inline-row-btn-background: #d2e2f1; /* inline row btn background,eg:download images button */
  /* search result */
}