@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
:root {

  /*----- TIA COLOR VARIABLES -----*/  

  --tia-color-primary: #DA291C;  
  --tia-color-primary-active: #ff907d;  
  --tia-color-primary-active-transparent: #fff4f2;  
  --tia-color-alternative: #394eaf;  
  --tia-color-body-bg: #EFE8DF;  
  --tia-color-cmp-bg: #ffffff;  
  --tia-color-divider: #edeef3;  
  --tia-color-cmp-border: #e2e5ea;  
  --tia-color-header-text: #282828;  
  --tia-color-body-text: #404040;  
  --tia-color-caption-text: #666666;  
  --tia-color-link-text: #3654ab;  
  --tia-color-table-header: #f3f4f7;  
  --tia-color-table-row: #ffffff;  
  --tia-color-table-hover-row: #fafbfe;  
  --tia-color-table-row-expanded-top: #f3f4f7;  
  --tia-color-table-header-expanded: #f3f4f7;  
  --tia-color-table-row-expanded: #ffffff;  
  --tia-color-table-row-expanded-header: #f3f4f7;  
  --tia-color-icon-1: #405E6C;  
  --tia-color-icon-2: #BFC9CE;  
  --tia-color-icon-3:#FFFFFF;  
  --tia-color-success: #26c775;  
  --tia-color-information: #1890ff;  
  --tia-color-error: #f02b43;  
  --tia-color-warning: #f5a623;
  --tia-badge-color: var(--tia-color-primary);
  
   /*----- TIA FONT VARIABLES -----*/

  --tia-font-family: 'Open Sans', sans-serif;

   /*----- COMPONENT STYLE OVERRIDES -----*/

  --tia-left-menu-bg: #DA291C;  
  --tia-top-menu-bg: rgb(10, 9, 9);  
  --tia-panel-bg: white;  
  --tia-body-bg: var(--tia-color-body-bg);  
  --tia-panel-cell-bg: white;  
  --tia-panel-header-bg: white;  
  --tia-panel-header-color: var(--tia-color-header-text);  
  --tia-divider-color: var(--tia-color-divider);  
  --tia-border-color: var(--tia-color-divider);  
  --tia-menu-item-bg: transparent;  
  --tia-menu-item-color: white;  
  --tia-menu-item-active-color: white;  
  --tia-menu-item-active-bg: var(--tia-color-primary-active);  
  --tia-menu-item-active-bg-transparent: rgb(187, 35, 25);  
  --tia-menu-item-hover-bg: var(--tia-color-table-header);  
  --tia-menu-item-hover: rgb(187, 35, 25);  
  --tia-tab-bg: white;  
  --tia-tab-active-bg: var(--tia-color-primary-active);  
  --tia-label-font-size: 10px;  
  --tia-label-font-weight: 700;  
  --tia-label-font-color: var(--tia-color-table-header);  
  --tia-input-font-size: 14px;  
  --tia-input-font-weight: 600;  
  --tia-input-font-color: var(--tia-color-body-text);
  --tia-top-menu-logo-url: url(https://cussp-sbhprod.s3.eu-central-1.amazonaws.com/ERGO_logo.jpg);
  --tertiary-button-color: #ff9181;
  --tertiary-button-font-color: #fff;
  --tertiary-button-color-border: transparent;
  --tertiary-button-color-hover: #ff7c69;
  --tertiary-button-color-active: #f6f7fa;
  --tertiary-button-border-color-focus: #9db8ef;

  --ghost-secondary-button-disabled-color-border: #ff0000;
  --ghost-secondary-button-font-color: #ff0000;

}