/* Variabled and Function Reference placeholder */
:root {
  --global-color-teal-900: #002D2D;
  --global-color-teal-800: #0F4146;
  --global-color-teal-700: #185956;
  --global-color-teal-600: #14716D;
  --global-color-teal-500: #148D87;
  --global-color-teal-400: #35CCBE;
  --global-color-teal-200: #9EF1E4;
  --global-color-teal-100: #DBFBF5;
  --global-color-dark-blue-10: #F6FAFA;
  --global-color-dark-blue-200: #9EF1E4;
  --global-color-dark-blue-600: #1E5EDB;
  --global-color-dark-blue-700: #1F4CB3;
  --global-color-pale-green-150: #E7F4EB;
  --global-color-dark-blue-800: #1E428A;
  --global-color-red-900: #4F0808;
  --global-color-red-700: #AF1212;
  --global-color-red-600: #D52020;
  --global-color-red-500: #F44343;
  --global-color-red-400: #FF8F8F;
  --global-color-red-300: #FFB8B8;
  --global-color-red-200: #FFD6D6;
  --global-color-red-50: #FDF2F2;
  --global-color-orange-500: #FC6631;
  --global-color-orange-600: #D5330B;
  --global-color-amber-200: #FEEACF;
  --global-color-amber-300: #FFD6A2;
  --global-color-amber-400: #FF9C00;
  --global-color-amber-900: #500D07;
  --global-color-green-50: #E9FBF1;
  --global-color-green-100: #CFF7E0;
  --global-color-green-200: #A9EFCB;
  --global-color-green-300: #6CE0AA;
  --global-color-green-400: #27ae61;
  --global-color-green-500: #17AB70;
  --global-color-green-600: #0A8054;
  --global-color-green-900: #042F22;
  --global-color-pale-green-200: #D3E4D6;
  --global-color-pale-green-100: #EEF7F1;
  --global-color-yellow-400: #F5F0BF;
  --global-color-yellow-600: #C06702;
  --global-color-yellow-500: #FFE500;
  --global-color-yellow-50: #FFFBEB;
  --nova-button-tertiary-default-color: #1F4CB3;
  --nova-color-informative-secondary: #EAF9FB;
  --global-color-grey-900: #000;
  --global-color-grey-800: #242D2E;
  --global-color-grey-700: #333B3B;
  --global-color-grey-600: #515757;
  --global-color-grey-500: #889192;
  --global-color-grey-400: #C1CACB;
  --global-color-grey-300: #E0E6E6;
  --global-color-grey-200: #EFF3F3;
  --global-color-grey-100: #fff;
  --size-s0: 2px;
  --size-s1: 4px;
  --size-s1-1: 6px;
  --size-s2: 8px;
  --size-s3: 12px;
  --size-s4: 16px;
  --size-s5: 20px;
  --size-s6: 24px;
  --size-s7: 28px;
  --size-s8: 32px;
  --size-s9: 36px;
  --size-s10: 40px;
  --size-s11: 44px;
  --size-s11-2: 46px;
  --size-s12: 48px;
  --size-s13: 52px;
  --size-s14: 56px;
  --size-s15: 60px;
  --size-s16: 64px;
  --size-s17: 68px;
  --size-s18: 72px;
  --size-s19: 76px;
  --size-s20: 80px;
  --size-s21: 84px;
  --size-s22: 88px;
  --size-s23: 92px;
  --size-s24: 96px;
  --size-s25: 100px;
  --size-s26: 120px;
  --spacing-xxsmall: var(--size-s0);
  --spacing-xsmall: var(--size-s1);
  --spacing-xssmall: var(--size-s1-1);
  --spacing-small: var(--size-s2);
  --spacing-compact: var(--size-s3);
  --spacing-regular: var(--size-s4);
  --spacing-medium: var(--size-s5);
  --spacing-large: var(--size-s6);
  --spacing-xlarge: var(--size-s8);
  --spacing-xxlarge: var(--size-s13);
  --spacing-xxxlarge: var(--size-s16);
  --surface-primary-base-bg: var(--global-color-teal-800);
  --surface-secondary-base-bg: var(--global-color-teal-600);
  --surface-lightest-base-bg: var(--global-color-grey-100);
  --surface-tab-selector-base-bg: var(--global-color-teal-600);
  --nova-surfaces-color-background: #F5F7FA;
  --surface-light-base-bg: var(--global-color-grey-200);
  --surface-light-tile-bg: var(--global-color-teal-100);
  --surface-color-workspace-border: var(--global-color-grey-300);
  --surface-color-component-border: var(--global-color-grey-500);
  --dropdown-max-width: 360px;
  --media-tablet-width: 991px;
  --dropdown-border-separator: var(--global-color-teal-700);
  --surface-inactive-tabs-base-bg: var(--global-color-grey-400);
  --sidebar-background-color: var( --global-color-pale-green-150);
  --component-sidebar-width-collapsed: 60px;
  --panel-title-wrapper-background: #D5E2E1;
  --error-status-background-color: var(--global-color-red-300);
  --error-status-text-color: var(--global-color-red-600);
  --tab-selected-background: var(--global-color-teal-600);
  --tab-selected-active-background: var(--global-color-teal-800);
  --tab-default-background: #C1CACB;
  --tab-hover-background: #d7ddde;
  --tab-active-default-background: #abb7b8;
  --tab-active-hover-background: var(--global-color-teal-700);
  --tab-default-color: #333B3B;
  --unavailability-bg-annual-leave: #EAF9FB;
  --unavailability-fg-annual-leave: #112E3B;
  --unavailability-border-annual-leave: #41BACF;
  --unavailability-bg-sick-leave: #F2F2FD;
  --unavailability-fg-sick-leave: #291F5B;
  --unavailability-border-sick-leave: #6650CE;
  --unavailability-bg-study-leave: #FFEEE0;
  --unavailability-fg-study-leave: #4F0808;
  --unavailability-border-study-leave: #FC6631;
  --unavailability-bg-other-leave: #FFFBEB;
  --unavailability-fg-other-leave: #4A1C02;
  --unavailability-border-other-leave: #4A1C02;
  --unavailability-bg-working-day: #E9FBF1;
  --unavailability-fg-working-day: #002D2D;
  --unavailability-border-working-day: #0A8054;
  --unavailability-bg-parenting: #FDF2F2;
  --unavailability-fg-parenting: #4F0808;
  --unavailability-border-parenting: #D52020;
  --action-primary-enabled-bg-color: var(--global-color-dark-blue-700);
  --action-primary-enabled-bg-hover-color: var(--global-color-dark-blue-600);
  --action-primary-enabled-fg-color: var(--global-color-grey-100);
  --action-primary-enabled-fg-pressed-color: var(--global-color-grey-100);
  --action-primary-enabled-bg-pressed-color: var(--global-color-dark-blue-800);
  --action-iconButton-enabled-bg-pressed-color: #abb7b8;
  --action-ghost-enabled-bg-color: transparent;
  --action-ghost-enabled-fg-color: var(--global-color-teal-700);
  --action-ghost-pressed-bg-color: rgba(0, 0, 0, 0.15);
  --action-ghost-pressed-fg-color: var(--palette-text-regular);
  --action-ghost-hover-bg-color: rgba(0, 0, 0, 0.07);
  --action-ghost-enabled-fg-hover-color: var(--global-color-teal-700);
  --action-focus-border-inverse: var(--global-color-grey-100);
  --action-cards-focus-visible-color: var(--global-color-grey-800);
  --menu-item-hover-bg-color: var(--global-color-teal-700);
  --menu-item-hover-fg-color: var(--global-color-grey-100);
  --menu-item-hover-icon-color: var(--palette-neutral-c20);
  --menu-item-press-bg-color: var(--global-color-teal-900);
  --menu-item-press-fg-color: var(--global-color-grey-100);
  --menu-item-press-icon-color: var(--palette-neutral-c50);
  --menu-item-selected-bg-color: var(--global-color-pale-green-200);
  --menu-item-selected-fg-color: var(--global-color-teal-900);
  --menu-item-enabled-icon-color: var(--palette-neutral-c50);
  --menu-item-enabled-bg-color: transparent;
  --menu-item-enabled-fg-color: var(--palette-neutral-c30);
  --dropdown-menu-item-selected-bg-color: var(--global-color-teal-600);
  --dropdown-menu-item-selected-fg-color: var(--global-color-grey-100);
  --dropdown-menu-item-selected-border-color: var(--global-color-teal-500);
  --dropdown-menu-item-height: var(--size-s12);
  --action-secondary-enabled-bgColor: var(--global-color-grey-100);
  --action-secondary-enabled-fgColor: var(--global-color-dark-blue-700);
  --action-secondary-enabled-borderColor: var(--global-color-dark-blue-700);
  --action-secondary-enabled-iconColor: var(--global-color-dark-blue-700);
  --action-secondary-hover-bgColor: rgba(61, 177, 227, 0.15);
  --action-secondary-hover-fgColor: var(--global-color-dark-blue-600);
  --action-secondary-hover-borderColor: var(--global-color-dark-blue-600);
  --action-secondary-hover-iconColor: var(--global-color-dark-blue-600);
  --action-secondary-press-bgColor: rgba(26, 135, 181, 0.23);
  --action-secondary-press-fgColor: var(--global-color-dark-blue-700);
  --action-secondary-press-borderColor: var(--global-color-dark-blue-700);
  --action-secondary-press-iconColor: var(--global-color-dark-blue-700);
  --action-primary-disabled-bgColor: #C1CACB;
  --action-primary-disabled-fgColor: #ffffff;
  --action-tertiary-enabled-bgColor: transparent;
  --action-tertiary-enabled-fgColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-enabled-iconColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-hover-bgColor: transparent;
  --action-tertiary-hover-fgColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-hover-iconColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-enabled-borderColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-press-bgColor: #F5F7FA;
  --action-tertiary-press-fgColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-press-iconColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-disabled-bgColor: #C1CACB;
  --action-tertiary-disabled-fgColor: #ffffff;
  --palette-border-highlight: var(--global-color-teal-500);
  --palette-border-separator: var(--global-color-grey-300);
  --unit-card-red-border-color: var(--global-color-red-300);
  --unit-card-red-selected-border-color: var(--global-color-red-500);
  --unit-card-green-border-color: var(--global-color-green-300);
  --unit-card-green-selected-border-color: var(--global-color-green-400);
  --unit-card-amber-border-color: var(--global-color-amber-300);
  --unit-card-yellow-border-color: var(--global-color-yellow-500);
  --unit-card-amber-selected-border-color: var(--global-color-amber-400);
  --unit-card-yellow-selected-border-color: var(--global-color-yellow-500);
  --card-border-radius: 4px;
  --component-border-radius-base: 6px;
  --section-border-highlight: var(--global-color-grey-300);
  --palette-border-primary: var(--global-color-teal-700);
  --palette-border-regular: var(--global-color-grey-300);
  --component-actions-border-radius: 8px;
  --components-interactive-borderRadius: 6px;
  --components-sections-borderRadius: var(--size-s3);
  --component-interactive-border-radius: var(--size-s2);
  --component-containers-border-radius: var(--size-s3);
  --action-focus-border: var(--global-color-grey-600);
  --badge-border-radius: 4px;
  --tertiary-button-border-radius: 2px;
  --button-primary-medium-height: 36px;
  --button-primary-border-radius: 8px;
  --separator-line-color: var( --global-color-grey-300);
  --badge-primary-color: var( --global-color-teal-700);
  --checkbox-primary-color: var( --global-color-teal-700);
  --component-menu-icon-button-width: var(--size-s9);
  --component-menu-icon-button-height: var(--size-s9);
  --close-panel-icon-background-color: rgba(0, 0, 0, 0.13);
  --close-panel-icon-pressed-background-color: rgba(0, 0, 0, 0.27);
  --rld-dimension-login-panel-width: 600px;
  --login-form-offset-top: -6vh;
  --opt-typography-product-font-size: 28px;
  --opt-mobile-typography-product-font-size: 22px;
  --unit-card-red-background-color: var(--global-color-red-200);
  --unit-card-amber-background-color: var(--global-color-amber-200);
  --unit-card-green-background-color: var(--global-color-green-200);
  --unit-card-yellow-background-color: var(--global-color-yellow-400);
  --action-transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
  --input-sizing-height: 40px;
  --sidebar-desktop-width: 740px;
  --badge-height: 22px;
  --table-medium-column-width: var(--size-s26);
  --label-section-height: 265px;
  --filter-section-sunburst-max-height: var(--size-s22);
  --button-default-lineHeight: 1.24;
  --icon-default-width: 1.5rem;
  --table-even-row-background-color: var(--global-color-dark-blue-10);
  --table-row-border-color: #eef2f2;
  --table-selected-row-border-color: #22bcff;
  --table-row-background-hover-color: #E0F3FD;
  --table-row-background-active-color: #AEE2F9;
  --table-row-background-selected-color: #BFE0FE;
  --table-row-border-active-color: #22BCFF;
  --table-grid-max-height: 330px;
  --table-grid-max-height-mobile-size: 380px;
  --summary-card-height: 110px;
  --summary-card-tablet-height: 124px;
  --ward-cards-focus-visible: var( --global-color-teal-700);
  --summary-card-red-background-hover-color: #ffe1e1;
  --summary-card-red-background-press-color: #F1C6C6;
  --summary-card-warning-background-hover-color: #FFF5CC;
  --summary-card-warning-background-press-color: #FCE596;
  --summary-card-excess-background-hover-color: #CFF7E0;
  --summary-card-excess-background-press-color: #77E5B2;
  --summary-card-neutral-background-hover-color: #EFF3F3;
  --summary-card-neutral-background-press-color: #E0E6E6;
  --font-default-size-xsmall: 12px;
  --font-default-size-medium: 16px;
  --font-default-size-large: 18px;
  --font-default-size-regular: 15px;
  --font-default-size-small: 14px;
  --font-default-size-link-button: 15px;
  --font-summary-size-value: 25px;
  --red-flag-icon-size: 26px;
  --icon-primary-color: var( --global-color-teal-700);
  --hover-state-primary-color: var( --global-color-teal-700);
  --active-state-primary-color: var( --global-color-teal-600);
  --component-icon-size-small: 20px;
  --component-icon-size-regular: 24px;
  --component-icon-size-large: 36px;
  --components-height-xxsmall: var(--size-s4);
  --components-height-xsmall: var(--size-s5);
  --components-height-small: var(--size-s6);
  --components-height-regular: var(--size-s7);
  --components-height-medium: var(--size-s8);
  --components-height-compact: var(--size-s9);
  --components-height-large: var(--size-s10);
  --components-height-mid-large: var(--size-s11);
  --components-height-xlarge: var(--size-s12);
  --components-height-xxlarge: var(--size-s14);
  --font-default-size-xlarge: 20px;
  --font-default-size-big: 18px;
  --font-default-lineHeight-icon-button: 32px;
  --font-default-lineHeight-multiline: 1.24;
  --font-default-lineHeight-tabs: 2.44;
  --font-default-lineHeight-singleLine: 1;
  --font-tabs-lineHeight-singleLine: 1.9;
  --button-icon-default-lineHeight: 1;
  --font-default-weight-bold: 600;
  --font-default-weight-medium: 500;
  --font-default-weight-regular: 400;
  --font-default-weight-light: 300;
  --palette-action-focus-outline: var(--global-color-dark-blue-200);
  --palette-text-regular: var(--global-color-grey-800);
  --palette-text-lighter: var(--global-color-grey-600);
  --palette-text-white: var(--global-color-grey-100);
  --palette-text-danger: var(--global-color-red-600);
  --palette-text-secondary: var(--global-color-grey-600);
  --palette-text-strong: #000;
  --palette-text-emphasis: #1C1C1C;
  --palette-text-highlight: #7869cc;
  --palette-text-diminished: rgba(0, 0, 0, 0.4);
  --palette-label-strong: var(--palette-text-strong);
  --palette-label-emphasis: #303030;
  --palette-label-regular: #007E79;
  --palette-label-disabled: #767676;
  --spacing-xxs: var(--size-s1);
  --spacing-xs: var(--size-s2);
  --spacing-s: var(--size-s3);
  --spacing-m: var(--size-s4);
  --spacing-l: var(--size-s5);
  --spacing-xl: var(--size-s6);
  --spacing-xxl: var(--size-s7);
  --spacing-xxxl: var(--size-s8);
  --sidebar-collapse-spacing: 88px;
}

/* Begin Metrics P3 dialogs */
/* Variabled and Function Reference placeholder */
:root {
  --global-color-teal-900: #002D2D;
  --global-color-teal-800: #0F4146;
  --global-color-teal-700: #185956;
  --global-color-teal-600: #14716D;
  --global-color-teal-500: #148D87;
  --global-color-teal-400: #35CCBE;
  --global-color-teal-200: #9EF1E4;
  --global-color-teal-100: #DBFBF5;
  --global-color-dark-blue-10: #F6FAFA;
  --global-color-dark-blue-200: #9EF1E4;
  --global-color-dark-blue-600: #1E5EDB;
  --global-color-dark-blue-700: #1F4CB3;
  --global-color-pale-green-150: #E7F4EB;
  --global-color-dark-blue-800: #1E428A;
  --global-color-red-900: #4F0808;
  --global-color-red-700: #AF1212;
  --global-color-red-600: #D52020;
  --global-color-red-500: #F44343;
  --global-color-red-400: #FF8F8F;
  --global-color-red-300: #FFB8B8;
  --global-color-red-200: #FFD6D6;
  --global-color-red-50: #FDF2F2;
  --global-color-orange-500: #FC6631;
  --global-color-orange-600: #D5330B;
  --global-color-amber-200: #FEEACF;
  --global-color-amber-300: #FFD6A2;
  --global-color-amber-400: #FF9C00;
  --global-color-amber-900: #500D07;
  --global-color-green-50: #E9FBF1;
  --global-color-green-100: #CFF7E0;
  --global-color-green-200: #A9EFCB;
  --global-color-green-300: #6CE0AA;
  --global-color-green-400: #27ae61;
  --global-color-green-500: #17AB70;
  --global-color-green-600: #0A8054;
  --global-color-green-900: #042F22;
  --global-color-pale-green-200: #D3E4D6;
  --global-color-pale-green-100: #EEF7F1;
  --global-color-yellow-400: #F5F0BF;
  --global-color-yellow-600: #C06702;
  --global-color-yellow-500: #FFE500;
  --global-color-yellow-50: #FFFBEB;
  --nova-button-tertiary-default-color: #1F4CB3;
  --nova-color-informative-secondary: #EAF9FB;
  --global-color-grey-900: #000;
  --global-color-grey-800: #242D2E;
  --global-color-grey-700: #333B3B;
  --global-color-grey-600: #515757;
  --global-color-grey-500: #889192;
  --global-color-grey-400: #C1CACB;
  --global-color-grey-300: #E0E6E6;
  --global-color-grey-200: #EFF3F3;
  --global-color-grey-100: #fff;
  --size-s0: 2px;
  --size-s1: 4px;
  --size-s1-1: 6px;
  --size-s2: 8px;
  --size-s3: 12px;
  --size-s4: 16px;
  --size-s5: 20px;
  --size-s6: 24px;
  --size-s7: 28px;
  --size-s8: 32px;
  --size-s9: 36px;
  --size-s10: 40px;
  --size-s11: 44px;
  --size-s11-2: 46px;
  --size-s12: 48px;
  --size-s13: 52px;
  --size-s14: 56px;
  --size-s15: 60px;
  --size-s16: 64px;
  --size-s17: 68px;
  --size-s18: 72px;
  --size-s19: 76px;
  --size-s20: 80px;
  --size-s21: 84px;
  --size-s22: 88px;
  --size-s23: 92px;
  --size-s24: 96px;
  --size-s25: 100px;
  --size-s26: 120px;
  --spacing-xxsmall: var(--size-s0);
  --spacing-xsmall: var(--size-s1);
  --spacing-xssmall: var(--size-s1-1);
  --spacing-small: var(--size-s2);
  --spacing-compact: var(--size-s3);
  --spacing-regular: var(--size-s4);
  --spacing-medium: var(--size-s5);
  --spacing-large: var(--size-s6);
  --spacing-xlarge: var(--size-s8);
  --spacing-xxlarge: var(--size-s13);
  --spacing-xxxlarge: var(--size-s16);
  --surface-primary-base-bg: var(--global-color-teal-800);
  --surface-secondary-base-bg: var(--global-color-teal-600);
  --surface-lightest-base-bg: var(--global-color-grey-100);
  --surface-tab-selector-base-bg: var(--global-color-teal-600);
  --nova-surfaces-color-background: #F5F7FA;
  --surface-light-base-bg: var(--global-color-grey-200);
  --surface-light-tile-bg: var(--global-color-teal-100);
  --surface-color-workspace-border: var(--global-color-grey-300);
  --surface-color-component-border: var(--global-color-grey-500);
  --dropdown-max-width: 360px;
  --media-tablet-width: 991px;
  --dropdown-border-separator: var(--global-color-teal-700);
  --surface-inactive-tabs-base-bg: var(--global-color-grey-400);
  --sidebar-background-color: var( --global-color-pale-green-150);
  --component-sidebar-width-collapsed: 60px;
  --panel-title-wrapper-background: #D5E2E1;
  --error-status-background-color: var(--global-color-red-300);
  --error-status-text-color: var(--global-color-red-600);
  --tab-selected-background: var(--global-color-teal-600);
  --tab-selected-active-background: var(--global-color-teal-800);
  --tab-default-background: #C1CACB;
  --tab-hover-background: #d7ddde;
  --tab-active-default-background: #abb7b8;
  --tab-active-hover-background: var(--global-color-teal-700);
  --tab-default-color: #333B3B;
  --unavailability-bg-annual-leave: #EAF9FB;
  --unavailability-fg-annual-leave: #112E3B;
  --unavailability-border-annual-leave: #41BACF;
  --unavailability-bg-sick-leave: #F2F2FD;
  --unavailability-fg-sick-leave: #291F5B;
  --unavailability-border-sick-leave: #6650CE;
  --unavailability-bg-study-leave: #FFEEE0;
  --unavailability-fg-study-leave: #4F0808;
  --unavailability-border-study-leave: #FC6631;
  --unavailability-bg-other-leave: #FFFBEB;
  --unavailability-fg-other-leave: #4A1C02;
  --unavailability-border-other-leave: #4A1C02;
  --unavailability-bg-working-day: #E9FBF1;
  --unavailability-fg-working-day: #002D2D;
  --unavailability-border-working-day: #0A8054;
  --unavailability-bg-parenting: #FDF2F2;
  --unavailability-fg-parenting: #4F0808;
  --unavailability-border-parenting: #D52020;
  --action-primary-enabled-bg-color: var(--global-color-dark-blue-700);
  --action-primary-enabled-bg-hover-color: var(--global-color-dark-blue-600);
  --action-primary-enabled-fg-color: var(--global-color-grey-100);
  --action-primary-enabled-fg-pressed-color: var(--global-color-grey-100);
  --action-primary-enabled-bg-pressed-color: var(--global-color-dark-blue-800);
  --action-iconButton-enabled-bg-pressed-color: #abb7b8;
  --action-ghost-enabled-bg-color: transparent;
  --action-ghost-enabled-fg-color: var(--global-color-teal-700);
  --action-ghost-pressed-bg-color: rgba(0, 0, 0, 0.15);
  --action-ghost-pressed-fg-color: var(--palette-text-regular);
  --action-ghost-hover-bg-color: rgba(0, 0, 0, 0.07);
  --action-ghost-enabled-fg-hover-color: var(--global-color-teal-700);
  --action-focus-border-inverse: var(--global-color-grey-100);
  --action-cards-focus-visible-color: var(--global-color-grey-800);
  --menu-item-hover-bg-color: var(--global-color-teal-700);
  --menu-item-hover-fg-color: var(--global-color-grey-100);
  --menu-item-hover-icon-color: var(--palette-neutral-c20);
  --menu-item-press-bg-color: var(--global-color-teal-900);
  --menu-item-press-fg-color: var(--global-color-grey-100);
  --menu-item-press-icon-color: var(--palette-neutral-c50);
  --menu-item-selected-bg-color: var(--global-color-pale-green-200);
  --menu-item-selected-fg-color: var(--global-color-teal-900);
  --menu-item-enabled-icon-color: var(--palette-neutral-c50);
  --menu-item-enabled-bg-color: transparent;
  --menu-item-enabled-fg-color: var(--palette-neutral-c30);
  --dropdown-menu-item-selected-bg-color: var(--global-color-teal-600);
  --dropdown-menu-item-selected-fg-color: var(--global-color-grey-100);
  --dropdown-menu-item-selected-border-color: var(--global-color-teal-500);
  --dropdown-menu-item-height: var(--size-s12);
  --action-secondary-enabled-bgColor: var(--global-color-grey-100);
  --action-secondary-enabled-fgColor: var(--global-color-dark-blue-700);
  --action-secondary-enabled-borderColor: var(--global-color-dark-blue-700);
  --action-secondary-enabled-iconColor: var(--global-color-dark-blue-700);
  --action-secondary-hover-bgColor: rgba(61, 177, 227, 0.15);
  --action-secondary-hover-fgColor: var(--global-color-dark-blue-600);
  --action-secondary-hover-borderColor: var(--global-color-dark-blue-600);
  --action-secondary-hover-iconColor: var(--global-color-dark-blue-600);
  --action-secondary-press-bgColor: rgba(26, 135, 181, 0.23);
  --action-secondary-press-fgColor: var(--global-color-dark-blue-700);
  --action-secondary-press-borderColor: var(--global-color-dark-blue-700);
  --action-secondary-press-iconColor: var(--global-color-dark-blue-700);
  --action-primary-disabled-bgColor: #C1CACB;
  --action-primary-disabled-fgColor: #ffffff;
  --action-tertiary-enabled-bgColor: transparent;
  --action-tertiary-enabled-fgColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-enabled-iconColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-hover-bgColor: transparent;
  --action-tertiary-hover-fgColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-hover-iconColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-enabled-borderColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-press-bgColor: #F5F7FA;
  --action-tertiary-press-fgColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-press-iconColor: var(--nova-button-tertiary-default-color);
  --action-tertiary-disabled-bgColor: #C1CACB;
  --action-tertiary-disabled-fgColor: #ffffff;
  --palette-border-highlight: var(--global-color-teal-500);
  --palette-border-separator: var(--global-color-grey-300);
  --unit-card-red-border-color: var(--global-color-red-300);
  --unit-card-red-selected-border-color: var(--global-color-red-500);
  --unit-card-green-border-color: var(--global-color-green-300);
  --unit-card-green-selected-border-color: var(--global-color-green-400);
  --unit-card-amber-border-color: var(--global-color-amber-300);
  --unit-card-yellow-border-color: var(--global-color-yellow-500);
  --unit-card-amber-selected-border-color: var(--global-color-amber-400);
  --unit-card-yellow-selected-border-color: var(--global-color-yellow-500);
  --card-border-radius: 4px;
  --component-border-radius-base: 6px;
  --section-border-highlight: var(--global-color-grey-300);
  --palette-border-primary: var(--global-color-teal-700);
  --palette-border-regular: var(--global-color-grey-300);
  --component-actions-border-radius: 8px;
  --components-interactive-borderRadius: 6px;
  --components-sections-borderRadius: var(--size-s3);
  --component-interactive-border-radius: var(--size-s2);
  --component-containers-border-radius: var(--size-s3);
  --action-focus-border: var(--global-color-grey-600);
  --badge-border-radius: 4px;
  --tertiary-button-border-radius: 2px;
  --button-primary-medium-height: 36px;
  --button-primary-border-radius: 8px;
  --separator-line-color: var( --global-color-grey-300);
  --badge-primary-color: var( --global-color-teal-700);
  --checkbox-primary-color: var( --global-color-teal-700);
  --component-menu-icon-button-width: var(--size-s9);
  --component-menu-icon-button-height: var(--size-s9);
  --close-panel-icon-background-color: rgba(0, 0, 0, 0.13);
  --close-panel-icon-pressed-background-color: rgba(0, 0, 0, 0.27);
  --rld-dimension-login-panel-width: 600px;
  --login-form-offset-top: -6vh;
  --opt-typography-product-font-size: 28px;
  --opt-mobile-typography-product-font-size: 22px;
  --unit-card-red-background-color: var(--global-color-red-200);
  --unit-card-amber-background-color: var(--global-color-amber-200);
  --unit-card-green-background-color: var(--global-color-green-200);
  --unit-card-yellow-background-color: var(--global-color-yellow-400);
  --action-transition: background-color 100ms ease-in-out, color 100ms ease-in-out;
  --input-sizing-height: 40px;
  --sidebar-desktop-width: 740px;
  --badge-height: 22px;
  --table-medium-column-width: var(--size-s26);
  --label-section-height: 265px;
  --filter-section-sunburst-max-height: var(--size-s22);
  --button-default-lineHeight: 1.24;
  --icon-default-width: 1.5rem;
  --table-even-row-background-color: var(--global-color-dark-blue-10);
  --table-row-border-color: #eef2f2;
  --table-selected-row-border-color: #22bcff;
  --table-row-background-hover-color: #E0F3FD;
  --table-row-background-active-color: #AEE2F9;
  --table-row-background-selected-color: #BFE0FE;
  --table-row-border-active-color: #22BCFF;
  --table-grid-max-height: 330px;
  --table-grid-max-height-mobile-size: 380px;
  --summary-card-height: 110px;
  --summary-card-tablet-height: 124px;
  --ward-cards-focus-visible: var( --global-color-teal-700);
  --summary-card-red-background-hover-color: #ffe1e1;
  --summary-card-red-background-press-color: #F1C6C6;
  --summary-card-warning-background-hover-color: #FFF5CC;
  --summary-card-warning-background-press-color: #FCE596;
  --summary-card-excess-background-hover-color: #CFF7E0;
  --summary-card-excess-background-press-color: #77E5B2;
  --summary-card-neutral-background-hover-color: #EFF3F3;
  --summary-card-neutral-background-press-color: #E0E6E6;
  --font-default-size-xsmall: 12px;
  --font-default-size-medium: 16px;
  --font-default-size-large: 18px;
  --font-default-size-regular: 15px;
  --font-default-size-small: 14px;
  --font-default-size-link-button: 15px;
  --font-summary-size-value: 25px;
  --red-flag-icon-size: 26px;
  --icon-primary-color: var( --global-color-teal-700);
  --hover-state-primary-color: var( --global-color-teal-700);
  --active-state-primary-color: var( --global-color-teal-600);
  --component-icon-size-small: 20px;
  --component-icon-size-regular: 24px;
  --component-icon-size-large: 36px;
  --components-height-xxsmall: var(--size-s4);
  --components-height-xsmall: var(--size-s5);
  --components-height-small: var(--size-s6);
  --components-height-regular: var(--size-s7);
  --components-height-medium: var(--size-s8);
  --components-height-compact: var(--size-s9);
  --components-height-large: var(--size-s10);
  --components-height-mid-large: var(--size-s11);
  --components-height-xlarge: var(--size-s12);
  --components-height-xxlarge: var(--size-s14);
  --font-default-size-xlarge: 20px;
  --font-default-size-big: 18px;
  --font-default-lineHeight-icon-button: 32px;
  --font-default-lineHeight-multiline: 1.24;
  --font-default-lineHeight-tabs: 2.44;
  --font-default-lineHeight-singleLine: 1;
  --font-tabs-lineHeight-singleLine: 1.9;
  --button-icon-default-lineHeight: 1;
  --font-default-weight-bold: 600;
  --font-default-weight-medium: 500;
  --font-default-weight-regular: 400;
  --font-default-weight-light: 300;
  --palette-action-focus-outline: var(--global-color-dark-blue-200);
  --palette-text-regular: var(--global-color-grey-800);
  --palette-text-lighter: var(--global-color-grey-600);
  --palette-text-white: var(--global-color-grey-100);
  --palette-text-danger: var(--global-color-red-600);
  --palette-text-secondary: var(--global-color-grey-600);
  --palette-text-strong: #000;
  --palette-text-emphasis: #1C1C1C;
  --palette-text-highlight: #7869cc;
  --palette-text-diminished: rgba(0, 0, 0, 0.4);
  --palette-label-strong: var(--palette-text-strong);
  --palette-label-emphasis: #303030;
  --palette-label-regular: #007E79;
  --palette-label-disabled: #767676;
  --spacing-xxs: var(--size-s1);
  --spacing-xs: var(--size-s2);
  --spacing-s: var(--size-s3);
  --spacing-m: var(--size-s4);
  --spacing-l: var(--size-s5);
  --spacing-xl: var(--size-s6);
  --spacing-xxl: var(--size-s7);
  --spacing-xxxl: var(--size-s8);
  --sidebar-collapse-spacing: 88px;
}

.error-content {
  text-align: center;
  margin: 23% auto;
}

h1 {
  font-size: 1.8em;
  padding-bottom: 10px;
}

p {
  font-size: 1.2em;
  padding-bottom: 20px;
}

/*	Button 
~~ ----------------------------------------------------------------------------------------------------------- */
.btn-default {
  background: none repeat scroll 0 0 #4E479D;
  border: 1px solid #4E479D;
  border-radius: 2px;
  box-shadow: 0 3px 0 #443E8D;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.33;
  padding: 5px 25px;
  text-shadow: 0 1px 0 #3E1F59;
  -webkit-transition: border-color 0.218s ease 0s;
  -moz-transition: border-color 0.218s ease 0s;
  -o-transition: border-color 0.218s ease 0s;
  transition: border-color 0.218s ease 0s;
}

.c-btn:active,
.c-btn.active {
  background-image: none;
}

.btn-default:hover,
.btn-default:focus {
  background-color: #474191;
  background-position: 0 -15px;
  border: 1px solid #474191;
  color: #FFFFFF;
}

.btn-default:active,
.btn-default.active {
  background-color: #474191;
  border: 1px solid #474191;
}