:root {
  /* The font family. "--font-family-sans-serif" is the default font used by bootstrap. */
  --font_family: var(--font-family-sans-serif);
  /* The primary color (e.g. shown in the navigation header) */
  --color_ussp_primary: #00999980;
  /* The darker version of that primary color (e.g. shown as a header for forms) */  
  --color_ussp_primary_dark: #009999;
  /* The secondary color (e.g. shown in the left menu background) */
  --color_ussp_secondary:#D0D3DA;
  /* The tertiary color (e.g. shown in a submenu item) */
  --color_ussp_tertiary: #a2a2a2;
  /* The quaternary color (e.g. shown login page corner texts) */
  --color_ussp_quaternary: #ffffff;
  /* The background color of the login page */
  --color_ussp_login_background: #D0D3DA;
  /* The color of the header text on the dashboard */
  --color_grid_header_text:#a2a2a2;
  /* The color of the header on one grid item (process on dashboard) */
  --color_griditem_headline: #a2a2a2; 
  /* The color of the text in one grid item (process on dashboard) */
  --color_griditem_text: #a2a2a2;
  /* The color of an action item (e.g. the search) */
  --color_action_item: #2387AA;
  /* The color of the possible actions link */
  --color_possible_actions: #ffffff;
  /* The color when an action item is disabled */
  --color_disabled: #a2a2a2;
  /* The size of the logo on the login page */
  --size_logo_login: 5rem;
  /* The size of the logo in the nav area */
  --size_logo_nav: 3rem;
}