:root {
  /*BASIC COLORS*/
  --cui-basic-bg-color: rgba(255, 255, 255, 1); 
  --cui-basic-color: rgba(0, 0, 21, 1);
  --cui-body-bg: rgba(228, 228, 228, 1);
  --icm4-grey94: rgba(240, 240, 240, 1);
  --icm4-grey98: rgba(245, 245, 245, 1);
  --icm4-floating-btn-color: rgba(128,128,128, 1);

  /* FINAL COLORS */
  --icm4-positive-color: rgba(185, 34, 34, 1);
  --icm4-positive-light-color: rgba(185, 34, 34, .3);
  --icm4-positive-hover-color: rgba(185, 34, 34, .7);
  --icm4-positive-transparent: transparent;

  /* SEARCH SHOW - COLORS */
  --cui-header-bg: rgba(75, 75, 75, 1);
  --cui-header-color: rgba(255, 255, 255, 1);
  --cui-modal-sidebar-menu-color: rgba(128, 128, 128, 1);
  --cui-modal-content-bg: rgba(255, 255, 255, 1);
  --cui-search-border-color: rgba(230, 230, 230, 1);
  --cui-pagination-color: var(--cui-body-bg);
  --cui-search-pagination-bg: transparent;
  --cui-filter-header-bg: rgba(236, 236, 236, 1);
  --cui-filter-header-color: rgba(255, 255, 255, 1);
  --cui-filter-input-bg: rgba(255, 255, 255, 1);
  --cui-form-label-color: rgba(0, 0, 0, 1);
  --cui-bg-opacity-light: rgba(0, 0, 0, 0.1);


  /* BTN PRIMARY */
  --cui-btn-hover-bg: rgba(81, 65, 224, 1);
  --cui-btn-hover-border-color: rgba(71, 53, 223, 1);
  --cui-btn-hover-color: rgba(255, 255, 255, 0.87);
  --cui-btn-active-bg: rgba(91, 76, 226, 1);
  --cui-btn-active-border-color: rgba(71, 53, 223, 1);
  --cui-btn-active-color: rgba(255, 255, 255, 0.87);
  --cui-btn-shadow: rgba(50, 31, 219, 0.5);

  /* BTN DISABLED */
  --cui-btn-disabled-bg: rgba(157, 165, 177, 1);
  --cui-btn-disabled-border-color: rgba(157, 165, 177, 1);
  --cui-btn-disabled-color: rgba(0, 0, 21, 1);

  /* POPOVERS */
  --cui-popover-bg: var(--cui-header-bg);
  --cui-popover-body-color: white;
  --cui-popover-arrow-color: var(--cui-header-bg);
  --cui-popover-arrow-outer-color: var(--cui-header-bg);

/*  TOOLTIPS */
.nav-tooltip {
  --cui-tooltip-bg: var(--icm4-positive-color);
}

  /* LIST-GROUP */
  --cui-list-group-bg: var(--cui-basic-bg-color);

  --icm4-minimize-diff-color: rgba(var(--cui-warning-rgb));
}


.dark-theme {
  --cui-basic-bg-color: rgba(42, 43, 54, 1);
  --cui-basic-color: rgba(255, 255, 255, 0.87);
  --cui-body-bg: rgba(24, 25, 36, 1);
  --icm4-grey94: rgba(24, 25, 36, 1);
  --icm4-grey98: rgba(255, 255, 255, 0.05);

  /* SEARCH SHOW / MODALS - COLORS */
  --cui-header-bg: rgba(61, 62, 71, 1);
  --cui-filter-header-bg: rgba(61, 62, 71, 1);
  --cui-filter-input-bg: rgba(255, 255, 255, 0.05);
  --cui-pagination-color: var(--cui-body-bg);
  --cui-search-pagination-bg: transparent;
  --cui-search-border-color: rgba(255, 86, 0, .3);
  --cui-form-text-color: rgba(255, 255, 255, 0.75);

  --cui-modal-content-bg: rgba(61, 62, 71, 1);
  --cui-form-label-color: rgba(255, 255, 255, 1);

  --cui-header-color: rgba(255, 255, 255, 0.75);
  --cui-header-hover-color: rgba(255, 255, 255, 0.9);
  --cui-header-active-color: #fff;
  --cui-header-disabled-color: rgba(255, 255, 255, 0.25);

  --cui-bg-opacity-light: rgba(255, 255, 255, 0.2);

  /*  LIST-GROUP*/
  --cui-list-group-bg: var(--cui-basic-bg-color);
}