/* libs/client/shared/styles/src/lib/widgets.scss */
article.widget--container {
  --color-bg-container: var(--widget-background);
  --color-bg-opaque: var(--widget-background-opaque);
  --color-bg-card-title: var(--widget-background);
  --color-bg-card: var(--widget-data-background);
  --color-card-title: var(--grey-medium);
  --color-card-label: var(--grey-medium);
  --color-default: var(--white);
  --border-container: 1px solid var(--widget-border);
  --padding-container: var(--s);
  --padding-card: var(--m);
  --margin-card-row: calc(var(--xxs) / 2) 0;
  --margin-card-col: 0 var(--xxs);
  --margin-section-title: 0 var(--xs);
  --size-font-header: var(--base-size);
  --height-with-filter: 48px;
}
article.widget--container,
section.widget--card {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.widget--container .widget--container {
  border: 0;
}
article.widget--container {
  background-color: var(--color-bg-container);
  border: var(--border-container);
  padding: var(--padding-container);
  overflow: auto;
}
article.widget--container > * {
  flex: 1;
}
article.widget--container.nooverflow {
  overflow: hidden;
  padding: 0;
}
article.widget--container.opaque {
  background-color: var(--color-bg-opaque);
}
article.widget--container.with--filter,
article.widget--container.with--tabs {
  padding: 0;
  overflow: visible;
}
article.widget--container.with--filter > *:nth-child(1),
article.widget--container.with--tabs > *:nth-child(1) {
  max-height: var(--height-with-filter);
}
article.widget--container.with--filter > *:nth-child(2),
article.widget--container.with--tabs > *:nth-child(2) {
  max-height: calc(100% - var(--height-with-filter));
}
section.widget--card {
  background-color: var(--color-bg-card);
}
section.widget--card.nobg {
  background-color: transparent;
}
section.widget--card.nobg .card--header {
  background-color: transparent;
}
section.widget--card .card--header {
  background-color: var(--color-bg-card-title);
  color: var(--color-card-title);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.widget--card .card--header .header--title {
  font-size: var(--size-font-header);
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}
section.widget--card .card--body {
  flex: 1;
  padding: var(--padding-card);
  color: var(--color-default);
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
section.widget--card .card--body .card--body--section {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
section.widget--card .card--body .card--body--section .section--header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 0;
  position: relative;
}
section.widget--card .card--body .card--body--section .section--header .section--title {
  margin: var(--margin-section-title);
}
section.widget--card .card--body .card--body--section .section--content {
  width: 100%;
  flex: 1;
  display: flex;
}
section.widget--card .card--body .card--row {
  margin: var(--margin-card-row);
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
section.widget--card .card--body .card--row.row--wrap {
  flex-wrap: wrap;
}
section.widget--card .card--body .card--row.justify--between {
  justify-content: space-between;
}
section.widget--card .card--body .card--row.space--even {
  justify-content: space-evenly;
}
section.widget--card .card--body .card--column {
  margin: var(--margin-card-col);
  flex-basis: 48%;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
section.widget--card .card--body .card--column.no--margins {
  margin: 0;
}
section.widget--card .card--body .card--column.align--right {
  align-items: flex-end;
  text-align: right;
}
section.widget--card .card--body .flex--container {
  flex: 1;
}
section.widget--card .card--item--label {
  color: var(--color-card-label);
}
section.widget--card .card--item--label.break--word {
  word-break: break-word;
}

/* libs/client/shared/styles/src/lib/dialogs.scss */
.container--dialog {
  --margin-row-item: var(--xs) 0;
  --margin-item-data: 0 0 0 var(--l);
  --margin-button: 0 var(--l) 0 0;
  --margin-form-group: 0 var(--l) 0 0;
  --margin--footer: var(--m) 0 0 0;
  --color-error: var(--error);
  --size-data-group: calc(var(--base-size) + 2px);
}
.container--dialog,
.dialog--body,
.dialog--footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.container--dialog .row--item,
.dialog--body .row--item,
.dialog--footer .row--item {
  margin: var(--margin-row-item);
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.container--dialog .row--item .form--data--group,
.dialog--body .row--item .form--data--group,
.dialog--footer .row--item .form--data--group {
  font-size: var(--size-data-group);
}
.container--dialog .row--item .item--label,
.dialog--body .row--item .item--label,
.dialog--footer .row--item .item--label {
  flex-basis: 30%;
}
.container--dialog .row--item .item--data,
.dialog--body .row--item .item--data,
.dialog--footer .row--item .item--data {
  flex: 2;
  margin: var(--margin-item-data);
}
.container--dialog .row--item .item--button:not(:last-child),
.dialog--body .row--item .item--button:not(:last-child),
.dialog--footer .row--item .item--button:not(:last-child) {
  margin: var(--margin-button);
}
.container--dialog .row--item .invalid,
.dialog--body .row--item .invalid,
.dialog--footer .row--item .invalid {
  border-color: var(--color-error);
}
.container--dialog .row--item > .form--group:not(:last-child),
.dialog--body .row--item > .form--group:not(:last-child),
.dialog--footer .row--item > .form--group:not(:last-child) {
  margin: var(--margin-form-group);
}
.container--dialog .dialog--footer,
.dialog--body .dialog--footer,
.dialog--footer .dialog--footer {
  margin: var(--margin--footer);
}

/* libs/client/shared/styles/src/lib/notifications.scss */
.notifications {
  --color-icon-hover: var(--system-highlight-ui);
}
.notifications.pinned .toolbar--button.pin .pi {
  background: var(--color-icon-hover);
}
.notifications .toolbar--container .notification--button:hover .notification--icon--path {
  fill: var(--color-icon-hover);
}

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