/* src/styles.scss */
:root {
  --green: #04a527;
  --green-rgb:
    4,
    165,
    39;
  --red: #a50407;
  --red-rgb:
    165,
    4,
    7;
  --coral: #c84a5f;
  --coral-rgb:
    200,
    74,
    95;
  --white: #ffffff;
  --white-rgb:
    255,
    255,
    255;
  --dark-grey: #2e2e2e;
  --dark-grey-rgb:
    46,
    46,
    46;
  --light-grey: #d9d9d9;
  --light-grey-rgb:
    217,
    217,
    217;
  --grey-border: #d6d6d6;
  --grey-border-rgb:
    214,
    214,
    214;
  --disabled: #ededed;
  --disabled-rgb:
    237,
    237,
    237;
  --black: #000000;
  --black-rgb:
    0,
    0,
    0;
  --main-blue: #177ba2;
  --main-blue-rgb:
    23,
    123,
    162;
  --dark-blue: #004883;
  --dark-blue-rgb:
    0,
    72,
    131;
  --border-blue: #3296bd;
  --border-blue-rgb:
    50,
    150,
    189;
  --settings-menu-background: #eaf4f8;
  --settings-menu-background-rgb:
    234,
    244,
    248;
  --navigation-button-background: #d3f2f8;
  --navigation-button-background-rgb:
    211,
    242,
    248;
  --navigation-button-border: #008fac;
  --navigation-button-border-rgb:
    0,
    143,
    172;
  --primary-button: #177ba2;
  --primary-button-rgb:
    23,
    123,
    162;
  --primary-label: #ffffff;
  --primary-label-rgb:
    255,
    255,
    255;
  --primary-button-hover: #14698a;
  --primary-button-hover-rgb:
    20,
    105,
    138;
  --primary-button-active: #105671;
  --primary-button-active-rgb:
    16,
    86,
    113;
  --primary-button-focus: #177ba2;
  --primary-button-focus-rgb:
    23,
    123,
    162;
  --primary-button-focus-border: #1e90ff;
  --primary-button-focus-border-rgb:
    30,
    144,
    255;
  --secondary-button: #ffffff;
  --secondary-button-rgb:
    255,
    255,
    255;
  --secondary-button-label: #177ba2;
  --secondary-button-label-rgb:
    23,
    123,
    162;
  --secondary-button-hover: #ebfcff;
  --secondary-button-hover-rgb:
    235,
    252,
    255;
  --secondary-button-active: #b4e0f2;
  --secondary-button-active-rgb:
    180,
    224,
    242;
  --secondary-button-focus: #ffffff;
  --secondary-button-focus-rgb:
    255,
    255,
    255;
  --secondary-button-focus-border: #177ba2;
  --secondary-button-focus-border-rgb:
    23,
    123,
    162;
  --secondary-button-selected: #f2f2f2;
  --secondary-button-selected-rgb:
    242,
    242,
    242;
  --secondary-button-border: #177ba2;
  --secondary-button-border-rgb:
    23,
    123,
    162;
  --input-label: #2e2e2e;
  --input-label-rgb:
    46,
    46,
    46;
  --paragraph: #2e2e2e;
  --paragraph-rgb:
    46,
    46,
    46;
  --button-label: #2e2e2e;
  --button-label-rgb:
    46,
    46,
    46;
  --button-disabled: #f2f2f2;
  --button-disabled-rgb:
    242,
    242,
    242;
  --headline: #004883;
  --headline-rgb:
    0,
    72,
    131;
  --accent-text: #c84a5f;
  --accent-text-rgb:
    200,
    74,
    95;
}
dx-table {
  --dx-table-header-border-bottom-color: var(--coral);
  --dx-text-font-size-large: 16px;
  --dx-text-font-size-small: 16px;
  --dx-text-font-size: 16px;
}
dx-table dx-table-row {
  --dx-table-row-unread-indicator-color: var(--coral);
}
dx-table dx-table-cell {
  display: flex;
  align-items: center;
}
dx-table dx-table-row:last-of-type {
  border-bottom: 1px solid var(--light-grey);
}
dx-checkbox {
  --dx-checkbox-text-color: var(--grey-5);
  --dx-checkbox-icon-color-checked: var(--white);
  --dx-checkbox-background-color-checked: var(--main-blue);
  --dx-checkbox-border-color-checked: var(--main-blue);
  --dx-checkbox-background-color-checked-hover: var(--main-blue);
  --dx-checkbox-border-color-checked-hover: var(--main-blue);
  --dx-checkbox-background-color-checked-active: var(--main-blue);
  --dx-checkbox-border-color-checked-active: var(--main-blue);
  --dx-checkbox-background-color-unchecked: var(--white);
  --dx-checkbox-border-color-unchecked: var(--main-blue);
  --dx-checkbox-background-color-unchecked-hover: var(--main-blue);
  --dx-checkbox-border-color-unchecked-hover: var(--main-blue);
  --dx-checkbox-background-color-unchecked-active: var(--main-blue);
  --dx-checkbox-border-color-unchecked-active: var(--main-blue);
  --dx-checkbox-background-color-disabled-checked: var(--grey-5);
  --dx-checkbox-icon-opacity-disabled: 0.4;
  --dx-checkbox-label-icon-opacity-disabled: 0.4;
  --dx-checkbox-background-color-readonly-checked: var(--grey-5);
  --dx-checkbox-icon-opacity-readonly: 0.4;
  --dx-checkbox-label-icon-opacity-readonly: 0.4;
  --dx-checkbox-icon-opacity-readonly-checked: 1;
  --dx-checkbox-label-icon-opacity-readonly-checked: 1;
  --dx-text-font-size-large: 16px;
  --dx-text-font-size-small: 16px;
  --dx-text-font-size: 16px;
}
dx-radio-button {
  --dx-radio-button-label-text-color: var(--grey-9);
  --dx-radio-button-dot-border-color: var(--main-blue);
  --dx-radio-button-dot-background-color: var(--white);
  --dx-radio-button-dot-border-color-hover: var(--main-blue);
  --dx-radio-button-dot-background-color-hover: var(--main-blue);
  --dx-radio-button-dot-border-color-active: var(--main-blue);
  --dx-radio-button-dot-background-color-active: var(--main-blue);
  --dx-radio-button-dot-border-color-checked: var(--main-blue);
  --dx-radio-button-dot-background-color-checked: var(--main-blue);
  --dx-radio-button-dot-border-color-checked-hover: var(--main-blue);
  --dx-radio-button-dot-background-color-checked-hover: var(--main-blue);
  --dx-radio-button-dot-border-color-checked-active: var(--main-blue);
  --dx-radio-button-dot-border-background-checked-active: var(--main-blue);
  --dx-text-font-size-large: 16px;
  --dx-text-font-size-small: 16px;
  --dx-text-font-size: 16px;
}
dx-dropdown {
  --dx-dropdown-placeholder-text-color: var(--grey-3);
  --dx-dropdown-selected-font-weight: 400;
  --dx-dropdown-current-value-text-color: var(--grey-6);
  --dx-dropdown-current-value-icon-color: var(--main-blue);
  --dx-dropdown-current-value-active-text-color: var(--grey-6);
  --dx-dropdown-current-value-active-placeholder-text-color: var(--grey-3);
  --dx-dropdown-selected-item-indicator-color: var(--main-blue);
  --dx-drodpown-selected-item-background-color: var(--white);
  --dx-drodpown-selected-item-text-color: var(--grey-6);
  --dx-text-font-size-large: 18px;
  --dx-text-font-size-small: 16px;
  --dx-text-font-size: 16px;
}
dx-text-input {
  --dx-input-container-placeholder-color: var(--light-grey);
}
dx-number-input {
  --dx-input-container-placeholder-color: var(--light-grey);
}
dx-date-input {
  --dx-date-input-clear-button-color: var(--main-blue);
  --dx-date-input-calendar-icon-color: var(--main-blue);
  --dx-button-secondary-default-icon-color: var(--main-blue);
}
body {
  --dx-list-flyout-item-background-color-default: var(--secondary-button);
  --dx-list-flyout-item-background-color-hover: var(--secondary-button-hover);
  --dx-list-flyout-item-background-color-active: var(--secondary-button-active);
  --dx-list-flyout-item-background-color-selected: var(--secondary-button-selected);
  --dx-list-flyout-item-text-color-default: var(--secondary-button-label);
  --dx-list-flyout-item-text-color-hover: var(--secondary-button-label);
  --dx-list-flyout-item-text-color-active: var(--secondary-button-label);
  --dx-list-flyout-item-text-color-selected: var(--secondary-button-label);
  --dx-list-flyout-item-icon-color-default: var(--secondary-button-label);
  --dx-list-flyout-item-icon-color-hover: var(--secondary-button-label);
  --dx-list-flyout-item-icon-color-active: var(--secondary-button-label);
  --dx-list-flyout-item-icon-color-selected: var(--secondary-button-label);
  --dx-list-flyout-item-border-color: var(--secondary-button-border);
  --dx-list-flyout-item-action-indicator-color-default: var(--secondary-button);
  --dx-list-flyout-item-select-indicator-color: var(--secondary-button-selected);
  --dx-list-flyout-item-background-color-selected-active: var(--secondary-button-selected);
  --dx-list-flyout-item-text-color-selected-active: var(--secondary-button-label);
  --dx-list-flyout-item-icon-color-selected-active: var(--secondary-button-label);
  --dx-input-container-border-color: var(--grey-7);
  --dx-input-container-border-radius: 0px;
  --dx-input-container-placeholder-color: var(--grey-3);
  --dx-input-container-text-color: var(--grey-6);
  --dx-clear-button-icon-color: var(--main-blue);
  --dx-input-container-border-color-active: var(--main-blue);
  --dx-input-container-icon-color-active: var(--main-blue);
  --dx-text-input-icon: var(--main-blue);
  --dx-button-background-color-default: var(--primary-button);
  --dx-button-text-color-default: var(--white);
  --dx-button-icon-color-default: var(--white);
  --dx-button-default-background-color-hover: var(--primary-button-hover);
  --dx-button-default-text-color-hover: var(--white);
  --dx-button-default-icon-color-hover: var(--white);
  --dx-button-default-background-color-active: var(--primary-button-active);
  --dx-button-default-text-color-active: var(--white);
  --dx-button-default-icon-color-active: var(--white);
  --dx-button-secondary-default-border-color: var(--secondary-button-border);
  --dx-button-secondary-default-text-color: var(--main-blue);
  --dx-button-secondary-default-icon-color: var(--main-blue);
  --dx-button-secondary-default-background-color-hover: var(--secondary-button-hover);
  --dx-button-secondary-default-border-color-hover: var(--secondary-button-border);
  --dx-button-secondary-default-text-color-hover: var(--main-blue);
  --dx-button-secondary-default-icon-color-hover: var(--main-blue);
  --dx-button-secondary-default-background-color-active: var(--secondary-button-active);
  --dx-button-secondary-default-border-color-active: var(--secondary-button-border);
  --dx-button-secondary-default-text-color-active: var(--main-blue);
  --dx-button-secondary-default-icon-color-active: var(--main-blue);
  --dx-number-paginator-page-button-active-text-color: var(--main-blue);
  --dx-text-color: var(--dark-grey);
  --dx-text-font-size-large: 16px;
  --dx-text-font-size-small: 16px;
  --dx-text-font-size: 16px;
  --dx-text-input-icon-color-default: var(--main-blue);
  --dx-chevron-color: var(--main-blue);
  --dx-modal-header-separator-color: var(--coral);
  --dx-calendar-header-bottom-border-color: var(--coral);
  --dx-stateful-icon-button-default-color: var(--main-blue);
  --dx-stateful-icon-button-hover-color: var(--main-blue);
  --dx-stateful-icon-button-active-color: var(--main-blue);
}
dx-password-input {
  --dx-stateful-icon-button-default-color: var(--main-blue);
  --dx-stateful-icon-button-hover-color: var(--main-blue);
  --dx-stateful-icon-button-active-color: var(--main-blue);
}
dx-loading-indicator {
  --dx-loading-indicator-stroke-bottom-color: var(--main-blue);
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("./media/open-sans-v43-latin-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: url("./media/open-sans-v43-latin-300italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("./media/open-sans-v43-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("./media/open-sans-v43-latin-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("./media/open-sans-v43-latin-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 500;
  src: url("./media/open-sans-v43-latin-500italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("./media/open-sans-v43-latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("./media/open-sans-v43-latin-600italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("./media/open-sans-v43-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("./media/open-sans-v43-latin-700italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: url("./media/open-sans-v43-latin-800.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  src: url("./media/open-sans-v43-latin-800italic.woff2") format("woff2");
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-symbols-outlined.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-symbols-rounded.woff2") format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("./media/material-symbols-sharp.woff2") format("woff2");
}
.material-symbols-sharp {
  font-family: "Material Symbols Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
html {
  height: 100%;
  font-family: "Open Sans", sans-serif;
}
body {
  height: 100%;
  background: #fff !important;
  margin: 0;
}
* {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
art-root {
  height: 100%;
}

/* node_modules/@compeople-shared/design-system/css/font-faces.css */
@font-face {
  font-family: "DesignSystem-Default-Font";
  src: url("./media/OpenSans-VariableFont_wdth,wght.ttf") format("truetype");
}
@font-face {
  font-family: "DesignSystem-Default-Font";
  font-style: italic;
  src: url("./media/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
}

/* node_modules/@compeople-shared/design-system/css/overrides.css */
hr {
  height: 1px;
  border: none;
  background-color: #d6d6d6;
  margin: 0;
}

/* node_modules/@compeople-shared/design-system/css/design-system.css */

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */