.hae-app-root {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
}

:root {
  --border-radius: 5px;
}

.container.container--overflow-vertical::-webkit-scrollbar {
    height: 7px!important;
    width: 7px!important;
}

.container.container--overflow-vertical::-webkit-scrollbar-thumb {
    background-color: #cbd2d8;
}

/*
.icon--size-medium .icon__content {
  width: 20px;
  height: 20px;
}
*/

.icon--size-small .icon__content {
    width: 20px;
    height: 20px;
}

.icon--size-large .icon__content {
    width: 28px;
    height: 28px;
}

.icon--size-x-large .icon__content {
    width: 36px;
    height: 36px;
}

.icon--size-xx-large .icon__content {
    width: 48px;
    height: 48px;
}

.label.label--spacing.label--with-icon.label--with-text.label--flow-row-icon-text .label__text {
  margin-left: 5px;
}
:root {
    --font-size-small: 14px;
    --font-size-base: 15px;
    --font-size-medium: 15px;
    --font-size-large: 19px;
    --font-size-x-large: 22px;
    --font-size-xx-large: 24px;    
}

a {
    color: var(--color-primary);
}

.text.text--style-bold {
    font-weight: 500;
}

.text-light .text {
    font-weight: 300;
}

.text-light .text strong {
    font-weight: 500;
}

.text-section-title {
    text-transform: uppercase;
    font-weight: 400;
}

.monospace {
  font-family: monospace;
}

.prewrap {
    text-wrap: nowrap;
    white-space-collapse: preserve;
}

.code-block .text__inner {
    padding-bottom: 5px;
}.cmp-field {
    flex-direction: row;
}

.cmp-field__label {
    height: auto;
    padding: 0px 8px 0px 0px;
    margin: 0px;
    font-size: var(--font-size-small);
    transition: border 0.2s;
}

.cmp-field__label .icon--size-small .icon__content {
    width: 20px;
    height: 20px;
    --element-foreground-color: var(--color-text);
}

.cmp-field__label .label__text {
    padding-top: 1px;
    transition: color 0.2s;
    padding-right: 4px;
}

.form-outline .cmp-field__label {
    padding: 0px 8px;
    border-radius: 5px 0px 0px 5px;
    /*background: var(--color-background);*/
    border: 1px var(--form-element-border);
    border-style: solid none solid solid;
}

.form-outline .cmp-field_with-left-label .cmp-field__input,
.form-outline .cmp-field_with-left-label .cmp-field__options-button,
.form-outline .cmp-field_with-left-label .cmp-field__textarea,
.form-outline .cmp-field_with-left-label .cmp-field__datetime {
  border-radius: 0px 5px 5px 0px;
}

.form-outline .cmp-field--validate.cmp-field--valid.cmp-field--changed .cmp-field__label {
    border-color: #7CB342;
}

.cmp-field--validate.cmp-field--valid.cmp-field--changed .cmp-field__label .label__text {
    color: #558B2F;
}

.cmp-field--validate.cmp-field--valid.cmp-field--changed .cmp-field__input,
.cmp-field--validate.cmp-field--valid.cmp-field--changed .cmp-field__options-button,
.cmp-field--validate.cmp-field--valid.cmp-field--changed .cmp-field__textarea,
.cmp-field--validate.cmp-field--valid.cmp-field--changed .cmp-field__datetime {
    border-color: #7CB342;
}

.form-outline .cmp-field--validate.cmp-field--touched.cmp-field--invalid .cmp-field__label {
    border-color: #f00000;
}

.form-outline.on-white-bg .cmp-field__label {
    background: #f6f7f9;
}

.form-outline .cmp-field__input[readonly],
.form-outline .cmp-field__options[readonly],
.form-outline .cmp-field__textarea[readonly] {
    background: #f6f7f9;
}

.form-outline .cmp-field--checkbox .cmp-field__label {
    background: transparent;
    border: 0px none;
}

.cmp-field__content {
    flex-grow: 1;
}

.cmp-field__input,
.cmp-field__textarea,
.cmp-field__options-button,
.cmp-field__datetime {
  background:#fff;
  box-shadow: none;
  border: 1px solid var(--form-element-border);
  transition: color 0.2s, border-color 0.2s;
}

.form-outline .cmp-field__label ~ .cmp-field__content .cmp-field__input,
.form-outline .cmp-field__label ~ .cmp-field__content .cmp-field__options-button,
.form-outline .cmp-field__label ~ .cmp-field__content .cmp-field__textarea,
.form-outline .cmp-field__label ~ .cmp-field__content .cmp-field__datetime,
.form-outline .cmp-field--options-type-radio-group .cmp-field__label ~ .cmp-field__content .cmp-field__options-list {
    border-radius: 0px 5px 5px 0px;
}

.form-fixed-label-width .cmp-field__label {
    width: 160px;
}

.form-fixed-label-width .cmp-field--checkbox .cmp-field__label {
    width: auto;
}

.cmp-field__file {
    box-shadow: none;
    background: transparent;
    border-width: 1px;
}

.cmp-field__file-text {
    font-size: var(--font-size-small);
    color: var(--color-text);
    padding: 8px 10px;
    flex-grow: 1;
}

.cmp-field__file-list-item {
    padding: 0px;
}

.cmp-field__file-list-name {
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cmp-field--options-type-radio-group .cmp-field__options-list {
    display: flex;
    flex-direction: row;
    gap: 1px 0px;
    border-radius: 5px;
    overflow: hidden;
}

.cmp-field--options-type-radio-group .cmp-field__options-item {
    margin: 0px;
    background: #c5cddd;
    transition: background 0.2s, color 0.2s;
}

.cmp-field--options-type-radio-group .cmp-field__options-item:hover {
    background: #adb9d1;
}

.cmp-field--options-type-radio-group .cmp-field__options-item:has(input:checked) {
    background: #1f88e5;
    color: #ffffff;
}

.cmp-field--options-type-radio-group .cmp-field__options-item-control {
    width: 0px;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
    margin: 0px;
}

.cmp-field--options-type-radio-group .cmp-field__options-item-content {
    text-align: center;
    flex-grow: 1;
    font-size: var(--font-size-small);
}

.cmp-field--options-type-radio-group .cmp-field__options-item:not(:last-child) {
    margin: 0px;
}

.options-auto-item-width .cmp-field--options-type-radio-group .cmp-field__options-item {
    width: auto;
    flex-grow: 1;
}

.options-danger-primary-success .cmp-field--options-type-radio-group .cmp-field__options-list > .cmp-field__options-item:nth-child(1):has(input:checked) {
    background: var(--color-danger);
}

.options-danger-primary-success .cmp-field--options-type-radio-group .cmp-field__options-list > .cmp-field__options-item:nth-child(2):has(input:checked) {
    background: var(--color-primary);
}

.options-danger-primary-success .cmp-field--options-type-radio-group .cmp-field__options-list > .cmp-field__options-item:nth-child(3):has(input:checked) {
    background: var(--color-green);
}

.field-align-right .cmp-field__input {
    text-align: right;
}

/*
.cmp-field__options .cmp-field__options-button {
  background:#fff;
  box-shadow: none;
  border: 1px solid #ddd;
}
*/

/*
 * Login overrides
 */
.login_field_top .cmp-field__input {
  padding: 24px 25px;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
  border: 0px none;
}

.login_field_bottom .cmp-field__input {
  padding: 24px 25px;
  text-align: center;
  border-radius: 0px 0px 5px 5px;
  border-top: 0px none;
  border: 0px none;
}

.login_field_bottom .cmp-field__password-preview {
  top: 8px;
}

/*
 * Table style
 */
.button-table-group .cmp-field__input,
.button-table-group .cmp-field__textarea,
.button-table-group .cmp-field__options-button,
.button-table-group .cmp-field__datetime {
    border-radius: 0px;
}.button,
.button-link-label .cmp-label {
    transition: border-color 0.3s, color 0.3s, background-color 0.3s, box-shadow 0.3s;
    border-radius: 5px;
}

.button .text {
    padding-top: 1px;
}

.label.button__label.label--with-text.label--with-icon {
    padding-right: 1px;
}

.button.button--style-default {
    --element-border-radius: 5px;
}

.button-primary .button {
    box-shadow: 0px 4px 12px rgba(48, 52, 58, 0.2);
}

.button-primary .button:hover {
    box-shadow: 0px 4px 8px rgba(48, 52, 58, 0.25);
}

.button-primary .button:disabled,
.button-secondary .button:disabled,
.button-link-label.button-link-label--disabled .cmp-label,
.button-link-label.button-link-label--disabled .cmp-label:hover {
    box-shadow: 0px 0px 0px rgba(48, 52, 58, 0.0);
}

.button.button--style-default.button--disabled,
.button-secondary.button.button--style-clear.button--disabled {
    --element-background-color: #e2e5ec;
    --element-foreground-color: #898d9c;
}

.button-secondary .button,
.button-link-label .cmp-label {
    box-shadow: 0px 4px 12px rgba(48, 52, 58, 0.1);
    --element-background-color: #ffffff;
    --element-foreground-color: var(--color-text);
    border: 1px solid #bdc6da; /*var(--form-element-border);*/
}

.button-secondary .button:hover,
.button-link-label .cmp-label:hover {
    box-shadow: 0px 4px 8px rgba(48, 52, 58, 0.15);
    --element-foreground-color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.button-secondary.button-secondary--danger .button:hover {
    --element-foreground-color: var(--color-danger);
    border: 1px solid var(--color-danger);
}

.button-secondary .button:disabled,
.button-secondary .button:disabled:hover,
.button-link-label.button-link-label--disabled .cmp-label,
.button-link-label.button-link-label--disabled .cmp-label:hover {
    border-color: transparent;
    --element-foreground-color: #898d9c;
    /*--element-background-color: #e2e5ec;*/
}

.button-inline .button {
    border-radius: 40px;
    min-height: auto;
    padding: 5px 10px;
}

.button-link-label.button-link-label--card a {
    display: block;
    padding: 30px 30px;
    width: 100%;
}

.button-link-label a {
    text-decoration: none;
    color: var(--color-text);
    transition: color 0.3s;
}

.button-link-label a:hover {
    color: var(--color-primary);
}

.button-link-label.button-link-label--card a .text {
    padding-top: 5px;
}

/*
 * Filter tags style - applies to a button group
 */
.filter-tags {
    --color-primary: #c5cddd;
    --color-primary-hover: #adb9d1;
    --color-primary-active: #1f88e5;
}

.filter-tags .button.button--layout {
    min-height: 0;
}

.filter-tags .button {
    border-radius: 5px;
    color: #333333;
}

.filter-tags .button.button--active {
    color: #fff;
}

/*
 * Menu button
 */
.menu-button--no-arrow .button > .icon {
    display: none;
}

/*
 * Table style
 */
.button-table-group .button {
    border-radius: 0;
}

.button-table .button {
    --color-primary: #dfe3ec;
    --color-primary-hover: #1a76d2;
    --color-primary-active: #1f88e5;
    color: #1f88e5;
}

.button-table .button:hover {
    color: #ffffff;
}

.collection-table .table__content > .table__row:hover td .button-table .button {
    --color-primary: #c8d9ee;
    --color-primary-hover: #b2c9e6;
    color: #0067ce;
}

.collection-table .table__content > .table__row:hover td .button-table .button:hover {
    color: #ffffff;
}

.collection-table .table__content > .table__row:hover td .button-table .button.button--active,
.button-table .button.button--active {
    color: #ffffff;
}.login-overlay {
    transition: opacity 0.5s, z-index 0.5s;
}

.login-overlay .login-box {
    transform: translateY(0);
    transition: opacity 0.5s, z-index 0.5s, transform 0.5s;
}

.login-overlay--logged-in {
    opacity: 0.0;
}

.login-overlay--logged-in .login-box {
    transform: translateY(-100px);
}

.login-overlay--hidden {
    display: none!important;
}

.login-box .button-primary .button {
    padding: 10px 15px;   
}

/* Prevent disabling editor elements */
.login-overlay.hae-component.hae-component--not-rendered {
    display: none!important;
}.nav-main {
    box-shadow: 0px 4px 16px rgba(48, 52, 58, 0.3);
    border-radius: 7px;
    overflow: hidden;
}

.nav__button .button {
    height: 46px;
    --color-primary: transparent;
    --color-primary-active: #1f88e5;
    position: relative;
    overflow: visible;
}

.nav__button .button .label.button__label.label--with-text.label--with-icon {
    padding-right: 0;
}

.nav__button .button .text {
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 11px;
    font-weight: 600;
    display: block;
    padding: 2px 5px;
    border-radius: 60px;
    background: #ff0000;
    transform: scale(0.5);
    opacity: 0.0;
    transition: transform 0.3s, opacity 0.3s;
}

.nav__button.nav__button--with-count .button .text {
    transform: scale(1);
    opacity: 1.0;
}.hae-component-list__item:has(.page-content) {
    overflow: hidden;
}

.page-header,
.page-footer {
    z-index: 2;
}

.section-header {
    position: relative;
    z-index: 1;
}

.page-header::before,
.page-footer::before,
.section-header::before {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 12px rgba(48, 52, 58, 0.8);
    box-shadow: 0 0 12px rgba(48, 52, 58, 0.8);
    bottom: 5px;
    left: 10px;
    right: 10px;
    height: 10px;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.page-footer::before {
    bottom: auto;
    top: 5px;
}

.page-header__toolbar > .container > .container__inner > .container__content {
    flex-wrap: wrap;
}

.loading-placeholder::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background: var(--color-lightgray);
    opacity: 0.0;
    z-index: -1;
    transition: opacity 0.3s, z-index 0.3s;
}

.loading-placeholder--active::after {
    opacity: 1.0;
    z-index: 1;
}

.ghost-opacity {
    opacity: 0.5;
}

.container-flex-wrap > .container > .container__inner > .container__content {
    flex-wrap: wrap;
}

.element-hidden,
.element-hidden.item__component {
    display: none;
}.collection-table .table__content > .table__row td {
    transition: background 0.3s;
}

/*
.collection-table.collection-table--stripe-bg .table__content > .table__row:nth-child(odd) td {
    background: #f7f9fc;
}
*/

.collection-table .table__content > .table__row:nth-child(even) td {
    /*background: #ffffff;*/
    background: #fafcff;
}

.collection-table .table__content > .table__row:hover td {
    background: #d9e9fc;
}

.collection-table .table__row > td:first-child {
    border-radius: 5px 0px 0px 5px;
}

.collection-table .table__row > td:last-child {
    border-radius: 0px 5px 5px 0px;
}

.collection-table .table__row > td:first-child:last-child {
    border-radius: 5px;
}

.collection-table .text {
    line-height: 1.5;
}

.collection-table .cmp-table__empty-text {
    padding: 30px;
}

.collection-pagination .pagination {
    --element-item-size: 30px;
}

.collection-item-link .cmp-label a.label {
    text-decoration: none;
}

.collection-item-link .cmp-label a.label .text {
    text-decoration: none;
}

.collection-item-link .cmp-label a.label:hover .text {
    /*text-decoration: underline;*/
    color: var(--color-primary);
}

/*
 * Status label
 */
.collection-status-label .cmp-label {
    border-radius: 40px;
    padding: 5px 10px;
    background: #dfe3ec;
    transition: background 0.3s;
}

.collection-status-label .cmp-label .text {
    padding-top: 2px;
}

.collection-table .table__content > .table__row:hover td .collection-status-label .cmp-label {
    background: #ccd7e4;
}.overlay-item {
    overflow: hidden;
}

.overlay-item .overlay-item__header {
    padding: 14px 16px;
    border-bottom: 1px solid var(--color-lightgray);
}

.overlay-item__container > .container__inner {
    padding: 0px;
}

.overlay-item.overlay-item--type-dialog-confirmation .overlay-item__content {
    padding: 0px;
}

.overlay-item.overlay-item--type-dialog-confirmation .overlay-item__content > .text {
    padding: 16px;
}

.overlay-item .overlay-item__buttons {
    margin-top: 0px;
    padding: 14px 16px;
    background: var(--color-background);
}

.overlay-item.overlay-item--type-dialog-info,
.overlay-item.overlay-item--type-dialog-confirmation,
.overlay-item.overlay-item--type-dialog-view {
    box-shadow: 0 5px 30px rgba(48, 52, 58, 0.3);
}

.overlay-item .overlay-item__buttons .button {
    box-shadow: 0px 4px 12px rgba(48, 52, 58, 0.2);
    font-size: var(--font-size-small);
    min-height: 38px;
}

.overlay-item .overlay-item__buttons .button:hover {
    box-shadow: 0px 4px 8px rgba(48, 52, 58, 0.25);
}

.overlay-item .overlay-item__buttons .button:disabled,
.button-secondary .button:disabled {
    box-shadow: 0px 0px 0px rgba(48, 52, 58, 0.0);
}

.overlay-item .overlay-item__content > .text > .rich-text {
    line-height: 1.4;
}.lock-widget__text .text {
    font-weight: 300;
    line-height: 1.3;
}

.lock-widget__text .text__inner strong {
    font-weight: 500;
    font-size: var(--font-size-small);
}.notification-table .table__content > .table__row td {
    transition: background 0.3s;
}

.notification-table .table__content > .table__row:hover td {
    background: #f7fbff;
}

.notification-table .table__content > .table__row td .cmp-label {
    transition: color 0.3s;
}

.notification-table .table__content > .table__row:hover td .cmp-label {
    --element-foreground-color: var(--color-primary);
    color: var(--element-foreground-color);
}.info-box__container {
    border: 1px solid var(--form-element-border);
    border-radius: 5px;
    transition: background 0.3s, border 0.3s;
}

.info-box__item {
    padding: 10px;
}

.info-box__item--bl {
    border-left: 1px solid var(--form-element-border);
    transition: background 0.3s, border 0.3s;
}

.info-box__item--bt {
    border-top: 1px solid var(--form-element-border);
    transition: background 0.3s, border 0.3s;
}

.info-box__item--br {
    border-right: 1px solid var(--form-element-border);
    transition: background 0.3s, border 0.3s;
}

.info-box__item--bb {
    border-bottom: 1px solid var(--form-element-border);
    transition: background 0.3s, border 0.3s;
}

.info-box__button .button {
    border-radius: 0;
}

.info-box__grow-row {
    min-width: 200px;
}

.collection-table .table__content > .table__row:hover td .info-box__container,
.collection-table .table__content > .table__row:hover td .info-box__item--bl,
.collection-table .table__content > .table__row:hover td .info-box__item--bt,
.collection-table .table__content > .table__row:hover td .info-box__item--br,
.collection-table .table__content > .table__row:hover td .info-box__item--bb {
    border-color: #a8bbdf;
}.tool-config__label {
  border: 1px var(--form-element-border);
  border-style: solid none solid solid;
  padding: 0px 10px;
}

.tool-config__value {
  background: #e9ecf2;
  padding: 0px 10px;
  border: 1px solid var(--form-element-border);
  border-style: solid none;
}

.tool-config__field .cmp-field__input {
  border-radius: 0;
}

.tool-config__field--align-center .cmp-field__input {
  text-align: center;
}

.tool-config__row > .container > .container__inner > .container__content > .container__item:nth-child(1) > .tool-config__label,
.tool-config__row > .container > .container__inner > .container__content > .container__item:nth-child(1) > .tool-config__value,
.tool-config__row > .container > .container__inner > .container__content > .container__item:nth-child(1) > .tool-config__field .cmp-field__input {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.tool-config__row > .container > .container__inner > .container__content > .container__item:nth-child(2) > .tool-config__value {
  border-left-style: solid;
}

.tool-config__row > .container > .container__inner > .container__content > .container__item:last-child > .tool-config__label,
.tool-config__row > .container > .container__inner > .container__content > .container__item:last-child > .tool-config__value,
.tool-config__row > .container > .container__inner > .container__content > .container__item:last-child > .tool-config__field .cmp-field__input {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.tool-config__row > .container > .container__inner > .container__content > .container__item:last-child > .tool-config__value {
  border-right-style: solid;
}
.notes__input-box {
    max-height: 44px; /* 65px */
    overflow: hidden;
    border-radius: 7px;
    border: 1px solid var(--color-lightgray);
    transition: border-color 0.2s, max-height 0.2s;
    cursor: pointer;
}

.notes__input-box:focus-within {
    max-height: 142px;
}

.notes__input-box.notes__input-box--active {
    max-height: 800px;
}

.notes__input-box:focus-within,
.notes__input-box.notes__input-box--active {
    border-color: var(--form-element-border);
    cursor: auto;
}

.notes__input-box .cmp-field__textarea {
    cursor: pointer;
}

.notes__input-box:focus-within .cmp-field__textarea,
.notes__input-box.notes__input-box--active .cmp-field__textarea {
    cursor: auto;
}

.notes__input-textarea .cmp-field__textarea {
    padding: 12px;
    border: 0px none;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid var(--color-background)!important;
}

.notes__input-bottom-container > .container > .container__inner > .container__content {
    flex-wrap: wrap;
}

.notes__add-note-wrapper {
    position: relative;
    z-index: 1;
    /*border-bottom: 1px solid var(--color-lightgray);*/
}

.notes__add-note-wrapper::before {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 12px rgba(40, 46, 56, 0.8);
    box-shadow: 0 0 12px rgba(40, 46, 56, 0.8);
    left: 5px;
    right: 5px;
    bottom: 5px;
    height: 10px;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.notes__avatar {
    margin-top: 2px;
}

.notes__entry-message-text {
    line-height: 1.5;
}

.notes__avatar .image__image,
.notes__attachment-image .image__image {
    background: var(--color-lightgray);
}

.notes__avatar.notes__avatar--small {
    margin-right: 4px;
    margin-top: 4px;
}

.notes__link-button .button {
    padding: 0px;
    min-height: auto;
    font-weight: 500;
}

.notes__link-button .button:hover {
    color: var(--color-primary);
}

.notes__link-button.notes__link-button--danger .button:hover {
    color: var(--color-danger);
}

.notes__entry .notes__link-button.notes__link-button--alt {
    opacity: 0.0;
    transition: opacity 0.2s;
}

.notes__entry:hover .notes__link-button.notes__link-button--alt {
    opacity: 1.0;
}

.notes__attachments-container.notes__attachments-container--edit {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.notes__attachments-container > .container > .container__inner > .container__content {
    flex-wrap: wrap;
}

.hae-component-list__item:has(> .notes__reply-to-msg-label) {
    max-width: 80%;
}

.notes__reply-to-msg-label .text {
    padding: 5px 8px;
    line-height: 1.5;
    background: #c8d4f0;
    border-radius: 12px;
}

.notes__remove-attachment-button .button {
    border-radius: 40px;
    min-width: auto;
    min-height: auto;
    padding: 6px;
}

.notes__file-upload .cmp-field__file-list {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}.container__item {
    max-width: none;
    max-height: none;
}

.cmp-field__options-button .label .label__text .text__inner {
    white-space: pre-wrap;
}

/*
.cmp-label a {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    max-width: 100%;
}

.cmp-label a .label__text {
    margin-left: 5px;
}
*/.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4 {
    color: #444444;
}

.rich-text h2,
.rich-text h3,
.rich-text h4 {
    color: #444444;
    padding-top: 10px;
}

.rich-text h1 {
    font-size: 22px;
    font-weight: 400;
}

.rich-text h2 {
    font-weight: 500;
    font-size: 20px;
}

.rich-text h3 {
    font-size: 19px;
    font-weight: 500;
}

.rich-text h4 {
    font-size: 18px;
    font-weight: 600;
}

.rich-text h5 {
    font-size: 17px;
    font-weight: 600;
}

.rich-text a {
    color: var(--color-primary);
    text-decoration: underline;
}

.rich-text a:hover {
    text-decoration: none;
}

.text-tag-list em {
    display: inline-block;
    padding: 2px 7px;
    margin: 1px 0px;
    border-radius: 10px;
    background: var(--color-primary-active);
    color: #ffffff;
    font-size: 11px;
    font-style: normal;
}
.hae-app-root {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
}

:root {
  --border-radius: 5px;
}

.container.container--overflow-vertical::-webkit-scrollbar {
    height: 7px!important;
    width: 7px!important;
}

.container.container--overflow-vertical::-webkit-scrollbar-thumb {
    background-color: #cbd2d8;
}

/*
.icon--size-medium .icon__content {
  width: 20px;
  height: 20px;
}
*/

.icon--size-small .icon__content {
    width: 20px;
    height: 20px;
}

.icon--size-large .icon__content {
    width: 28px;
    height: 28px;
}

.icon--size-x-large .icon__content {
    width: 36px;
    height: 36px;
}

.icon--size-xx-large .icon__content {
    width: 48px;
    height: 48px;
}

.label.label--spacing.label--with-icon.label--with-text.label--flow-row-icon-text .label__text {
  margin-left: 5px;
}
:root {
    --font-size-small: 14px;
    --font-size-base: 15px;
    --font-size-medium: 15px;
    --font-size-large: 19px;
    --font-size-x-large: 22px;
    --font-size-xx-large: 24px;    
}

a {
    color: var(--color-primary);
}

.text.text--style-bold {
    font-weight: 500;
}

.text-light .text {
    font-weight: 300;
}

.text-light .text strong {
    font-weight: 500;
}

.text-section-title {
    text-transform: uppercase;
    font-weight: 400;
}

.monospace {
  font-family: monospace;
}

.prewrap {
    text-wrap: nowrap;
    white-space-collapse: preserve;
}

.code-block .text__inner {
    padding-bottom: 5px;
}/*
.menu_button .button {
    border-radius: 0px;
}

.button--style-default {
  padding: 5px 10px;
}

.button.button--layout {
  min-width: 20px;
  min-height: 20px;
}
*/.login-overlay {
    transition: opacity 0.5s, z-index 0.5s;
}

.login-overlay .login-box {
    transform: translateY(0);
    transition: opacity 0.5s, z-index 0.5s, transform 0.5s;
}

.login-overlay--logged-in {
    opacity: 0.0;
}

.login-overlay--logged-in .login-box {
    transform: translateY(-100px);
}

.login-overlay--hidden {
    display: none!important;
}

.login-box .button-primary .button {
    padding: 10px 15px;   
}

/* Prevent disabling editor elements */
.login-overlay.hae-component.hae-component--not-rendered {
    display: none!important;
}.nav-main {
    box-shadow: 0px 4px 16px rgba(48, 52, 58, 0.3);
    border-radius: 7px;
    overflow: hidden;
}

.nav__button .button {
    height: 46px;
    --color-primary: transparent;
    --color-primary-active: #1f88e5;
    position: relative;
    overflow: visible;
}

.nav__button .button .label.button__label.label--with-text.label--with-icon {
    padding-right: 0;
}

.nav__button .button .text {
    position: absolute;
    right: 3px;
    top: 3px;
    font-size: 11px;
    font-weight: 600;
    display: block;
    padding: 2px 5px;
    border-radius: 60px;
    background: #ff0000;
    transform: scale(0.5);
    opacity: 0.0;
    transition: transform 0.3s, opacity 0.3s;
}

.nav__button.nav__button--with-count .button .text {
    transform: scale(1);
    opacity: 1.0;
}.hae-component-list__item:has(.page-content) {
    overflow: hidden;
}

.page-header,
.page-footer {
    z-index: 2;
}

.section-header {
    position: relative;
    z-index: 1;
}

.page-header::before,
.page-footer::before,
.section-header::before {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 12px rgba(48, 52, 58, 0.8);
    box-shadow: 0 0 12px rgba(48, 52, 58, 0.8);
    bottom: 5px;
    left: 10px;
    right: 10px;
    height: 10px;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.page-footer::before {
    bottom: auto;
    top: 5px;
}

.page-header__toolbar > .container > .container__inner > .container__content {
    flex-wrap: wrap;
}

.loading-placeholder::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background: var(--color-lightgray);
    opacity: 0.0;
    z-index: -1;
    transition: opacity 0.3s, z-index 0.3s;
}

.loading-placeholder--active::after {
    opacity: 1.0;
    z-index: 1;
}

.ghost-opacity {
    opacity: 0.5;
}

.container-flex-wrap > .container > .container__inner > .container__content {
    flex-wrap: wrap;
}

.element-hidden,
.element-hidden.item__component {
    display: none;
}.collection-table .table__content > .table__row td {
    transition: background 0.3s;
}

/*
.collection-table.collection-table--stripe-bg .table__content > .table__row:nth-child(odd) td {
    background: #f7f9fc;
}
*/

.collection-table .table__content > .table__row:nth-child(even) td {
    /*background: #ffffff;*/
    background: #fafcff;
}

.collection-table .table__content > .table__row:hover td {
    background: #d9e9fc;
}

.collection-table .table__row > td:first-child {
    border-radius: 5px 0px 0px 5px;
}

.collection-table .table__row > td:last-child {
    border-radius: 0px 5px 5px 0px;
}

.collection-table .table__row > td:first-child:last-child {
    border-radius: 5px;
}

.collection-table .text {
    line-height: 1.5;
}

.collection-table .cmp-table__empty-text {
    padding: 30px;
}

.collection-pagination .pagination {
    --element-item-size: 30px;
}

.collection-item-link .cmp-label a.label {
    text-decoration: none;
}

.collection-item-link .cmp-label a.label .text {
    text-decoration: none;
}

.collection-item-link .cmp-label a.label:hover .text {
    /*text-decoration: underline;*/
    color: var(--color-primary);
}

/*
 * Status label
 */
.collection-status-label .cmp-label {
    border-radius: 40px;
    padding: 5px 10px;
    background: #dfe3ec;
    transition: background 0.3s;
}

.collection-status-label .cmp-label .text {
    padding-top: 2px;
}

.collection-table .table__content > .table__row:hover td .collection-status-label .cmp-label {
    background: #ccd7e4;
}.overlay-item {
    overflow: hidden;
}

.overlay-item .overlay-item__header {
    padding: 14px 16px;
    border-bottom: 1px solid var(--color-lightgray);
}

.overlay-item__container > .container__inner {
    padding: 0px;
}

.overlay-item.overlay-item--type-dialog-confirmation .overlay-item__content {
    padding: 0px;
}

.overlay-item.overlay-item--type-dialog-confirmation .overlay-item__content > .text {
    padding: 16px;
}

.overlay-item .overlay-item__buttons {
    margin-top: 0px;
    padding: 14px 16px;
    background: var(--color-background);
}

.overlay-item.overlay-item--type-dialog-info,
.overlay-item.overlay-item--type-dialog-confirmation,
.overlay-item.overlay-item--type-dialog-view {
    box-shadow: 0 5px 30px rgba(48, 52, 58, 0.3);
}

.overlay-item .overlay-item__buttons .button {
    box-shadow: 0px 4px 12px rgba(48, 52, 58, 0.2);
    font-size: var(--font-size-small);
    min-height: 38px;
}

.overlay-item .overlay-item__buttons .button:hover {
    box-shadow: 0px 4px 8px rgba(48, 52, 58, 0.25);
}

.overlay-item .overlay-item__buttons .button:disabled,
.button-secondary .button:disabled {
    box-shadow: 0px 0px 0px rgba(48, 52, 58, 0.0);
}

.overlay-item .overlay-item__content > .text > .rich-text {
    line-height: 1.4;
}.lock-widget__text .text {
    font-weight: 300;
    line-height: 1.3;
}

.lock-widget__text .text__inner strong {
    font-weight: 500;
    font-size: var(--font-size-small);
}.notification-table .table__content > .table__row td {
    transition: background 0.3s;
}

.notification-table .table__content > .table__row:hover td {
    background: #f7fbff;
}

.notification-table .table__content > .table__row td .cmp-label {
    transition: color 0.3s;
}

.notification-table .table__content > .table__row:hover td .cmp-label {
    --element-foreground-color: var(--color-primary);
    color: var(--element-foreground-color);
}.info-box__container {
    border: 1px solid var(--form-element-border);
    border-radius: 5px;
    transition: background 0.3s, border 0.3s;
}

.info-box__item {
    padding: 10px;
}

.info-box__item--bl {
    border-left: 1px solid var(--form-element-border);
    transition: background 0.3s, border 0.3s;
}

.info-box__item--bt {
    border-top: 1px solid var(--form-element-border);
    transition: background 0.3s, border 0.3s;
}

.info-box__item--br {
    border-right: 1px solid var(--form-element-border);
    transition: background 0.3s, border 0.3s;
}

.info-box__item--bb {
    border-bottom: 1px solid var(--form-element-border);
    transition: background 0.3s, border 0.3s;
}

.info-box__button .button {
    border-radius: 0;
}

.info-box__grow-row {
    min-width: 200px;
}

.collection-table .table__content > .table__row:hover td .info-box__container,
.collection-table .table__content > .table__row:hover td .info-box__item--bl,
.collection-table .table__content > .table__row:hover td .info-box__item--bt,
.collection-table .table__content > .table__row:hover td .info-box__item--br,
.collection-table .table__content > .table__row:hover td .info-box__item--bb {
    border-color: #a8bbdf;
}.tool-config__label {
  border: 1px var(--form-element-border);
  border-style: solid none solid solid;
  padding: 0px 10px;
}

.tool-config__value {
  background: #e9ecf2;
  padding: 0px 10px;
  border: 1px solid var(--form-element-border);
  border-style: solid none;
}

.tool-config__field .cmp-field__input {
  border-radius: 0;
}

.tool-config__field--align-center .cmp-field__input {
  text-align: center;
}

.tool-config__row > .container > .container__inner > .container__content > .container__item:nth-child(1) > .tool-config__label,
.tool-config__row > .container > .container__inner > .container__content > .container__item:nth-child(1) > .tool-config__value,
.tool-config__row > .container > .container__inner > .container__content > .container__item:nth-child(1) > .tool-config__field .cmp-field__input {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.tool-config__row > .container > .container__inner > .container__content > .container__item:nth-child(2) > .tool-config__value {
  border-left-style: solid;
}

.tool-config__row > .container > .container__inner > .container__content > .container__item:last-child > .tool-config__label,
.tool-config__row > .container > .container__inner > .container__content > .container__item:last-child > .tool-config__value,
.tool-config__row > .container > .container__inner > .container__content > .container__item:last-child > .tool-config__field .cmp-field__input {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.tool-config__row > .container > .container__inner > .container__content > .container__item:last-child > .tool-config__value {
  border-right-style: solid;
}
.notes__input-box {
    max-height: 44px; /* 65px */
    overflow: hidden;
    border-radius: 7px;
    border: 1px solid var(--color-lightgray);
    transition: border-color 0.2s, max-height 0.2s;
    cursor: pointer;
}

.notes__input-box:focus-within {
    max-height: 142px;
}

.notes__input-box.notes__input-box--active {
    max-height: 800px;
}

.notes__input-box:focus-within,
.notes__input-box.notes__input-box--active {
    border-color: var(--form-element-border);
    cursor: auto;
}

.notes__input-box .cmp-field__textarea {
    cursor: pointer;
}

.notes__input-box:focus-within .cmp-field__textarea,
.notes__input-box.notes__input-box--active .cmp-field__textarea {
    cursor: auto;
}

.notes__input-textarea .cmp-field__textarea {
    padding: 12px;
    border: 0px none;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid var(--color-background)!important;
}

.notes__input-bottom-container > .container > .container__inner > .container__content {
    flex-wrap: wrap;
}

.notes__add-note-wrapper {
    position: relative;
    z-index: 1;
    /*border-bottom: 1px solid var(--color-lightgray);*/
}

.notes__add-note-wrapper::before {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 12px rgba(40, 46, 56, 0.8);
    box-shadow: 0 0 12px rgba(40, 46, 56, 0.8);
    left: 5px;
    right: 5px;
    bottom: 5px;
    height: 10px;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.notes__avatar {
    margin-top: 2px;
}

.notes__entry-message-text {
    line-height: 1.5;
}

.notes__avatar .image__image,
.notes__attachment-image .image__image {
    background: var(--color-lightgray);
}

.notes__avatar.notes__avatar--small {
    margin-right: 4px;
    margin-top: 4px;
}

.notes__link-button .button {
    padding: 0px;
    min-height: auto;
    font-weight: 500;
}

.notes__link-button .button:hover {
    color: var(--color-primary);
}

.notes__link-button.notes__link-button--danger .button:hover {
    color: var(--color-danger);
}

.notes__entry .notes__link-button.notes__link-button--alt {
    opacity: 0.0;
    transition: opacity 0.2s;
}

.notes__entry:hover .notes__link-button.notes__link-button--alt {
    opacity: 1.0;
}

.notes__attachments-container.notes__attachments-container--edit {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

.notes__attachments-container > .container > .container__inner > .container__content {
    flex-wrap: wrap;
}

.hae-component-list__item:has(> .notes__reply-to-msg-label) {
    max-width: 80%;
}

.notes__reply-to-msg-label .text {
    padding: 5px 8px;
    line-height: 1.5;
    background: #c8d4f0;
    border-radius: 12px;
}

.notes__remove-attachment-button .button {
    border-radius: 40px;
    min-width: auto;
    min-height: auto;
    padding: 6px;
}

.notes__file-upload .cmp-field__file-list {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}.container__item {
    max-width: none;
    max-height: none;
}

.cmp-field__options-button .label .label__text .text__inner {
    white-space: pre-wrap;
}

/*
.cmp-label a {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    max-width: 100%;
}

.cmp-label a .label__text {
    margin-left: 5px;
}
*/.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4 {
    color: #444444;
}

.rich-text h2,
.rich-text h3,
.rich-text h4 {
    color: #444444;
    padding-top: 10px;
}

.rich-text h1 {
    font-size: 22px;
    font-weight: 400;
}

.rich-text h2 {
    font-weight: 500;
    font-size: 20px;
}

.rich-text h3 {
    font-size: 19px;
    font-weight: 500;
}

.rich-text h4 {
    font-size: 18px;
    font-weight: 600;
}

.rich-text h5 {
    font-size: 17px;
    font-weight: 600;
}

.rich-text a {
    color: var(--color-primary);
    text-decoration: underline;
}

.rich-text a:hover {
    text-decoration: none;
}

.text-tag-list em {
    display: inline-block;
    padding: 2px 7px;
    margin: 1px 0px;
    border-radius: 10px;
    background: var(--color-primary-active);
    color: #ffffff;
    font-size: 11px;
    font-style: normal;
}:root {
    /* Primary color */
    --color-primary: #1f88e5;
    --color-primary-hover: #1a76d2;
    --color-primary-active: #2296f3;

    /* Secondary color */
    --color-secondary: #606a6d;
    --color-secondary-hover: #6c777b;
    --color-secondary-active: #788488;

    /* Info color */
    --color-info: #3183ff;
    --color-info-hover: #4b92ff;
    --color-info-active: #64a2ff;
    
    /* Success color */
    --color-success: #62ae00;
    --color-success-hover: #70c800;
    --color-success-active: #7fe100;

    /* Warning color */
    --color-warning: #eb8d00;
    --color-warning-hover: #ff9b06;
    --color-warning-active: #ffa51f;
    
    /* Error color */
    --color-error: #f00000;
    --color-error-hover: #f00000;
    --color-error-active: #f00000;

    /* Text color */
    --color-text: #333333;
    
    /* Icon color */
    --color-icon: #b2b2b2;

    /* Gray color */
    --color-gray: #898d9c;
    --color-lightgray: #dfe3ec;

    --form-element-border: #c8cedb;
}/*
.cmp-field_with-left-label .cmp-field__input {
  border-radius: 0px 5px 5px 0px;
}

.cmp-field__textarea {
  background:#fff;
  box-shadow: none;
  border: 1px solid #ddd;
}

.cmp-field__input {
  background:#fff;
  box-shadow: none;
  border: 1px solid #ddd;
}

.cmp-field__options .cmp-field__options-button {
  background:#fff;
  box-shadow: none;
  border: 1px solid #ddd;
}

.login_field_top .cmp-field__input {
  padding: 25px 25px;
  text-align: center;
  border-radius: 5px 5px 0px 0px;
}

.login_field_bottom .cmp-field__input {
  padding: 25px 25px;
  text-align: center;
  border-radius: 0px 0px 5px 5px;
}
*//*
.cmp-property-item--style-chip .cmp-property-item__value-content {
    background: #f5f5f5;
    border-radius: 5px;
}

.cmp-property-item__value-button--copy:hover {
    background-color: #e8e8e8;
    border-radius: 3px;
}

.cmp-property-item__value-button--copy:focus {
    background-color: #e4e4e4;
    border-radius: 3px;
}
*//*
.icon_rotation .icon__content {
    animation-name: ckw;
    animation-duration: 1.0s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.15,.51,.85,.49);
}

@keyframes ckw {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
*//*
.overlay-item .overlay-item__header {
    padding: 20px 20px 10px 20px;
}

.overlay-item__header {
    border-width: 0px 0px 1px 0px;
    border-color: #e8e8e8;
    border-style: solid;
}
*/