* { /* QS COLORS */ --qs-color-black: #000; --qs-color-blue: #006ab3; --qs-color-red: #e8402a; --qs-color-lightblue: rgb(200, 221, 240); --qs-color-grey: #484848; --qs-color-green: #76b828; --qs-color-yellow: #fece43; /* QS FONTS font property: style, variant, weight, size, family */ --qs-font-family: 'Meta Ot', sans-serif; --qs-font-header-1: normal normal normal 2.3em var(--qs-font-family); --qs-color-header-1: var(--qs-color-blue); --qs-font-header-2: normal normal normal 1.7em var(--qs-font-family); --qs-color-header-2: var(--qs-color-blue); --qs-font-header-3: normal normal bold 1.2em var(--qs-font-family); --qs-color-header-3: var(--qs-color-black); --qs-font-header-4: normal normal bold 1.2em var(--qs-font-family); --qs-color-header-4: var(--qs-color-blue); --qs-font-header-5: normal normal normal 1em var(--qs-font-family); --qs-color-header-5: var(--qs-color-black); --qs-font-header-6: normal normal normal 1em var(--qs-font-family); --qs-color-header-6: var(--qs-color-blue); --qs-font-text: normal normal normal 1em var(--qs-font-family); --qs-font-hint: italic normal normal 0.8em var(--qs-font-family); --qs-font-mono: normal normal normal 1em monospace; --qs-color-hint: var(--qs-color-grey); --qs-font-roman: normal normal normal 1em 'serif'; margin: 0; padding: 0; font: var(--qs-font-text); color: var(--qs-color-black); --qt-scrollbar-size: 12px; --qt-scrollbar-thumbBackground: #bbbbbb; --qt-scrollbar-border-radius: 25px; --qs-page-content-padding: 15px; --qt-basic-input-colorFocus: var(--qs-color-blue); /* 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-button-borderRadius: 10rem; --qt-drawer-width: 300px; --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; /* 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-togglelayoutmanager-headerBackground: var(--qt-multiview-accordeon-title-background); --qt-basic-input-colorLabel: var(--qs-color-grey, , #5f6368); --qt-basic-input-unitTextColor: var(--qs-color-grey, , #5f6368); --qt-table-textColor: var(--qs-color-grey, , #5f6368); --qt-disabled-input-opacity: 0.75; --qt-box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; --qt-checkbox-checkedBackground: var(--qs-color-blue); --qt-table-rowBackgroundSelected: rgb(171, 209, 240); --error-color: var(--qt-color-error); --qt-font-family: var(--qs-font-family); --qt-breadcrumb-background: #eee; --qt-breadcrumb-font-color: #444; --qt-breadcrumb-font-size: 0.8em; --qt-breadcrumb-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); --qtcard-headerBackground: #eaf0ff; --qtSiteWarning-background: #e6e687; --qtdialog-headerBackground: var(--qs-color-blue); --qtdialog-headerFontColor: white; --qtdialog-headerFont: var(--qs-font-header-2); --qt-messagebox-labelDisplay: none; --qt-toastmanager-zIndex: 200; --qt-checkbox-borderWidth: 1px; --qt-checkbox-borderRadius: 0; --qt-checkbox-borderColor: var(--qs-color-blue); --qt-checkbox-checkedBorderColor: var(--qt-checkbox-borderColor); --qt-checkbox-checkedBackground: white; --qt-checkbox-checkmarkColor: var(--qt-checkbox-borderColor); }