* { /* QS COLORS */ --qs-color-black: #000; --qs-color-blue: rgb(0, 106, 179); --qs-color-red: rgb(243, 64, 42); --qs-color-lightblue: rgb(200, 221, 240); --qs-color-yellow: rgb(254, 206, 67); --qs-color-grey: #484848; /* QS FONTS font property: style, variant, weight, size, family */ --qs-font-family: 'Meta Ot'; --qs-font-text: normal normal normal 1em var(--qs-font-family); --qs-font-hint: italic normal normal 0.8em var(--qs-font-family); --qs-color-hint: var(--qs-color-grey); --qs-font-mono: normal normal normal 0.8rem monospace; --qs-font-header-1: normal normal normal 2.3rem var(--qs-font-family); --qs-color-header-1: var(--qs-color-blue); --qs-font-header-2: normal normal normal 1.7rem var(--qs-font-family); --qs-color-header-2: var(--qs-color-blue); --qs-font-header-3: normal normal bold 1.2rem var(--qs-font-family); --qs-color-header-3: var(--qs-color-black); --qt-scrollbar-size: 12px; --qt-scrollbar-thumbBackground: #bbbbbb; --qt-scrollbar-border-radius: 0; --qs-page-content-padding: 15px; /* configure Qualitype components */ --qt-font-default: var(--qs-font-text); --qt-primary-color: var(--qs-color-blue); --qt-secondary-color: #e6f0f9; --qt-color-error: rgb(221, 44, 0); --qt-color-hint: var(--qs-color-hint); --qt-font-hint: var(--qs-font-hint); --qt-button-red-color: var(--qs-color-red); --qt-button-grey-color: var(--qs-color-grey); --qt-drawer-width: 320px; --qt-drawer-scrim-color: #006BB555; --qt-drawer-condensed-width: 40px; --qt-drawer-transition-delay: 200ms; --qt-drawer-button-color: var(--qs-color-lightblue); --qt-pageview-drawer-background: white; --qt-color-tag-color: white; /* filter drawer */ --qt-filterview-background: white; --qt-table-filterview-padding: var(--qs-page-content-padding); --qt-editview-padding: var(--qs-page-content-padding); --qt-multiview-highlight-color: var(--qs-color-blue); --qt-multiview-hover-color: #d7ecfc; --qt-multiview-accordeon-title-background: #edf7ff; --qt-basic-input-colorLabel: var(--qs-color-grey); --qt-basic-input-unitTextColor: var(--qs-color-grey); --qt-disabled-input-opacity: 0.75; --qt-box-shadow: rgba(0, 0, 0, 0.14) 0 2px 2px 0, rgba(0, 0, 0, 0.12) 0 1px 5px 0, rgba(0, 0, 0, 0.2) 0 3px 1px -2px; --qt-checkbox-checkedBackground: var(--qs-color-blue); --qt-checkbox-errorBorder: var(--qs-color-red); --qt-table-textColor: var(--qs-color-grey); --qt-table-headerFontColor: var(--qs-color-blue); --qt-table-headerBackgroundColor: white; --qt-table-rowBackgroundEven: #f3f3f3; --qt-table-rowBackgroundOdd: white; --qt-table-rowBackgroundSelected: rgb(171, 209, 240); --error-color: var(--qt-color-error); --qtcard-headerBackground: var(--qs-color-blue); --qtcard-headerColor: white; --qtcard-borderRadius: 0; --qtcard-shadow: none; --qtcard-background: #eee; --qtSiteWarning-background: #e6e687; --qt-basic-input-lineColorNormal: var(--qs-color-blue); --qt-basic-input-lineColorFocussed: var(--qs-color-blue); --qt-basic-input-lineColorError: var(--qs-color-red); --qt-basic-input-lineColorDisabled: var(--qs-color-black); --qt-basic-input-suffixColorNormal: var(--qs-color-blue); --qt-basic-input-suffixColorDisabled: var(--qs-color-black); --qt-font-family: var(--qs-font-family); --qt-breadcrumb-background: white; --qt-breadcrumb-font-color: var(--qs-color-blue); --qt-breadcrumb-font-size: 0.8em; --qt-breadcrumb-box-shadow: none; --qt-toolbar-background: var(--qs-color-blue); --qt-toolbar-shadow: none; --qt-toolbar-font: var(--qs-font-header-1); --qt-toolbar-fontcolor: white; --qt-basic-input-appendixBorderRadius: 0; --qt-button-borderRadius: 0; --qt-button-textTransform: none; --qt-button-fontWeight: normal; --qt-button-fontSize: 1rem; --qs-input-primaryColor: rgb(63, 81, 181); } body { margin: 0; padding: 0; font: var(--qs-font-text); color: var(--qs-color-black); } qs-app { overflow: hidden; overscroll-behavior: none; } @media print { body { overflow: unset; } }