@import '../../_content/DevExpress.Blazor.Themes/bootstrap-external.bs5.min.css';
@import './theme/bootstrap-sgs.bs5.css';

thead th {    
    text-transform: none !important;
}

:root {
    --sgs-logo: url('_content/SGS.Common.Blazor/images/sgs-logo.png');

}

:root {
    --background: #f4f4f4;
    --background-active: rgba(141,141,141,0.5);
    --background-hover: rgba(141,141,141,0.12);
    --background-selected: rgba(141,141,141,0.2);
    --background-selected-hover: rgba(141,141,141,0.32);
    --background-brand: #ca4300;
    --background-inverse: #393939;
    --background-inverse-hover: #4c4c4c;
    --text-primary: #161616;
    --text-secondary: #525252;
    --text-placeholder: #a8a8a8;
    --text-on-color: #ffffff;
    --text-helper: #6f6f6f;
    --text-error: #c1090F;
    --text-inverse: #ffffff;
    --text-disabled: rgba(22,22,22,0.25);
    --text-on-color-disabled: #8d8d8d;
    --button-primary: #ca4300;
    --button-primary-hover: #993300;
    --button-primary-active: #662200;
    --button-secondary: #3c515b;
    --button-secondary-hover: #28373e;
    --button-secondary-active: #141b1f;
    --button-tertiary: #3c515b;
    --button-tertiary-active: #2c3b42;
    --button-tertiary-active: #3c515b;
    --link-primary: #ca4300;
    --link-primary-hover: #993300;
    --link-secondary: #cc4000;
    --link-inverse: #ff7733;
    --link-visited: #c67f04;
    --border-subtle-00: #e0e0e0;
    --border-subtle-01: #e0e0e0;
    --border-subtle-02: #e0e0e0;
    --border-subtle-03: #e0e0e0;
    --border-subtle-selected-01: #c6c6c6;
    --border-subtle-selected-02: #c6c6c6;
    --border-subtle-selected-03: #c6c6c6;
    --border-strong-01: #8d8d8d;
    --border-strong-02: #8d8d8d;
    --border-strong-03: #8d8d8d;
    --border-inverse: #161616;
    --border-interactive: #0a74f5;
    --border-disabled: #c6c6c6;
    --focus: #ca4300;
    --focus-inset: #ffffff;
    --focus-inverse: #ffffff;
    --field-01: #ffffff;
    --field-02: #f4f4f;
    --field-03: #ffffff;
    --field-hover-01: #e5e5e5;
    --field-hover-02: #e5e5e5;
    --field-hover-03: #e5e5e5;
    --icon-primary: #161616;
    --icon-secondary: #525252;
    --icon-on-color: #ffffff;
    --icon-inverse: #ffffff;
    --icon-on-color-disabled: #8d8d8d;
    --icon-disabled: rgba(22,22,22,.25);
    /**/
    --color-primary-1-rgb: 202,67,0;
    --color-primary-2-rgb: 246,249,252;
    --color-primary-3-rgb: 60,81,91;
    --color-secondary-1-rgb: 144,12,63;
    --color-secondary-2-rgb: 73,115,139;
    --color-secondary-3-rgb: 121,158,175;
    --color-secondary-4-rgb: 216,225,230;
    --color-base-grey-900-rgb: 37,37,37;
    --color-base-white-rgb: 255,255,255;
    --color-primary-1: #ca4300;
    --color-primary-2: #f6f9fc;
    --color-primary-3: #3c515b;
    --color-secondary-1: #900c3f;
    --color-secondary-2: #49738b;
    --color-secondary-3: #799eaf;
    --color-secondary-4: #d8e1e6;
    --color-base-grey-900: #252525;
    --color-base-grey-700: #555;
    --color-base-grey-600: #666;
    --color-base-grey-500: #999;
    --color-base-grey-400: #bebebe;
    --color-base-grey-300: #dcdcdc;
    --color-base-grey-200: #f2f2f2;
    --color-base-grey-100: #fafafa;
    --color-base-white: #fff;
    --color-base-danger: #f5262e;
    --color-base-warning: #faa61a;
    --color-base-success: #57c785;
    --color-base-focus: #348df7;
    --color-transparent: hsla(0,0%,100%,0);
    --color-scale-orange-200: #ffd0ac;
    --color-scale-orange-400: #f60;
    --color-scale-orange-600: #b03500;
    --color-scale-orange-700: #8e2600;
    --color-scale-cobalt-100: #e4ecfe;
    --color-scale-cobalt-400: #599cf9;
    --color-scale-cobalt-500: #348df7;
    --color-scale-cobalt-600: #0974e7;
    --color-scale-cobalt-700: #0869c4;
    --color-scale-plum-400: #f08298;
    --color-scale-plum-600: #b81647;
    --color-scale-charcoal-200: #c7d2da;
    --color-scale-blue-600: #365d81;
    --color-scale-grey-800: #333;
    --color-scale-red-500: #f5262e;
    --color-scale-green-500: #57c785;
    --scale-colors-sgs-green-800: #246436;
    --scale-colors-sgs-cobalt-800: #064f8a;
    --color-custom-white: #f4f4f4;
    --color-custom-lightblue: #cceffc;
    --color-custom-white-opacity-1: hsla(0,0%,100%,0.01);
    --color-custom-white-opacity-15: hsla(0,0%,100%,0.15);
    --color-custom-white-opacity-20: hsla(0,0%,100%,0.2);
    --color-custom-black-opacity-10: rgba(0,0,0,.1);
    --color-custom-black-opacity-20: rgba(0,0,0,.2);
    --color-custom-black-opacity-25: rgba(0,0,0,.25);
    --color-custom-black-opacity-30: rgba(0,0,0,.3);
    --color-custom-black-opacity-50: rgba(0,0,0,.5);
    --color-custom-black-opacity-60: rgba(0,0,0,.6);
    --color-custom-white-opacity-80: hsla(0,0%,100%,0.8);
    --color-custom-white-opacity-100: #fff;
    --color-custom-black-opacity-80: rgba(0,0,0,.8);
    --color-custom-black-opacity-0: transparent;
    --color-custom-black-opacity-1: #000;
    --color-custom-transparent: hsla(0,0%,100%,0);
    --color-custom-light-green: #effaf3;
    --color-custom-light-blue: #ebf4ff;
    --color-custom-base-grey-900-rgb-30: rgba(37,37,37,0.3);
    --font-family-primary: "Suisse Intl",roboto,arial,helvetica,sans-serif;
    --root-font-size: 10px;
    --language-selector-font-size: 1rem;
    --hamburger-menu-item-font-size: 1rem;
    --hamburger-menu-item-horizontal-font-size: 1.2rem;
    --hamburger-menu-brand-font-size: 1.6rem;
    --hamburger-menu-background-color: #fafafa;
    --root-line-height: 1.05;
    --font-size-scale-1: 1.2rem;
    --font-size-scale-2: 1.4rem;
    --font-size-scale-3: 1.6rem;
    --font-size-scale-4: 1.8rem;
    --font-size-scale-5: 2rem;
    --font-size-scale-6: 2.1rem;
    --font-size-scale-7: 2.2rem;
    --font-size-scale-8: 2.4rem;
    --font-size-scale-9: 2.6rem;
    --font-size-scale-10: 2.8rem;
    --font-size-scale-11: 3rem;
    --font-size-scale-12: 3.2rem;
    --font-size-scale-13: 3.4rem;
    --font-size-scale-14: 3.6rem;
    --font-size-scale-15: 4rem;
    --font-size-scale-16: 4.2rem;
    --font-size-scale-17: 4.4rem;
    --font-size-scale-18: 5.4rem;
    --font-size-scale-19: 5.6rem;
    --font-size-scale-20: 6.2rem;
    --font-size-scale-21: 7.4rem;
    --font-size-primary: var(--font-size-scale-3);
    --font-size-display-s: 3.8rem;
    --font-size-display-m: 5.2rem;
    --font-size-display-l: var(--font-size-scale-20);
    --font-size-display-xl: var(--font-size-scale-21);
    --font-size-heading-1-s: var(--font-size-scale-12);
    --font-size-heading-1-m: var(--font-size-scale-14);
    --font-size-heading-1-l: var(--font-size-scale-16);
    --font-size-heading-1-xl: var(--font-size-scale-19);
    --font-size-heading-2-s: var(--font-size-scale-9);
    --font-size-heading-2-m: var(--font-size-scale-10);
    --font-size-heading-2-l: var(--font-size-scale-12);
    --font-size-heading-2-xl: var(--font-size-scale-14);
    --font-size-heading-3-s: var(--font-size-scale-7);
    --font-size-heading-3-m: var(--font-size-scale-8);
    --font-size-heading-3-l: var(--font-size-scale-10);
    --font-size-heading-3-xl: var(--font-size-scale-11);
    --font-size-heading-4-s: var(--font-size-scale-5);
    --font-size-heading-4-m: var(--font-size-scale-7);
    --font-size-heading-4-l: var(--font-size-scale-8);
    --font-size-heading-4-xl: var(--font-size-scale-9);
    --font-size-heading-5-s: var(--font-size-scale-4);
    --font-size-heading-5-m: var(--font-size-scale-5);
    --font-size-heading-5-l: var(--font-size-scale-5);
    --font-size-heading-5-xl: var(--font-size-scale-7);
    --font-size-heading-6-s: var(--font-size-scale-4);
    --font-size-heading-6-m: var(--font-size-scale-4);
    --font-size-heading-6-l: var(--font-size-scale-4);
    --font-size-heading-6-xl: var(--font-size-scale-5);
    --font-size-button-xs: var(--font-size-scale-1);
    --font-size-button-sm: var(--font-size-scale-2);
    --font-size-button-md: var(--font-size-scale-3);
    --font-size-button-lg: var(--font-size-scale-3);
    --font-size-link-xs: var(--font-size-scale-1);
    --font-size-link-sm: var(--font-size-scale-2);
    --font-size-link-md: var(--font-size-scale-3);
    --font-size-link-lg: var(--font-size-scale-4);
    --space-scaling-0: 0;
    --space-scaling-1: .4rem;
    --space-scaling-2: .8rem;
    --space-scaling-3: 1.6rem;
    --space-scaling-4: 2.4rem;
    --space-scaling-5: 3.2rem;
    --space-scaling-6: 4rem;
    --space-scaling-7: 4.8rem;
    --space-scaling-8: 5.6rem;
    --space-scaling-9: 6.4rem;
    --space-scaling-10: 7.2rem;
    --space-scaling-11: 8rem;
    --space-scaling-12: 8.8rem;
    --space-scaling-13: 9.6rem;
    --space-scaling-14: 10.4rem;
    --space-scaling-15: 11.2rem;
    --space-scaling-16: 12rem;
    --space-scaling-17: 12.8rem;
    --space-scaling-18: 13.6rem;
    --space-scaling-19: 14.4rem;
    --space-scaling-20: 15.2rem;
    --space-scaling-21: 16rem;
    --space-scaling-22: 16.8rem;
    --space-scaling-23: 17.6rem;
    --space-scaling-24: 36.9rem;
    --header-min-height: 5.9rem;
    --header-min-height-lg: 6.5rem;
    --max-width: 160rem;
    --content-max-width: 75rem;
    --filters-max-width: 134rem;
    --navigation-utility-desktop-height: 3.2rem;
    --header-location-selector-height: 0rem;
    --header-location-selector-height-md: 0rem;
    --header-mobile-nav-bottom-height: 4.1rem;
    --hero-banner-text-max-width: 76.1rem;
    --additional-padding: 18.2rem;
    --promobanner-static-maxwidth-1col: 76rem;
    --promobanner-flex-maxwidth-1col: 104rem;
    --layout-grid-md-gap: var(--space-scaling-5);
    --layout-grid-lg-gap: var(--space-scaling-7);
    --layout-grid-info-max-width: 74.8rem;
    --subscription-center-margin-xxl: calc(12% + (var(--space-scaling-4) / 2));
    --text-list-headline-max-width: 104.3rem;
    --accordion-max-width: 114rem;
    --form-max-width: 64.4rem;
    --transition-duration-primary: .3s;
    --transition-duration-secondary: .4s;
    --transition-type-primary: ease-in;
    --z-index-negative: -1;
    --z-index-base: 0;
    --z-index-content: 1;
    --z-index-fixed-overlay: 11;
    --z-index-header: 12;
    --z-index-popup-overlay: 20
}

body {
    font-family: Suisse Intl, arial, helvetica, sans-serif;
}

html {
    font-size: 16px;
    line-height: var(--root-line-height);
    font-family: Suisse Intl, arial, helvetica, sans-serif;
}

@font-face {
    font-family: Suisse Intl;
    font-style: normal;
    font-weight: 700;
    src: url('theme/fonts/SuisseIntl-Bold-WebS.woff') format("woff2"), url('theme/fonts/SuisseIntl-Bold-WebS.woff') format("woff");
    font-display: swap
}

@font-face {
    font-family: Suisse Intl;
    font-style: normal;
    font-weight: 400;
    src: url('theme/fonts/SuisseIntl-Regular-WebS.woff2') format("woff2"), url('theme/fonts/SuisseIntl-Regular-WebS.woff') format("woff");
    font-display: swap
}