@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
path.ring1 {
  transform-origin: center;
  animation: rotating 2s linear infinite;
}
path.ring2 {
  transform-origin: center;
  animation: rotating 3s linear infinite;
  animation-direction: reverse;
}
path.ring3 {
  transform-origin: center;
  animation: rotating 4s linear infinite;
}
div.logo-container {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.c-tooltip {
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.c-tooltip-floating {
  z-index: 1000000;
  padding: 4px 8px;
  background-color: var(--neutral-40);
  color: var(--white);
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border-radius: 4px;
  max-width: 300px;
}

.icon-button {
  display: flex;
  width: 40px;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 10px;
  flex-shrink: 0;
  -webkit-user-select: none;
  user-select: none;
}
.icon-button.badge {
  width: 48px;
  height: 48px;
}
.icon-button .material-symbols-rounded {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 24px;
  height: 24px;
}
.icon-button .icon-container .material-symbols-rounded {
  width: 32px;
  height: 32px;
  font-size: 32px;
  color: var(--neutral-variant-30);
  padding: 0px;
}
.icon-button .icon-container {
  display: flex;
  flex-direction: row;
  position: relative;
}
.icon-button .state-layer-badge {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
}
.icon-button .badge {
  display: flex;
  width: 20px;
  height: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  position: absolute;
  right: 12px;
  top: 12px;
  border-radius: 100px;
  background: var(--error-40);
}
.icon-button .badge-1-digit {
  padding-bottom: 0px;
}
.icon-button .badge-2-digits {
  padding: 0px 4px 1px 4px;
}
.icon-button .badge .badge-label {
  color: var(--white);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
}
.icon-button.standard {
  border-color: transparent;
  background-color: transparent;
}
.icon-button.standard:hover {
  background: var(--neutral-99);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 50%;
}
.icon-button.standard:focus {
  background: var(--neutral-95);
  outline: none;
}
.icon-button.standard:active {
  background: var(--neutral-90);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}
.icon-button.filled {
  border-color: transparent;
}
.icon-button.filled:hover {
  background: var(--primary-40);
  color: var(--white);
  border-radius: 50%;
}
.icon-button.filled:focus {
  background: var(--primary-40);
  color: var(--white);
}
.icon-button.filled:active {
  background: var(--primary-40);
  color: var(--white);
}
.icon-button.filled:disabled {
  background: var(--neutral-90);
  color: var(--neutral-70);
}
.icon-button.filled:disabled:hover {
  background: var(--neutral-90);
  box-shadow: none;
}
.icon-button.outlined {
  background: transparent;
  border: solid 1px var(--neutral-50);
  border-radius: 50%;
}
.icon-button.outlined:hover {
  background: var(--secondary-40-alpha-016);
}
.icon-button.outlined:focus {
  background: var(--secondary-40-alpha-016);
  border-color: var(--neutral-50);
}
.icon-button.outlined:active {
  background: var(--secondary-40-alpha-016);
  border-color: var(--neutral-50);
}
.icon-button.outlined:disabled {
  border-color: var(--neutral-70);
  color: var(--neutral-70);
}
.icon-button.outlined:disabled:hover {
  background: transparent;
}
.icon-button.tonal:hover {
  background: var(--secondary-90);
  border-radius: 50%;
}
.icon-button.tonal:focus {
  background: var(--secondary-40-alpha-016);
}
.icon-button.tonal:active {
  background: var(--secondary-40-alpha-016);
}
.icon-button.tonal:disabled {
  color: var(--neutral-70);
}
.icon-button.disabled:hover {
  background-color: transparent;
  box-shadow: none;
}

a {
  display: inline-flex;
  text-decoration: none;
}
a span.text {
  padding-left: 4px;
}

button {
  box-sizing: border-box;
  padding: 7px 16px 7px 16px;
  border-radius: 100px;
  border: solid 1px transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  /* text */
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
button .button-text {
  white-space: pre;
}
button > div.leading,
button > div.trailing {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 20px;
}
button > div.leading span,
button > div.trailing span {
  font-size: 18px;
}
button.small {
  padding: 5px 12px 5px 12px;
  height: 32px;
}
button.medium {
  padding: 7px 16px 7px 16px;
}
button.large {
  padding: 9px 20px 9px 20px;
}
button.filled {
  background: var(--primary-40);
  color: var(--white);
  border-color: transparent;
}
button.filled:hover {
  background: var(--primary-50);
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.25);
}
button.filled:focus {
  background: var(--primary-40);
  outline: none;
  box-shadow: 0px 0px 0px 2px var(--primary-70), 0px 0px 0px 1px #FFF inset;
}
button.filled:active {
  background: var(--primary-30);
  outline: none;
  box-shadow: none;
}
button.filled:disabled {
  background: var(--neutral-90);
  color: var(--neutral-70);
}
button.filled:disabled:hover {
  background: var(--neutral-90);
  box-shadow: none;
}
button.outlined {
  background: transparent;
  color: var(--primary-40);
  border-color: var(--primary-40);
}
button.outlined:hover {
  background: var(--primary-40-alpha-008);
}
button.outlined:focus {
  background: var(--primary-40-alpha-012);
  outline: none;
}
button.outlined:active {
  background: var(--primary-40-alpha-012);
  color: var(--primary-30);
}
button.outlined:disabled {
  border-color: var(--neutral-70);
  color: var(--neutral-70);
}
button.outlined:disabled:hover {
  background: transparent;
}
button.text {
  background: transparent;
  color: var(--primary-40);
  border-color: transparent;
}
button.text:hover {
  background: var(--primary-40-alpha-008);
}
button.text:focus {
  background: var(--primary-40-alpha-012);
  outline: none;
}
button.text:active {
  background: var(--primary-40-alpha-012);
  color: var(--primary-30);
}
button.text:disabled {
  color: var(--neutral-70);
}
button.text:disabled:hover {
  background: transparent;
}
button.elevated {
  background: var(--primary-99);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
  color: var(--primary-40);
  border-color: transparent;
}
button.elevated:hover {
  background: var(--primary-40-alpha-008-elevated);
  box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.15);
}
button.elevated:focus {
  background: var(--primary-40-alpha-012-elevated);
  outline: none;
  box-shadow: 0px 0px 0px 2px var(--primary-70), 0px 0px 0px 1px #FFF inset;
}
button.elevated:active {
  color: var(--primary-30);
  background: var(--primary-40-alpha-012-elevated);
  outline: none;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
button.elevated:disabled {
  background: var(--neutral-90);
  box-shadow: none;
  color: var(--neutral-70);
}
button.tonal {
  background: var(--error-40);
  color: var(--white);
  border-color: transparent;
  text-decoration: line-through;
}
button.tonal:hover {
  background: var(--error-30);
}
button.tonal:focus {
  background: var(--error-20);
  outline: none;
}
button.tonal:disabled {
  background: var(--neutral-70);
  box-shadow: none;
  color: var(--white);
}
button:disabled {
  cursor: default;
}

/* Based on https://moderncss.dev/pure-css-custom-checkbox-style */
label.c-checkbox {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 0 1 auto;
  align-self: stretch;
}
label.c-checkbox div.ring {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border-radius: 50%;
  display: grid;
  place-content: center;
}
label.c-checkbox div.ring input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border: 2px solid var(--neutral-variant-30);
  border-radius: 2px;
  display: grid;
  place-content: center;
}
label.c-checkbox div.ring input[type="checkbox"]::before {
  content: "";
  width: 12px;
  height: 12px;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  box-shadow: inset 12px 12px var(--white);
}
label.c-checkbox div.ring input[type="checkbox"]:checked {
  border: 2px solid var(--primary-40);
  background-color: var(--primary-40);
}
label.c-checkbox div.ring input[type="checkbox"]:checked::before {
  transform: scale(1);
}
label.c-checkbox div.ring input[type="checkbox"]:indeterminate::before {
  content: "";
  width: 12px;
  height: 12px;
  clip-path: xywh(10% 45% 80% 20%);
  transform: scale(1);
  box-shadow: inset 12px 12px var(--neutral-variant-30);
  background-color: var(--neutral-variant-30);
}
label.c-checkbox:focus-within div.ring {
  background-color: var(--primary-40-alpha-012);
}
label.c-checkbox:focus-within div.ring input[type="checkbox"] {
  outline: none;
}
label.c-checkbox:hover div.ring {
  background-color: var(--primary-40-alpha-008);
}
label.c-checkbox.disabled div.ring input[type="checkbox"] {
  border: 2px solid var(--neutral-70);
}
label.c-checkbox.disabled div.ring input[type="checkbox"]:checked {
  background-color: var(--neutral-70);
}
label.c-checkbox.disabled div.ring input[type="checkbox"]::before {
  box-shadow: inset 1em 1em var(--white);
}
label.c-checkbox.disabled:hover div.ring {
  background-color: transparent;
}
.c-checkbox-list ul.options {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
}
.c-checkbox-list.horizontal ul.options {
  flex-direction: row;
}
.small .c-checkbox-list ul.options {
  gap: 4px;
}
span.selector-frame {
  display: flex;
  box-sizing: border-box;
  border: 2px solid var(--neutral-variant-40);
  border-radius: 100px;
  width: 48px;
  height: 24px;
  background-color: var(--neutral-90);
  cursor: pointer;
}
span.selector-frame span.selector-container {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  left: calc(50% - 32px/1.15);
  top: calc(50% - 16px);
  border-radius: 100px;
  border: 0;
  background-color: transparent;
}
span.selector-frame span.selector-container span.selector {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  left: calc(50% - 8px);
  top: calc(50% - 8px);
  border-radius: 100px;
  background-color: var(--neutral-variant-40);
}
span.selector-frame span.selector-container:hover {
  background-color: var(--secondary-40-alpha-008);
}
span.selector-frame.checked {
  border-color: var(--primary-40);
  background: var(--primary-40);
}
span.selector-frame.checked span.selector-container {
  left: calc(50% - 4px);
  top: calc(50% - 16px);
}
span.selector-frame.checked span.selector-container span.selector {
  left: calc(50% - 8px);
  top: calc(50% - 8px);
  background-color: var(--white);
}
span.selector-frame.checked span.selector-container:hover {
  background-color: var(--secondary-40-alpha-016);
}
span.selector-frame.disabled {
  border-color: var(--neutral-70);
  background-color: transparent;
}
span.selector-frame.disabled span.selector-container span.selector {
  background-color: var(--neutral-70);
}
span.selector-frame.disabled span.selector-container:hover {
  background-color: transparent;
}
span.selector-frame.checked.disabled {
  border-color: var(--neutral-70);
  background-color: var(--neutral-70);
}
span.selector-frame.checked.disabled span.selector-container span.selector {
  background-color: var(--white);
}
span.selector-frame.checked.disabled span.selector-container:hover {
  background-color: transparent;
}
span.selector-frame.small {
  border: 1.32px solid var(--neutral-variant-40);
  width: 31.68px;
  height: 15.84px;
}
span.selector-frame.small span.selector-container {
  width: 21.12px;
  height: 21.12px;
  left: calc(50% - (32px * 0.66)/1.15);
  top: calc(50% - (16px * 0.66));
}
span.selector-frame.small span.selector-container span.selector {
  width: 10.56px;
  height: 10.56px;
  left: calc(50% - (8px * 0.66));
  top: calc(50% - (8px * 0.66));
}
span.selector-frame.small.checked span.selector-container {
  left: calc(50% - (4px * 0.66));
  top: calc(50% - (16px * 0.66));
}
span.selector-frame.small.checked span.selector-container span.selector {
  left: calc(50% - (8px * 0.66));
  top: calc(50% - (8px * 0.66));
}
@media print {
  label.c-checkbox.disabled div.ring input[type="checkbox"]::before {
    box-shadow: inset 1em 1em var(--neutral-70);
  }
}

.adjust-date-popup {
  border-radius: 4px;
  background-color: var(--white);
  box-shadow: var(--standard-boxshadow);
  z-index: 1;
}
.adjust-date-popup ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  min-width: 150px;
  padding: 8px 0px;
  align-items: flex-start;
}
.adjust-date-popup ul li {
  cursor: default;
  flex: 1 0 auto;
  display: flex;
  height: 32px;
  padding: 4px 8px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.adjust-date-popup ul li span {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.adjust-date-popup ul li:hover {
  background-color: var(--primary-40-alpha-008);
}
.date-time-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.date-time-wrapper .input-wrapper {
  flex: 1 0 auto;
}
.date-time-wrapper .input-wrapper div.input-container .trailing .datetime-trailing {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin-right: 8px;
}
.date-time-wrapper .input-wrapper div.input-container .trailing .datetime-trailing .input-icon {
  margin: 0;
}
.date-time-wrapper .input-wrapper div.input-container .trailing .datetime-trailing .enter {
  font-size: 18px;
  color: var(--neutral-60);
}
.date-time-wrapper .input-wrapper div.input-container .trailing .datetime-trailing .clear {
  cursor: pointer;
}
.date-time-validation {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--warning-40);
  padding-top: 2px;
}
.date-time-input .input-icon {
  font-variation-settings: 'FILL' 1;
}
.date-time-popup {
  display: flex;
  flex-direction: row;
  border-radius: 8px;
  background-color: var(--white);
  box-shadow: var(--standard-boxshadow);
  padding: 4px;
  z-index: 100;
}
.icon-button.standard.date-adjuster {
  width: 20px;
  border-radius: 10px;
}
.icon-button.standard.date-adjuster:hover {
  border-radius: 10px;
}
.date-picker {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.date-picker .date-period {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.date-picker .date-period .month-select,
.date-picker .date-period .year-select {
  display: flex;
  flex-direction: row;
}
.date-picker .date-period .month-select select.period-select,
.date-picker .date-period .year-select select.period-select {
  border: 0;
  background-color: var(--white);
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.date-picker table.date-month {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.date-picker table.date-month thead tr th {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
}
.date-picker table.date-month tbody tr td button {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  width: 40px;
  height: 40px;
}
.date-picker table.date-month tbody tr td .unselectable {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--neutral-70);
}
.date-picker table.date-month tbody tr td.week-number {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.date-picker table.date-month tbody tr td.week-number div {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--neutral-50);
}
.time-picker {
  border-left: solid 1px var(--neutral-70);
  padding-left: 4px;
}
.time-picker .time-list {
  height: 200px;
  width: 100px;
  overflow-y: auto;
}
.time-picker .time-list ul {
  list-style: none;
}
.time-picker .time-list ul li {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 8px;
  cursor: pointer;
}
.time-picker .time-list ul li:hover {
  background-color: var(--primary-40-alpha-008);
}
.time-picker .time-list ul li.selected {
  background-color: var(--neutral-95);
}

div.input-container {
  display: flex;
  width: auto;
  box-sizing: border-box;
  border: solid 1px var(--neutral-variant-50);
  border-radius: 4px;
  background-color: var(--white);
  font-size: 16px;
  line-height: 24px;
}
div.input-container input[type="text"],
div.input-container input[type="number"],
div.input-container input[type="password"],
div.input-container input[type="search"] {
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 16px;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: none;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--black);
  width: 50px;
}
div.input-container input[type="text"]::placeholder,
div.input-container input[type="number"]::placeholder,
div.input-container input[type="password"]::placeholder,
div.input-container input[type="search"]::placeholder {
  color: var(--neutral-40);
}
div.input-container input[type="search"]::-ms-clear {
  display: none;
}
div.input-container input[type="search"]::-ms-reveal {
  display: none;
}
div.input-container input[type="search"]::-webkit-search-decoration {
  display: none;
}
div.input-container input[type="search"]::-webkit-search-cancel-button {
  display: none;
}
div.input-container input[type="search"]::-webkit-search-results-button {
  display: none;
}
div.input-container input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
div.input-container input[type="password"]::-ms-reveal {
  display: none;
}
div.input-container:hover {
  border-color: var(--neutral-30);
}
div.input-container.disabled {
  background-color: var(--white);
  border-color: var(--neutral-70);
}
div.input-container.disabled input:disabled {
  color: var(--neutral-70);
}
div.input-container.disabled:hover {
  border-color: var(--neutral-70);
}
div.input-container.readonly {
  background-color: transparent;
  border: 0;
}
div.input-container.readonly:hover {
  border-color: transparent;
}
div.input-container.readonly div.textonly {
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 0;
  outline: none;
}
div.input-container.search .trailing.clear span.input-icon {
  font-size: 18px;
}
div.input-container.outline {
  outline: solid 1px var(--black);
}
div.input-container.leading .input-icon {
  color: var(--neutral-10);
}
div.input-container.leading input[type="text"],
div.input-container.leading input[type="password"],
div.input-container.leading input[type="search"] {
  padding-left: 0;
}
div.input-container.trailing input[type="text"],
div.input-container.trailing input[type="password"],
div.input-container.trailing input[type="search"] {
  padding-right: 0;
}
div.input-container .leading,
div.input-container .trailing {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div.input-container .leading .multiple-trailing,
div.input-container .trailing .multiple-trailing {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
}
div.input-container .leading.localizable,
div.input-container .trailing.localizable {
  cursor: pointer;
}
div.input-container .leading .input-icon,
div.input-container .trailing .input-icon {
  margin: 0 8px;
  padding: 2px;
}
div.input-container.error {
  border-color: var(--error-40);
}
div.input-container.error input[type="text"]::placeholder,
div.input-container.error input[type="number"]::placeholder,
div.input-container.error input[type="password"]::placeholder,
div.input-container.error input[type="search"]::placeholder {
  color: var(--error-40);
}
div.input-container.error.outline {
  outline: solid 1px var(--error-40);
  border-color: var(--error-40);
}
div.input-container.error .error-icon {
  color: var(--error-40);
}
.localize-overlay {
  display: block;
  background-color: yellowgreen;
  padding: 10px;
  top: 0px;
}
.small div.readonly {
  padding: 9px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.small div.input-container input[type="text"],
.small div.input-container input[type="number"],
.small div.input-container input[type="password"],
.small div.input-container input[type="search"] {
  padding: 9px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.small div.input-container .leading .input-icon {
  margin: 0 0 0 8px;
}
.small div.input-container .trailing .input-icon {
  margin: 0 8px 0 0;
}
.small div.input-container.readonly div.textonly {
  padding: 0px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

li.two-row-label,
div.two-row-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  padding: 8px 0;
}
li.two-row-label .title,
div.two-row-label .title {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--black);
}
li.two-row-label .title.dohover,
div.two-row-label .title.dohover {
  cursor: pointer;
}
li.two-row-label .title.dohover:hover,
div.two-row-label .title.dohover:hover {
  color: var(--primary-40);
  text-decoration: underline;
}
li.two-row-label .subtitle,
div.two-row-label .subtitle {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--neutral-30);
}
li.two-row-label .subtitle-properties,
div.two-row-label .subtitle-properties {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 5px;
  flex-wrap: wrap;
}
li.two-row-label .subtitle-properties li,
div.two-row-label .subtitle-properties li {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--neutral-40);
  border-right: solid 1px var(--neutral-80);
  padding-right: 5px;
}
li.two-row-label .subtitle-properties span.label,
div.two-row-label .subtitle-properties span.label {
  display: inline-block;
  padding-right: 5px;
}
li.two-row-label-extended,
div.two-row-label-extended {
  display: flex;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 4px 16px;
  gap: 16px;
}
.disabled li.two-row-label .title,
.disabled div.two-row-label .title {
  color: var(--neutral-70);
}
.disabled li.two-row-label .subtitle,
.disabled div.two-row-label .subtitle {
  color: var(--neutral-70);
}

a.c-link {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--primary-40);
  cursor: pointer;
}
a.c-link span.input-icon {
  height: 24px;
}
a.c-link span.text {
  display: inline-block;
  box-sizing: border-box;
  border-bottom: solid 1px transparent;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.c-link:hover span.text {
  border-bottom-color: var(--primary-40);
}



progress {
  width: 250px;
  height: 20px;
}
progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  appearance: none;
  width: 250px;
  height: 20px;
}
progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

label.c-radio-button {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
  align-self: stretch;
}
label.c-radio-button div.ring {
  width: 40px;
  height: 40px;
  background-color: transparent;
  border-radius: 50%;
  display: grid;
  place-content: center;
}
label.c-radio-button div.ring input[type="radio"] {
  display: grid;
  place-content: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 18px;
  height: 18px;
  border: 2px solid var(--primary-40);
  border-radius: 50%;
}
label.c-radio-button div.ring input[type="radio"]::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  box-shadow: inset 1em 1em var(--primary-40);
  transform: scale(0);
}
label.c-radio-button div.ring input[type="radio"]:checked::before {
  transform: scale(1);
}
label.c-radio-button:hover div.ring {
  background-color: var(--primary-40-alpha-008);
}
label.c-radio-button:focus div.ring {
  background-color: var(--primary-40-alpha-012);
}
label.c-radio-button:active div.ring {
  background-color: var(--primary-40-alpha-012);
}
.c-radio-button-list ul.options {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
}
.c-radio-button-list.horizontal ul.options {
  flex-direction: row;
}

div.c-menu-as-select {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px 0 16px;
  border-radius: 4px;
  border: 1px solid var(--neutral-variant-50);
  background-color: var(--white);
  width: 100%;
  height: 40px;
}
div.c-menu-as-select.error {
  border-color: var(--error-40);
}
div.c-menu-as-select.error .c-menu-icon-2 {
  color: var(--error-40);
}
div.c-menu-as-select:hover {
  background-color: var(--primary-40-008);
}
.c-menu-button-content-verticaldiv.c-menu-as-select:hover {
  background-color: transparent;
}
div.c-menu-as-select div.c-menu-button-content {
  background-color: transparent;
  padding: 0;
}
div.c-menu-as-select div.c-menu-button-content:hover {
  background-color: transparent;
}
div.c-menu-as-select div.c-menu-button-content span.c-menu-text {
  text-align: left;
}
.small div.c-menu-as-select div.c-menu-button-content span.c-menu-text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

div.textarea-container {
  display: flex;
  width: auto;
  box-sizing: border-box;
  border: 1px solid var(--primary-40);
  border-radius: 4px;
}
div.textarea-container:hover {
  border-color: rgba(0, 0, 0, 0.5);
}
div.textarea-container.disabled {
  background-color: var(--white);
}
div.textarea-container.disabled:hover {
  border-color: rgba(0, 0, 0, 0.2);
}
div.textarea-container.outline {
  outline: var(--input-outline);
}
div.textarea-container .leading .input-icon,
div.textarea-container .trailing .input-icon {
  line-height: 45px;
  padding: 0 8px;
}
div.textarea-container .leading svg {
  position: relative;
  top: 8px;
  left: 8px;
}
div.textarea-container .trailing svg {
  position: relative;
  top: 8px;
  right: 8px;
}
div.textarea-container textarea {
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 16px;
  background-color: transparent;
  border: 0;
  outline: none;
  resize: vertical;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
div.textarea-container.leading textarea {
  padding-left: 0;
}
div.textarea-container.trailing textarea {
  padding-right: 0;
}
div.textarea-container.no-resize textarea {
  resize: none;
}
div.textarea-container.error {
  background-color: var(--error-95);
}
div.textarea-container.error .error-icon {
  color: var(--error-40);
}
.small div.textarea-container textarea {
  padding: 9px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.avatar > .avatar-roundel {
  display: flex;
  border-radius: 64px;
  background: var(--tertiary-40);
  color: var(--white);
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
}
.avatar > .avatar-roundel .avatar-letters {
  display: inline-block;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  width: 100%;
  text-align: center;
  color: var(--white);
}
.avatar > .avatar-list-item {
  display: flex;
  border-radius: 32px;
  background: var(--tertiary-40);
  color: var(--white);
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
}
.avatar.avatar-small .avatar-roundel {
  width: 20px;
  height: 20px;
}
.avatar.avatar-small .avatar-roundel .avatar-letters {
  font-style: normal;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
}
.avatar.avatar-external .avatar-roundel {
  background: var(--primary-40);
}
.avatar.avatar-invalid .avatar-roundel {
  background: var(--error-40, #B3261E);
}
.avatar.group-blob > .avatar-roundel {
  background: var(--neutral-40);
}
.avatar.group-blob > .avatar-roundel .avatar-letters {
  margin-top: 5px;
}
.avatar.group-blob > .avatar-roundel .material-symbols-rounded {
  font-size: 14px;
}
.avatar.group-blob > .avatar-roundel svg {
  fill: white;
  margin: 3px 2px 2px 2px;
}
.avatar.group-blob .svg-icon {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.user-card .user-wrapper .user {
  display: flex;
  flex-direction: row;
  gap: 20px;
  padding: 2px 0 2px 0;
}
.user-card .user-wrapper .user .avatar > .blob {
  margin-top: 0;
}
.user-card .user-wrapper .user .user-header {
  font-style: normal;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  color: var(--neutral-40);
}
.user-card .user-wrapper .user .name-container {
  display: flex;
  flex-direction: column;
  justify-content: start;
  margin-top: 0px;
}
.user-card .user-wrapper .user .name-container .name {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--black);
  padding-top: 2px;
}
.user-card .user-wrapper .user .name-container .labels {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--neutral-40);
  list-style: none;
}
.user-card .user-wrapper .user .name-container .labels:empty {
  display: none;
}
.user-card .user-wrapper .user .name-container .labels li {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--neutral-40);
}
.user-card .user-wrapper .user .name-container .labels li:empty {
  display: none;
}
.user-card .user-wrapper .contact-info {
  border-top: solid 1px var(--neutral-90);
  padding-top: 8px;
}
.user-card .user-wrapper .contact-info .contact-info-header {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--black);
}
.user-card .user-wrapper .contact-info > ul {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.user-card .user-wrapper .contact-info > ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 8px 0px;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--neutral-40);
}
.user-card .user-wrapper .contact-info > ul li .input-icon {
  color: var(--neutral-40);
  font-size: 24px;
}
.user-card .user-wrapper .contact-info > ul li a.info {
  color: var(--primary-40);
}
.user-card .user-wrapper .contact-info > ul li a.info:hover {
  text-decoration: underline;
}
.user-card .actions {
  border-top: solid 1px var(--neutral-90);
  padding-top: 8px;
}
.user-card .actions ul {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.user-card .actions ul li {
  display: flex;
  align-items: center;
  cursor: default;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--black);
}
.user-card .actions ul li a {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
  padding: 8px;
}
.user-card .actions ul li:hover {
  background-color: var(--neutral-95);
}
.user-card-wrapper-popup {
  display: flex;
  flex-direction: column;
  padding: 16px 0 8px 0;
  min-width: 254px;
  border-radius: 8px;
  background-color: var(--white);
  box-shadow: var(--standard-boxshadow);
}
.user-card-wrapper-popup .user-card .user-wrapper .user,
.user-card-wrapper-popup .user-card .user-wrapper .contact-info {
  padding-left: 16px;
  padding-right: 16px;
}
.user-card-wrapper-popup .actions ul li a {
  padding-left: 16px;
  padding-right: 16px;
}

.user-item {
  display: flex;
  padding: 4px 0 0 0;
}
.user-item .user-item-avatar {
  margin: 0px 8px 0 0;
}
.user-item .group-blob {
  margin: 1px 8px 0 0;
}
.user-item .name {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--black);
}
.user-item .avatar .avatar-roundel {
  width: 20px;
  height: 20px;
}
.user-item .avatar .avatar-letters {
  font-size: 10px;
}
.user-item .labels {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--neutral-40);
  list-style: none;
}
.user-item .labels:empty {
  display: none;
}
.user-item .labels li {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--neutral-40);
}
.user-item .labels li:empty {
  display: none;
}
.user-item .user-header {
  font-style: normal;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  color: var(--neutral-40);
}
.templated-list .user-item {
  padding: 4px 0 4px 0;
}

.email-labels {
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding-bottom: 8px;
}
.email-labels span.input-icon {
  font-size: 28px;
  line-height: 20px;
}
.email-labels div.label {
  font-style: normal;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  padding: 2px 8px;
  border: solid 1px var(--neutral-70);
  border-radius: 64px;
}

.c-menu-button {
  display: inline-block;
  position: relative;
  width: fit-content;
  cursor: pointer;
  z-index: 0;
  isolation: isolate;
}
.c-menu-button.disabled {
  color: var(--neutral-70);
}
.c-menu-button.disabled .c-menu-button-content {
  color: var(--neutral-70);
}
.c-menu-button .c-menu-button-content-vertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  border-radius: 100px;
}
.c-menu-button .c-menu-button-content-vertical:hover {
  background: var(--primary-40-008);
}
.c-menu-button .c-menu-button-content {
  display: flex;
  padding: 5px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: var(--secondary-40);
}
.c-menu-button .c-menu-button-content div.c-menu-text-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: calc(100% - 28px);
}
.c-menu-button .c-menu-button-content span.c-menu-label {
  text-wrap: nowrap;
  font-style: normal;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
}
.c-menu-button .c-menu-button-content span.c-menu-text {
  text-align: center;
  flex: 1 1 auto;
  text-wrap: nowrap;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.c-menu-button .c-menu-button-content span.c-menu-badge {
  display: flex;
  width: 20px;
  height: 20px;
  min-height: 20px;
  min-width: 20px;
  padding-bottom: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background-color: var(--secondary-40);
  color: var(--white);
  text-align: center;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.c-menu-button .c-menu-button-content .c-menu-icon {
  font-size: 20px;
}
.c-menu-button .c-menu-button-content .c-menu-expand {
  font-size: 24px;
}
.c-menu-button .c-menu-floating {
  z-index: 1;
}
button.c-menu-button {
  padding: unset;
  border: unset;
  border-radius: 100px;
  background-color: transparent;
}
.small .c-menu-button .c-menu-button-content span.c-menu-text {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
menu.c-menu {
  color: var(--black);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 300px;
  max-width: 400px;
  width: 100%;
  border-radius: 8px;
  background-color: var(--white);
  box-shadow: var(--standard-boxshadow);
  z-index: 1;
  overflow-x: auto;
  border: solid 1px var(--neutral-90);
}
menu.c-menu li.c-menu-item {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 4px 16px;
  gap: 16px;
}
menu.c-menu li.c-menu-item:hover {
  background-color: var(--black-alpha-008);
}
menu.c-menu li.c-menu-item:has(.separator) {
  background-color: var(--white);
}
menu.c-menu li.c-menu-item.no-hover:hover {
  background-color: var(--white);
}
menu.c-menu li.c-menu-item.top-element,
menu.c-menu li.c-menu-item.bottom-element {
  display: block;
  align-items: unset;
  height: auto;
}
menu.c-menu li.c-menu-item.top-element {
  position: sticky;
  top: 0;
  padding-top: 8px;
  background-color: var(--white);
}
menu.c-menu li.c-menu-item.bottom-element.sticky {
  position: sticky;
  bottom: 0;
  padding-bottom: 8px;
  background-color: var(--white);
}
menu.c-menu li.c-menu-item .c-menu-item-selected {
  color: transparent;
}
menu.c-menu li.c-menu-item .c-menu-item-check {
  color: var(--neutral-10);
}
menu.c-menu li.c-menu-item .c-menu-item-check.filled {
  font-variation-settings: 'FILL' 1;
}
menu.c-menu li.c-menu-item.selected {
  background-color: var(--secondary-90);
}
menu.c-menu li.c-menu-item.selected .c-menu-item-selected {
  color: var(--neutral-10);
}
menu.c-menu li.c-menu-item.highlighted {
  background-color: var(--neutral-90);
}
menu.c-menu li.c-menu-item.highlighted .c-menu-item-selected {
  color: var(--neutral-10);
}
menu.c-menu li.c-menu-item div.text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}
menu.c-menu li.c-menu-item div.text-container span.headline {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
menu.c-menu li.c-menu-item div.text-container span.supporting-text {
  color: var(--neutral-30);
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
menu.c-menu li.c-menu-item .separator {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  border: 0;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--black);
}
menu.c-menu li.c-menu-item .separator::before,
menu.c-menu li.c-menu-item .separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid var(--black);
}
menu.c-menu li.c-menu-item .separator:not(:empty)::before {
  margin-right: 10px;
}
menu.c-menu li.c-menu-item .separator:not(:empty)::after {
  margin-left: 10px;
}

.search-within-container {
  display: inline-flex;
  height: 38px;
  justify-content: flex-start;
  flex-shrink: 0;
  border-radius: 20px 0px 0px 20px;
  border-right: 1px solid var(--neutral-variant-80);
}
.search-within-container .c-menu-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.search-within-container .c-menu-button div.c-menu-button-content {
  padding: unset;
  padding-left: 22px;
}
.search-within-container .c-menu-button div.c-menu-button-content span.c-menu-text {
  text-align: left;
}
.search-within-container:hover {
  background: var(--secondary-40-alpha-008);
}

/* Custom properties */
/* Wrapping */
.tooltip-wrapper .tooltipText {
  font-weight: 400;
  font-size: 12px;
  color: var(--neutral-95);
}
/* Absolute positioning */
.tooltip-tip {
  position: absolute;
  left: 50%;
  font-size: 14px;
  font-family: sans-serif;
  z-index: 100;
  white-space: pre-wrap;
  border-radius: 4px;
  padding: 4px 12px;
  line-height: 150%;
  word-break: keep-all;
}
.rich-tooltip {
  background: var(--neutral-99);
  padding: 12px;
  border-radius: 12px;
  border: 0;
  box-shadow: var(--standard-boxshadow);
  text-align: initial;
  width: 300px;
  margin-top: 10px;
}
.rich-tooltip header {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--neutral-30);
  margin-bottom: 6px;
}
.rich-tooltip p {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-30);
  white-space: pre-line;
  margin-bottom: 0.5rem;
}
.rich-tooltip p:last-child {
  margin-bottom: 0;
}
.rich-tooltip .menu-arrow {
  fill: var(--neutral-99);
  filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.15));
  z-index: -1;
}
.rich-tooltip button {
  margin-top: 10px;
  margin-left: 4px;
  padding: 8px;
  background-color: #fff;
  color: var(--primary-40);
  border-radius: 4px;
  cursor: default;
}
.plain-tooltip {
  background-color: #444747;
  color: #ffffff;
  padding: 4px 8px 4px 8px;
}

ul.templated-list {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
}
ul.templated-list .selected {
  background-color: var(--neutral-variant-99);
}
ul.templated-list.sortable .list-item.sortable {
  display: flex;
  flex-direction: row;
}
ul.templated-list.sortable .list-item.sortable .handle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30px;
}
ul.templated-list.sortable .list-item.sortable .handle span.input-icon {
  cursor: ns-resize;
  font-size: 20px;
  color: var(--neutral-70);
}
ul.templated-list button.delete-item {
  width: 24px;
  height: 24px;
}
ul.templated-list button.delete-item span.input-icon {
  font-size: 16px;
}

.dialog .dialog-content.connected-tasks-dialog {
  height: calc(100% - 40px);
  min-height: auto;
}
.dialog .dialog-content.connected-tasks-dialog .dialog-body {
  margin-bottom: 8px;
}

.autoform div.autoform-property field {
  display: block;
  padding: 0;
}
.autoform.horizontal-orientation div.autoform-property {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 300px auto;
  grid-auto-rows: min-content;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.autoform.horizontal-orientation div.autoform-property.with-tools {
  grid-template-columns: 300px auto 200px;
}
.autoform.horizontal-orientation div.autoform-property.no-title {
  grid-template-columns: auto;
}
.autoform.horizontal-orientation div.autoform-property > span.empty {
  grid-row: 2 / span 1;
}
.autoform.horizontal-orientation div.autoform-property > label {
  grid-row: 1 / span 1;
  display: flex;
  flex-direction: column;
  padding-top: 9px;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.autoform.horizontal-orientation div.autoform-property > label span {
  padding: 0;
}
.autoform.horizontal-orientation div.autoform-property > field {
  padding: 9px;
}
.autoform.horizontal-orientation div.autoform-property > p.autoform-property-description {
  grid-row: 2 / span 1;
  padding-left: 9px;
}
.autoform.vertical-orientation .autoform-section:first-child {
  padding-top: 0;
}
.autoform.vertical-orientation .autoform-section:last-child {
  padding-bottom: 0;
}
.autoform .autoform-columns {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: start;
  align-items: start;
}
.autoform .autoform-columns .autoform-column {
  flex: 1 1 auto;
}
.autoform .autoform-columns .autoform-column-1,
.autoform .autoform-columns .autoform-column-2,
.autoform .autoform-columns .autoform-column-3,
.autoform .autoform-columns .autoform-column-4 {
  flex: 0 0 368px;
}
.autoform-header-container {
  margin-bottom: 20px;
}
.autoform-header h1 {
  color: var(--black);
  font-style: normal;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.5px;
}
.autoform-description {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.autoform-section {
  padding: 0px 0px;
}
.autoform-section .no-outline {
  border-color: transparent;
}
.autoform-section header.autoform-section-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 0 0 0;
  margin-bottom: 8px;
  border-bottom: solid 1px var(--primary-40);
}
.autoform-section header.autoform-section-header.can-collapse {
  cursor: pointer;
}
.autoform-section header.autoform-section-header h2 {
  color: var(--primary-40);
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  line-height: 28px;
  letter-spacing: 0.5px;
  flex: 1 0 auto;
}
.autoform-section header.autoform-section-header span.input-icon.section-collapse {
  font-size: 24px;
  color: var(--primary-40);
}
.autoform-section header.autoform-section-header span.input-icon.completed {
  font-size: 24px;
  color: var(--primary-40);
}
.autoform-section header.autoform-section-header span.input-icon.not-completed {
  font-size: 24px;
  color: var(--error-40);
}
.autoform-section header.autoform-section-header span.section-collapse {
  display: flex;
  width: 30px;
  height: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  gap: 10px;
  flex-shrink: 0;
}
.autoform-section header.autoform-section-header div.section-tools {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-items: end;
}
.autoform-section hr.autoform-section-divider {
  display: none;
  border: 0;
  height: 0px;
  border-top: solid 1px var(--neutral-variant-80);
  margin: 4px 0;
}
.autoform-section p.autoform-section-description {
  padding-top: 8px;
  padding-bottom: 20px;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.autoform-section .autoform-section-content {
  padding: 0;
}
.autoform-property {
  margin-bottom: 12px;
}
.autoform-property label {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
}
.autoform-property label span {
  display: inline-block;
}
.autoform-property p.autoform-property-description {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--neutral-40);
}
.autoform-property div.autoform-property-tools {
  margin-left: 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
}
.autoform-property.horizontal-property {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.autoform-property.horizontal-property label {
  flex: 1 0 auto;
  align-self: center;
  justify-self: start;
}
.autoform-property.horizontal-property .medium-width {
  min-width: 230px;
}
.autoform.small.horizontal-orientation .autoform-property label {
  padding-top: 10px;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.autoform.vertical-orientation .autoform-property label {
  padding-bottom: 4px;
}
.autoform.vertical-orientation .autoform-property .autoform-property-description {
  padding-bottom: 10px;
}
.autoform.vertical-orientation .autoform-property.horizontal-property label {
  padding-bottom: 0px;
}
.autoform.vertical-orientation .autoform-property.horizontal-property .autoform-property-description {
  padding-bottom: 0px;
}
.validation-messages {
  list-style: none;
  color: var(--error-40);
}
.validation-messages li {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}


/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

 code[class*="language-"],
 pre[class*="language-"] {
     color: black;
     background: none;
     text-shadow: 0 1px white;
     font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
     font-size: 1em;
     text-align: left;
     white-space: pre;
     word-spacing: normal;
     word-break: normal;
     word-wrap: normal;
     line-height: 1.5;

     -moz-tab-size: 4;
     -o-tab-size: 4;
     tab-size: 4;

     -webkit-hyphens: none;
     -moz-hyphens: none;
     -ms-hyphens: none;
     hyphens: none;
 }

 pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
 code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
     text-shadow: none;
     background: #b3d4fc;
 }

 pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
 code[class*="language-"]::selection, code[class*="language-"] ::selection {
     text-shadow: none;
     background: #b3d4fc;
 }

 @media print {
     code[class*="language-"],
     pre[class*="language-"] {
         text-shadow: none;
     }
 }

 /* Code blocks */
 pre[class*="language-"] {
     padding: 1em;
     margin: .5em 0;
     overflow: auto;
 }

 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
     background: #f5f2f0;
 }

 /* Inline code */
 :not(pre) > code[class*="language-"] {
     padding: .1em;
     border-radius: .3em;
     white-space: normal;
 }

 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
     color: slategray;
 }

 .token.punctuation {
     color: #999;
 }

 .token.namespace {
     opacity: .7;
 }

 .token.property,
 .token.tag,
 .token.boolean,
 .token.number,
 .token.constant,
 .token.symbol,
 .token.deleted {
     color: #905;
 }

 .token.selector,
 .token.attr-name,
 .token.string,
 .token.char,
 .token.builtin,
 .token.inserted {
     color: #690;
 }

 .token.operator,
 .token.entity,
 .token.url,
 .language-css .token.string,
 .style .token.string {
     color: #9a6e3a;
     /* This background color was intended by the author of this theme. */
     background: hsla(0, 0%, 100%, .5);
 }

 .token.atrule,
 .token.attr-value,
 .token.keyword {
     color: #07a;
 }

 .token.function,
 .token.class-name {
     color: #DD4A68;
 }

 .token.regex,
 .token.important,
 .token.variable {
     color: #e90;
 }

 .token.important,
 .token.bold {
     font-weight: bold;
 }
 .token.italic {
     font-style: italic;
 }

 .token.entity {
     cursor: help;
 }

field.codeeditor div.editor-wrapper {
  height: 400px;
  max-height: 400px;
  overflow: auto;
  border: 1px solid var(--primary-40);
  border-radius: 4px;
  background-color: var(--white);
}
field.codeeditor div.editor-wrapper:focus-within {
  outline: auto;
}
field.codeeditor div.editor-wrapper pre {
  color: black;
}
field.codeeditor div.editor-wrapper pre span {
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}
field.codeeditor div.editor-wrapper textarea {
  outline: none;
  caret-color: black;
}

.color-palette {
  width: 254px;
  padding: 8px;
  font-size: 12px;
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: var(--standard-boxshadow);
}
.color-palette .palettes {
  list-style: none;
}
.color-palette .palettes header {
  padding: 3px 0;
}
.color-palette .palettes .palette {
  list-style: none;
  vertical-align: top;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.color-palette .palettes .palette .color {
  cursor: default;
  box-sizing: border-box;
  flex: 0 1 30px;
  border-radius: 3px;
  line-height: 20px;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 2px;
  outline: solid 1px rgba(0, 0, 0, 0.1);
}
.color-palette .palettes .palette .color svg.check {
  margin-left: 5px;
  margin-top: 5px;
}
.color-palette .palettes .palette .color svg.check path {
  fill: none;
  stroke-width: 7px;
}
.color-palette .palettes .palette .color:hover {
  outline: solid 2px red;
}
.color-palette div.custom-wrapper {
  display: flex;
  flex-direction: row;
}
.color-palette div.custom-color {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  width: fit-content;
}
.color-palette div.custom-color .hash {
  cursor: default;
  box-sizing: border-box;
  display: inline-block;
  font-family: 'Courier New', Courier, monospace;
  font-size: 18px;
  font-weight: bold;
  border: solid 1px rgba(0, 0, 0, 0.3);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-right-color: transparent;
  color: #fff;
  height: 30px;
  width: 30px;
  line-height: 28px;
  padding: 0 3px;
  text-align: center;
}
.color-palette div.custom-color .hash:hover {
  outline: solid 2px red;
}
.color-palette div.custom-color input[type="text"] {
  box-sizing: border-box;
  font-family: 'Courier New', Courier, monospace;
  font-size: 18px;
  width: 6rem;
  height: 30px;
  border: solid 1px rgba(0, 0, 0, 0.3);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0 5px;
}
.color-palette div.custom-color .random {
  cursor: default;
  box-sizing: border-box;
  display: inline-block;
  font-family: 'Courier New', Courier, monospace;
  font-size: 18px;
  font-weight: bold;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  color: #000;
  height: 30px;
  width: 30px;
  line-height: 28px;
  padding: 0 3px;
  text-align: center;
  margin-left: 10px;
}

.overlay {
  position: fixed;
  cursor: default;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: var(--white-alpha-008);
  z-index: var(--layer-index-overlay);
}

field.colorselector .color-selector {
  display: flex;
  flex-direction: row;
  line-height: 30px;
}
field.colorselector .color-selector div.color {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 3px;
}
field.colorselector .color-selector div.select-dropdown {
  border: 1px solid var(--primary-40);
  border-radius: 4px;
  background-color: var(--white);
  padding: 8px;
}
field.colorselector .color-selector div.color-selector-values {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
field.colorselector .color-selector div.color-selector-values .icon-button {
  width: 32px;
  height: 32px;
}
field.colorselector .color-selector div.color-selector-values .icon-button .input-icon {
  font-size: 18px;
  width: 20px;
  height: 20px;
}
field.colorselector .color-selector div.color-selector-values div.color-selector-value {
  flex: 1 1 60px;
  font-family: 'Courier New', Courier, monospace;
  font-size: 16px;
}

field.comment .comment {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--neutral-40);
}

.expandable-text-expandable {
  cursor: default;
}

.autoform-property field.custom {
  padding: 9px;
}

.autoform-property field.datetime {
  padding: 9px;
  min-width: 230px;
}
.autoform-property field.datetime .readonly {
  text-align: right;
}

field.dropzone div.dz-wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
field.dropzone div.dz-container {
  flex: 1 1 auto;
  min-height: 100px;
  border: solid 1px var(--primary-40);
  border-radius: 4px;
  background-color: var(--white);
  padding: 8px;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9InJnYmEoMjI0LCAyMjcsIDIyNSwgMSkiPjxwYXRoIGQ9Ik00NDAtMjAwaDgwdi0xNjdsNjQgNjQgNTYtNTctMTYwLTE2MC0xNjAgMTYwIDU3IDU2IDYzLTYzdjE2N3pNMjQwLTgwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMTYwdi02NDBxMC0zMyAyMy41LTU2LjVUMjQwLTg4MGgzMjBsMjQwIDI0MHY0ODBxMCAzMy0yMy41IDU2LjVUNzIwLTgwSDI0MHptMjgwLTUyMHYtMjAwSDI0MHY2NDBoNDgwdi00NDBINTIwek0yNDAtODAwdjIwMC0yMDAgNjQwLTY0MHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
field.dropzone div.dz-container div.spacer {
  height: 20px;
}
field.dropzone div.dz-container ul.dz-file-list {
  list-style-type: none;
}
field.dropzone div.dz-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: start;
}
field.dropzone div.dz-buttons button {
  width: fit-content;
}

.external-recipient-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.external-recipient-list .external-recipient-inputs {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.external-recipient-list .external-recipient-inputs .input-row {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.external-recipient-list .external-recipient-inputs .input-row .ext-input {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  flex: 1;
  padding: 8px 12px;
  border: 1px solid var(--neutral-variant-70);
  border-radius: 6px;
  background: var(--neutral-99);
  color: var(--neutral-10);
  outline: none;
  transition: border-color 0.15s ease;
}
.external-recipient-list .external-recipient-inputs .input-row .ext-input::placeholder {
  color: var(--neutral-variant-50);
}
.external-recipient-list .external-recipient-inputs .input-row .ext-input:focus {
  border-color: var(--primary-40);
}
.external-recipient-list .external-recipient-inputs .input-row .ext-input.email {
  flex: 1;
}
.external-recipient-list .external-recipient-inputs .input-row .ext-add-button {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  padding: 7px 16px;
  border: 1px solid var(--primary-40);
  border-radius: 6px;
  background: var(--primary-40);
  color: var(--white);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.external-recipient-list .external-recipient-inputs .input-row .ext-add-button span.input-icon {
  font-size: 18px;
  display: flex;
  align-items: center;
}
.external-recipient-list .external-recipient-inputs .input-row .ext-add-button:hover {
  background: var(--primary-30);
  border-color: var(--primary-30);
}
.external-recipient-list .external-recipient-inputs .ext-input-error {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--error-40);
  padding: 0 4px;
}
.external-recipient-list .external-recipient-entries {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.external-recipient-list .external-recipient-entries .external-recipient-entry {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background: var(--neutral-variant-90);
  border-radius: 8px;
  padding: 6px 8px 6px 12px;
}
.external-recipient-list .external-recipient-entries .external-recipient-entry .entry-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.external-recipient-list .external-recipient-entries .external-recipient-entry .entry-info .entry-name {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--neutral-variant-30);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.external-recipient-list .external-recipient-entries .external-recipient-entry .entry-info .entry-email {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--neutral-variant-40);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.external-recipient-list .external-recipient-entries .external-recipient-entry .remove-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 22px;
  height: 22px;
  font-size: 18px;
  border-radius: 100px;
  margin-left: 10px;
  color: var(--neutral-variant-40);
}
.external-recipient-list .external-recipient-entries .external-recipient-entry .remove-entry:hover {
  background: var(--neutral-variant-80);
}

field.iframe iframe {
  height: 400px;
  width: 100%;
  border: solid 1px var(--primary-40);
  border-radius: 4px;
  background-color: var(--white);
}

img.thumbnail {
  display: inline-block;
  width: 210px;
  border-radius: 4px;
  border: 1px solid var(--neutral-variant-80);
}
div.thumbnail-hover-state {
  position: relative;
  display: block;
  width: 210px;
  height: 137px;
  border-radius: 4px;
  border: 1px solid transparent;
  background-color: transparent;
}
div.thumbnail {
  display: inline-block;
  width: 210px;
  height: 137px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
  border: 1px solid var(--neutral-variant-80);
}

.c-image-select-list ul.options {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
}
.c-image-select-list ul.options li.option {
  width: 214px;
  cursor: default;
  border-radius: 4px;
  background-color: var(--white);
  padding: 2px;
}
.c-image-select-list ul.options li.option label {
  cursor: pointer;
}
.c-image-select-list ul.options li.option:hover {
  background-color: var(--neutral-95);
  cursor: pointer;
}
.c-image-select-list ul.options li.option:hover div.thumbnail-hover-state {
  background-color: var(--primary-40-alpha-008);
}
.c-image-select-list ul.options li.option:hover div.two-row-label .title {
  text-decoration: underline;
}
.c-image-select-list ul.options li.option.selected {
  background-color: var(--neutral-99);
  box-shadow: var(--standard-boxshadow);
}

field.information div.information {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: flex-start;
  align-items: center;
  min-height: 40px;
  background-color: var(--info-90);
  border-radius: 4px;
  padding: 16px 16px 16px 16px;
}
field.information div.information span.input-icon {
  font-variation-settings: 'FILL' 1;
  color: var(--info-40);
}
field.information div.information .information-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
field.information div.information.warning {
  background-color: var(--warning-90);
}
field.information div.information.warning span.input-icon {
  color: var(--warning-40);
}
field.information div.information.error {
  background-color: var(--error-90);
}
field.information div.information.error span.input-icon {
  color: var(--error-40);
}

.localized-string-editor {
  display: flex;
  width: auto;
  box-sizing: border-box;
  border: solid 1px var(--neutral-variant-50);
  border-radius: 4px;
  background-color: var(--white);
  font-size: 16px;
  line-height: 24px;
  height: 40px;
  cursor: text;
}
.localized-string-editor.is-text-area {
  min-height: 4em;
}
.localized-string-editor.is-text-area .localizable-text {
  min-height: 4em;
}
.localized-string-editor div.c-tooltip {
  width: 100%;
}
.localized-string-editor div.localizable-text {
  flex: 1 1 auto;
  box-sizing: border-box;
  padding: 16px;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: none;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--black);
  width: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.localized-string-editor div.localizable-text::placeholder {
  color: var(--neutral-40);
}
.localized-string-editor.error {
  border-color: var(--error-40);
}
.localized-string-editor.error input[type="text"]::placeholder,
.localized-string-editor.error input[type="number"]::placeholder,
.localized-string-editor.error input[type="password"]::placeholder,
.localized-string-editor.error input[type="search"]::placeholder {
  color: var(--error-40);
}
.localized-string-editor.error.outline {
  outline: solid 1px var(--error-40);
  border-color: var(--error-40);
}
.localized-string-editor.error .error-icon {
  color: var(--error-40);
}
.localized-string-editor .trailing {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.localized-string-editor .trailing .multiple-trailing {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
}
.localized-string-editor .trailing.localizable {
  cursor: pointer;
}
.localized-string-editor .trailing.error .input-icon {
  color: var(--error-40);
}
.localized-string-editor .trailing .input-icon {
  margin: 0 8px;
  padding: 2px;
}
.localized-string-editor .trailing .input-icon.pale {
  color: var(--neutral-80);
}
.localized-string-editor-popup {
  border-radius: 4px;
  background-color: var(--neutral-99);
  box-shadow: var(--standard-boxshadow);
  padding: 4px;
}
.localized-string-editor-popup .scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 4px;
}
.localized-string-editor-popup .scroll-container .string-editor {
  background-color: var(--neutral-99);
  padding: 1px;
}
.localized-string-editor-popup .scroll-container .string-editor .locale {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.localized-string-editor-popup .scroll-container .string-editor.first {
  position: sticky;
  top: 0;
}
.localized-string-editor-popup .toolbar {
  display: flex;
  flex-direction: row;
  justify-content: end;
  align-items: center;
  gap: 4px;
}
.small .localized-string-editor div.localizable-text {
  padding: 9px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.small .localized-string-editor .leading .input-icon {
  margin: 0 0 0 8px;
}
.small .localized-string-editor .trailing .input-icon {
  margin: 0 8px 0 0;
}


.c-item-picker .c-item-picker-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.c-item-picker .item-picker-chip {
  display: flex;
  flex-direction: row;
  height: 58px;
  cursor: default;
  background-color: var(--primary-80);
  border-radius: 12px;
  padding: 0 8px 0 16px;
  gap: 8px;
}
.c-item-picker .item-picker-chip .item-chip {
  flex: 0 1 auto;
}
.c-item-picker .item-picker-chip .item-delete {
  flex: 0 0 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--primary-70);
  font-size: 18px;
  font-variation-settings: 'FILL' 1;
  cursor: pointer;
}
.c-item-picker .item-picker-chip:hover .item-delete {
  color: var(--primary-40);
}
.c-item-picker .item-picker-search {
  flex: 1 0 auto;
  min-width: 200px;
}
.c-item-picker .item-picker-search-trailing {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.c-item-picker .item-picker-search-trailing .search-clear,
.c-item-picker .item-picker-search-trailing .search-add {
  font-size: 20px;
}
.c-item-picker .item-picker-search-trailing .search-add {
  color: var(--neutral-40);
}
.small .item-picker-chip {
  max-height: 40px;
}
.small .item-picker-chip .two-row-label.item-chip .title {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
.small .item-picker-chip .two-row-label.item-chip .subtitle {
  font-style: normal;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
}
.c-item-picker-floating {
  max-height: 300px;
  overflow-y: auto;
  box-shadow: var(--standard-boxshadow);
}
ul.c-item-picker-menu {
  color: var(--black);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 300px;
  width: 100%;
  border-radius: 8px;
  background-color: var(--white);
  z-index: 1;
  overflow-x: auto;
}
ul.c-item-picker-menu li.item-picker-listitem {
  display: flex;
  flex-direction: row;
  align-self: stretch;
  align-items: center;
  padding: 8px 16px;
  gap: 16px;
}
ul.c-item-picker-menu li.item-picker-listitem.selected {
  background-color: var(--secondary-90);
}
ul.c-item-picker-menu li.item-picker-listitem.keyselected {
  background-color: var(--primary-90);
}
ul.c-item-picker-menu li.item-picker-listitem:hover {
  background-color: var(--black-alpha-008);
}
ul.c-item-picker-menu li.item-picker-listitem div.item-picker-listitem-check {
  flex: 0 0 40px;
}
ul.c-item-picker-menu li.item-picker-listitem div.item-picker-listitem-element {
  flex: 1 0 auto;
}
ul.c-item-picker-menu li.item-picker-listitem div.item-picker-listitem-default {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dialog .dialog-content.activity.form-col1 {
  width: 900px;
}
.dialog .dialog-content.activity.form-col2 {
  width: 1400px;
  margin-left: 50px;
  margin-right: 50px;
}
.dialog .dialog-content.activity.form-col3 {
  width: 2000px;
  margin-left: 50px;
  margin-right: 50px;
}
.dialog .dialog-content.activity.form-col4 {
  width: 2700px;
  margin-left: 50px;
  margin-right: 50px;
}
.dialog .dialog-content.activity.risk-node {
  min-width: 450px;
  width: auto;
}
.dialog .dialog-content.activity.risk-node div.input-container.search {
  margin-bottom: 0px;
}
.dialog .dialog-content.activity.risk-node .risk-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 32px;
}
.dialog .dialog-content.activity.risk-node .risk-columns.inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: start;
  justify-content: start;
}
.dialog .dialog-content.activity.risk-node .risk-columns.inner section {
  padding: 0;
}
.dialog .dialog-content.activity.risk-node .risk-columns.inner div.centuri-form.risk-incidents div.list-container {
  max-height: 600px;
  flex: 1 0 100%;
}
.dialog .dialog-content.activity.risk-node .risk-columns.inner div.centuri-form.risk-mitigations div.list-container {
  max-height: 600px;
  flex: 1 0 100%;
}
.dialog .dialog-content.activity.risk-node .risk-columns form.centuri-form {
  flex: 0 0 620px;
}
.dialog .dialog-content.activity.risk-node .risk-columns .risk-incidents div.list-container {
  min-height: 150px;
}
.dialog .dialog-content.activity.risk-node .risk-columns .risk-mitigations div.list-container {
  min-height: 150px;
}
@media (max-width: 1400px) {
  .dialog .dialog-content.activity.risk-node {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .dialog .dialog-content.activity.risk-node div.activity-container {
    height: auto;
  }
  .dialog .dialog-content.activity.risk-node .risk-columns .outer {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: start;
    justify-content: start;
  }
  .dialog .dialog-content.activity.risk-node .risk-columns .inner {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .dialog .dialog-content.activity.risk-node .risk-columns .inner .centuri-form div.page column {
    flex: 0 0 auto;
    max-width: 100%;
  }
  .dialog .dialog-content.activity.risk-node .risk-columns .inner .centuri-form div.page column section {
    max-width: 100%;
  }
}
.dialog .dialog-content .sticky-header {
  position: sticky;
  top: 0px;
  background-color: var(--white);
  z-index: 1;
}
.dialog .dialog-content.activity-comment field.textarea textarea {
  height: 10em;
}
.dialog .dialog-content.activity-newissue {
  width: 450px;
}
.dialog .dialog-content.activity-newissue field.textarea textarea {
  height: 10em;
}
.dialog .dialog-content.activity-references field.templatedlist ul.managed-list li.list-item {
  border-bottom: solid 1px var(--neutral-90);
}
.dialog .dialog-content.activity-references field.templatedlist ul.managed-list li.list-item div.container {
  display: flex;
  flex-direction: row;
  padding: 8px 0px 8px 0px;
  gap: 8px;
}
.dialog .dialog-content.activity-references field.templatedlist ul.managed-list li.list-item div.container:hover {
  background-color: var(--neutral-99);
}
.dialog .dialog-content.activity-references field.templatedlist ul.managed-list li.list-item div.container .title h3 {
  cursor: default;
}
.dialog .dialog-content.activity-references field.templatedlist ul.managed-list li.list-item div.container .title:hover {
  border-color: transparent;
}
.dialog .dialog-content.activity .dialog-body form.centuri-form div.page column section fieldset.section-content {
  padding: 0 0 20px 0;
}
.dialog .dialog-content.activity-width-columns {
  width: 850px;
  min-width: 450px;
}
.dialog .dialog-content.activity-width-small {
  width: 450px;
}
.dialog .dialog-content.activity-width-medium {
  width: 750px;
}
.dialog .dialog-content.multi-update-value-dialog {
  width: fit-content;
  min-width: 350px;
}
.dialog .dialog-content.multi-update-value-dialog .centuri-form div.page {
  gap: 0;
}
.dialog .dialog-content.multi-update-value-dialog .centuri-form section {
  padding: 0;
  margin: 0;
  max-width: none;
}
.dialog .dialog-content.multi-update-value-dialog .centuri-form section header.section-title {
  padding: 0;
}
.dialog .dialog-content.multi-update-value-dialog .centuri-form section header.section-title h2 {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  margin: 0 0 8px 0;
}
.dialog .dialog-content.multi-update-value-dialog .centuri-form section fieldset.section-content {
  padding: 0;
  margin: 0;
  border: none;
}
.dialog .dialog-content .multi-update-select,
.dialog .dialog-content .multi-update-value {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dialog .dialog-content .multi-update-select h5,
.dialog .dialog-content .multi-update-value h5,
.dialog .dialog-content .multi-update-select p,
.dialog .dialog-content .multi-update-value p {
  margin: 0;
}
.dialog .dialog-content .multi-update-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dialog .dialog-content .multi-update-select div.search-container {
  min-width: 250px;
  width: 250px;
  max-width: 250px;
}
.dialog .dialog-content.activity-height-small {
  min-height: 200px;
}
.dialog .dialog-content.activity-upload field.button button svg {
  width: 20px;
}
.dialog .dialog-content.activity-upload field.templatedlist ul.templated-list li.list-item:last-child {
  border-bottom: 0;
}
.dialog .dialog-content .activity-search {
  width: 100%;
  border-radius: 4px;
  margin-bottom: 24px;
}
.dialog .dialog-content .activity-search div.input-container {
  border-radius: 4px;
}
.dialog-content.activity.wizard.activity-comment,
.dialog-content.activity.wizard.activity-references,
.dialog-content.activity.wizard.activity-upload {
  width: 900px;
}
.c-search-floating.reference-search ul.managed-list li.list-item {
  border-bottom: solid 1px var(--neutral-90);
}
.c-search-floating.reference-search ul.managed-list li.list-item div.container {
  display: flex;
  flex-direction: row;
  padding: 8px 0 8px 20px;
}
.c-search-floating.reference-search ul.managed-list li.list-item div.container:hover {
  background-color: var(--neutral-99);
}
.c-search-floating.reference-search ul.managed-list li.list-item div.container .title h3 {
  cursor: default;
}
.c-search-floating.reference-search ul.managed-list li.list-item div.container .title:hover {
  border-color: transparent;
}
.c-menu-floating.users-and-groups .c-menu-item {
  align-items: start;
  padding: 4px 16px 4px 6px;
  gap: 6px;
}
.c-menu-floating.users-and-groups .c-menu-item span.c-menu-item-check {
  padding: 1px 10px 0px 10px;
  align-self: stretch;
}
.activity div.input-container.search {
  margin-bottom: 24px;
}
.activity div.input-container.search .input-icon {
  top: 4px;
  font-size: 24px;
}
.activity div.input-container.search input[type="search"] {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 4px 0;
}
.activity div.buttons {
  border-top: solid 1px var(--neutral-90);
  padding-top: 23px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.activity div.wait-for-load {
  padding: 24px 16px;
  animation: fadeIn 1.5s cubic-bezier(0, 0, 0.25, 1) 1 running;
}
.activity img.thumbnail.template {
  width: 300px;
}
.activity div.c-image-select-list {
  flex: 1 1 100px;
  overflow-x: auto;
}
.activity div.c-image-select-list ul.options {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  max-width: 800px;
  gap: 8px;
}
.activity div.c-image-select-list ul.options li.option {
  flex: 0 1 auto;
}
.activity div.c-image-select-list ul.options li.option label div.thumbnail {
  display: inline-block;
  width: 210px;
  height: 137px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
  border: 1px solid var(--neutral-variant-80);
}
.activity div.c-image-select-list ul.options li.option label div.thumbnail div.hover-state {
  height: 100%;
}
.activity div.c-image-select-list ul.options li.option label div.thumbnail div.hover-state:hover {
  background-color: var(--black-alpha-008);
}
.activity div.c-image-select-list ul.options li.option.selected label div.thumbnail {
  border: 2px solid var(--neutral-40);
}
.activity-selected-item {
  display: flex;
}
.activity-selected-item .c-menu-item {
  flex: auto;
}
@media (max-width: 990px) {
  .dialog .dialog-content.activity-width-columns {
    width: 450px;
    min-width: 450px;
  }
}
@media (max-width: 600px) {
  .dialog .dialog-content {
    height: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .dialog .dialog-content.popup-handler {
    width: 100%;
  }
  .dialog .dialog-content.activity-width-columns {
    width: 100%;
    min-width: 100%;
  }
  .dialog .dialog-content.activity-width-small {
    width: 100%;
  }
  .dialog .dialog-content.activity {
    height: 100%;
  }
  .dialog .dialog-content.activity.form-col1,
  .dialog .dialog-content.activity.form-col2,
  .dialog .dialog-content.activity.form-col3,
  .dialog .dialog-content.activity.form-col4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: start;
  padding-top: 60px;
}
.dialog.backdrop {
  background: rgba(0, 0, 0, 0.2);
}
.dialog .dialog-content {
  width: 900px;
  min-height: 450px;
  max-height: calc(100% - 80px);
  border-radius: 12px;
  border: 1px solid var(--neutral-80);
  background: var(--white);
  display: flex;
  flex-direction: column;
}
.dialog .dialog-body {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  padding: 0 22px 20px 22px;
  flex: auto;
}
.dialog .dialog-actions {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px 20px 10px 10px;
  gap: 5px;
  border-top: solid 1px var(--neutral-80);
}
.dialog .dialog-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 72px;
  padding: 12px 12px 12px 24px;
  cursor: move;
  background-color: var(--white);
  border-radius: 12px 12px 0 0;
  gap: 8px;
}
.dialog .dialog-header svg {
  flex: 0 0 24px;
}
.dialog .empty-dialog-header {
  min-height: 20px;
  cursor: move;
}
.dialog .dialog-title {
  flex: 1 1 auto;
  font-style: normal;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: var(--neutral-10);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dialog .dialog-buttons {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dialog .dialog-buttons .button-wrapper {
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.dialog .dialog-buttons .button-wrapper .icon-wrapper {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.dialog .dialog-buttons .button-wrapper .icon-wrapper span {
  width: 24px;
  height: 24px;
}
.dialog .dialog-buttons .button-wrapper {
  display: flex;
  width: 48px;
  height: 48px;
}
.dialog .dialog-content.commondialog {
  width: 600px;
  height: unset;
  background-color: var(--neutral-99);
}
.dialog .dialog-content.commondialog .dialog-actions {
  padding: 24px;
}
.dialog-columns {
  display: flex;
  flex-direction: row;
  gap: 32px;
  justify-content: start;
  align-items: start;
}
.dialog-columns .dialog-column-1,
.dialog-columns .dialog-column-2 {
  flex: 0 0 368px;
}
@media (max-width: 600px) {
  .dialog.backdrop {
    padding: 0;
  }
  .dialog .dialog-content {
    width: 100%;
    max-height: unset;
    border-radius: 0;
  }
  .dialog .dialog-content.mobile {
    transform: translate(0px, 0px) !important;
  }
  .dialog .dialog-content .centuri-form field.form-fieldwidthfull,
  .dialog .dialog-content .centuri-form field.form-fieldwidthhalf {
    width: 100%;
  }
}

:root {
  --attachment-width: calc(560px / 3);
  --attachment-inner-width: calc(var(--attachment-width) - 3px);
  --attachment-title-width: calc(var(--attachment-width) - 40px);
}
.form-attachments .add-files {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.form-attachments .tools {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.form-attachments .tools button svg {
  width: 20px;
}
.form-attachments div.dz-container {
  border: dashed 1px var(--neutral-variant-80);
  border-radius: 8px;
  background-color: var(--neutral-99);
  padding: 20px 16px;
  flex: 1 0 auto;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiIGZpbGw9InJnYmEoMjI0LCAyMjcsIDIyNSwgMSkiPjxwYXRoIGQ9Ik00NDAtMjAwaDgwdi0xNjdsNjQgNjQgNTYtNTctMTYwLTE2MC0xNjAgMTYwIDU3IDU2IDYzLTYzdjE2N3pNMjQwLTgwcS0zMyAwLTU2LjUtMjMuNVQxNjAtMTYwdi02NDBxMC0zMyAyMy41LTU2LjVUMjQwLTg4MGgzMjBsMjQwIDI0MHY0ODBxMCAzMy0yMy41IDU2LjVUNzIwLTgwSDI0MHptMjgwLTUyMHYtMjAwSDI0MHY2NDBoNDgwdi00NDBINTIwek0yNDAtODAwdjIwMC0yMDAgNjQwLTY0MHoiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
.form-attachments div.dz-container div.spacer {
  height: 20px;
}
.form-attachments div.dz-container ul.dz-file-list {
  list-style-type: none;
}
.form-attachments .attached-files {
  margin-top: 16px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
}
.form-attachments .attachments-add-items {
  display: flex;
  flex-direction: row;
  line-height: 36px;
}
.form-attachments .attachments-add-items .dropzone {
  flex: 1 1 auto;
  background-color: antiquewhite;
}
.form-attachments .attachments-add-items .attachments-add-link-button {
  flex: 0 1 100px;
}
.form-attachments div.attachments-list-container {
  max-height: 410px;
  overflow-y: auto;
}
.form-attachments div.attachments-list-container ul.attachments-list {
  list-style: none;
}
.form-attachments .attachments-list {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
.form-attachments .attachment-item {
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: var(--attachment-width);
  cursor: default;
  border-radius: 4px;
  background-color: var(--white);
}
.form-attachments .attachment-item .two-row-label-extended {
  padding: 4px 0;
  gap: 8px;
}
.form-attachments .attachment-item .two-row-label-extended .subtitle {
  max-width: var(--attachment-title-width);
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-attachments .attachment-item .preview-image,
.form-attachments .attachment-item .file,
.form-attachments .attachment-item .link,
.form-attachments .attachment-item .onedrive {
  width: var(--attachment-inner-width);
  height: 137px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
  border: 1px solid var(--neutral-variant-80);
}
.form-attachments .attachment-item .docs-thumbnail {
  overflow: hidden;
}
.form-attachments .attachment-item .docs-thumbnail .input-icon {
  font-size: var(--attachment-width);
  color: var(--info-90);
}
.form-attachments .attachment-item .attachment-item-edit {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0px;
}
.form-attachments .attachment-item .attachment-item-edit button.icon-button {
  width: 28px;
  height: 28px;
}
.form-attachments .attachment-item .attachment-item-edit button.icon-button span {
  font-size: 18px;
}
.form-attachments .attachment-list-item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  background-color: var(--neutral-99);
  padding: 3px;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.form-attachments .attachment-list-item .attachment-list-item-data {
  flex: 1 1 auto;
}
.form-attachments .attachment-list-item .attachment-list-item-data .attachment-list-item-header a {
  cursor: pointer;
  color: var(--primary-40);
}
.form-attachments .attachment-list-item .attachment-list-item-data .attachment-list-item-header a:hover {
  text-decoration: underline;
}
.form-attachments .attachment-list-item .attachment-list-item-data .attachment-list-item-properties {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.form-attachments .attachment-list-item .attachment-list-item-data .attachment-list-item-properties li {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-40);
}
.form-attachments .attachment-list-item .attachment-list-item-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 1 40px;
}
.form-attachments .attachment-list-item .attachment-list-item-preview .preview-image {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-color: var(--neutral-95);
  border-radius: 4px;
}
.form-attachments .attachment-list-item .attachment-list-item-edit {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 0px;
}
.form-attachments .attachment-list-item .attachment-list-item-edit button.icon-button {
  width: 32px;
  height: 32px;
}
.form-attachments .attachment-list-item .attachment-list-item-edit button.icon-button span {
  font-size: 20px;
}
.dialog .form-attachmentsfield-linkdialog,
.dialog .form-attachmentsfield-filedialog {
  width: 600px;
  height: unset;
}
.dialog .form-attachmentsfield-linkdialog .dialog-body,
.dialog .form-attachmentsfield-filedialog .dialog-body {
  padding-top: 5px;
  padding-bottom: 5px;
}

.filter-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.filter-container .filters {
  display: flex;
  flex-direction: row;
  align-items: start;
  gap: 8px;
}
.filter-container .filters .filters-visible,
.filter-container .filters .filters-overflow {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: start;
  gap: 8px;
}
.filter-container .filters .filters-visible {
  flex-wrap: wrap;
}
.filter-container .filters .filters-overflow {
  flex-wrap: wrap;
}
.filter-container .filters .more-spacer {
  min-width: 100px;
}
.filter-container .filters.filter-overflow {
  flex-wrap: wrap;
  margin-top: 8px;
}
.filter-container .filters.filter-overflow.collapsed {
  height: 0;
  overflow: hidden;
  margin-top: 0;
}
.filter-container .filters div.filter-div {
  flex: 1 0 auto;
  overflow: hidden;
}
.filter-container .filters ul.filter-wrapper {
  flex: 1 0 auto;
  display: flex;
  gap: 8px;
  z-index: 1;
}
.filter-container .filters div.search-container {
  min-width: 200px;
  width: 200px;
  max-width: 200px;
}
.filter-container .filters .more-filters {
  white-space: pre;
}
.filter-container .filters .more-filters .input-icon {
  font-size: 18px;
}
.filter-container .filters ul {
  list-style: none;
}
.filter-container .filters .c-menu-button .c-menu-button-content {
  height: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--secondary-40);
  background: var(--white);
}
.filter-container .filters .search-container .search {
  background-color: var(--secondary-40-alpha-008);
  border-radius: 4px;
  border-color: transparent;
  height: 30px;
}
.filter-container .filters .search-container .search .leading span {
  font-size: 24px;
  top: 3px;
}
.filter-container .filters .search-container .search input {
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  padding: 4px 16px 4px 0;
}
.filter-chips {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.filter-chips:empty {
  display: none;
}
.filter-chips .filter-chip {
  flex: 0 0 auto;
  height: 26px;
  border-radius: 8px;
  background: var(--neutral-variant-90);
  display: flex;
  padding: 6px 8px 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.filter-chips .filter-chip span.input-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
}
.filter-chips .filter-chip span.input-icon:hover {
  cursor: pointer;
}
.c-menu.filter-select {
  padding: 8px 0;
  max-height: 300px;
}
.c-menu.filter-select:has(.top-element) {
  padding-top: 0;
}
.c-menu.filter-select:has(.bottom-element) {
  padding-bottom: 0;
}
.c-menu.filter-select.full-height {
  max-height: unset;
}
.c-menu.filter-select div.input-container.search {
  display: flex;
  height: 32px;
  padding: 0px 18px px 0px;
  align-items: center;
  align-self: stretch;
  background-color: var(--neutral-95);
  border: solid 1px transparent;
  border-radius: 8px;
}
.c-menu.filter-select div.input-container.search:hover {
  border-color: var(--neutral-variant-80);
}
.c-menu.filter-select div.input-container.search .input-icon {
  top: 4px;
}
.c-menu.filter-select .bottom-element {
  border-top: solid 1px var(--neutral-70);
}
.c-menu.filter-select .buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 8px;
}
.c-menu.filter-select .range-container {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.c-menu.filter-select .range-container .buttons {
  padding-top: 14px;
}
@media (max-height: 600px) {
  .c-menu.filter-select.full-height {
    max-height: 300px;
  }
}
@media (max-width: 600px) {
  .filter-container {
    padding: 4px 10px 4px 10px;
    gap: 4px;
  }
  .filter-container:empty {
    padding: 0;
  }
  .filter-container .filters {
    padding-bottom: 8px;
    overflow-x: auto;
    scrollbar-color: var(--neutral-90) transparent;
  }
  .filter-container .filters::-webkit-scrollbar {
    background-color: transparent;
  }
  .filter-container .filters .filters-visible {
    flex-wrap: nowrap;
  }
  .filter-container .filter-chips {
    padding-bottom: 8px;
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-color: var(--neutral-90) transparent;
  }
  .filter-container .filter-chips::-webkit-scrollbar {
    background-color: transparent;
  }
}

.c-search-container {
  border: solid 1px var(--neutral-variant-50);
  border-radius: 4px;
}
.c-search-container div.input-container {
  border-color: transparent;
  border-radius: 4px;
}
.c-search-container div.input-container .leading {
  cursor: pointer;
}
.c-search-container div.input-container .trailing {
  cursor: pointer;
}
.c-search-container.as-button {
  border-color: transparent;
}
.input-icon.filter-active {
  background-color: var(--warning-80);
  border-radius: 20px;
}
div.c-search-floating {
  display: flex;
  flex-direction: column;
  max-height: 380px;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--white);
  border-radius: 4px;
  box-shadow: var(--standard-boxshadow);
}
div.c-search-floating div.input-container {
  border-color: transparent;
  border-width: 2px;
  border-radius: 20px 20px 0 0;
}
div.c-search-floating div.input-container .leading {
  cursor: pointer;
}
div.c-search-floating div.input-container .trailing {
  cursor: pointer;
}
div.c-search-floating div.input-container input[type="search"] {
  outline: none;
}
div.c-search-floating div.filter-container {
  padding: 8px 8px 0 8px;
}
div.c-search-floating.rounded div.input-container {
  border-radius: 4px;
}
div.c-search-floating .col-0 {
  flex: 1 0 auto;
}
div.c-search-floating .col-1 {
  flex: 0 0 100px;
}
div.c-search-floating div.c-search-divider {
  border: 0;
  border-top: solid 1px var(--neutral-variant-80);
  margin: 0 16px;
}
div.c-search-floating div.c-result-header {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
div.c-search-floating div.c-search-progress {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}
div.c-search-floating div.c-search-results {
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
}
div.c-search-floating div.c-search-results ul.list-items {
  padding-bottom: 10px;
}
div.c-search-floating div.c-search-results ul.list-items:empty {
  display: none;
}
div.c-search-floating div.c-search-results li.list-item {
  padding: 2px 0px 2px 10px;
}
div.c-search-floating div.c-search-results li.list-item li.box-0 {
  gap: 4px;
}
div.c-search-floating div.c-search-results li.list-item:hover {
  background-color: var(--neutral-99);
}
div.c-search-floating div.c-search-results li.list-item.highlight {
  background-color: var(--secondary-90);
}
div.c-search-floating div.c-search-results li.list-item .list-item-generic li.account div.roundel {
  margin-top: 4px;
}
div.c-search-floating ul.search-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.c-search-floating ul.list-items li.list-item-generic {
  box-sizing: border-box;
}
div.c-search-floating ul.list-items li.list-item-generic:hover {
  background-color: var(--neutral-90);
}
div.c-search-floating ul.list-items li.list-item-generic > ul {
  list-style: none;
  display: flex;
  flex-direction: row;
}
div.c-search-floating li.c-search-item {
  display: flex;
  flex-direction: row;
  flex: 1 0;
  padding: 0px 24px 0px 16px;
  justify-content: left;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  cursor: pointer;
}
div.c-search-floating li.c-search-item:hover {
  background-color: var(--black-alpha-008);
}
div.c-search-floating li.c-search-item .input-icon {
  color: var(--neutral-60);
}
div.c-search-floating li.c-search-item.highlight {
  background-color: var(--black-alpha-008);
  color: var(--neutral-10);
}
div.c-search-floating div.c-search-history {
  width: 100%;
}
div.c-search-floating div.c-search-history ul.search-history-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.c-search-floating div.c-search-history li.search-history-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 16px;
  gap: 12px;
  cursor: pointer;
}
div.c-search-floating div.c-search-history li.search-history-item .input-icon {
  color: var(--neutral-60);
  font-size: 18px;
}
div.c-search-floating div.c-search-history li.search-history-item .search-history-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.c-search-floating div.c-search-history li.search-history-item .remove-history {
  opacity: 0;
  color: var(--neutral-60);
  font-size: 16px;
  margin-left: auto;
  flex-shrink: 0;
}
div.c-search-floating div.c-search-history li.search-history-item:hover {
  background-color: var(--neutral-99);
}
div.c-search-floating div.c-search-history li.search-history-item:hover .remove-history {
  opacity: 1;
}
div.c-search-floating div.user-message {
  display: flex;
  flex-direction: column;
  padding: 20px 20px;
  width: 100%;
  color: var(--neutral-40);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  white-space: pre-line;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
div.c-search-floating div.c-advanced-search-spacer {
  height: 16px;
}
div.c-search-floating div.c-advanced-search-bottom {
  display: flex;
  justify-content: space-between;
}
div.c-search-floating div.c-advanced-search-bottom > div {
  display: flex;
  flex-direction: row;
  padding: 16px 24px 16px 32px;
  justify-content: start;
  align-items: center;
  gap: 8px;
  color: var(--primary-40);
  cursor: default;
}
div.c-search-floating div.c-advanced-search-bottom .input-icon {
  font-size: 14px;
}
div.c-search-floating div.c-advanced-search-bottom .c-advanced-search-bottom-text {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
div.c-search-floating div.c-advanced-search-bottom.c-search-pager {
  padding: 8px;
  justify-content: end;
  align-items: center;
}
div.c-search-floating div.c-advanced-search-bottom.c-search-pager .c-search-pages {
  padding: 0 8px;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
div.c-search-floating div.c-advanced-search-bottom.c-search-pager .icon-button {
  width: 24px;
  height: 24px;
}

html {
  scroll-padding-top: 40px;
}
ul.managed-list .empty-list-text {
  color: darkGrey;
  padding-top: 20px;
  text-align: center;
  font-style: italic;
}
ul.templated-list .empty-list-text {
  color: darkGrey;
  padding-top: 20px;
  text-align: center;
  font-style: italic;
}
@keyframes refreshedItem {
  0% {
    background-color: rgba(0, 255, 0, 0.2);
  }
  50% {
    background-color: rgba(0, 255, 0, 0.2);
  }
  100% {
    background-color: transparent;
  }
}
ul.managed-list li.list-item.color-labels .listcheckbox,
ul.templated-list li.list-item.color-labels .listcheckbox {
  padding-top: 11px;
}
ul.managed-list li.list-item .container .flex-list-item .label,
ul.templated-list li.list-item .container .flex-list-item .label {
  background-color: inherit;
}
ul.managed-list li.list-item .container .flex-list-item ul,
ul.templated-list li.list-item .container .flex-list-item ul {
  height: auto;
}
ul.managed-list li.list-item .container .flex-list-item ul:empty,
ul.templated-list li.list-item .container .flex-list-item ul:empty {
  display: none;
}
ul.managed-list li.list-item .container .flex-list-item ul.color-label-item,
ul.templated-list li.list-item .container .flex-list-item ul.color-label-item {
  display: flex;
  flex-direction: row;
}
ul.managed-list li.list-item .container .flex-list-item ul.color-label-item li.color-label,
ul.templated-list li.list-item .container .flex-list-item ul.color-label-item li.color-label {
  flex: 0 1 200px;
  display: flex;
  align-items: center;
}
ul.managed-list li.list-item .container .flex-list-item ul.color-label-item li.color-label h3,
ul.templated-list li.list-item .container .flex-list-item ul.color-label-item li.color-label h3 {
  display: inline-block;
  word-wrap: break-word;
  box-sizing: border-box;
  text-decoration: none;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 23px;
  border: 1px solid transparent;
  border-radius: 2em;
  cursor: pointer;
  border-color: rgba(0, 0, 0, 0.1);
}
ul.managed-list li.list-item .container .flex-list-item ul.color-label-item.color-label-description,
ul.templated-list li.list-item .container .flex-list-item ul.color-label-item.color-label-description {
  flex: 1 0 auto;
  line-height: 23px;
}
ul.managed-list li.list-item .color-red,
ul.templated-list li.list-item .color-red {
  color: red;
}
ul.managed-list li.list-item .color-green,
ul.templated-list li.list-item .color-green {
  color: green;
}
ul.managed-list li.list-item .bold,
ul.templated-list li.list-item .bold {
  font-weight: bold;
}
ul.managed-list li.list-item .cursive,
ul.templated-list li.list-item .cursive {
  font-style: italic;
}
ul.managed-list li.list-item .underline,
ul.templated-list li.list-item .underline {
  text-decoration: underline;
}
ul.managed-list li.list-item .deadline,
ul.templated-list li.list-item .deadline {
  color: var(--neutral-40);
  font-size: 14px;
}
ul.managed-list li.list-item .deadline .deadline-exceeded,
ul.templated-list li.list-item .deadline .deadline-exceeded {
  color: var(--warning-40);
  font-weight: bold;
}
ul.managed-list li.list-item .indicator,
ul.templated-list li.list-item .indicator {
  width: 4px;
  min-width: 4px;
}
ul.managed-list li.list-item .extra-space,
ul.templated-list li.list-item .extra-space {
  margin-right: 6px;
}
ul.managed-list,
ul.templated-list {
  container-name: managedlist;
  container-type: inline-size;
  list-style: none;
}
ul.managed-list li.list-item .container,
ul.templated-list li.list-item .container {
  flex: 1 1 auto;
}
ul.managed-list li.list-item .container .flex-list-item,
ul.templated-list li.list-item .container .flex-list-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
ul.managed-list li.list-item .container ul.three-column-wrapper,
ul.templated-list li.list-item .container ul.three-column-wrapper {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
ul.managed-list li.list-item .container ul.item-title,
ul.templated-list li.list-item .container ul.item-title {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 5px;
  gap: 12px;
  justify-content: start;
  align-items: center;
}
ul.managed-list li.list-item .container ul.item-title svg.item-icon,
ul.templated-list li.list-item .container ul.item-title svg.item-icon {
  height: 24px;
}
ul.managed-list li.list-item .container ul.item-title .checked-out,
ul.templated-list li.list-item .container ul.item-title .checked-out {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
ul.managed-list li.list-item .container ul.item-title .checked-out .lock,
ul.templated-list li.list-item .container ul.item-title .checked-out .lock {
  color: var(--error-40);
}
ul.managed-list li.list-item .container ul.item-title .checked-out .input-icon,
ul.templated-list li.list-item .container ul.item-title .checked-out .input-icon {
  font-size: 18px;
}
ul.managed-list li.list-item .container ul.item-title .title,
ul.templated-list li.list-item .container ul.item-title .title {
  border-bottom: solid 1px transparent;
}
ul.managed-list li.list-item .container ul.item-title .title h3,
ul.templated-list li.list-item .container ul.item-title .title h3 {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
  cursor: pointer;
}
ul.managed-list li.list-item .container ul.item-main,
ul.templated-list li.list-item .container ul.item-main {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
ul.managed-list li.list-item .container ul.item-abstract,
ul.templated-list li.list-item .container ul.item-abstract {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
ul.managed-list li.list-item .container ul.item-abstract li,
ul.templated-list li.list-item .container ul.item-abstract li {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-40);
  border-right: solid 1px var(--neutral-80);
  padding-right: 5px;
}
ul.managed-list li.list-item .container ul.item-abstract li:last-child,
ul.templated-list li.list-item .container ul.item-abstract li:last-child {
  border-right: 0;
  padding-right: 0;
}
ul.managed-list li.list-item .container ul.item-abstract li.description,
ul.templated-list li.list-item .container ul.item-abstract li.description {
  font-style: italic;
}
ul.managed-list li.list-item .container ul.item-abstract:empty,
ul.templated-list li.list-item .container ul.item-abstract:empty {
  display: none;
}
ul.managed-list li.list-item .container ul.item-properties,
ul.templated-list li.list-item .container ul.item-properties {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 5px;
  flex-wrap: wrap;
}
ul.managed-list li.list-item .container ul.item-properties li,
ul.templated-list li.list-item .container ul.item-properties li {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-40);
  border-right: solid 1px var(--neutral-80);
  padding-right: 5px;
}
ul.managed-list li.list-item .container ul.item-properties li:last-child,
ul.templated-list li.list-item .container ul.item-properties li:last-child {
  border-right: 0;
  padding-right: 0;
}
ul.managed-list li.list-item .container ul.item-properties:empty,
ul.templated-list li.list-item .container ul.item-properties:empty {
  display: none;
}
ul.managed-list li.list-item .container ul.item-information,
ul.templated-list li.list-item .container ul.item-information {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 5px;
  flex-wrap: wrap;
}
ul.managed-list li.list-item .container ul.item-information:empty,
ul.templated-list li.list-item .container ul.item-information:empty {
  display: none;
}
ul.managed-list li.list-item .container li.account,
ul.templated-list li.list-item .container li.account {
  position: relative;
  flex: 0 0 24px;
  display: flex;
  justify-content: center;
}
ul.managed-list li.list-item .container li.account div.roundel,
ul.templated-list li.list-item .container li.account div.roundel {
  cursor: default;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 100px;
  background: var(--tertiary-40);
  color: var(--white);
}
ul.managed-list li.list-item .container li.account div.roundel span.account-letters,
ul.templated-list li.list-item .container li.account div.roundel span.account-letters {
  display: inline-block;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  width: 100%;
  text-align: center;
}
ul.managed-list li.list-item .container li.details,
ul.templated-list li.list-item .container li.details {
  flex: 0 0 24px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  min-width: auto;
  border: 0;
  margin: 0;
}
ul.managed-list li.list-item .container li.favorite,
ul.templated-list li.list-item .container li.favorite {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
ul.managed-list li.list-item .container li.favorite button,
ul.templated-list li.list-item .container li.favorite button {
  padding: 0;
  background-color: transparent;
  margin-top: -3px;
}
ul.managed-list li.list-item .container li.favorite button .input-icon,
ul.templated-list li.list-item .container li.favorite button .input-icon {
  font-size: 18px;
  color: var(--neutral-40);
}
ul.managed-list li.list-item .container li.favorite button .filled,
ul.templated-list li.list-item .container li.favorite button .filled {
  font-variation-settings: 'FILL' 1;
}
ul.managed-list li.list-item .container li.favorite button:hover,
ul.templated-list li.list-item .container li.favorite button:hover {
  background-color: var(--neutral-99);
}
ul.managed-list li.list-item .container li.popout-link,
ul.templated-list li.list-item .container li.popout-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
ul.managed-list li.list-item .container li.popout-link button,
ul.templated-list li.list-item .container li.popout-link button {
  padding: 0;
  background-color: transparent;
  margin-top: -3px;
}
ul.managed-list li.list-item .container li.popout-link button .input-icon,
ul.templated-list li.list-item .container li.popout-link button .input-icon {
  font-size: 18px;
  color: var(--neutral-40);
}
ul.managed-list li.list-item .container li.popout-link button .filled,
ul.templated-list li.list-item .container li.popout-link button .filled {
  font-variation-settings: 'FILL' 1;
}
ul.managed-list li.list-item .container li.popout-link button:hover,
ul.templated-list li.list-item .container li.popout-link button:hover {
  background-color: var(--neutral-99);
}
ul.managed-list li.list-item .container li.chip,
ul.templated-list li.list-item .container li.chip {
  display: flex;
  height: 24px;
  padding: 3px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  cursor: default;
}
ul.managed-list li.list-item .container li.chip.status,
ul.templated-list li.list-item .container li.chip.status {
  border: 1px solid var(--success-50);
  border-radius: 16px;
  background-color: var(--success-95);
  color: var(--success-40);
}
ul.managed-list li.list-item .container li.chip.status.unread-badge,
ul.templated-list li.list-item .container li.chip.status.unread-badge {
  border: 1px solid var(--info-50);
  background-color: var(--info-95);
  color: var(--info-40);
}
ul.managed-list li.list-item .container li.chip.status.escalated,
ul.templated-list li.list-item .container li.chip.status.escalated {
  border: 1px solid var(--warning-50);
  background-color: var(--warning-95);
  color: var(--warning-40);
}
ul.managed-list li.list-item .container li.chip.information,
ul.templated-list li.list-item .container li.chip.information {
  border-radius: 8px;
  background-color: var(--neutral-99);
  box-shadow: var(--chip-information-shadow);
  cursor: pointer;
}
ul.managed-list li.list-item .container li.chip.information:hover,
ul.templated-list li.list-item .container li.chip.information:hover {
  background-color: var(--neutral-99-secondary-40-alpha-008);
}
ul.managed-list li.list-item .container li.chip.information:focus,
ul.templated-list li.list-item .container li.chip.information:focus {
  background-color: var(--neutral-99-secondary-40-alpha-012);
}
ul.managed-list li.list-item .container li.chip.information:active,
ul.templated-list li.list-item .container li.chip.information:active {
  background-color: var(--neutral-99-secondary-40-alpha-012);
}
ul.managed-list li.list-item .container li.chip span,
ul.templated-list li.list-item .container li.chip span {
  flex: 1 0 auto;
}
ul.managed-list li.list-item .container li.chip span.input-icon,
ul.templated-list li.list-item .container li.chip span.input-icon {
  font-size: 16px;
  color: var(--tertiary-40);
}
ul.managed-list li.list-item .container li.chip.secrecy.compact,
ul.templated-list li.list-item .container li.chip.secrecy.compact {
  padding: 0px 4px;
  flex: 0 0 24px;
}
ul.managed-list li.list-item .container li.chip.secrecy.compact span:empty,
ul.templated-list li.list-item .container li.chip.secrecy.compact span:empty {
  display: none;
}
ul.managed-list li.list-item .container li.log-level,
ul.templated-list li.list-item .container li.log-level {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
ul.managed-list li.list-item .container li.log-level svg,
ul.templated-list li.list-item .container li.log-level svg {
  width: 18px;
  height: 18px;
}
ul.managed-list li.list-item .container li.log-level .level-debug path,
ul.templated-list li.list-item .container li.log-level .level-debug path {
  fill: var(--neutral-80);
}
ul.managed-list li.list-item .container li.log-level .level-verbose path,
ul.templated-list li.list-item .container li.log-level .level-verbose path {
  fill: var(--neutral-40);
}
ul.managed-list li.list-item .container li.log-level .level-information path,
ul.templated-list li.list-item .container li.log-level .level-information path {
  fill: var(--info-40);
}
ul.managed-list li.list-item .container li.log-level .level-warning path,
ul.templated-list li.list-item .container li.log-level .level-warning path {
  fill: var(--warning-40);
}
ul.managed-list li.list-item .container li.log-level .level-error path,
ul.templated-list li.list-item .container li.log-level .level-error path {
  fill: var(--error-40);
}
ul.managed-list li.list-item .container li.log-level .level-critical path,
ul.templated-list li.list-item .container li.log-level .level-critical path {
  fill: var(--warning-60);
}
ul.managed-list li.list-item .container li.log-date,
ul.templated-list li.list-item .container li.log-date {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
ul.managed-list li.list-item .container li.list-item-spacer,
ul.templated-list li.list-item .container li.list-item-spacer {
  flex: 1 0 auto;
}
ul.managed-list li.list-item .container li.row-box,
ul.templated-list li.list-item .container li.row-box {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
ul.managed-list li.list-item .container li.box-0,
ul.templated-list li.list-item .container li.box-0 {
  padding-top: 5px;
}
ul.managed-list li.list-item .container span.label,
ul.templated-list li.list-item .container span.label {
  display: inline-block;
  padding-right: 5px;
}
ul.managed-list li.list-item .list-item-div,
ul.templated-list li.list-item .list-item-div {
  display: flex;
  padding: 0 20px;
  padding-top: 8px;
  flex-direction: row;
  align-items: flex-start;
  align-self: stretch;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox,
ul.templated-list li.list-item .list-item-div div.list-checkbox {
  display: flex;
  width: 40px;
  margin: -5px 5px 0 0;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox label.list-checkbox-chk,
ul.templated-list li.list-item .list-item-div div.list-checkbox label.list-checkbox-chk {
  display: none;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox label.list-checkbox-chk.visible,
ul.templated-list li.list-item .list-item-div div.list-checkbox label.list-checkbox-chk.visible {
  display: block;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper,
ul.templated-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper.invisible,
ul.templated-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper.invisible {
  display: none;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper span.list-checkbox-icon,
ul.templated-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper span.list-checkbox-icon {
  display: inline-block;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper span.list-checkbox-icon.invisible,
ul.templated-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper span.list-checkbox-icon.invisible {
  display: none;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper svg.list-checkbox-icon,
ul.templated-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper svg.list-checkbox-icon {
  display: inline-block;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper svg.list-checkbox-icon.invisible,
ul.templated-list li.list-item .list-item-div div.list-checkbox div.icon-wrapper svg.list-checkbox-icon.invisible {
  display: none;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox svg.list-checkbox-icon,
ul.templated-list li.list-item .list-item-div div.list-checkbox svg.list-checkbox-icon {
  height: 24px;
  display: inline-block;
}
ul.managed-list li.list-item .list-item-div div.list-checkbox svg.list-checkbox-icon.invisible,
ul.templated-list li.list-item .list-item-div div.list-checkbox svg.list-checkbox-icon.invisible {
  display: none;
}
ul.managed-list li.list-item .list-horizontal-divider,
ul.templated-list li.list-item .list-horizontal-divider {
  display: flex;
  min-width: 320px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 8px;
  border-bottom: 1px solid var(--neutral-90);
}
ul.managed-list li.list-item.flash,
ul.templated-list li.list-item.flash {
  animation: refreshedItem 1s 1;
}
ul.managed-list li.list-item.selected,
ul.templated-list li.list-item.selected {
  background-color: var(--neutral-variant-99);
}
ul.managed-list li.list-item.selected.selection-start,
ul.templated-list li.list-item.selected.selection-start {
  background: repeating-linear-gradient(45deg, #f0f0f0, #f0f0f0 10px, transparent 10px, transparent 20px);
}
ul.managed-list li.list-item.selected .container .flex-list-item ul li.activities button.menu-button,
ul.templated-list li.list-item.selected .container .flex-list-item ul li.activities button.menu-button {
  display: inline-block;
}
.dialog-content.references-dialog .dialog-body ul.templated-list {
  overflow-x: hidden;
}
body.hover-behaviour ul.managed-list li.list-item .container ul.item-title .title:hover,
body.hover-behaviour ul.templated-list li.list-item .container ul.item-title .title:hover {
  border-bottom: solid 1px var(--black);
}
body.hover-behaviour ul.managed-list li.list-item:hover .list-item-div div.list-checkbox label.list-checkbox-chk,
body.hover-behaviour ul.templated-list li.list-item:hover .list-item-div div.list-checkbox label.list-checkbox-chk {
  display: block;
}
body.hover-behaviour ul.managed-list li.list-item:hover .list-item-div div.list-checkbox div.icon-wrapper,
body.hover-behaviour ul.templated-list li.list-item:hover .list-item-div div.list-checkbox div.icon-wrapper {
  display: none;
}
body.hover-behaviour ul.managed-list li.list-item:hover .list-item-div div.list-checkbox div.icon-wrapper.icon-visible,
body.hover-behaviour ul.templated-list li.list-item:hover .list-item-div div.list-checkbox div.icon-wrapper.icon-visible {
  display: flex;
}
body.hover-behaviour ul.managed-list li.list-item.do-hover .container li.on-hover,
body.hover-behaviour ul.templated-list li.list-item.do-hover .container li.on-hover {
  display: none;
}
body.hover-behaviour ul.managed-list li.list-item.do-hover:hover,
body.hover-behaviour ul.templated-list li.list-item.do-hover:hover {
  background-color: var(--neutral-99);
}
body.hover-behaviour ul.managed-list li.list-item.do-hover:hover .container li.on-hover,
body.hover-behaviour ul.templated-list li.list-item.do-hover:hover .container li.on-hover {
  display: flex;
}
.workunit-list li {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
}
@media (max-width: 600px) {
  ul.managed-list li.list-item:last-child {
    margin-bottom: 100px;
  }
  ul.managed-list li.list-item .list-item-div {
    padding: 8px 8px 0 8px;
  }
  ul.managed-list li.list-item .list-horizontal-divider {
    margin: 0 8px;
  }
  ul.managed-list li.list-item .container ul.item-abstract li,
  ul.managed-list li.list-item .container ul.item-properties li {
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
  ul.managed-list li.list-item .container li.account {
    flex: 0 0 40px;
  }
  ul.managed-list li.list-item .container li.account {
    flex: 0 0 40px;
  }
}

.form-attachedregistry .col-0 {
  flex: 1 1 auto;
}
.form-attachedregistry .col-1 {
  flex: 0 0 100px;
}
.search-attachedregistry-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.search-attachedregistry {
  flex: 1 0 auto;
}
.search-attachedregistry li.list-item-generic:hover {
  background-color: var(--neutral-90);
}
.search-attachedregistry li.list-item-generic > ul {
  list-style: none;
  display: flex;
  flex-direction: row;
}
.c-search-floating.search-attachedregistry {
  overflow: hidden;
}
.c-search-floating.search-attachedregistry .c-search-results ul.list-items {
  margin-bottom: 16px;
}
.c-search-floating.search-attachedregistry .c-search-results ul.list-items:empty {
  margin-bottom: 0;
}
.c-search-floating.search-attachedregistry .c-search-results li.two-row-label-extended {
  cursor: default;
  margin: 2px 0;
}
.c-search-floating.search-attachedregistry .c-search-results li.two-row-label-extended:hover {
  background-color: var(--neutral-95);
}
.c-search-floating.search-attachedregistry .c-search-results li.two-row-label-extended .selected,
.c-search-floating.search-attachedregistry .c-search-results li.two-row-label-extended .un-selected {
  cursor: pointer;
}
.c-menu-button.history-select {
  width: 40px;
  height: 40px;
}
.c-menu-button.history-select .c-menu-button-content-vertical {
  height: 100%;
}
.c-menu-button.history-select .c-menu-button-content-vertical .c-menu-icon {
  font-size: 24px;
}
.c-menu.history-select {
  max-height: 300px;
}
.c-menu.history-select .clear-history {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: right;
  color: var(--primary-40);
  padding: 4px 0;
  cursor: default;
}
.c-menu.history-select .clear-history:hover {
  text-decoration: underline;
}
.header-attachedregistry {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.search-attachedregistry ul.list-items li.list-item div.container {
  border-bottom: solid 1px var(--neutral-90);
  padding-bottom: 4px;
}
.search-attachedregistry ul.columns,
.selected-attachedregistry ul.columns {
  display: flex;
  flex-direction: row;
}
.search-attachedregistry ul.list-items,
.selected-attachedregistry ul.list-items {
  list-style: none;
}
.search-attachedregistry ul.list-items li.container,
.selected-attachedregistry ul.list-items li.container {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  cursor: default;
}
.search-attachedregistry ul.list-items li.container:hover,
.selected-attachedregistry ul.list-items li.container:hover {
  background-color: var(--neutral-90);
}
.search-attachedregistry ul.list-items li.container ul,
.selected-attachedregistry ul.list-items li.container ul {
  list-style: none;
  display: flex;
  flex-direction: row;
}
.search-attachedregistry ul.list-items li.container li.row-box,
.selected-attachedregistry ul.list-items li.container li.row-box {
  flex: 1 0 auto;
}
.search-attachedregistry ul.list-items li.container li.icon-button,
.selected-attachedregistry ul.list-items li.container li.icon-button {
  flex: 0 0 0px;
}
.search-attachedregistry ul.list-items li.container li.icon-button div.icon-button-inner-wrapper,
.selected-attachedregistry ul.list-items li.container li.icon-button div.icon-button-inner-wrapper {
  display: none;
  position: absolute;
  margin-left: -40px;
}
.search-attachedregistry ul.list-items li.container:hover li.icon-button div.icon-button-inner-wrapper,
.selected-attachedregistry ul.list-items li.container:hover li.icon-button div.icon-button-inner-wrapper {
  display: inline;
}
div.c-search-floating.search-attachedregistry div.c-search-results {
  overflow-x: auto;
}
.c-search-results .list-container,
.selected-attachedregistry .list-container {
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.c-search-results .list-container ul.managed-list li.list-item .list-item-div,
.selected-attachedregistry .list-container ul.managed-list li.list-item .list-item-div {
  padding: 0 0px;
}
.search-attachedregistry li.registry-node-name h3,
.selected-attachedregistry li.registry-node-name h3 {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
  cursor: pointer;
}
.search-attachedregistry li.registry-node-value,
.selected-attachedregistry li.registry-node-value {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-40);
}
.search-attachedregistry li.registry-node-value span.label,
.selected-attachedregistry li.registry-node-value span.label {
  color: var(--neutral-60);
}
.search-attachedregistry li.registry-node-path,
.selected-attachedregistry li.registry-node-path {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--warning-70);
}

div ul.templated-list li.list-item {
  border-bottom: solid 1px var(--neutral-90);
}
div ul.templated-list li.list-item div.container {
  display: flex;
  flex-direction: row;
  padding: 8px 0px 8px 20px;
}
div ul.templated-list li.list-item div.container:hover {
  background-color: var(--neutral-99);
}
div ul.templated-list li.list-item div.container .title h3 {
  cursor: default;
}
div ul.templated-list li.list-item div.container .title:hover {
  border-color: transparent;
}


@keyframes linearIndeterminateAnimation {
  0% {
    transform: translateX(0) scaleX(0);
  }
  40% {
    transform: translateX(0) scaleX(0.4);
  }
  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}
.linear-progress-bar {
  background-color: var(--secondary-90);
  width: 100%;
  overflow: hidden;
}
.linear-progress-bar-value {
  height: 100%;
  background-color: var(--primary-40);
  transform-origin: 0% 50%;
}
.indeterminate {
  animation: linearIndeterminateAnimation 1s infinite linear;
}

.document-container .document-link a.c-link span.text,
.document-container .document-link > span {
  display: inline;
  height: auto;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}





.selected-document ul.list-items {
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  color: var(--neutral-40);
}
.selected-document .container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.selected-document div.list-item-generic > ul {
  gap: 5px;
}
.selected-document .regno {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.selected-document li.title {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.selected-document li.title h3 {
  cursor: pointer;
}
.selected-document .input-icon {
  cursor: pointer;
}

.grid-container {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
.grid-table {
  width: fit-content;
  border-collapse: collapse;
  border-spacing: 0;
}
.grid-table tbody tr td {
  box-sizing: border-box;
  border: solid 1px var(--neutral-90);
  min-height: 30px;
  height: 30px;
  padding: 5px;
  white-space: pre;
  min-width: 50px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.grid-table tbody tr td.empty-cell {
  min-width: unset;
  max-width: 24px;
  padding: 0;
  min-height: unset;
  height: auto;
  border: 0;
}
.grid-table tbody tr td.handle {
  min-width: unset;
  max-width: 24px;
  padding: 0;
}
.grid-table tbody tr td.top-tool {
  padding: 0;
  min-height: 20px;
  height: 20px;
}
.grid-table tbody tr td.left-tool {
  min-width: unset;
  max-width: 24px;
  padding: 0;
}
.grid-table tbody tr td div.handle-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--neutral-70);
}
.grid-table tbody tr td div.handle-container .input-icon {
  font-size: 20px;
}
.grid-table tbody tr td div.tool-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: var(--neutral-70);
}
.grid-table tbody tr td div.tool-container .input-icon {
  font-size: 20px;
  transform: rotate(90deg);
}
.grid-table tbody tr td.left-tool div.tool-container .input-icon.right {
  transform: rotate(0deg);
}
.grid-table-row-tools {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: flex-start;
  align-items: center;
}
.grid-table-row-tools .grid-undo {
  width: 32px;
  height: 32px;
}
.grid-table-row-tools .grid-undo span {
  font-size: 20px;
}
.cell-editor {
  position: absolute;
  height: fit-content;
  width: fit-content;
}
.cell-editor .cell-editor-container {
  background-color: var(--white);
  box-shadow: var(--standard-boxshadow);
  border-radius: 4px;
  overflow: hidden;
}
.cell-editor .cell-editor-container input.text-input {
  padding: 8px;
  margin: 2px;
  border-radius: 0;
  border: 0;
  outline: none;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.cell-editor .cell-editor-container .formatting-tools {
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: flex-start;
  align-items: center;
  border-top: solid 1px var(--neutral-95);
}
.cell-editor .cell-editor-container .formatting-tools button.icon-button {
  border-radius: 0;
  width: 24px;
  height: 24px;
}
.cell-editor .cell-editor-container .formatting-tools button.icon-button.border-right,
.cell-editor .cell-editor-container .formatting-tools button.icon-button.border-left {
  border-color: transparent;
  background-color: var(--neutral-90);
}
.cell-editor .cell-editor-container .formatting-tools button.icon-button.border-right:hover,
.cell-editor .cell-editor-container .formatting-tools button.icon-button.border-left:hover {
  background-color: var(--neutral-80);
}
.cell-editor .cell-editor-container .formatting-tools button.icon-button.selected {
  background-color: var(--neutral-95);
}
.cell-editor .cell-editor-container .formatting-tools button.icon-button span.input-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.column-tools-container {
  position: absolute;
  height: fit-content;
  width: fit-content;
  display: contents;
}
.column-tools-container .column-tools {
  background-color: var(--white);
  box-shadow: var(--standard-boxshadow);
  display: flex;
  flex-direction: row;
  gap: 0;
  justify-content: flex-start;
  align-items: center;
}
.column-tools-container .column-tools button.icon-button {
  border-radius: 0;
  width: 24px;
  height: 24px;
}
.column-tools-container .column-tools button.icon-button.border-right,
.column-tools-container .column-tools button.icon-button.border-left {
  border-color: transparent;
  background-color: var(--neutral-90);
}
.column-tools-container .column-tools button.icon-button.border-right:hover,
.column-tools-container .column-tools button.icon-button.border-left:hover {
  background: var(--neutral-80);
}
.column-tools-container .column-tools button.icon-button span.input-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.column-tools-container .column-tools button.icon-button.flip {
  transform: rotate(180deg);
}
.column-tools-container .column-tools button.icon-button.right {
  transform: rotate(180deg);
}
.row-tools-container {
  position: absolute;
  height: fit-content;
  width: fit-content;
  display: contents;
}
.row-tools-container .row-tools {
  background-color: var(--white);
  box-shadow: var(--standard-boxshadow);
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: flex-start;
  align-items: center;
}
.row-tools-container .row-tools button.icon-button {
  border-radius: 0;
  width: 24px;
  height: 24px;
}
.row-tools-container .row-tools button.icon-button.border-right,
.row-tools-container .row-tools button.icon-button.border-left {
  border-color: transparent;
  background-color: var(--neutral-90);
}
.row-tools-container .row-tools button.icon-button.border-right:hover,
.row-tools-container .row-tools button.icon-button.border-left:hover {
  background: var(--neutral-80);
}
.row-tools-container .row-tools button.icon-button span.input-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.row-tools-container .row-tools button.icon-button.up {
  transform: rotate(270deg);
}
.row-tools-container .row-tools button.icon-button.down {
  transform: rotate(90deg);
}



:root {
  --tiptap-image-upload-active: var(--tt-brand-color-500);
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-50);
  --tiptap-image-upload-icon-bg: var(--tt-brand-color-500);
  --tiptap-image-upload-text-color: var(--tt-gray-light-a-700);
  --tiptap-image-upload-subtext-color: var(--tt-gray-light-a-400);
  --tiptap-image-upload-border: var(--tt-gray-light-a-300);
  --tiptap-image-upload-border-hover: var(--tt-gray-light-a-400);
  --tiptap-image-upload-border-active: var(--tt-brand-color-500);
  --tiptap-image-upload-icon-doc-bg: var(--tt-gray-light-a-200);
  --tiptap-image-upload-icon-doc-border: var(--tt-gray-light-300);
  --tiptap-image-upload-icon-color: var(--white);
}
.dark {
  --tiptap-image-upload-active: var(--tt-brand-color-400);
  --tiptap-image-upload-progress-bg: var(--tt-brand-color-900);
  --tiptap-image-upload-icon-bg: var(--tt-brand-color-400);
  --tiptap-image-upload-text-color: var(--tt-gray-dark-a-700);
  --tiptap-image-upload-subtext-color: var(--tt-gray-dark-a-400);
  --tiptap-image-upload-border: var(--tt-gray-dark-a-300);
  --tiptap-image-upload-border-hover: var(--tt-gray-dark-a-400);
  --tiptap-image-upload-border-active: var(--tt-brand-color-400);
  --tiptap-image-upload-icon-doc-bg: var(--tt-gray-dark-a-200);
  --tiptap-image-upload-icon-doc-border: var(--tt-gray-dark-300);
  --tiptap-image-upload-icon-color: var(--black);
}
.tiptap-image-upload {
  padding: 2rem 0;
  background-color: var(--tertiary-95);
  border-radius: 8px;
}
.tiptap-image-upload input[type="file"] {
  display: none;
}
.tiptap-image-upload .tiptap-image-upload-dropzone {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
}
.tiptap-image-upload .tiptap-image-upload-icon-container {
  width: 4rem;
  height: 4rem;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tiptap-image-upload .tiptap-image-upload-icon {
  width: 0.875rem;
  height: 0.875rem;
  color: var(--black);
}
.tiptap-image-upload .tiptap-image-upload-dropzone-rect-primary {
  color: var(--tiptap-image-upload-icon-doc-bg);
  position: absolute;
}
.tiptap-image-upload .tiptap-image-upload-dropzone-rect-secondary {
  position: absolute;
  top: 0;
  right: 0.25rem;
  bottom: 0;
  color: var(--tiptap-image-upload-icon-doc-border);
}
.tiptap-image-upload .tiptap-image-upload-text {
  color: var(--tiptap-image-upload-text-color);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: normal;
}
.tiptap-image-upload .tiptap-image-upload-text em {
  font-style: normal;
  text-decoration: underline;
}
.tiptap-image-upload .tiptap-image-upload-subtext {
  color: var(--tiptap-image-upload-subtext-color);
  font-weight: 600;
  line-height: normal;
  font-size: 0.75rem;
}
.tiptap-image-upload .tiptap-image-upload-drag-area {
  padding: 2rem 1.5rem;
  border: 1.5px dashed var(--tiptap-image-upload-border);
  border-radius: var(--tt-radius-md, 0.5rem);
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
}
.tiptap-image-upload .tiptap-image-upload-drag-area:hover {
  border-color: var(--tiptap-image-upload-border-hover);
}
.tiptap-image-upload .tiptap-image-upload-drag-area.drag-active {
  border-color: var(--tiptap-image-upload-border-active);
  background-color: rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255), 0.05);
}
.tiptap-image-upload .tiptap-image-upload-drag-area.drag-over {
  border-color: var(--tiptap-image-upload-border-active);
  background-color: rgba(var(--tiptap-image-upload-active-rgb, 0, 123, 255), 0.1);
}
.tiptap-image-upload .tiptap-image-upload-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.25rem;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
}
.tiptap-image-upload .tiptap-image-upload-previews {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.tiptap-image-upload .tiptap-image-upload-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--tiptap-image-upload-border);
  margin-bottom: 0.5rem;
}
.tiptap-image-upload .tiptap-image-upload-header span {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--tiptap-image-upload-text-color);
}
.tiptap-image-upload .tiptap-image-upload-preview {
  position: relative;
  border-radius: var(--tt-radius-md, 0.5rem);
  overflow: hidden;
}
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-progress {
  position: absolute;
  inset: 0;
  background-color: var(--tiptap-image-upload-progress-bg);
  transition: all 300ms ease-out;
}
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-preview-content {
  position: relative;
  border: 1px solid var(--tiptap-image-upload-border);
  border-radius: var(--tt-radius-md, 0.5rem);
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  height: 2rem;
}
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon {
  padding: 0.5rem;
  background-color: var(--tiptap-image-upload-icon-bg);
  border-radius: var(--tt-radius-lg, 0.75rem);
}
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-file-info .tiptap-image-upload-file-icon svg {
  width: 0.875rem;
  height: 0.875rem;
  color: var(--tiptap-image-upload-icon-color);
}
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-details {
  display: flex;
  flex-direction: column;
}
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.tiptap-image-upload .tiptap-image-upload-preview .tiptap-image-upload-actions .tiptap-image-upload-progress-text {
  font-size: 0.75rem;
  color: var(--tiptap-image-upload-border-active);
  font-weight: 600;
}
.tiptap.ProseMirror.ProseMirror-focused .ProseMirror-selectednode .tiptap-image-upload-drag-area {
  border-color: var(--tiptap-image-upload-active);
}
@media (max-width: 480px) {
  .tiptap-image-upload .tiptap-image-upload-drag-area {
    padding: 1.5rem 1rem;
  }
  .tiptap-image-upload .tiptap-image-upload-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .tiptap-image-upload .tiptap-image-upload-preview-content {
    padding: 0.75rem;
  }
}

.c-texteditor-menu-highlight-tools,
.c-texteditor-menu-color-tools {
  display: flex;
  flex-direction: column;
}
.c-texteditor-menu-highlight-tools .inkwell-container,
.c-texteditor-menu-color-tools .inkwell-container {
  display: flex;
  flex-direction: column;
}
.c-texteditor-menu-highlight-tools .inkwells,
.c-texteditor-menu-color-tools .inkwells {
  display: flex;
  flex-direction: row;
  gap: 2px;
}
.c-texteditor-menu-highlight-tools .inkwells button.icon-button.standard,
.c-texteditor-menu-color-tools .inkwells button.icon-button.standard {
  border-radius: 4px;
  width: 24px;
  height: 24px;
}
.c-texteditor-menu-highlight-tools .inkwells button.icon-button.standard span.input-icon,
.c-texteditor-menu-color-tools .inkwells button.icon-button.standard span.input-icon {
  color: var(--black);
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.c-texteditor-menu-highlight-tools .inkwells button.icon-button.standard:hover,
.c-texteditor-menu-color-tools .inkwells button.icon-button.standard:hover {
  background-color: var(--neutral-95);
  box-shadow: none;
}
.c-texteditor-menu-highlight-tools .inkwells div.input-container.ink-color-input,
.c-texteditor-menu-color-tools .inkwells div.input-container.ink-color-input {
  border-color: var(--neutral-80);
  margin: 0 3px;
}
.c-texteditor-menu-highlight-tools .inkwells div.input-container.ink-color-input input[type="text"],
.c-texteditor-menu-color-tools .inkwells div.input-container.ink-color-input input[type="text"] {
  padding: 1px;
  width: 94px;
  font-family: monospace;
}
.c-texteditor-menu-highlight-tools .horizontal-divider,
.c-texteditor-menu-color-tools .horizontal-divider {
  border: solid 1px var(--neutral-95);
  height: 0;
  margin: 4px 0;
}
.splat {
  width: 18px;
  height: 18px;
  border-radius: 3px;
}
div.tiptap.ProseMirror.ProseMirror-focused {
  outline: none;
}
.c-texteditor-source {
  width: 100%;
  height: 500px;
  font-family: monospace;
  font-size: 14px;
  padding: 8px;
}
.c-texteditor-source,
.c-texteditor-container {
  min-height: 200px;
  max-height: 500px;
  overflow-y: auto;
  border: solid 1px var(--primary-60);
  border-radius: 4px;
}
.c-texteditor-source:has(div.tiptap.ProseMirror.ProseMirror-focused),
.c-texteditor-container:has(div.tiptap.ProseMirror.ProseMirror-focused) {
  outline: solid 2px var(--black);
}
.readonly > .c-texteditor-source,
.readonly > .c-texteditor-container {
  border-color: transparent;
}
.c-texteditor-toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  min-height: 32px;
}
.c-texteditor-toolbar .c-texteditor-toolbar-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.c-texteditor-toolbar .c-texteditor-toolbar-group .c-texteditor-toolbar-button {
  width: 28px;
  height: 28px;
  border-radius: 4px;
}
.c-texteditor-toolbar .c-texteditor-toolbar-group .c-texteditor-toolbar-button .input-icon {
  font-size: 20px;
}
.c-texteditor-toolbar .c-texteditor-toolbar-group .c-texteditor-toolbar-button.source .input-icon {
  font-size: 24px;
}
.c-texteditor-toolbar .c-texteditor-toolbar-group .c-texteditor-toolbar-button.active {
  background-color: var(--secondary-90);
}
.c-texteditor-toolbar .c-texteditor-toolbar-group .c-menu-button.c-texteditor-toolbar-menu .c-menu-button-content-vertical:hover {
  background: var(--neutral-99);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}
.c-texteditor-toolbar .c-texteditor-toolbar-group .c-menu-button.c-texteditor-toolbar-menu .c-menu-button-content {
  height: 28px;
  padding: 5px 5px;
  gap: 0px;
  border-radius: 4px;
}
.c-texteditor-toolbar .c-texteditor-toolbar-group .c-menu-button.c-texteditor-toolbar-menu .c-menu-button-content .c-menu-expand {
  font-size: 18px;
}
.c-texteditor-toolbar .c-texteditor-toolbar-group .c-menu-button.c-texteditor-toolbar-menu.active .c-menu-button-content {
  background-color: var(--secondary-90);
}
.c-texteditor-toolbar .c-texteditor-toolbar-separator {
  margin: 0 4px;
  border: 0;
  border-left: solid 1px var(--neutral-60);
  height: 20px;
}
.c-texteditor-editor {
  padding: 10px;
  font-size: 14px;
}
:root {
  --texteditor-paragraph-spacing-before: 0em;
  --texteditor-paragraph-spacing-after: 1em;
}
.c-html-format h1,
.c-texteditor-editor h1,
.c-html-format h2,
.c-texteditor-editor h2,
.c-html-format h3,
.c-texteditor-editor h3 {
  padding: 0;
  margin: 0;
  margin-bottom: 8px;
}
.c-html-format h1,
.c-texteditor-editor h1 {
  font-style: normal;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}
.c-html-format h2,
.c-texteditor-editor h2 {
  font-style: normal;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
.c-html-format h3,
.c-texteditor-editor h3 {
  font-style: normal;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.c-html-format p,
.c-texteditor-editor p {
  margin-top: var(--texteditor-paragraph-spacing-before);
  margin-bottom: var(--texteditor-paragraph-spacing-after);
}
.c-html-format a,
.c-texteditor-editor a {
  cursor: pointer;
  display: inline;
}
.c-html-format a:hover,
.c-texteditor-editor a:hover {
  text-decoration: underline;
}
.c-html-format img,
.c-texteditor-editor img {
  display: block;
  max-width: 100%;
}
.c-html-format blockquote,
.c-texteditor-editor blockquote {
  padding: 8px;
  background-color: var(--neutral-variant-99);
  border-radius: 0 4px 4px 0;
  border-left: solid 4px var(--neutral-80);
  margin-bottom: 1em;
}
.c-html-format blockquote p:first-child,
.c-texteditor-editor blockquote p:first-child {
  display: inline-block;
}
.c-html-format blockquote p:last-child,
.c-texteditor-editor blockquote p:last-child {
  margin-bottom: 0;
}
.c-html-format code,
.c-texteditor-editor code {
  font-family: monospace;
  white-space: pre-line;
  border-radius: 4px;
  padding: 8px;
  background-color: var(--neutral-95);
}
.c-html-format pre:has(code),
.c-texteditor-editor pre:has(code) {
  padding: 8px;
  background-color: var(--neutral-95);
  border-radius: 4px;
  margin-top: var(--texteditor-paragraph-spacing-before);
  margin-bottom: var(--texteditor-paragraph-spacing-after);
}
.c-html-format pre:has(code) > code,
.c-texteditor-editor pre:has(code) > code {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}
.c-html-format ol,
.c-texteditor-editor ol,
.c-html-format ul,
.c-texteditor-editor ul {
  margin-left: 2em;
  margin-top: var(--texteditor-paragraph-spacing-before);
  margin-bottom: var(--texteditor-paragraph-spacing-after);
}
.c-html-format ul[data-type=taskList],
.c-texteditor-editor ul[data-type=taskList] {
  margin-left: 0.75em;
}
.c-html-format ul[data-type=taskList] li,
.c-texteditor-editor ul[data-type=taskList] li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.c-html-format ul[data-type=taskList] li label,
.c-texteditor-editor ul[data-type=taskList] li label {
  height: min-content;
}
.c-html-format ul[data-type=taskList] li label span:empty,
.c-texteditor-editor ul[data-type=taskList] li label span:empty {
  display: none;
}
.c-html-format ul[data-type=taskList] li div p,
.c-texteditor-editor ul[data-type=taskList] li div p {
  margin: 0;
}
.c-html-format ul,
.c-texteditor-editor ul {
  list-style: disc;
}
.c-html-format hr,
.c-texteditor-editor hr {
  margin: 12px 0;
}
.c-html-format table,
.c-texteditor-editor table {
  border: solid 1px var(--neutral-90);
  border-collapse: collapse;
  margin-top: var(--texteditor-paragraph-spacing-before);
  margin-bottom: var(--texteditor-paragraph-spacing-after);
}
.c-html-format table th,
.c-texteditor-editor table th,
.c-html-format table td,
.c-texteditor-editor table td {
  text-align: left;
  border: solid 1px var(--neutral-90);
}
.c-texteditor-toolbar-menu .c-menu-icon {
  color: var(--black);
}
menu.c-menu.c-texteditor-toolbar-menu {
  min-width: unset;
  width: fit-content;
}
menu.c-menu.c-texteditor-toolbar-menu li.c-menu-item.active {
  background-color: var(--secondary-90);
}
.c-menu-button.disabled.c-texteditor-toolbar-menu .c-menu-icon {
  color: var(--neutral-70);
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle] {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 2px;
  z-index: 10;
  /* Corner handles */
  /* Edge handles */
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle]:hover {
  background: rgba(0, 0, 0, 0.8);
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='top-left'],
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='top-right'],
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='bottom-left'],
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='bottom-right'] {
  width: 8px;
  height: 8px;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='top-left'] {
  top: -4px;
  left: -4px;
  cursor: nwse-resize;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='top-right'] {
  top: -4px;
  right: -4px;
  cursor: nesw-resize;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='bottom-left'] {
  bottom: -4px;
  left: -4px;
  cursor: nesw-resize;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='bottom-right'] {
  bottom: -4px;
  right: -4px;
  cursor: nwse-resize;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='top'],
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='bottom'] {
  height: 6px;
  left: 8px;
  right: 8px;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='top'] {
  top: -3px;
  cursor: ns-resize;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='bottom'] {
  bottom: -3px;
  cursor: ns-resize;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='left'],
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='right'] {
  width: 6px;
  top: 8px;
  bottom: 8px;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='left'] {
  left: -3px;
  cursor: ew-resize;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-handle][data-resize-handle='right'] {
  right: -3px;
  cursor: ew-resize;
}
.c-texteditor-editor .ProseMirror-selectednode [data-resize-state='true'] [data-resize-wrapper] {
  outline: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0.125rem;
}

.form-interaction .interactions-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.form-interaction .interactions-toolbar .interactions-search {
  flex: 1 1 auto;
}
.form-interaction .interactions-toolbar .interactions-search .c-search-container {
  width: 75%;
}
.form-interaction .interactions-toolbar input[type="search"] {
  flex: 1 1 auto;
  padding: 5px;
  margin-right: 3px;
}
.form-interaction ol li {
  display: flex;
  flex-direction: row;
  padding: 3px 0;
}
.form-interaction ol li .interaction-note,
.form-interaction ol li .interaction-email {
  flex: 1 1 auto;
  border-top: solid 1px #ddd;
  padding: 10px;
}
.form-interaction ol li .interaction-note header span {
  float: right;
}
.form-interaction ol li .interaction-email header {
  display: flex;
  flex-direction: row;
}
.form-interaction ol li .interaction-email header h3 {
  flex: 1 1 auto;
}
.form-interaction ol li .interaction-email header span {
  flex: 0 1 140px;
  text-align: right;
}
.form-interaction ol li.list-item {
  display: flex;
  flex-direction: row;
  padding: 12px 24px 12px 0;
  color: var(--black);
  gap: 16px;
  border-bottom: solid 1px var(--neutral-90);
}
.form-interaction ol li.list-item div.type-icon span {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.form-interaction ol li.list-item div.body {
  flex: 1 1 auto;
}
.form-interaction ol li.list-item div.body div.header {
  display: flex;
  flex-direction: row;
}
.form-interaction ol li.list-item div.body div.header div.date-from {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.form-interaction ol li.list-item div.body div.header div.date-from div.datetime {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.form-interaction ol li.list-item div.body div.header div.date-from div.from {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.form-interaction ol li.list-item div.body div.header div.date-from:hover {
  text-decoration: underline;
}
.form-interaction ol li.list-item div.body div.header div.indicator {
  flex: 0 0 50px;
}
.form-interaction ol li.list-item div.body div.header div.indicator div.badge {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-style: normal;
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  color: var(--info-40);
  width: fit-content;
  padding: 2px 12px;
  background-color: var(--info-90);
  border: solid 1px var(--info-40);
  border-radius: 12px;
}
.form-interaction ol li.list-item div.body div.header div.indicator div.badge.draft {
  background-color: var(--warning-90);
  border: solid 1px var(--warning-40);
}
.form-interaction ol li.list-item div.body div.toolbar {
  display: flex;
  flex-direction: row;
  padding: 8px 0 8px 2px;
  gap: 8px;
}
.form-interaction ol li.list-item div.body div.title {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 4px;
}
.form-interaction ol li.list-item div.body div.excerpt {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 548px;
  overflow-wrap: break-word;
}
.form-interaction ol li.list-item div.body div.message {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 548px;
  overflow-wrap: break-word;
}
.form-interaction ol li.list-item div.body div.message a {
  cursor: pointer;
}
.form-interaction ol li.list-item div.body div.message a:hover {
  text-decoration: underline;
}
.form-interaction ol li.list-item div.body div.message p,
.form-interaction ol li.list-item div.body div.message ul,
.form-interaction ol li.list-item div.body div.message li,
.form-interaction ol li.list-item div.body div.message hr {
  margin-bottom: 0.5em;
}
.form-interaction ol li.list-item div.body div.message ul {
  list-style: disc;
  list-style-type: disc;
  margin-left: 16px;
}
.form-interaction ol li.list-item div.body div.message img {
  max-width: 100%;
}
.form-interaction ol li.list-item div.body div.message img.popup-image {
  cursor: zoom-in;
}
.form-interaction ol li.list-item div.body div.toggle {
  padding-top: 8px;
  width: fit-content;
  border-bottom: solid 1px transparent;
  display: inline-block;
  cursor: default;
}
.form-interaction ol li.list-item div.body div.toggle.top {
  margin-bottom: 12px;
}
.form-interaction ol li.list-item div.body div.toggle:hover {
  border-color: var(--primary-70);
}
.form-interaction ol li.list-item div.body div.toggle span.item-expander {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--primary-40);
}
.form-interaction ol li.list-item div.body div.toggle span.item-expander span.input-icon {
  font-size: 16px;
  cursor: default;
}
.form-interaction ol li.list-item div.body ul.attachments-container {
  margin-top: 8px;
}
.form-interaction ol li.list-item div.body ul.attachments-container li.attachment {
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: start;
  align-items: center;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  cursor: default;
}
.form-interaction ol li.list-item div.body ul.attachments-container li.attachment span.input-icon {
  font-size: 16px;
}
.form-interaction ol li.list-item div.body ul.attachments-container li.attachment div.filename {
  border-bottom: solid 1px transparent;
}
.form-interaction ol li.list-item div.body ul.attachments-container li.attachment:hover div.filename {
  border-color: var(--primary-70);
}
.interaction-email .autoform.horizontal-orientation section field.select .c-menu-as-select .c-menu-button-content .c-menu-expand,
.interaction-email .autoform.horizontal-orientation section field.select .c-menu-as-select .c-menu-button-content .c-menu-icon-2 {
  font-size: 24px;
  height: 22px;
  width: 20px;
  margin-top: -2px;
}
.interaction-email .autoform.horizontal-orientation section field.dropzone div.dz-container {
  min-height: unset;
}
.interaction-email .autoform.horizontal-orientation div.autoform-property {
  width: 840px;
  grid-template-columns: 120px 500px auto;
}
.interaction-email .autoform.horizontal-orientation div.autoform-property.no-title {
  width: auto;
  grid-template-columns: auto;
}
.interaction-email .autoform.horizontal-orientation div.autoform-property.with-tools {
  grid-template-columns: 120px 500px auto;
}
.interaction-email .autoform.horizontal-orientation div.autoform-property.with-tools.interaction-dropzone {
  grid-template-columns: 120px 300px auto;
}
.interaction-email .autoform div.autoform-property.interaction-dropzone {
  grid-template-columns: 120px 200px auto;
}
.interaction-email .autoform div.autoform-property.interaction-dropzone field.dropzone div.dz-container {
  overflow: hidden;
  max-height: 42px;
  white-space: nowrap;
  padding: 8px 16px;
  border-radius: 100px;
}
.interaction-email .autoform div.autoform-property.interaction-dropzone .autoform-property-tools .reporttemplates-search {
  width: 166px;
}
.interaction-email-dialog {
  display: flex;
  flex-direction: column;
}
.interaction-email-dialog span.label {
  display: inline-block;
  border-radius: 10px;
  padding: 0 10px;
  margin-left: 5px;
  line-height: 20px;
  float: right;
}
.interaction-email-dialog > header {
  flex: none;
}
.interaction-email-dialog .dialog-body {
  flex: 1 1 auto;
}
.interaction-email-dialog .dialog-body .autoform {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.interaction-email-dialog .dialog-body .autoform .interaction-properties {
  flex: 0 1 auto;
}
.interaction-email-dialog .dialog-body .autoform .interaction-body {
  flex: 1 1 auto;
}
.interaction-email-dialog .dialog-body .autoform .interaction-body > fieldset {
  height: 100%;
}
.interaction-email-dialog .dialog-body .autoform .interaction-body > fieldset div.autoform-property {
  height: 100%;
}
.interaction-email-dialog .dialog-body .autoform .interaction-attachments {
  flex: 0 1 auto;
}
.interaction-email-dialog .toolbar {
  flex: 0 1 auto;
}
.interaction-email .richtexteditor {
  max-width: 844px;
}
.reporttemplates-search .c-search-results ul.list-items,
.interaction-email field.templatedlist ul.list-items,
.reporttemplates-search .c-search-results ul.templated-list,
.interaction-email field.templatedlist ul.templated-list {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.reporttemplates-search .c-search-results ul.list-items li.list-item,
.interaction-email field.templatedlist ul.list-items li.list-item,
.reporttemplates-search .c-search-results ul.templated-list li.list-item,
.interaction-email field.templatedlist ul.templated-list li.list-item {
  padding: 16px 16px;
  cursor: default;
}
.reporttemplates-search .c-search-results ul.list-items li.list-item:hover,
.interaction-email field.templatedlist ul.list-items li.list-item:hover,
.reporttemplates-search .c-search-results ul.templated-list li.list-item:hover,
.interaction-email field.templatedlist ul.templated-list li.list-item:hover {
  background-color: lightgreen;
}
.reporttemplates-search .c-search-results ul.list-items li.list-item div.container,
.interaction-email field.templatedlist ul.list-items li.list-item div.container,
.reporttemplates-search .c-search-results ul.templated-list li.list-item div.container,
.interaction-email field.templatedlist ul.templated-list li.list-item div.container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.reporttemplates-search .c-search-results ul.list-items li.list-item div.container div.list-item-generic,
.interaction-email field.templatedlist ul.list-items li.list-item div.container div.list-item-generic,
.reporttemplates-search .c-search-results ul.templated-list li.list-item div.container div.list-item-generic,
.interaction-email field.templatedlist ul.templated-list li.list-item div.container div.list-item-generic {
  flex: 1 0 auto;
}
.interaction-email field.templatedlist ul.templated-list li.list-item {
  padding: 0px 0px;
  background-color: var(--neutral-99);
  cursor: default;
}
.interaction-email field.templatedlist ul.templated-list li.list-item div.container {
  padding: 2px 2px 2px 10px;
}
.interaction-email field.templatedlist ul.templated-list li.list-item div.container:hover {
  background-color: var(--neutral-90);
}
.interaction-email field.templatedlist ul.templated-list li.list-item div.container:hover button.delete-item {
  background-color: var(--neutral-90);
}
.interaction-email field.templatedlist ul.templated-list li.list-item div.container button.delete-item {
  cursor: default;
  background-color: var(--neutral-99);
}
.interaction-email field.templatedlist ul.templated-list li.list-item div.container button.delete-item:hover {
  background-color: var(--neutral-80);
}
.interaction-email field.templatedlist ul.templated-list li.list-item div.container button.delete-item > span {
  cursor: default;
}
.interaction-email field.templatedlist ul.templated-list li.list-item:hover {
  background-color: var(--neutral-90);
}
.interaction-email field.templatedlist ul.templated-list li.list-item div.list-item-generic > ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  gap: 8px;
}
.interaction-email field.templatedlist ul.templated-list li.list-item div.list-item-generic > ul span.item-icon {
  width: 24px;
}
.interaction-email field.templatedlist ul.templated-list li.list-item button.delete-item {
  width: 32px;
  height: 32px;
}
.interaction-email field.templatedlist ul.templated-list li.list-item button.delete-item span.input-icon {
  font-size: 20px;
}
.interaction-email.email-template,
.interaction-email.email-recipients,
.interaction-email.email-content,
.interaction-email.email-attachments {
  padding: 8px 0;
  border-bottom: solid 1px var(--neutral-90);
}
.interaction-email.email-template:last-child,
.interaction-email.email-recipients:last-child,
.interaction-email.email-content:last-child,
.interaction-email.email-attachments:last-child {
  border-bottom: 0;
}
.interaction-email.email-template .autoform-section-content,
.interaction-email.email-recipients .autoform-section-content,
.interaction-email.email-content .autoform-section-content,
.interaction-email.email-attachments .autoform-section-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.interaction-email.email-template .autoform-section-content .autoform-property,
.interaction-email.email-recipients .autoform-section-content .autoform-property,
.interaction-email.email-content .autoform-section-content .autoform-property,
.interaction-email.email-attachments .autoform-section-content .autoform-property {
  margin: 0;
}
.interaction-email.email-template svg.item-icon,
.interaction-email.email-recipients svg.item-icon,
.interaction-email.email-content svg.item-icon,
.interaction-email.email-attachments svg.item-icon {
  width: 24px;
}
.interaction-email.email-template span.item-icon,
.interaction-email.email-recipients span.item-icon,
.interaction-email.email-content span.item-icon,
.interaction-email.email-attachments span.item-icon {
  font-size: 24px;
}
.interaction-email.email-attachments .autoform-section-content {
  gap: 0px;
}
.interaction-email.email-attachments .autoform-section-content .autoform-property.interaction-dropzone {
  margin-bottom: 12px;
  grid-template-columns: 120px 200px auto;
}
.dialog .dialog-content.interaction-note {
  height: auto;
  min-height: auto;
}
.dialog .dialog-content.interaction-note .dialog-body form.autoform section:first-child {
  padding-top: 0;
}
.dialog .dialog-content.interaction-note .dialog-body form.autoform section:last-child {
  padding-bottom: 0;
}
.dialog .dialog-content.interaction-email {
  height: auto;
  min-height: auto;
  max-height: calc(100% - 120px);
}
.dialog .dialog-content.interaction-channel {
  height: auto;
  min-height: auto;
  width: 450px;
}



div.c-search-floating.lookup div.c-search-results {
  overflow-x: auto;
}
div.c-search-floating.lookup div.c-search-results ul.list-items.managed-list li.list-item {
  cursor: default;
}
div.c-search-floating.lookup div.c-search-results ul.list-items.managed-list li.list-item:hover {
  background-color: var(--neutral-99);
}
div.c-search-floating.lookup div.c-search-results ul.list-items.managed-list li.list-item div.container div.list-item-generic ul {
  gap: 8px;
}
div.c-search-floating.lookup div.c-search-results ul.list-items.managed-list li.list-item div.container div.list-item-generic ul li {
  white-space: nowrap;
}
div.c-search-floating.lookup div.c-search-results table.list-items.managed-list {
  border-collapse: collapse;
}
div.c-search-floating.lookup div.c-search-results table.list-items.managed-list thead tr th {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  padding: 2px 4px;
}
div.c-search-floating.lookup div.c-search-results table.list-items.managed-list tbody tr.list-item {
  cursor: default;
}
div.c-search-floating.lookup div.c-search-results table.list-items.managed-list tbody tr.list-item.highlight {
  background-color: var(--tertiary-95);
}
div.c-search-floating.lookup div.c-search-results table.list-items.managed-list tbody tr.list-item:hover {
  background-color: var(--neutral-99);
}
div.c-search-floating.lookup div.c-search-results table.list-items.managed-list tbody tr.list-item td {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
  padding: 2px 4px;
}

.selected-item-chip {
  border-radius: 8px;
  background: var(--neutral-variant-90);
  padding: 6px 8px 6px 12px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.selected-item-chip .item-path {
  flex: auto;
  line-height: 24px;
}
.selected-item-chip .item-path-parents {
  color: var(--neutral-variant-40);
}
.selected-item-chip .item-title {
  color: var(--neutral-variant-30);
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.selected-item-chip .item-title-navigate:hover {
  text-decoration: underline;
  cursor: pointer;
}
.selected-item-chip svg {
  margin-right: 5px;
}
.selected-item-chip span.input-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 22px;
  height: 22px;
  font-size: 18px;
  font-weight: 300;
  border-radius: 100px;
  margin: 4px 0 4px 10px;
  line-height: 18px;
}
.selected-item-chip span.input-icon:hover {
  background: var(--neutral-variant-80);
}

.form-multidropdownlist .multidropdownlist-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.form-multidropdownlist .multidropdownlist-row > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.mslookup-search-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.mslookup-search-container .mslookup-search {
  flex: 1 0 auto;
}
.mslookup-search-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  cursor: default;
}
.mslookup-search-item .selected,
.mslookup-search-item .un-selected {
  cursor: pointer;
}
.mslookup-search-item .mslookup-search-text {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}
.mslookup-search-item .mslookup-search-text .list-item-generic,
.mslookup-search-item .mslookup-search-text .list-item-generic ul {
  min-width: 0;
  max-width: 100%;
}
.mslookup-search-item .mslookup-search-text .list-item-generic {
  flex: 0 1 auto;
}
.mslookup-search-item .mslookup-search-text .list-item-generic ul {
  flex-wrap: wrap;
}
.mslookup-search-item .mslookup-search-text h3,
.mslookup-search-item .mslookup-search-text .list-item-generic li {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mslookup-search-item .mslookup-search-text .mslookup-search-title {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mslookup-cards {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.mslookup-cards .mslookup-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
  border: solid 1px var(--neutral-90);
  border-radius: 4px;
  padding: 8px;
}
.mslookup-cards .mslookup-card:hover {
  background-color: var(--neutral-99);
}
.mslookup-cards .mslookup-card .mslookup-card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.mslookup-cards .mslookup-card .mslookup-card-body .list-item-generic,
.mslookup-cards .mslookup-card .mslookup-card-body .list-item-generic ul {
  min-width: 0;
  max-width: 100%;
}
.mslookup-cards .mslookup-card .mslookup-card-body .list-item-generic {
  flex: 0 1 auto;
}
.mslookup-cards .mslookup-card .mslookup-card-body .list-item-generic ul {
  flex-wrap: wrap;
}
.mslookup-cards .mslookup-card .mslookup-card-body h3,
.mslookup-cards .mslookup-card .mslookup-card-body .list-item-generic li {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mslookup-cards .mslookup-card .mslookup-card-body .mslookup-card-title {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mslookup-cards .mslookup-card .mslookup-card-delete {
  flex: 0 0 auto;
}
.mslookup-not-found {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-40);
}
.mslookup-subtitle {
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.mslookup-subtitle li {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-40);
  white-space: nowrap;
}
.mslookup-subtitle li span.label {
  color: var(--neutral-60);
  margin-right: 2px;
}

.form-multipleselectiontree .buttons {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.form-multipleselectiontree .buttons button {
  width: fit-content;
}
.form-multipleselectiontree .multipleselectiontree-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.form-multipleselectiontree .multipleselectiontree-row > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.form-note table {
  border-spacing: 0 8px;
}
.form-note table thead th {
  text-align: left;
}
.form-note table tbody tr {
  vertical-align: top;
}
.form-note table tbody td {
  width: 32px;
}
.form-note table tbody td.date {
  white-space: pre;
  padding-right: 8px;
}
.form-note table tbody td.text {
  width: auto;
}
.form-note table tbody td.avatar {
  padding: 0 8px;
}
.form-note button.icon-button {
  width: 32px;
  height: 32px;
}
.form-note button.icon-button span {
  font-size: 20px;
}
.form-note .avatar > .avatar-roundel {
  width: 32px;
  height: 32px;
}
.form-note .buttons {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.form-note .buttons button {
  width: fit-content;
}
.dialog .form-notefield-dialog {
  width: 600px;
  height: unset;
}
.dialog .form-notefield-dialog textarea {
  height: 300px;
}


.form-singleselectionlist select {
  width: 100%;
  border: solid 1px rgba(0, 0, 0, 0.5);
  padding: 5px;
  margin-bottom: 2px;
}
.form-singleselectionlist .singleselectionlist-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.form-singleselectionlist .singleselectionlist-row > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}



.tree {
  max-width: 600px;
  padding: 0 0 10px 0;
}
.tree-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px;
  gap: 4px;
  background-color: #fff;
  border: 1px solid #dedede;
  margin-bottom: -1px;
  color: #222;
  box-sizing: border-box;
}
.tree-item:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tree-item:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.tree-item[data-overlay] {
  width: max-content !important;
  padding-right: 24px;
  border-radius: 6px;
  box-shadow: 0px 15px 15px 0 rgba(34, 33, 81, 0.1);
}
.tree-item[aria-hidden="true"] {
  opacity: 0.4;
}
.tree-item[aria-hidden="true"] .Handle {
  visibility: hidden;
}
.tree-item > .localized-string-editor {
  flex: 1 1 auto;
}
.tree-item-action {
  width: 24px;
  height: 24px;
}
.tree-item-action .input-icon {
  font-size: 20px;
}
.tree-item-badge {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--info-40);
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--white);
}
.tree-item-handle {
  cursor: grab;
}
.tree-item-handle .input-icon {
  font-size: 20px;
}
.tree-tools {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
}
.tree-tools .tree-undo {
  width: 32px;
  height: 32px;
}
.tree-tools .tree-undo .input-icon {
  font-size: 20px;
}

.form-userdefinedlist .buttons {
  display: flex;
  flex-direction: row;
  justify-content: start;
}
.form-userdefinedlist .buttons button {
  width: fit-content;
}

.form-workflowsearchresult div.list-container {
  max-height: 300px;
  overflow-y: auto;
}
.form-workflowsearchresult div.list-container ul.managed-list li.list-item div.list-item-div {
  padding-left: 0;
  padding-right: 0;
}


.centuri-form header.form-pagination {
  display: flex;
  flex-direction: row;
}
.centuri-form header.form-pagination .previous {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.centuri-form header.form-pagination .next {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.centuri-form header.form-pagination .pages .c-menu-button-content-vertical {
  height: 48px;
  border-radius: 0;
  min-width: 100px;
}
.centuri-form div.page {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
.centuri-form div.page column {
  display: block;
  flex: 0 0 620px;
}
.centuri-form div.page column section:first-child header.section-title.is-empty {
  display: none;
}
.centuri-form section {
  padding: 4px;
  margin-bottom: 2px;
  max-width: 620px;
}
.centuri-form section header.section-title {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 0 0 0;
  margin-bottom: 8px;
  border-bottom: solid 1px var(--primary-40);
}
.centuri-form section header.section-title h2 {
  color: var(--primary-40);
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  line-height: 28px;
  letter-spacing: 0.5px;
  flex: 1 1 auto;
}
.centuri-form section header.section-title span.input-icon.expander {
  font-size: 24px;
  color: var(--primary-40);
}
.centuri-form section header.section-title span.input-icon.expander.blank {
  color: transparent;
}
.centuri-form section header.section-title div.section-header-spacer {
  flex: 1 0 auto;
}
.centuri-form section header.section-title span.section-collapse {
  display: flex;
  width: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.centuri-form section header.section-title.is-empty {
  padding: 0;
}
.centuri-form hr.section-divider {
  border: 0;
  height: 0px;
  border-top: solid 1px var(--neutral-variant-80);
  margin: 4px 0;
}
.centuri-form fieldset {
  border: 0px;
}
.centuri-form fieldset.section-content {
  padding: 20px 16px 20px 32px;
  border-radius: 4px;
  background: var(--white);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 24px;
}
.centuri-form field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.centuri-form field > header {
  color: var(--black);
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.centuri-form field > p {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 8px;
}
.centuri-form field > p.description {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.centuri-form field > p.description:empty {
  display: none;
}
.centuri-form field > .readonly {
  padding: 9px;
  line-height: 24px;
  min-height: 58px;
}
.centuri-form field > .readonly ul {
  list-style: none;
}
.centuri-form field.form-fieldwidthfull {
  width: 588px;
}
.centuri-form field.form-fieldwidthhalf {
  width: calc(50% - 24px);
}
.centuri-form field.form-fieldwidthquarter {
  width: calc(25% - 24px);
}
.centuri-form field.form-fieldwidththird {
  width: calc(33% - 24px);
}
.centuri-form field.form-fieldwidththreefourth {
  width: calc(75% - 24px);
}
.centuri-form field.form-fieldwidthtwothird {
  width: calc(66% - 24px);
}
.centuri-form field.form-image img {
  width: 100%;
}
.centuri-form .error-icon {
  color: var(--error-40);
}
.centuri-form .validation-error {
  border-color: var(--error-40);
}
.centuri-form .validation-error:hover {
  border-color: var(--error-40);
}
.centuri-form .validation-error.outline {
  outline: solid 1px var(--error-40);
}
.small .centuri-form field > .readonly {
  padding: 9px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  min-height: unset;
}
.details-form-wrapper .centuri-form div.page {
  display: contents;
  flex-direction: row;
}
@media (max-width: 600px) {
  .centuri-form {
    max-width: 100%;
  }
}

.dialog > .dialog-content.activity-update-taskform {
  width: 680px;
}
.dialog > .dialog-content.activity-update-taskform .dialog-body .activity-container form.autoform .autoform-columns > .autoform-column {
  flex: 0 0 588px;
}
.transcript-response-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  gap: 1rem;
  border-bottom: 1px solid var(--border-color, #e0e0e0);
  background: var(--surface, #fff);
  transition: background-color 0.2s ease;
}
.transcript-response-row:hover {
  background: var(--surface-hover, #f5f5f5);
}
.transcript-response-row:last-child {
  border-bottom: none;
}
.transcript-response-row .transcript-recipient {
  flex: 1;
  font-weight: 500;
  font-size: 14px;
  color: var(--text-primary, #333);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.transcript-response-row .transcript-dropdown {
  flex: 0 0 250px;
  min-width: 250px;
}
.transcript-response-row .transcript-dropdown .c-menu-as-select {
  width: 100%;
}
.transcript-response-row .transcript-dropdown .c-menu-as-select button {
  width: 100%;
  text-align: left;
}

footer.pagination {
  flex: 0 0 50px;
  box-sizing: border-box;
  padding: 0 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-top: var(--border);
}
footer.pagination div.item-counter {
  flex: auto;
  text-align: left;
  line-height: 32px;
  padding-right: 5px;
  font-size: 12px;
  color: #616161;
}
footer.pagination button.previous,
footer.pagination button.next {
  background-color: var(--white);
}
footer.pagination button.previous:hover,
footer.pagination button.next:hover {
  background-color: var(--neutral-99);
}
footer.pagination button.previous {
  width: 32px;
  height: 32px;
}
footer.pagination button.next {
  width: 32px;
  height: 32px;
}
footer.pagination select.goto {
  border: 0;
  border-radius: 50px;
  height: 32px;
  line-height: 32px;
}
footer.pagination select.goto:hover {
  background-color: var(--neutral-99);
}

.paged-list {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.paged-list .list-container {
  flex: 1 0 100px;
  overflow-y: auto;
  overflow-x: hidden;
}
.paged-list .spinner {
  margin: 10px auto;
}
.paged-list .did-you-mean {
  color: darkGrey;
  padding-top: 20px;
  text-align: center;
}
.paged-list .pagination button.previous {
  border-radius: 50px 0 0 50px;
}
.paged-list .pagination select.goto {
  background-color: var(--white);
  border-radius: 0;
}
.paged-list .pagination button.next {
  border-radius: 0 50px 50px 0;
}

div.activities-list button.text {
  white-space: nowrap;
}
div.activities-list.activities-overflow.collapsed {
  height: 0;
  overflow: hidden;
  margin-top: 0;
  position: absolute;
  flex-direction: row;
}

.list-header {
  flex: 0 0 auto;
  height: 48px;
  width: 100%;
  gap: 8px;
  display: flex;
  flex-direction: row;
  border-bottom: var(--border);
  padding: 0 20px;
}
.list-header div.tools-left {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
}
.list-header div.tools-left div.checkbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
}
.list-header div.tools-left div.checkbox span.input-icon {
  font-variation-settings: 'FILL' 1;
  color: var(--primary-40);
}
.list-header div.tools-left div.information {
  display: flex;
  flex-direction: column;
  justify-content: center;
  white-space: pre;
  width: fit-content;
  min-width: fit-content;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.list-header div.activities-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  overflow: hidden;
}
.list-header div.activities-list .activities-loading {
  margin-left: 24px;
}
.list-header div.activities-list > div {
  display: flex;
  flex-direction: row;
}
.list-header div.tools-right {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
.list-header div.tools-right select {
  border: solid 1px #dbdbdb;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
  width: 100px;
  height: 32px;
  line-height: 32px;
  margin-top: 8px;
  padding: 0 8px;
}
@media (max-width: 600px) {
  .list-header {
    padding: 0 8px;
  }
}

.filtered-list {
  flex: 0 0 100%;
  display: flex;
  flex-direction: column;
}
.filtered-list .filter-container {
  margin: 10px 0 5px 0;
}
.register-node-content {
  display: flex;
  flex-direction: column;
  height: 606px;
}
.register-node-content .register-node-body {
  overflow-y: auto;
}
.register-node-content .register-node-actions {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 10px 20px 10px 10px;
  gap: 5px;
  border-top: solid 1px var(--neutral-80);
}

.dialog .dialog-content.activity.register-node-children {
  height: calc(100% - 80px);
}
.dialog .dialog-content.activity.register-node-children .dialog-body {
  flex: 1 0 auto;
}
.dialog .dialog-content.activity.register-node-children div.activity-container {
  display: flex;
  height: 100%;
}

.activity-header {
  margin: 0 40px;
}
.activity-header .title {
  font-style: normal;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
}
.activity-header .description {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
}

div.tabs.primary {
  cursor: default;
  border-bottom: solid 1px var(--neutral-90);
  margin-bottom: 0;
}
div.tabs.primary menu[role="tablist"] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}
div.tabs.primary menu[role="tablist"] li[role="tab"] {
  flex: 0 0 120px;
  height: 48px;
  padding: 13px 10px 0 10px;
  box-sizing: border-box;
  text-align: center;
  line-height: 21px;
  font-size: 14px;
  font-weight: 600;
  background-color: var(--neutral-99);
  color: var(--neutral-40);
}
div.tabs.primary menu[role="tablist"] li[role="tab"].selected {
  color: var(--primary-40);
}
div.tabs.primary menu[role="tablist"] li[role="tab"].selected:hover {
  background-color: var(--neutral-99-primary-40-alpha-008);
}
div.tabs.primary menu[role="tablist"] li[role="tab"].selected:active {
  background-color: var(--neutral-99-primary-40-alpha-012);
}
div.tabs.primary menu[role="tablist"] li[role="tab"].selected div.marker {
  display: block;
  position: relative;
  height: 3px;
  top: 11px;
  border-radius: 4px 4px 0 0;
  background-color: var(--primary-40);
  margin-left: auto;
  margin-right: auto;
}
div.tabs.primary menu[role="tablist"] li[role="tab"]:first-child {
  border-top-left-radius: 12px;
}
div.tabs.primary menu[role="tablist"] li[role="tab"]:last-child {
  border-top-right-radius: 12px;
}
div.tabs.primary menu[role="tablist"] li[role="tab"]:hover {
  background-color: var(--neutral-99-secondary-40-alpha-008);
}
div.tabs.primary menu[role="tablist"] li[role="tab"]:active {
  background-color: var(--neutral-99-secondary-40-alpha-012);
}
div.tabs.primary menu[role="tablist"] li[role="tab"] div.tab-text {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
div.tabs.secondary menu[role="tablist"] {
  cursor: default;
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  border-bottom: solid 1px var(--neutral-90);
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  /* For Firefox */
  scrollbar-width: none;
}
div.tabs.secondary menu[role="tablist"]::-webkit-scrollbar {
  display: none;
}
div.tabs.secondary menu[role="tablist"]::-webkit-scrollbar-thumb {
  background-color: transparent;
}
div.tabs.secondary menu[role="tablist"] li[role="menu"] {
  flex: auto;
  display: flex;
  justify-content: center;
  padding-top: 4px;
}
div.tabs.secondary menu[role="tablist"] li[role="menu"] .c-menu-button .c-menu-button-content {
  padding: 10px;
}
div.tabs.secondary menu[role="tablist"] li[role="tab"] {
  flex: auto;
  padding: 13px 10px 0 10px;
  box-sizing: border-box;
  height: 48px;
  line-height: 21px;
  color: var(--neutral-40);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
div.tabs.secondary menu[role="tablist"] li[role="tab"].selected {
  border-bottom: solid 2px var(--primary-40);
}
div.tabs.secondary menu[role="tablist"] li[role="tab"] div.tab-text {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
div.tabs.secondary div[role="tabpanel"] {
  padding: 0 16px;
}
div.tabs.secondary div[role="tabpanel"] dl dt {
  font-weight: 600;
}
div.tabs.secondary menu[role="tablist"] li[role="tab"] div.marker,
div.tabs.secondary menu[role="tablist"] li[role="menu"] div.marker {
  display: none;
}
div.tabs.secondary menu[role="tablist"] li[role="tab"].selected,
div.tabs.secondary menu[role="tablist"] li[role="menu"].selected {
  border-bottom: 0;
  color: var(--primary-40);
}
div.tabs.secondary menu[role="tablist"] li[role="tab"].selected div.marker,
div.tabs.secondary menu[role="tablist"] li[role="menu"].selected div.marker {
  display: block;
  position: relative;
  height: 3px;
  top: 11px;
  border-radius: 4px 4px 0 0;
  background-color: var(--primary-40);
  margin-left: auto;
  margin-right: auto;
}
div.tabs.secondary menu[role="tablist"] li[role="menu"].selected div.marker {
  top: 3px;
}

.readlog-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.readlog-container .readlog-title {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.readlog-container .content-filters {
  padding: 0 10px;
}
.readlog-container .indication-block {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 0 10px 15px 10px;
  width: 100%;
}
.readlog-container .indication-block .indication-container {
  padding: 10px 0;
  border-radius: 10px;
  text-align: center;
  flex: 1 0 auto;
  background-color: var(--neutral-variant-99);
  border: solid 1px var(--neutral-variant-70);
  font-size: 14px;
  font-weight: 400;
}
.dialog .dialog-content.expanded-details .readlog-container div.activities-list {
  width: auto;
}

.dialog .dialog-content.references-dialog {
  height: calc(100% - 40px);
  min-height: auto;
}
.dialog .dialog-content.references-dialog .dialog-body {
  margin-bottom: 8px;
}

.link {
  color: var(--primary-40);
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.link:hover {
  text-decoration: underline;
  cursor: pointer;
}
div.activity-container .details,
section.side-content .details {
  display: flex;
  min-width: 320px;
  max-width: 320px;
  flex-direction: column;
  border-radius: 12px 12px 0px 0px;
  border: 1px solid var(--neutral-95);
  background-color: var(--white);
  margin: 8px 0 0 0;
  flex: 1 1 auto;
  overflow: hidden;
}
div.activity-container .details .details-progress,
section.side-content .details .details-progress {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
}
div.activity-container .details .information-selected-tags li,
section.side-content .details .information-selected-tags li {
  margin: 4px 0;
}
div.activity-container .details .information-debug,
section.side-content .details .information-debug {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
div.activity-container .details .information-debug button.icon-button,
section.side-content .details .information-debug button.icon-button {
  width: 24px;
  height: 24px;
  cursor: copy;
}
div.activity-container .details .information-debug button.icon-button span,
section.side-content .details .information-debug button.icon-button span {
  font-size: 18px;
}
div.activity-container .details .details-header,
section.side-content .details .details-header {
  display: flex;
  padding: 8px 12px;
  align-items: flex-start;
  align-self: stretch;
  background: var(--white);
  width: 100%;
  height: auto;
}
div.activity-container .details .details-header .title,
section.side-content .details .details-header .title {
  display: flex;
  padding-top: 12px;
  align-items: start;
  gap: 8px;
  flex: 1 0 0;
  width: 100%;
  height: auto;
}
div.activity-container .details .details-header .title svg,
section.side-content .details .details-header .title svg {
  height: 20px;
  min-width: 24px;
}
div.activity-container .details .tabs,
section.side-content .details .tabs {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  flex: 0 0 49px;
}
div.activity-container .details .tabs::-webkit-scrollbar,
section.side-content .details .tabs::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
div.activity-container .details .tabs::-webkit-scrollbar-thumb,
section.side-content .details .tabs::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background: var(--neutral-80);
}
div.activity-container .details menu[role="tablist"] li[role="tab"],
section.side-content .details menu[role="tablist"] li[role="tab"] {
  background-color: var(--white);
}
div.activity-container .details menu[role="tablist"] li[role="tab"].selected,
section.side-content .details menu[role="tablist"] li[role="tab"].selected {
  color: var(--primary-40);
}
div.activity-container .details .details-tab-content,
section.side-content .details .details-tab-content {
  width: 100%;
  padding: 12px 16px;
  overflow-y: auto;
  flex: 1 0 100px;
}
div.activity-container .details .details-tab-content div.thumbnail,
section.side-content .details .details-tab-content div.thumbnail,
div.activity-container .details .details-tab-content div.thumbnail-hover-state,
section.side-content .details .details-tab-content div.thumbnail-hover-state {
  width: 100%;
  height: 135px;
}
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.details-tools div.autoform-section-content,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.details-tools div.autoform-section-content {
  flex-direction: column;
  gap: 4px;
}
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.details-tools div.autoform-section-content field.button,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.details-tools div.autoform-section-content field.button {
  width: 100%;
}
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.details-tools div.autoform-section-content field.button button,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.details-tools div.autoform-section-content field.button button {
  width: 100%;
}
div.activity-container .details .details-tab-content form.autoform section header.autoform-section-header h2,
section.side-content .details .details-tab-content form.autoform section header.autoform-section-header h2 {
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
div.activity-container .details .page,
section.side-content .details .page {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 200px);
}
div.activity-container .details .page img,
section.side-content .details .page img {
  display: flex;
  width: 288px;
  height: 188px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--neutral-variant-80);
}
div.activity-container .details .property,
section.side-content .details .property {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
}
div.activity-container .details field,
section.side-content .details field {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-40);
}
div.activity-container .details .sub-tabs,
section.side-content .details .sub-tabs {
  display: flex;
  width: 320px;
  padding: 16px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
div.activity-container .details .tag,
section.side-content .details .tag {
  display: flex;
  padding: 0px 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
div.activity-container .details .tag .parent-tag,
section.side-content .details .tag .parent-tag {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--black);
}
div.activity-container .details .tag .child-tag,
section.side-content .details .tag .child-tag {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-40);
}
div.activity-container .details .secrecy,
section.side-content .details .secrecy {
  padding-bottom: 20px;
  width: 100%;
}
div.activity-container .details .activity-log-container .activity-log-item,
section.side-content .details .activity-log-container .activity-log-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 0;
}
div.activity-container .details .activity-log-container .activity-log-item .logItem,
section.side-content .details .activity-log-container .activity-log-item .logItem {
  border-top: solid 1px var(--neutral-90);
}
div.activity-container .details .activity-log-container .activity-log-item .logItem .logHeader,
section.side-content .details .activity-log-container .activity-log-item .logItem .logHeader {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
}
div.activity-container .details .activity-log-container .activity-log-item table.log-table,
section.side-content .details .activity-log-container .activity-log-item table.log-table {
  width: 100%;
}
div.activity-container .details .activity-log-container .activity-log-item table.log-table th,
section.side-content .details .activity-log-container .activity-log-item table.log-table th {
  color: var(--neutral-40);
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
div.activity-container .details .activity-log-container .activity-log-item table.log-table td,
section.side-content .details .activity-log-container .activity-log-item table.log-table td {
  vertical-align: top;
  color: var(--black);
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
div.activity-container .details .activity-log-container .activity-log-item table.log-table td.no-value,
section.side-content .details .activity-log-container .activity-log-item table.log-table td.no-value {
  color: var(--neutral-70);
  font-style: italic;
}
div.activity-container .details .activity-log-container .activity-log-item table.log-table td.field-name,
section.side-content .details .activity-log-container .activity-log-item table.log-table td.field-name {
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}
div.activity-container .details .activity-log-container .activity-log-item table.log-table td span.input-icon,
section.side-content .details .activity-log-container .activity-log-item table.log-table td span.input-icon {
  font-size: 14px;
}
div.activity-container .details .activity-log-container .activity-heading,
section.side-content .details .activity-log-container .activity-heading {
  color: var(--black);
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  cursor: default;
}
div.activity-container .details .activity-log-container .message,
section.side-content .details .activity-log-container .message {
  cursor: default;
}
div.activity-container .details .activity-log-container .message .message-header,
section.side-content .details .activity-log-container .message .message-header {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
}
div.activity-container .details .activity-log-container .item-comment,
section.side-content .details .activity-log-container .item-comment {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
}
div.activity-container .details .activity-log-container .item-comment.item-comment-showing,
section.side-content .details .activity-log-container .item-comment.item-comment-showing {
  white-space: normal;
  overflow: visible;
}
div.activity-container .details .activity-log-container .log-item,
section.side-content .details .activity-log-container .log-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
div.activity-container .details .activity-log-container .log-item .link,
section.side-content .details .activity-log-container .log-item .link {
  color: var(--primary-40);
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
div.activity-container .details .activity-log-container .log-item .link:hover,
section.side-content .details .activity-log-container .log-item .link:hover {
  text-decoration: underline;
  cursor: pointer;
}
div.activity-container .details .activity-log-container .log-item .searchbar-container,
section.side-content .details .activity-log-container .log-item .searchbar-container {
  width: inherit;
  height: 30px;
  margin-top: 5px;
  margin-bottom: 10px;
}
div.activity-container .details .activity-log-container .log-item .searchbar-container button.small,
section.side-content .details .activity-log-container .log-item .searchbar-container button.small {
  height: 20px;
}
div.activity-container .details .activity-log-container .log-item .searchbar-container .material-symbols-rounded,
section.side-content .details .activity-log-container .log-item .searchbar-container .material-symbols-rounded {
  font-size: 20px;
}
div.activity-container .details .activity-log-container .log-item .result,
section.side-content .details .activity-log-container .log-item .result {
  max-height: 200px;
}
div.activity-container .details .activity-log-container .log-item .result.result-search,
section.side-content .details .activity-log-container .log-item .result.result-search {
  height: 200px;
  overflow-y: scroll;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation div.autoform-header-container:empty,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation div.autoform-header-container:empty,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation div.autoform-header-container:empty,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation div.autoform-header-container:empty,
section.side-content .details .details-tab-content form.autoform.vertical-orientation div.autoform-header-container:empty,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation div.autoform-header-container:empty {
  display: none;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section {
  padding: 6px 0;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section.top-divider,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section.top-divider,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section.top-divider,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.top-divider,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.top-divider,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.top-divider {
  border-top: solid 1px var(--neutral-90);
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section.bottom-divider,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section.bottom-divider,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section.bottom-divider,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.bottom-divider,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.bottom-divider,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section.bottom-divider {
  border-bottom: solid 1px var(--neutral-90);
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-header-container:empty,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-header-container:empty,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-header-container:empty,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-header-container:empty,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-header-container:empty,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-header-container:empty {
  display: none;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section header.autoform-section-header,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section header.autoform-section-header,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section header.autoform-section-header,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section header.autoform-section-header,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section header.autoform-section-header,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section header.autoform-section-header {
  padding-bottom: 4px;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property {
  margin: 0;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property > label,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property > label,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property > label,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property > label,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property > label,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property > label {
  justify-content: start;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card {
  border-top: 0;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card .user-wrapper .user,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card .user-wrapper .user,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card .user-wrapper .user,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card .user-wrapper .user,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card .user-wrapper .user,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card .user-wrapper .user {
  padding-top: 0;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card {
  border-top: solid 1px var(--neutral-95);
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .user-wrapper .user,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .user-wrapper .user,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .user-wrapper .user,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .user-wrapper .user,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .user-wrapper .user,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .user-wrapper .user {
  padding: 8px 0;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions {
  margin-left: 40px;
  padding: 4px 0 0 0;
  border: 0;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  cursor: unset;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li:hover,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li:hover,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li:hover,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li:hover,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li:hover,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li:hover {
  background-color: unset;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div {
  cursor: default;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div:hover,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div:hover,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div:hover,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div:hover,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div:hover,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div:hover {
  text-decoration: underline;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item {
  padding: 8px 0;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .header,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .header,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .header,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .header,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .header,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .header {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
  padding-bottom: 4px;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card {
  border: 0;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card .user-wrapper .user,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card .user-wrapper .user,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card .user-wrapper .user,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card .user-wrapper .user,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card .user-wrapper .user,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card .user-wrapper .user {
  padding: 0px 0 0 0;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more {
  color: var(--primary-40);
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more:hover,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more:hover,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more:hover,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more:hover,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more:hover,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item div.activity-show-more:hover {
  text-decoration: underline;
  cursor: pointer;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item {
  padding: 2px 0;
}
div.activity-container .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item:last-child,
section.side-content .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item:last-child,
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item:last-child,
div.activity-container .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item:last-child,
section.side-content .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item:last-child,
div.expanded-details .details .details-tab-content form.autoform.vertical-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list.user-list li.list-item:last-child {
  border-bottom: 0;
}
section.side-content .details .details-tab-content form.centuri-form section {
  margin: 0;
  border-top: solid 1px var(--neutral-90);
}
section.side-content .details .details-tab-content form.centuri-form section:first-child {
  border-top: 0;
}
section.side-content .details .details-tab-content form.centuri-form header.section-title {
  padding: 12px 0 0 0;
}
section.side-content .details .details-tab-content form.centuri-form fieldset.section-content {
  padding: 8px 0;
  gap: 16px;
}
section.side-content .details .details-tab-content form.centuri-form field.form-fieldwidthfull,
section.side-content .details .details-tab-content form.centuri-form field.form-fieldwidthhalf,
section.side-content .details .details-tab-content form.centuri-form field.form-fieldwidthquarter,
section.side-content .details .details-tab-content form.centuri-form field.form-fieldwidththird,
section.side-content .details .details-tab-content form.centuri-form field.form-fieldwidththreefourth,
section.side-content .details .details-tab-content form.centuri-form field.form-fieldwidthtwothird {
  width: 100%;
}
section.side-content .details .details-tab-content form.centuri-form field .readonly {
  padding: 0;
  min-height: auto;
}
section.side-content .details .details-tab-content form.centuri-form field .readonly:empty {
  display: none;
}
div.expanded-details .details {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
div.expanded-details .details .details-tab-content {
  overflow-y: auto;
  flex: 1 0 100px;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section {
  padding: 12px 0 12px 40px;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content {
  padding: 0;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li:first-child .user-card {
  border-top: 0;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card {
  border-top: solid 1px var(--neutral-95);
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .user-wrapper .user {
  padding: 8px 0;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions {
  padding: 4px 0 0 0;
  border: 0;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  cursor: unset;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li:hover {
  background-color: unset;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div {
  cursor: default;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .user-card .actions ul li > div:hover {
  text-decoration: underline;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item {
  flex-direction: column;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card {
  border: 0;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card .user-wrapper .user {
  padding: 8px 0 0 0;
}
div.expanded-details .details .details-tab-content form.autoform.horizontal-orientation section.autoform-section div.autoform-section-content div.autoform-property field.templatedlist ul.templated-list li .activity-log-container .activity-log-item .user-card .actions {
  height: auto;
}
div.expanded-details .details .details-tab-content form.centuri-form section {
  margin: 0;
  padding: 4px 4px 4px 40px;
  border-top: solid 1px var(--neutral-90);
}
div.expanded-details .details .details-tab-content form.centuri-form section:first-child {
  border-top: 0;
}
div.expanded-details .details .details-tab-content form.centuri-form header.section-title {
  padding: 12px 0 0 0;
}
div.expanded-details .details .details-tab-content form.centuri-form fieldset.section-content {
  padding: 8px 0;
  gap: 16px;
}
div.expanded-details .details .details-tab-content form.centuri-form field .readonly {
  padding: 0;
  min-height: auto;
}
div.expanded-details .details .details-tab-content form.centuri-form field .readonly:empty {
  display: none;
}
div.expanded-details .details .details-tab-content form.centuri-form .from {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: var(--black);
}
.dialog .dialog-content.expanded-details {
  height: calc(100% - 125px);
  min-height: auto;
}
.dialog .dialog-content.expanded-details .dialog-body {
  flex: 1 0 auto;
  flex-direction: row;
}
.dialog .dialog-content.expanded-details .dialog-body .readlog-container {
  width: 100%;
}
.dialog .dialog-content.expanded-details .filtered-list {
  flex: 1;
}
.dialog .dialog-content.expanded-details .side-content {
  display: flex;
  height: calc(100% - 125px);
  position: absolute;
  right: 0;
}
.dialog .dialog-content.expanded-details .side-content .details {
  margin: 0;
}
ul.managed-list li.list-item .container li.details {
  justify-content: inherit;
}

.ai-chat-widget {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #ffffff;
  overflow: hidden;
}
.ai-chat-widget-scrollable-content {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  padding: 20px 24px 16px;
}
@media (max-width: 768px) {
  .ai-chat-widget-scrollable-content {
    padding: 16px;
  }
}
.ai-chat-widget-greeting {
  margin-bottom: 20px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .ai-chat-widget-greeting {
    margin-bottom: 16px;
  }
}
.ai-chat-widget-greeting-title {
  margin: 0 0 6px 0;
  font-size: 17px;
  font-weight: 600;
  color: #262626;
  letter-spacing: -0.2px;
}
@media (max-width: 768px) {
  .ai-chat-widget-greeting-title {
    font-size: 16px;
  }
}
.ai-chat-widget-greeting-subtitle {
  margin: 0;
  font-size: 14px;
  color: #737373;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .ai-chat-widget-greeting-subtitle {
    font-size: 13px;
  }
}
.ai-chat-widget-questions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 20px;
  flex-shrink: 0;
  margin-top: auto;
}
@media (max-width: 768px) {
  .ai-chat-widget-questions-grid {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 16px;
  }
}
.ai-chat-widget-question-button {
  padding: 14px 16px;
  background-color: #f7f7f7;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  line-height: 1.5;
  color: #404040;
  transition: all 0.12s ease-out;
  min-height: 70px;
}
.ai-chat-widget-question-button:hover:not(:disabled) {
  background-color: #f0f0f0;
  border-color: #d4d4d4;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
}
.ai-chat-widget-question-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
@media (max-width: 768px) {
  .ai-chat-widget-question-button {
    padding: 12px 14px;
    font-size: 14px;
    min-height: 60px;
  }
  .ai-chat-widget-question-button:hover:not(:disabled) {
    transform: none;
  }
}
.ai-chat-widget-chat-messages {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}
@media (max-width: 768px) {
  .ai-chat-widget-chat-messages {
    gap: 12px;
  }
}
.ai-chat-widget-message {
  display: flex;
  flex-direction: column;
  animation: fadeIn 0.3s ease-in;
}
.ai-chat-widget-message-user {
  align-items: flex-end;
}
.ai-chat-widget-message-assistant {
  align-items: stretch;
}
.ai-chat-widget-message-bubble {
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.6;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 768px) {
  .ai-chat-widget-message-bubble {
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 10px;
  }
}
.ai-chat-widget-message-bubble-user {
  background-color: #e8e8e8;
  color: #262626;
  max-width: 75%;
  border-bottom-right-radius: 4px;
  text-align: left;
}
@media (max-width: 768px) {
  .ai-chat-widget-message-bubble-user {
    max-width: 85%;
  }
}
.ai-chat-widget-message-bubble-assistant {
  background-color: transparent;
  color: #262626;
  width: 100%;
  text-align: left;
  padding: 16px 0;
  line-height: 1.7;
}
@media (max-width: 768px) {
  .ai-chat-widget-message-bubble-assistant {
    padding: 12px 0;
    line-height: 1.6;
  }
}
.ai-chat-widget-loading {
  text-align: center;
  padding: 16px;
  color: #737373;
  font-style: italic;
  font-size: 14px;
}
@media (max-width: 768px) {
  .ai-chat-widget-loading {
    padding: 12px;
    font-size: 13px;
  }
}
.ai-chat-widget-input-wrapper {
  border-top: 1px solid #e8e8e8;
  padding: 16px 24px;
  flex-shrink: 0;
  background-color: #ffffff;
}
.ai-chat-widget-input-wrapper .autoform-section-content {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 12px;
}
.ai-chat-widget-input-wrapper .autoform-property {
  margin-bottom: 0 !important;
}
.ai-chat-widget-input-wrapper .autoform-property:first-child {
  flex: 1;
}
.ai-chat-widget-input-wrapper .autoform-property:last-child {
  flex-shrink: 0;
}
.ai-chat-widget-input-wrapper field.textarea textarea {
  height: auto !important;
}
@media (max-width: 768px) {
  .ai-chat-widget-input-wrapper {
    padding: 12px 16px;
  }
  .ai-chat-widget-input-wrapper .autoform-section-content {
    gap: 8px;
  }
}
.ai-chat-widget-send-button {
  margin: 0;
  padding: 10px 20px;
  background-color: #4b9590;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 0.2s ease;
  min-height: 38px;
  white-space: nowrap;
}
.ai-chat-widget-send-button:hover {
  background-color: #3d7a76;
}
.ai-chat-widget-send-button:active {
  background-color: #356a67;
}
@media (max-width: 768px) {
  .ai-chat-widget-send-button {
    padding: 10px 16px;
    font-size: 14px;
  }
}
.ai-chat-widget-empty-state {
  padding: 40px 24px;
  text-align: center;
}
@media (max-width: 768px) {
  .ai-chat-widget-empty-state {
    padding: 32px 16px;
  }
}
.ai-chat-widget-empty-state-title {
  color: #666;
  font-size: 16px;
  margin: 0;
}
@media (max-width: 768px) {
  .ai-chat-widget-empty-state-title {
    font-size: 15px;
  }
}
.ai-chat-widget-empty-state-subtitle {
  color: #999;
  font-size: 14px;
  margin-top: 8px;
}
@media (max-width: 768px) {
  .ai-chat-widget-empty-state-subtitle {
    font-size: 13px;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.tree {
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  list-style: none;
}
.tree ul {
  list-style: none;
}
.tree .node {
  width: 100%;
}
.tree .node .node-container.selected {
  background-color: var(--secondary-90);
}
.tree .node .node-container.selected:hover {
  background-color: var(--secondary-90-secondary-40-alpha-012);
}
.tree .node .node-container:hover {
  background: var(--secondary-40-alpha-008);
}
.tree .node .node-container:focus {
  background: var(--neutral-95);
}
.tree .node .node-container:active {
  background: var(--secondary-40-alpha-016);
}
.tree .node .node-container .node-item {
  display: flex;
  padding: 8px 0px 8px 16px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
  white-space: nowrap;
  height: 40px;
  cursor: pointer;
}
.tree .node .node-container .node-item .favorite-icon {
  display: none;
}
.tree .node .node-container .node-item:hover .favorite-icon {
  display: block;
}
.tree .node .node-container .node-item .lock {
  width: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: var(--neutral-50);
}
.tree .node .node-container .node-item .name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  overflow: hidden;
  color: var(--secondary-10);
  font-variant-numeric: lining-nums proportional-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
}
.tree .node .node-container.is-display .node-item {
  cursor: default;
}

.model-object-picker {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.model-object-picker div.process {
  width: 420px;
}
.model-object-picker div.process .node-container.selected {
  background: none;
}
.model-object-picker div.process .node-container.selected:hover {
  background: none;
}
.model-object-picker div.process .node-container .node-item .name.selected {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.model-object-picker .vertical-divider {
  display: flex;
  width: 1px;
  min-height: 463px;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  background-color: var(--neutral-90);
}
.model-object-picker header {
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #000;
  font-variant-numeric: lining-nums proportional-nums;
}
.model-object-picker .selected-model-objects {
  width: 50%;
  overflow-y: auto;
}
.model-object-picker .selected-model-objects .selected-items p {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0;
  gap: 6px;
}


.c-tree .c-roots .c-node .c-node-icon,
.c-tree .c-roots .c-node .c-node-icon-hidden {
  display: flex;
  flex-direction: column;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.c-tree .c-roots .c-node .c-node-icon:hover,
.c-tree .c-roots .c-node .c-node-icon-hidden:hover {
  background-color: var(--neutral-variant-95);
}
.c-tree .c-roots .c-node .c-node-icon-hidden:hover {
  background-color: transparent;
}
.c-tree .c-roots .c-node .input-icon {
  color: var(--primary-40);
}
.c-tree .c-roots .c-node .input-icon.invisible {
  color: transparent;
}
.c-tree .c-roots .c-node .input-icon.selected {
  font-variation-settings: 'FILL' 1;
}
.c-tree .c-roots .c-node div.two-row-label-extended {
  gap: 4px;
}
.c-tree .c-roots .c-node .c-node-children {
  margin-left: 24px;
}

.c-places-list {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.c-place {
  border-radius: 8px;
  background-color: var(--neutral-variant-90);
}
.c-place .icon-button.remove-place {
  width: 32px;
  height: 32px;
}
.c-place .icon-button.remove-place span.input-icon {
  color: var(--primary-40);
  font-size: 20px;
  font-weight: 300;
}
.c-search-results {
  margin: 8px 0;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.c-search-results .c-place {
  background-color: transparent;
  cursor: pointer;
}
.c-search-results .c-place:hover {
  background-color: var(--neutral-variant-90);
}
.c-tree .c-roots .c-node .two-row-label-extended .input-icon {
  cursor: pointer;
}




.autoform-property field.select {
  height: auto;
  min-height: 40px;
}
.autoform-property field.select select.select-simple {
  padding: 16px;
  border-radius: 4px;
  border: 1px solid var(--neutral-variant-50);
  background: var(--white);
}
.autoform-property field.select .c-menu-button-content-vertical {
  overflow: visible;
  min-height: 40px;
}
.autoform-property field.select .c-menu-button .c-menu-button-content {
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 4px;
  width: 100%;
  box-sizing: border-box;
}
.autoform-property field.select .c-menu-button .c-menu-button-content .c-menu-text-container {
  flex: 1;
  min-width: 0;
  max-width: 100%;
}
.autoform-property field.select .c-menu-as-select.error {
  border-color: var(--error-40);
}
.autoform-property field.select .c-menu-as-select.error .c-menu-icon-2 {
  color: var(--error-40);
}
.c-menu-as-select.autoform {
  max-height: 400px;
  height: auto;
}
.c-menu-as-select.autoform.small .c-menu-button-content .c-menu-text {
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.4;
}


.dialog-content.activity-tag-picker .dialog-body field.tagpicker .tag-picker {
  height: calc(100vh - 348px);
  min-height: 265px;
}
.tag-picker {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.tag-picker > div.places {
  width: 50%;
  overflow-y: auto;
}
.tag-picker > div.places div.places-filters {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.tag-picker > div.places .node-container.selected {
  background: none;
}
.tag-picker > div.places .node-container.selected:hover {
  background: none;
}
.tag-picker > div.places .node-container .node-item .name.selected {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.tag-picker > .divider {
  display: flex;
  width: 1px;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  background-color: var(--neutral-90);
}
.tag-picker > div.selected-tags {
  width: 50%;
  overflow-y: auto;
  padding-right: 8px;
}
.tag-picker > div.selected-tags .selected-items {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0;
  gap: 6px;
}
@media (max-width: 600px) {
  .tag-picker {
    flex-direction: column-reverse;
  }
  .tag-picker div.places {
    width: 100%;
  }
  .tag-picker .divider {
    width: 100%;
    height: 1px;
  }
  .tag-picker div.selected-tags {
    width: 100%;
  }
}

.autoform-property field.text {
  padding: 9px;
}

:root {
  --popupBackground: #efefef;
  --popupBorder: rgba(0, 0, 0, 0.35);
}
div.popup-wrapper {
  position: absolute;
  background-color: var(--popupBackground);
  border-radius: 6px;
  display: block;
  box-shadow: var(--standard-boxshadow);
  z-index: 99;
  border: solid 1px var(--popupBorder);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
/* tip */
div.popup-wrapper-tip::after {
  z-index: 10;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 0;
  box-sizing: border-box;
  border: 5px solid var(--popupBackground);
  border-color: transparent transparent var(--popupBackground) var(--popupBackground);
  transform-origin: 0 0;
}
div.popup-wrapper-tip::before {
  z-index: -99;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 0;
  box-sizing: border-box;
  border: 6px solid var(--popupBorder);
  border-color: transparent transparent var(--popupBorder) var(--popupBorder);
  transform-origin: 0 0;
}
/* tip position */
div.popup-wrapper-tip.on-right::before {
  top: calc(var(--popupTipPosition, calc(50% - 5px)) - 2px);
  left: 0px;
  transform: rotate(45deg);
}
div.popup-wrapper-tip.on-right::after {
  top: var(--popupTipPosition, calc(50% - 5px));
  left: 0px;
  transform: rotate(45deg);
}
div.popup-wrapper-tip.on-left::before {
  top: calc(var(--popupTipPosition, calc(50% - 5px)) + 2px);
  right: -12px;
  transform: rotate(225deg);
}
div.popup-wrapper-tip.on-left::after {
  top: var(--popupTipPosition, calc(50% - 5px));
  right: -10px;
  transform: rotate(225deg);
}
div.popup-wrapper-tip.above::before {
  bottom: -12px;
  left: calc(var(--popupTipPosition, calc(55% - 5px)) - 2px);
  transform: rotate(315deg);
}
div.popup-wrapper-tip.above::after {
  bottom: -10px;
  left: var(--popupTipPosition, calc(50% - 5px));
  transform: rotate(315deg);
}
div.popup-wrapper-tip.below::before {
  top: 0px;
  left: calc(var(--popupTipPosition, calc(55% - 5px)) + 1.75px);
  transform: rotate(135deg);
}
div.popup-wrapper-tip.below::after {
  top: 0px;
  left: var(--popupTipPosition, calc(55% - 5px));
  transform: rotate(135deg);
}

.autoform-property field.user .autoform-user {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.list-item-generic {
  flex: 1 0 100px;
  box-sizing: border-box;
}
.list-item-generic.do-hover:hover {
  background-color: var(--neutral-90);
}
.list-item-generic ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.list-item-generic li.row-box {
  flex: 1 0 auto;
}

.searchbar-container {
  display: flex;
  width: 500px;
  height: 40px;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: var(--white);
  border-radius: 20px;
  border: 1px solid var(--neutral-variant-80);
}
.searchbar-container div.c-search-container {
  width: 100%;
  border: 0;
  border-radius: 0 20px 20px 0;
}
.searchbar-container div.c-search-container div.input-container {
  border: 0;
  border-radius: 0 20px 20px 0;
}
.searchbar-container .layer {
  display: flex;
  padding: 4px 8px 4px 8px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
}
.searchbar-container .layer:active {
  background: var(--secondary-40-alpha-008);
}
.searchbar-container .custom-input {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  background-color: transparent;
  border: none;
  outline: none;
}
.searchbar-container .custom-input:active {
  background: var(--secondary-40-alpha-008);
}
.searchbar-containerdiv.c-menu-button-content {
  padding: 0;
}
.searchbar-containerdiv.c-menu-button-content:hover {
  background-color: transparent;
}
.searchbar-containerdiv.c-menu-button-content .c-menu-icon {
  font-size: 24px;
}
.searchbar-container .action-bar-footer {
  display: flex;
  width: 520px;
  padding: 16px;
  justify-content: end;
  gap: 16px;
  align-self: stretch;
}
.searchbar-container .button-group {
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 8px;
}
.searchbar-container .advanced-active {
  background-color: var(--warning-90);
}
.dialog .advanced-search {
  width: 500px;
}
.dialog .advanced-search .search-tabs {
  margin-bottom: 10px;
}
.dialog .advanced-search .search-text-filters {
  overflow-y: auto;
}
.c-search-floating.global-search-bar {
  border-radius: 20px;
  border-top-left-radius: 0;
}
.c-search-floating.global-search-bar div.input-container {
  border-width: 0px;
  border-top-left-radius: 0;
}

.assistant-overview .job {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.assistant-overview .job-steps {
  display: flex;
  flex-direction: row;
  gap: 8px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.assistant-overview .job-status,
.assistant-overview .job-step-status {
  width: 30px;
}
.assistant-overview .job-title {
  padding-top: 1px;
  flex: 1 1 auto;
}
.assistant-overview .job-created {
  padding-top: 1px;
  flex: 0 0 160px;
}
.assistant-overview .job-tools {
  flex: 0 0 90px;
}
.assistant-overview .job-tools .input-icon {
  cursor: pointer;
}
.assistant-overview .job-step-status {
  font-size: 20px;
}
.assistant-overview li.list-item:first-child .job:first-child {
  padding-top: 0;
}
.assistant-overview li.list-item:last-child {
  border-bottom: 0;
}

.dialog .dialog-content.user-settings-dialog {
  width: 500px;
}
.dialog .dialog-content.user-settings-dialog section:first-child {
  padding-top: 0px;
}
.dialog .dialog-content.user-settings-dialog section.default-views div.horizontal-property label {
  max-width: 150px;
  width: 150px;
}
.dialog .dialog-content.user-settings-dialog section.default-views div.horizontal-property field.select {
  flex: 1 0 auto;
}

.dialog .dialog-content.changePassword {
  width: 450px;
}
.dialog .dialog-content.changePassword section:first-child {
  padding-top: 0px;
}

.dialog .dialog-content.changeSignature {
  width: 450px;
}
.dialog .dialog-content.changeSignature section:first-child {
  padding-top: 0px;
}
.dialog .dialog-content.changeSignature field.link {
  display: flex;
  justify-content: flex-end;
}
.dialog .dialog-content.changeSignature field.link:hover {
  text-decoration: none;
}
.dialog .dialog-content.changeSignature field.link a,
.dialog .dialog-content.changeSignature field.link a:hover {
  text-decoration: none;
}

.avatar-header .avatar > .avatar-roundel {
  width: 32px;
  height: 32px;
}


.header-top {
  display: flex;
  height: 64px;
  padding: 12px 16px;
  align-items: center;
  flex-shrink: 0;
  z-index: 10;
  max-width: 1840px;
}
.header-top .logo-text {
  display: flex;
  width: 80px;
  height: 40px;
  align-items: center;
  flex-shrink: 0;
  fill: var(--logo-color);
  cursor: pointer;
}
.header-top .header-search-container {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.header-top .header-mobile-spacer {
  flex: 0 0 0px;
}
.header-top .header-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}
.header-top .header-buttons .icon-button.badge.notifications {
  width: 40px;
  height: 40px;
}
.header-top.impersonation {
  background-color: var(--logo-color);
}
.header-top.impersonation .logo-text svg {
  fill: var(--white);
}
.header-top.impersonation .header-buttons .icon-button.standard {
  color: var(--white);
  font-variation-settings: 'FILL' 1;
}
.header-top.impersonation .header-buttons .icon-button.standard:hover {
  background-color: var(--neutral-10);
}
.header-top.impersonation .header-buttons .icon-button .icon-container .material-symbols-rounded {
  color: var(--white);
}
.header-top.impersonation .header-buttons .icon-button .icon-container .material-symbols-rounded:hover {
  background-color: var(--neutral-10);
}
@media (max-width: 600px) {
  .header-top .header-search-container {
    display: none;
  }
  .header-top .header-mobile-spacer {
    flex: 1 0 auto;
  }
}

nav.rail div.module-bar {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
nav.rail div.module-bar button.new-button > menu.new-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  list-style: none;
  background-color: var(--white);
  border-radius: 8px;
  position: absolute;
  z-index: var(--layer-index-menu);
  min-width: 178px;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  box-shadow: var(--standard-boxshadow);
}
nav.rail div.module-bar button.new-button > menu.new-menu li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
nav.rail div.module-bar button.new-button > menu.new-menu li a {
  display: flex;
  flex-direction: row;
  height: 48px;
  padding: 4px 24px 4px 16px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 16px;
}
nav.rail div.module-bar button.new-button > menu.new-menu li:hover {
  background-color: var(--secondary-40-alpha-008);
}
nav.rail div.module-bar > menu .module {
  min-width: 56px;
  max-width: 80px;
  height: 56px;
  min-height: 56px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8px;
  margin-bottom: 8px;
  color: var(--neutral-10);
  text-align: center;
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  cursor: pointer;
}
nav.rail div.module-bar > menu .module .icon-wrapper-alpha {
  background-color: transparent;
  border-radius: 12px;
  border: 0;
  max-width: 56px;
  width: 56px;
}
nav.rail div.module-bar > menu .module .icon-wrapper {
  cursor: pointer;
  max-width: 56px;
  width: 56px;
  border-radius: 12px;
  border: 0;
  color: var(--neutral-variant-30);
}
nav.rail div.module-bar > menu .module .icon-wrapper svg.icon {
  cursor: pointer;
  width: 24px;
  margin-bottom: 3px;
  fill: var(--neutral-variant-30);
}
nav.rail div.module-bar > menu .module .icon-wrapper .input-icon {
  cursor: pointer;
}
nav.rail div.module-bar > menu .module .icon {
  margin-top: 4px;
  margin-bottom: 6px;
}
nav.rail div.module-bar > menu .module .icon.more-menu-icon {
  margin: 0;
}
nav.rail div.module-bar > menu .module a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--black);
}
nav.rail div.module-bar > menu .module a.active {
  color: var(--secondary-10);
  font-weight: 600;
}
nav.rail div.module-bar > menu .module.developer-module .icon-wrapper {
  color: var(--neutral-70);
}
nav.rail div.module-bar > menu .module.active .icon-wrapper {
  background-color: var(--secondary-90);
}
nav.rail div.module-bar > menu .module:hover .icon-wrapper-alpha,
nav.rail div.module-bar > menu .module.active:hover .icon-wrapper-alpha {
  background-color: var(--secondary-90);
}
nav.rail div.module-bar > menu .module .text-wrapper {
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
}
nav.rail div.module-bar > menu .module-spacer {
  flex: 1 0 auto;
}
nav.rail div.module-bar > menu:first-child {
  padding-top: 16px;
}
nav.rail div.module-bar .new-menu-popup {
  z-index: 10;
}
@media (max-width: 600px) {
  nav.rail div.module-bar {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-top: 1px solid var(--neutral-80);
  }
  nav.rail div.module-bar menu .module {
    margin-left: 8px;
    margin-right: 8px;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0px 20px;
    max-width: auto;
    white-space: nowrap;
    text-align: center;
  }
  nav.rail div.module-bar menu .module-spacer {
    display: none;
  }
  nav.rail div.module-bar menu li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
  }
  nav.rail nav.rail div.module-bar > menu .module .more-menu {
    display: flex;
    min-width: 178px;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    margin: 0px;
    top: 100%;
    right: 0;
    z-index: var(--layer-index-menu);
    border-radius: 8px;
    background-color: var(--white);
    box-shadow: var(--standard-boxshadow);
  }
  nav.rail nav.rail div.module-bar > menu .module .more-menu li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }
  nav.rail nav.rail div.module-bar > menu .module .more-menu li a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-self: stretch;
    gap: 12px;
    color: var(--neutral-10);
    background-color: orange;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  nav.rail nav.rail div.module-bar > menu .module .more-menu li a svg {
    height: 24px;
    width: 24px;
  }
  nav.rail nav.rail div.module-bar > menu .module .more-menu li:hover {
    background-color: var(--secondary-40-alpha-008);
  }
  .state-layer-more-menu {
    display: flex;
    height: 48px;
    padding: 8px 12px;
    align-items: center;
    align-self: stretch;
  }
}

.new-menu .item {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

nav.rail .more-menu-popup {
  z-index: 10;
}
nav.rail .more-menu-popup svg {
  fill: var(--white);
}
nav.rail .more-menu {
  display: flex;
  min-width: 178px;
  flex-direction: column;
  align-items: flex-start;
  z-index: var(--layer-index-menu);
  border-radius: 8px;
  background-color: var(--white);
  box-shadow: var(--standard-boxshadow);
}
nav.rail .more-menu li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
nav.rail .more-menu li .state-layer-more-menu {
  display: flex;
  height: 48px;
  padding: 8px 12px;
  align-items: center;
  align-self: stretch;
}
nav.rail .more-menu li a {
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-self: stretch;
  gap: 12px;
  color: var(--neutral-10);
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
nav.rail .more-menu li a svg {
  height: 24px;
  width: 24px;
}
nav.rail .more-menu li:hover {
  background-color: var(--secondary-40-alpha-008);
}

nav.rail .help-menu-popup {
  z-index: 10;
}
nav.rail .help-menu-popup svg {
  fill: var(--white);
}
nav.rail .help-menu {
  display: flex;
  min-width: 280px;
  max-width: 280px;
  flex-direction: column;
  align-items: flex-start;
  z-index: var(--layer-index-menu);
  border-radius: 8px;
  background-color: var(--white);
  box-shadow: var(--standard-boxshadow);
}
nav.rail .help-menu li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
nav.rail .help-menu li h5 {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
nav.rail .help-menu li p {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
nav.rail .help-menu li a {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--primary-40);
}
nav.rail .help-menu li .state-layer-help-menu {
  display: flex;
  flex-direction: column;
  padding: 8px 12px;
  align-items: start;
  align-self: stretch;
  gap: 1em;
}
nav.rail .help-menu li a {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-self: stretch;
  gap: 12px;
  color: var(--primary-40);
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
nav.rail .help-menu li a svg {
  height: 24px;
  width: 24px;
}
nav.rail .help-menu li a:hover {
  background-color: var(--secondary-40-alpha-008);
}
nav.rail .help-menu li.divider {
  padding: unset;
  background: transparent;
  border-top: solid 1px var(--neutral-80);
  width: 100%;
}
nav.rail .version-label {
  width: 100%;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  color: var(--neutral-40);
  text-align: center;
}

nav.rail {
  background-color: transparent;
}
nav.rail .input-icon {
  cursor: pointer;
}
nav.rail .new-menu-popup svg {
  fill: var(--white);
}
nav.rail .new-menu {
  top: 80px;
  left: 80px;
  display: flex;
  flex-direction: column;
  width: 178px;
  padding: 8px 0px;
  align-items: flex-start;
  border-radius: 12px;
  background: var(--white);
  box-shadow: var(--standard-boxshadow);
}
nav.rail .new-menu li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex: 1 0 0;
  cursor: default;
}
nav.rail .new-menu li span {
  display: flex;
  height: 48px;
  padding: 8px 12px;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
nav.rail .new-menu li.item:hover {
  background-color: var(--secondary-40-alpha-008);
}
nav.rail .new-menu .divider {
  padding: unset;
  background: transparent;
  border-top: solid 1px var(--neutral-80);
  width: 100%;
}
@media (max-width: 600px) {
  .centuri section {
    position: relative;
  }
  .centuri section nav.rail {
    background-color: var(--white);
  }
}

.stepper {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  overflow-x: auto;
  min-height: 40px;
  height: 40px;
  padding-bottom: 5px;
  scrollbar-color: var(--neutral-95) transparent;
}
.stepper:hover {
  scrollbar-color: var(--neutral-80) transparent;
}
.stepper .connector {
  height: 1px;
  flex: 1 0 10px;
  background: var(--neutral-60);
}
.stepper .step {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: fit-content;
}
.stepper .step .step-number {
  display: flex;
  width: 24px;
  max-width: 24px;
  height: 24px;
  padding: 0px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  background: var(--neutral-60);
  color: var(--white);
  font-style: normal;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
.stepper .step.current .step-number {
  background-color: var(--tertiary-40);
}
.stepper .step .step-content {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.stepper .step .step-content .step-title {
  color: var(--Black);
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.stepper .step .step-content .step-subtitle {
  color: var(--neutral-40);
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.wizard-progress {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
}
.wizard-finalize .activity ul {
  padding: 8px 0;
  list-style: none;
}
.wizard-finalize .activity ul li.activity-finalize-link {
  cursor: default;
  color: var(--primary-40);
  padding: 4px 0;
}
.wizard-finalize .activity ul li.activity-finalize-link:hover {
  text-decoration: underline;
}

.activity-progress {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
}
.progress-message ul {
  list-style: none;
}
.progress-message ul li {
  display: flex;
  justify-content: center;
  justify-items: center;
}
.progress-message .progress-icon {
  margin-right: 5px;
}
.dialog-content.activity div.tool-bar {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px var(--neutral-80);
  padding: 4px 24px;
}
.dialog-content.activity div.tool-bar header.form-pagination {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: -4px;
}
.dialog-content.activity div.tool-bar header.form-pagination .form-pagination-horz {
  display: flex;
  flex-direction: row;
  gap: 0px;
}
.dialog-content.activity div.tool-bar header.form-pagination button.previous,
.dialog-content.activity div.tool-bar header.form-pagination button.next {
  width: 32px;
  height: 32px;
}
.dialog-content.activity div.tool-bar header.form-pagination div.c-menu-button.pages {
  height: 32px;
}
.dialog-content.activity div.tool-bar header.form-pagination div.c-menu-button.pages .c-menu-button-content {
  padding: 3px 12px 3px 12px;
}
.dialog-content.activity div.tool-bar header.form-pagination div.c-menu-button.pages .c-menu-button-content .c-menu-expand {
  width: 16px;
}
.dialog-content.activity div.tool-bar header.form-pagination div.c-menu-button.pages .c-menu-button-content span.c-menu-text {
  line-height: 24px;
}
.dialog-content.activity div.tool-bar div.activities-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
  overflow: hidden;
}
.dialog-content.activity div.tool-bar div.details-button {
  flex: 0 0 40px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 32px;
  height: 32px;
}
.dialog-content.activity div.tool-bar div.print-button {
  flex: 0 0 40px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 32px;
  height: 32px;
}
.dialog-content.activity .dialog-body {
  overflow-y: auto;
  flex-direction: column;
  padding: 0;
}
.dialog-content.activity .dialog-body form.centuri-form div.page column > section {
  border: 0;
  padding: 0;
}
.dialog-content.activity .dialog-body form.centuri-form div.page column > section:last-child {
  border-bottom: 0;
}
.dialog-content.activity .dialog-body form.centuri-form div.page column > section fieldset.section-content {
  padding: 20px 16px;
}
.dialog-content.activity .dialog-body form.autoform {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dialog-content.activity .dialog-body form.autoform .autoform-section {
  padding: 0;
}
.dialog-content.activity .dialog-body form.autoform .activity-form-fixed {
  position: sticky;
  top: 0px;
  background-color: var(--white);
  z-index: 1;
}
.dialog-content.activity .dialog-body form.autoform .activity-form-scroll {
  overflow-y: auto;
}
.dialog-content.activity div.activity-container {
  overflow: auto;
  padding: 0 40px;
}
.dialog-content.activity div.activity-container form {
  flex: 1 1 auto;
}
.dialog-content.activity div.activity-container .activity.small {
  width: 100%;
}
.dialog-content.activity div.activity-container section.details.in-activity {
  position: absolute;
  background-color: var(--white);
  border: solid 1px var(--neutral-70);
  border-right: 0;
  border-radius: 12px 0 0 12px;
  box-shadow: var(--standard-boxshadow);
  width: 300px;
  right: 0;
  display: flex;
  flex-direction: column;
}
.dialog-content.activity div.activity-container section.details.in-activity .details-header {
  display: none;
}
.dialog-content.activity div.activity-container section.details.in-activity .details-tab-content {
  padding: 16px;
  margin-bottom: 8px;
  flex: 1 1 auto;
  overflow: auto;
}
.dialog-content.activity div.activity-container section.details.in-activity field {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-40);
}
.dialog-content.activity div.activity-container field.textarea textarea {
  height: 10em;
}
.dialog-content.activity div.activity-container .print-page-header {
  display: none;
}
@media print {
  .dialog-content.activity div.activity-container span.section-collapse {
    display: none;
    visibility: hidden;
  }
  @page {
    /* top | right | bottom | left */
    margin: 20px 20px 40px 20px;
    @top-center {
      content: '';
    }
  }
}
.dialog-content.activity.wizard div.stepper-container {
  padding: 0 40px;
}
.dialog-content.activity.wizard div.stepper {
  margin-bottom: 16px;
}
.dialog-content.form-edit .dialog-body {
  padding: 0px;
}
.dialog-content.form-edit .dialog-body div.activity-container {
  margin-top: 0px;
  padding: 8px 40px 0 40px;
}
@media (max-width: 600px) {
  .dialog-content.form-edit .dialog-body div.activity-container {
    padding: 8px 10px 0 10px;
  }
  .dialog-content.activity .dialog-body form.centuri-form div.page column {
    flex: unset;
  }
  .dialog-content.activity.wizard .dialog-actions .icon-button {
    width: 32px;
    height: 32px;
  }
}

.popup-handler.select-files .dialog-body {
  overflow: unset;
}
div.selectfiles-dz-container {
  min-height: 100px;
  max-height: 300px;
  overflow-y: auto;
  border: solid 1px var(--primary-40);
  border-radius: 4px;
  background-color: var(--white);
  padding: 8px;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
div.selectfiles-dz-container div.spacer {
  height: 20px;
}
div.selectfiles-dz-container ul.selectfiles-list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
div.selectfiles-dz-container div.drag-text {
  position: relative;
}
.file-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  background-color: var(--secondary-80);
  border-radius: 4px;
}
.file-container .file-name {
  width: 100%;
  padding: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.file-container .file-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-container .file-remove {
  display: flex;
  flex-direction: column;
  padding: 4px;
  justify-content: center;
  align-items: center;
}
.file-container .file-remove .input-icon {
  font-size: 20px;
  color: var(--secondary-70);
}
.file-container .file-remove:hover .input-icon {
  color: var(--secondary-40);
}

.dialog .dialog-content.popup-handler {
  width: 450px;
  min-height: 200px;
}
.dialog .dialog-content.popup-handler .content {
  text-align: center;
}
.dialog .dialog-content.popup-handler .content .icon .info {
  color: var(--info-40);
}
.dialog .dialog-content.popup-handler .content .icon .error {
  color: var(--error-40);
}
.dialog .dialog-content.popup-handler .content .icon .warning {
  color: var(--warning-40);
}
.dialog .dialog-content.popup-handler .content .wait-for-load {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dialog .dialog-content.popup-handler .content .title {
  font-size: 24px;
  line-height: 32px;
  margin-top: 10px;
}
.dialog .dialog-content.popup-handler .content .message {
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 5px 0;
  white-space: pre-line;
}
.dialog .dialog-content.popup-handler .content .details {
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 5px 0;
  white-space: pre-line;
  font-style: italic;
}
.dialog .dialog-content.popup-handler.dialog-medium {
  width: 600px;
}
.dialog .dialog-content.popup-handler.dialog-wide {
  width: 900px;
}
.image-preview {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  overflow: auto;
}
.image-preview .image-close {
  width: 100%;
  position: fixed;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 8px 8px 0 0;
}
.image-preview .image-close .icon-button.filled {
  background-color: var(--white);
  color: var(--black);
}
.image-preview .image-close .icon-button.filledhover {
  background-color: var(--primary-40);
  color: var(--white);
}
.image-preview .image-preview-container {
  margin: 0 auto;
  max-width: 100%;
  padding-top: 56px;
}
.image-preview .image-preview-container img {
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 600px) {
  .dialog .dialog-content.popup-handler {
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: unset;
  }
}

* {
  font-family: 'Segoe UI', 'SF Pro', sans-serif;
}
.overline {
  font-style: normal;
  font-size: 16px;
  font-weight: 350;
  line-height: 24px;
  font-variant: all-small-caps;
  letter-spacing: 1px;
}
div.alert-handler {
  position: absolute;
  bottom: 0;
  left: 90px;
}
div.alert-handler div.alert {
  display: flex;
  flex-direction: row;
  width: 320px;
  padding: 8px 16px;
  margin-bottom: 10px;
  background-color: var(--secondary-80);
  border-radius: 4px;
}
div.alert-handler div.alert div.icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  width: 36px;
}
div.alert-handler div.alert div.icon span.input-icon {
  font-variation-settings: 'FILL' 1;
  font-size: 24px;
}
div.alert-handler div.alert div.two-row-label .title {
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
div.alert-handler div.alert div.two-row-label .subtitle {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
div.alert-handler div.alert div.close span.input-icon {
  font-size: 20px;
  color: var(--secondary-70);
  cursor: default;
}
div.alert-handler div.alert div.close:hover span.input-icon {
  color: var(--secondary-10);
}
div.alert-handler div.alert.error {
  background-color: var(--error-90);
}
div.alert-handler div.alert.error div.icon span.input-icon {
  color: var(--error-40);
}
div.alert-handler div.alert.error div.two-row-label .title {
  color: var(--error-10);
}
div.alert-handler div.alert.error div.two-row-label .subtitle {
  color: var(--error-10);
}
div.alert-handler div.alert.warning {
  background-color: var(--warning-90);
}
div.alert-handler div.alert.warning div.icon span.input-icon {
  color: var(--warning-40);
}
div.alert-handler div.alert.warning div.two-row-label .title {
  color: var(--warning-10);
}
div.alert-handler div.alert.warning div.two-row-label .subtitle {
  color: var(--warning-10);
}
div.alert-handler div.alert.info {
  background-color: var(--info-90);
}
div.alert-handler div.alert.info div.icon span.input-icon {
  color: var(--info-40);
}
div.alert-handler div.alert.info div.two-row-label .title {
  color: var(--info-10);
}
div.alert-handler div.alert.info div.two-row-label .subtitle {
  color: var(--info-10);
}
div.alert-handler div.alert.success {
  background-color: var(--success-90);
}
div.alert-handler div.alert.success div.icon span.input-icon {
  color: var(--success-40);
}
div.alert-handler div.alert.success div.two-row-label .title {
  color: var(--success-10);
}
div.alert-handler div.alert.success div.two-row-label .subtitle {
  color: var(--success-10);
}

.dialog .dialog-content.globalNotification {
  width: 450px;
  min-height: unset !important;
}
.dialog .dialog-content.globalNotification section:first-child {
  padding-top: 0px;
  text-align: center;
}
.dialog .dialog-header .input-icon {
  color: #E57410;
}
.dialog .dialog-buttons .button-wrapper .icon-wrapper span {
  background-color: unset !important;
  color: unset !important;
}

.login {
  border: 0;
  background-color: transparent;
}
.login .autoform-section-content {
  background-color: transparent;
}
.login button {
  width: 100%;
}
.login field.link {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.login field.link:hover {
  text-decoration: none;
}
.login .forgot-password {
  flex: 0 1 fit-content;
}
.login field.select select {
  padding: 16px;
  border-radius: 4px;
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  width: 100%;
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
  background-position: 100%;
  background-repeat: no-repeat;
}
.login .autoform-property.login-button-section {
  margin-top: 24px;
}
.autoform-section.recover header.autoform-section-header h2 {
  font-style: normal;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}
.autoform-section.recover p.autoform-section-description {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.autoform-section.recover-buttons button {
  width: 100%;
}
.autoform-section.recover-sending field.text {
  width: 100%;
  text-align: center;
}

.centuri section main .content-tabs {
  margin: 10px 10px 0px 10px;
}
.centuri section main .content-tabs div.tabs.primary menu[role="tablist"] li[role="tab"] {
  cursor: pointer;
}
.centuri section main .content-filters {
  padding: 16px 10px 8px 10px;
}
.centuri section main .admin-list-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  padding: 48px 0;
}
@media (max-width: 600px) {
  .centuri section main .content-filters {
    padding: 4px 10px 4px 10px;
    padding: 0;
  }
}

div.dialog-content.export-dialog {
  width: 400px;
  min-height: auto;
}
menu.c-menu.export-view-menu {
  min-width: 100px;
  max-width: 130px;
}

.error-container .error-header {
  font-style: normal;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.error-container .error-output {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  white-space: preserve;
}
.error-code {
  font-size: 9px;
  color: var(--neutral-variant-30);
}

nav.drawer {
  background-color: var(--white);
  border: 0;
  border-top: 1px solid var(--neutral-95);
  border-right: 1px solid var(--neutral-95);
  border-top-right-radius: 12px;
}
nav.drawer header {
  padding: 24px 16px 12px;
  font-weight: 600;
  background-color: transparent;
}
nav.drawer menu {
  list-style: none;
}
nav.drawer menu li {
  padding: 10px 24px;
}
nav.drawer menu li a {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  color: var(--neutral-10);
}
nav.drawer menu li a:visited {
  color: #1A1A1A;
}
nav.drawer menu li.active {
  color: var(--secondary-10);
  background-color: var(--secondary-90);
}
nav.drawer menu li:hover {
  background-color: var(--secondary-40-alpha-008);
}
nav.drawer menu li.active:hover {
  background-color: var(--secondary-90-secondary-40-alpha-012);
}
nav.drawer menu li.active:focus {
  background-color: var(--secondary-90-secondary-40-alpha-016);
}
nav.drawer hr {
  height: 0;
  border: 0;
  border-top: 1px solid #DBDBDB;
}

.centuri > section > nav.drawer {
  display: flex;
  flex-direction: column;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.centuri > section > nav.drawer .shortcuts-header {
  position: sticky;
  top: 0;
  background-color: var(--white);
  z-index: var(--layer-index-above-scroll);
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;
}
.centuri > section > nav.drawer .shortcuts-header header {
  flex: 1 0 auto;
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 8px;
}
.centuri > section > nav.drawer .shortcuts-header button.icon-button {
  padding-top: 16px;
  margin-right: 8px;
}
.centuri > section > nav.drawer .places-header,
.centuri > section > nav.drawer .process-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  padding-right: 24px;
  background-color: var(--white);
}
.centuri > section > nav.drawer .places-header header,
.centuri > section > nav.drawer .process-header header {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--neutral-10);
  font-variant-numeric: lining-nums proportional-nums;
  padding-top: 8px;
  padding-bottom: 8px;
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.centuri > section > nav.drawer .places-filters {
  display: flex;
  padding: 4px 4px 4px 8px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
}
.centuri > section > nav.drawer .places-filters div.c-search-container.full-width {
  width: 380px;
}
.centuri > section > nav.drawer .places-header {
  position: sticky;
  top: 56px;
}
.centuri > section > nav.drawer .places-filters {
  position: sticky;
  top: 100px;
  height: 42px;
}
.centuri > section > nav.drawer .process-header {
  position: sticky;
  top: 100px;
}
.centuri > section > nav.drawer .resize-handle {
  border: none;
  border-top: solid 1px var(--neutral-80);
  height: 4px;
  min-height: 4px;
  background: transparent;
  cursor: ns-resize;
}
.centuri > section > nav.drawer .resize-handle.dragging {
  transition: none;
}
.centuri > section .drag-bar {
  cursor: ew-resize;
  min-width: 12px;
  width: 12px;
  background-color: transparent;
}
.centuri > section .drag-bar.dragging {
  background-color: rgba(0, 0, 0, 0.05);
}
.centuri > section > main {
  background-color: var(--white);
  border: solid 1px var(--neutral-95);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  height: calc(100vh - 72px);
  min-height: calc(100vh - 72px);
  max-height: calc(100vh - 72px);
  display: flex;
  flex-direction: column;
}
.centuri > section > main > header {
  flex: 0 0 auto;
  z-index: 5;
  margin-top: 16px;
  padding: 4px 0 4px 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.centuri > section > main > header div.view-title {
  flex: 0 0 auto;
  font-style: normal;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  padding-right: 12px;
  border-right: solid 1px var(--neutral-80);
}
.centuri > section > main > header div.view-title.no-filter {
  border-right: 0;
}
.centuri > section > main > header .view-workunit-filter {
  width: 200px;
}
.centuri > section > main > header .view-workunit-filter .c-menu-button-content span.c-menu-text {
  text-align: left;
}
.centuri > section > main section.bottom {
  flex: 0 0 50px;
}
.centuri > section > main div.not-implemented {
  flex: 0 0 48px;
  line-height: 48px;
  padding: 0 24px;
  background: repeating-linear-gradient(135deg, #ececec, #ececec 10px, #ffffff 10px, #ffffff 20px);
}
div.c-search-floating {
  width: 296px;
}
div.c-search-floating .input-container input[type="search"] {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 600px) {
  .centuri section div.drag-bar {
    display: none;
  }
  .centuri section main {
    background-color: var(--white);
    border: transparent;
    border-radius: 0;
  }
  .centuri section main header {
    padding: 4px 8px;
    z-index: 0;
  }
  .centuri section main header button.icon-button {
    width: 32px;
    height: 32px;
  }
  .centuri section main header button.icon-button.rotate {
    transform: rotate(90deg);
  }
  .centuri section main section.content-tabs {
    margin: 10px 0 0 0;
  }
  .centuri section main section.content-tabs div.tabs.primary {
    overflow-x: auto;
    scrollbar-color: var(--neutral-90) transparent;
  }
  .centuri section main section.content-tabs div.tabs.primary::-webkit-scrollbar {
    background-color: transparent;
  }
  .centuri section main section.content-tabs div.tabs.primary menu[role="tablist"] {
    padding: 0 24px;
  }
  .centuri section main section.content-tabs div.tabs.primary menu[role="tablist"] li[role="tab"] {
    flex: 1 0 fit-content;
    min-width: 84px;
    padding-left: 16px;
    padding-right: 16px;
    background-color: transparent;
  }
  .centuri section main section.content-tabs div.tabs.primary menu[role="tablist"] li[role="tab"].selected {
    color: var(--primary-40);
  }
  .centuri section main div.paged-list footer.pagination select.goto {
    display: none;
  }
}

.centuri > section > main.developer-showcase {
  padding: 30px;
}
.centuri > section > main.developer-showcase .comment {
  color: var(--neutral-70);
  font-size: 12px;
  margin-left: 20px;
}
.centuri > section > main.developer-showcase .comment.not-done {
  color: var(--warning-70);
}
.centuri > section > main.autoform-showcase {
  padding: 30px;
}
.centuri > section > main.autoform-showcase div.button-bar {
  margin-bottom: 10px;
}
.centuri > section > main.form-showcase {
  padding: 30px;
}
.centuri > section > main.form-showcase div.button-bar {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.centuri > section > main.form-showcase div.unsaved-changes {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.centuri > section > main.form-showcase div.unsaved-changes .input-icon {
  font-size: 18px;
}
.centuri > section > main.html-showcase {
  padding: 30px;
}
.centuri > section > main.html-showcase h3 {
  padding: 8px 0 4px 0;
}
.centuri > section > main.html-showcase .c-texteditor-editor h1,
.centuri > section > main.html-showcase .c-texteditor-editor h2,
.centuri > section > main.html-showcase .c-texteditor-editor h3 {
  padding: 0;
}
.centuri > section > main.html-showcase div.button-bar {
  margin-bottom: 10px;
}
.centuri > section > main.html-showcase header.elements-header {
  color: var(--black);
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.centuri > section > main.html-showcase div.element-title {
  color: var(--neutral-70);
  font-size: 14px;
  margin-bottom: 10px;
}
.centuri > section > main.html-showcase div.element {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: solid 1px var(--neutral-70);
}
.centuri > section > main.html-showcase div.in-a-row {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.centuri > section > main.html-showcase .date-time-picker-element {
  width: 250px;
}
.centuri > section > main.html-showcase section {
  margin-bottom: 20px;
}
.centuri > section > main.html-showcase div.small-container {
  position: relative;
  width: 120px;
  height: 50px;
}
.centuri > section > main.html-showcase div.small-box {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--neutral-80);
}
.centuri > section > main.html-showcase ul.color-showcase {
  list-style: none;
}
.centuri > section > main.html-showcase ul.color-showcase li {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
}
.centuri > section > main.html-showcase div.color-preview {
  width: 40px;
  height: 30px;
  border: solid 2px var(--black);
  border-radius: 4px;
  margin: 2px 0;
}
.icon-showcase li {
  display: flex;
  justify-content: space-between;
  width: 200px;
  margin: 1px 0;
}
.icon-showcase .svg-icon {
  height: 24px;
  width: 24px;
}
.icon-showcase .svg-icon.remove {
  fill: none;
  stroke: none;
}
.icon-showcase .svg-icon.remove .circle {
  fill: var(--black);
}
.icon-showcase .svg-icon.remove .cross {
  fill: var(--white);
}
.icon-showcase svg {
  border: solid 1px red;
}
section.image-list {
  width: 700px;
}

.userpicker-item {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: flex-start;
  align-items: center;
}
.userpicker-item:hover {
  background-color: var(--neutral-variant-99);
}

.debug .centuri-form fieldset {
  background: repeating-linear-gradient(135deg, rgba(255, 0, 0, 0.2), rgba(255, 0, 0, 0.2) 32px, transparent 32px, transparent 64px);
}

.switches {
  display: flex;
  flex-direction: row;
  gap: 4px;
  margin-bottom: 10px;
}
.cmenu-example-element {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  border-radius: 4px;
  cursor: default;
}
.cmenu-example-element:hover {
  background-color: var(--tertiary-95);
}

ul.shortcut-tree {
  margin-left: 0;
}
ul.shortcut-tree li.shortcut-tree-node div.shortcut-tree-item {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
ul.shortcut-tree li.shortcut-tree-node div.shortcut-tree-item.selected {
  background-color: var(--secondary-90);
}
ul.shortcut-tree li.shortcut-tree-node div.shortcut-tree-item.selected:hover {
  background-color: var(--secondary-90-secondary-40-alpha-012);
}
ul.shortcut-tree li.shortcut-tree-node div.empty-expander {
  display: inline-block;
  width: 24px;
  flex: 0 0 24px;
}

.shortcuts .shortcut {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.shortcuts .shortcut .title {
  flex: 1 0;
}
.shortcuts .shortcut .badge {
  display: flex;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  color: var(--white);
  background-color: var(--tertiary-40);
  width: 22px;
  height: 22px;
  font-style: normal;
  font-size: 10px;
  font-weight: 600;
}
.shortcuts .shortcut .remove-icon {
  display: none;
  margin-right: 4px;
  cursor: pointer;
  font-size: 21px;
  font-weight: 300;
}
.shortcuts .shortcut:hover .remove-icon {
  display: inline-flex;
}

.workarea-new,
.jobtitle-new {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.user-details form.autoform field.templatedlist ul.templated-list li.empty-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  padding: 8px 0 8px 16px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-30);
}
.c-search-floating .rolegroup-list-item.c-search-item .icon-button.remove-membership,
.rolegroup-list-item .icon-button.remove-membership {
  width: 32px;
  height: 32px;
}
.c-search-floating .rolegroup-list-item.c-search-item .icon-button.remove-membership span.input-icon,
.rolegroup-list-item .icon-button.remove-membership span.input-icon {
  color: var(--primary-40);
  font-size: 20px;
  font-weight: 300;
}
.c-search-floating .rolegroup-list-item.c-search-item span.input-icon,
.rolegroup-list-item span.input-icon {
  color: var(--warning-40);
}
.c-search-floating .rolegroup-list-item.c-search-item span.input-icon.selected,
.rolegroup-list-item span.input-icon.selected {
  color: var(--primary-40);
}
.c-search-floating .usergroup-list-item.c-search-item .icon-button.remove-membership,
.usergroup-list-item .icon-button.remove-membership {
  width: 32px;
  height: 32px;
}
.c-search-floating .usergroup-list-item.c-search-item .icon-button.remove-membership span.input-icon,
.usergroup-list-item .icon-button.remove-membership span.input-icon {
  color: var(--primary-40);
  font-size: 20px;
  font-weight: 300;
}
.c-search-floating .usergroup-list-item.c-search-item span.input-icon,
.usergroup-list-item span.input-icon {
  color: var(--info-40);
}
.c-search-floating .usergroup-list-item.c-search-item span.input-icon.selected,
.usergroup-list-item span.input-icon.selected {
  color: var(--primary-40);
}
.c-search-floating .workunit-list-item.c-search-item .icon-button.remove-membership,
.workunit-list-item .icon-button.remove-membership {
  width: 32px;
  height: 32px;
}
.c-search-floating .workunit-list-item.c-search-item .icon-button.remove-membership span.input-icon,
.workunit-list-item .icon-button.remove-membership span.input-icon {
  color: var(--primary-40);
  font-size: 20px;
  font-weight: 300;
}
.c-search-floating .workunit-list-item.c-search-item span.input-icon,
.workunit-list-item span.input-icon {
  color: var(--primary-40);
}
.c-search-floating .workunit-list-item.c-search-item span.input-icon.selected,
.workunit-list-item span.input-icon.selected {
  color: var(--primary-40);
}
.c-search-floating .genericgroup-list-item.c-search-item .icon-button.remove-membership,
.genericgroup-list-item .icon-button.remove-membership {
  width: 32px;
  height: 32px;
}
.c-search-floating .genericgroup-list-item.c-search-item .icon-button.remove-membership span.input-icon,
.genericgroup-list-item .icon-button.remove-membership span.input-icon {
  color: var(--primary-40);
  font-size: 20px;
  font-weight: 300;
}
.c-search-floating .genericgroup-list-item.c-search-item span.input-icon,
.genericgroup-list-item span.input-icon {
  color: var(--neutral-40);
}
.c-search-floating .genericgroup-list-item.c-search-item span.input-icon.selected,
.genericgroup-list-item span.input-icon.selected {
  color: var(--primary-40);
}
.folder-list-item span.input-icon {
  color: var(--neutral-40);
}
.folder-list-item span.input-icon.selected {
  color: var(--primary-40);
}
.folder-list-item .icon-button.remove-folder {
  width: 32px;
  height: 32px;
}
.folder-list-item .icon-button.remove-folder span.input-icon {
  color: var(--primary-40);
  font-size: 20px;
  font-weight: 300;
}

.autoform-property.role-type-badge field.text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid transparent;
  font-style: normal;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
.autoform-property.role-type-badge field.text::before {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-variation-settings: 'FILL' 1;
}
.autoform-property.role-type-badge field.text > div {
  display: flex;
  align-items: center;
  flex: 1;
}
.autoform-property.role-type-badge.role-type-viewer field.text {
  background: var(--secondary-90);
  border-color: var(--secondary-40);
  color: var(--secondary-40);
}
.autoform-property.role-type-badge.role-type-viewer field.text::before {
  content: 'visibility';
}
.autoform-property.role-type-badge.role-type-editor field.text {
  background: var(--primary-90);
  border-color: var(--primary-40);
  color: var(--primary-40);
}
.autoform-property.role-type-badge.role-type-editor field.text::before {
  content: 'edit';
}
.autoform-property.role-type-badge.role-type-admin field.text {
  background: var(--tertiary-90);
  border-color: var(--tertiary-40);
  color: var(--tertiary-40);
}
.autoform-property.role-type-badge.role-type-admin field.text::before {
  content: 'admin_panel_settings';
}
.autoform-property.role-type-badge.role-type-service field.text {
  background: var(--info-90);
  border-color: var(--info-40);
  color: var(--info-40);
}
.autoform-property.role-type-badge.role-type-service field.text::before {
  content: 'settings_suggest';
}
.autoform-property.role-type-badge.role-type-no-access field.text {
  background: var(--error-90);
  border-color: var(--error-40);
  color: var(--error-40);
}
.autoform-property.role-type-badge.role-type-no-access field.text::before {
  content: 'block';
}
.autoform-property.role-type-badge.role-type-system field.text {
  background: var(--warning-90);
  border-color: var(--warning-40);
  color: var(--warning-40);
}
.autoform-property.role-type-badge.role-type-system field.text::before {
  content: 'security';
}
.autoform-property.role-type-badge.role-type-default field.text {
  background: var(--neutral-90, #e0e0e0);
}
.autoform-property.role-type-badge.role-type-default field.text::before {
  content: 'badge';
}
.role-edit-dialog .autoform-columns > .autoform-column,
.role-edit-dialog .autoform-columns > [class*="autoform-column-"] {
  min-width: 0;
}
.role-edit-dialog .autoform-property.horizontal-property.truncate-label {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}
.role-edit-dialog .autoform-property.horizontal-property.truncate-label > label {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
}
.role-edit-dialog .autoform-property.horizontal-property.truncate-label > label > span {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.widget-filter-selector {
  height: calc(100% - 40px);
  min-height: auto;
}
.widget-filter-selector .dialog-body {
  flex: 1 0 auto;
}
.dialog-content.activity-width-columns field.tagpicker .tag-picker {
  width: 640px;
  height: calc(100vh - 360px);
  min-height: 400px;
}
.chat-widget-document-row {
  gap: 8px;
}
@media (max-width: 990px) {
  .dialog-content.activity-width-columns field.tagpicker .tag-picker {
    width: 100%;
  }
}

.centuri > section > nav.drawer.admin div.admin-top-tools {
  padding: 0 16px 8px 16px;
}
.centuri > section > nav.drawer.admin div.admin-top-tools button {
  width: 100%;
}
.version-badge {
  border-top: solid 1px var(--neutral-80);
  text-align: center;
  font-style: normal;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  padding-top: 8px;
}
.version-badge.admin {
  margin: 32px 16px 16px 16px;
}

.exception-stacktrace .templatedlist {
  max-height: 500px;
  overflow: auto;
}
.exception-stacktrace .templatedlist ul.templated-list {
  padding: 4px;
  border: solid 1px var(--neutral-70);
  border-radius: 4px;
}
.exception-stacktrace .templatedlist ul.templated-list li.list-item {
  border-bottom: 0;
}
.exception-trace {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 4px 0;
  border-bottom: solid 1px var(--neutral-90);
}
.exception-trace .exception-method {
  white-space: nowrap;
}
.exception-trace .exception-external-method {
  white-space: nowrap;
  font-style: italic;
  color: var(--neutral-40);
}
.exception-trace .exception-where {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.exception-trace .exception-file {
  color: var(--neutral-40);
}
.exception-trace .exception-line {
  color: var(--warning-40);
}

.dialog .expanded-systemlog {
  min-height: 200px;
}
.dialog .expanded-systemlog .dialog-body form.autoform .autoform-section {
  border-bottom: solid 1px var(--neutral-90);
}
.dialog .expanded-systemlog .dialog-body form.autoform .autoform-section:last-child {
  border-bottom: 0;
}
.dialog .expanded-systemlog .dialog-body form.autoform .autoform-section header {
  margin-bottom: 8px;
}
.dialog .expanded-systemlog .dialog-body form.autoform .autoform-property field {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.to-clipboard {
  width: 24px;
  height: 24px;
}
.to-clipboard .input-icon {
  width: 18px;
  height: 18px;
  font-size: 16px;
}
div.json-wrapper {
  height: 200px;
  overflow: auto;
  border: 1px solid var(--primary-40);
  border-radius: 4px;
  background-color: var(--white);
}
div.json-wrapper:focus-within {
  outline: auto;
}
div.json-wrapper pre {
  color: black;
}
div.json-wrapper pre span {
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}
div.json-wrapper textarea {
  outline: none;
  caret-color: black;
}




.visual-editor {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.visual-editor .display-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.visual-editor .display-item .row {
  display: flex;
  flex-direction: row;
  gap: 4px;
  border-radius: 4px;
  border: solid 2px var(--secondary-80);
  padding: 4px;
}
.visual-editor .display-item .row .row-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 4px;
  flex: 1 1 auto;
}
.visual-editor .display-item .row .row-content .cell {
  display: flex;
  flex-direction: row;
  gap: 4px;
  border-radius: 4px;
  border: solid 2px var(--neutral-80);
  padding: 4px;
}
.visual-editor .display-item .row .row-content .cell .cell-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.visual-editor .display-item .row .row-content .cell .cell-content .cell-top {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: space-between;
}
.visual-editor .display-item .row .row-content .cell .cell-content .cell-top .cell-tools {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-end;
}
.visual-editor .display-item .row .row-content .cell .cell-content .cell-pname {
  padding-right: 8px;
}
.visual-editor .drag-handle {
  font-size: 18px;
  width: 18px;
  height: 18px;
  cursor: move;
}
.visual-editor .row-properties,
.visual-editor .cell-properties,
.visual-editor .row-edit,
.visual-editor .cell-edit {
  width: 18px;
  height: 18px;
  font-size: 16px;
  border-radius: 100px;
  cursor: pointer;
}
.visual-editor .row-properties:hover,
.visual-editor .cell-properties:hover,
.visual-editor .row-edit:hover,
.visual-editor .cell-edit:hover {
  background-color: rgba(0, 0, 0, 0.24);
}

.centuri > section > main.viewdefinitions-wrapper {
  padding: 30px;
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinitions-list {
  list-style: none;
  border-bottom: solid 1px var(--neutral-90);
  height: 300px;
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-header,
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-item {
  display: flex;
  flex-direction: row;
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-header .title,
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-item .title {
  flex: 1 0 auto;
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-header .typename,
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-item .typename {
  flex: 0 0 200px;
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-header .configs,
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-item .configs {
  flex: 0 0 200px;
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-header .route,
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-item .route {
  flex: 0 0 100px;
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-header .active,
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-item .active {
  flex: 0 0 50px;
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-header .active span,
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-item .active span {
  font-size: 18px;
  font-variation-settings: 'FILL' 1;
  color: var(--primary-40);
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-header {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 3px;
  border-bottom: solid 1px var(--neutral-90);
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-item {
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 3px;
}
.centuri > section > main.viewdefinitions-wrapper .viewdefinition-item.selected {
  background-color: var(--neutral-95);
}
.centuri > section > main.viewdefinitions-wrapper .codeeditor .editor-wrapper {
  height: 450px;
}
.autoform-section.editor {
  padding-bottom: 0px;
}
.autoform-section.list {
  padding-bottom: 0px;
}
.autoform-section.buttons {
  padding-top: 0px;
}
.autoform-section.buttons .autoform-section-content {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: right;
  align-items: center;
}

.viewdefinitiontest-wrapper .paged-list .list-container .managed-list .list-item .list-item-div .container .flex-list-item ul {
  list-style: none;
}
.viewdefinitiontest-wrapper .paged-list .list-container .managed-list .list-item .list-item-div .container .flex-list-item div.component-separator {
  border-bottom: solid 1px black;
  padding: 10px 50px 0 50px;
  margin-bottom: 10px;
}

.centuri > section > main.modules-wrapper {
  padding: 30px;
}

/* styles common to all modules lives in framework/components/layout/module/module.less */

.count-widget {
  width: 220px;
  height: 170px;
  flex-direction: column;
  gap: 20px;
  cursor: pointer;
}
.count-widget .count {
  text-align: center;
  font-size: 70px;
  font-weight: bold;
  line-height: 80px;
  margin-top: 20px;
}
.count-widget .name {
  text-align: center;
  font-size: 14px;
}

.widget-header {
  border-bottom: 1px solid var(--neutral-90);
  margin: 20px 10px 10px 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.widget-header.can-navigate:hover {
  text-decoration: underline;
  cursor: pointer;
}
.widget-header .name {
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin-left: 10px;
}
.widget-header .badge {
  display: flex;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  color: var(--white);
  background-color: var(--tertiary-40);
  min-width: 24px;
  height: 24px;
  font-size: 10px;
  font-weight: 600;
  margin: 0 7px 2px 0;
}

.list-widget {
  background-color: var(--neutral-99);
  min-height: 150px;
  width: 360px;
}
.list-widget .templated-list .list-item .container {
  padding-right: 16px;
}
.list-widget .show-more {
  margin: 20px 20px 20px 20px;
  color: darkGrey;
  text-align: center;
  font-style: italic;
}

.shortcut-widget {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 8px 6px 8px 12px;
}
.shortcut-widget:hover {
  text-decoration: underline;
}
.shortcut-widget .name {
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.shortcut-widget .badge {
  display: flex;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  color: var(--white);
  background-color: var(--tertiary-40);
  width: 24px;
  height: 24px;
  font-style: normal;
  font-size: 10px;
  font-weight: 600;
}

.dialog-content.chat-widget-dialog {
  width: 700px;
  min-height: 100px;
  max-height: 90vh;
}
.dialog-content.chat-widget-dialog .dialog-header > .input-icon {
  font-size: 24px;
  color: var(--centuri-primary, #4b9590);
}
.dialog-content.chat-widget-dialog .dialog-body {
  padding: 0;
  overflow: hidden;
  border-radius: 12px;
}
@media (max-width: 768px) {
  .dialog-content.chat-widget-dialog {
    width: 100%;
    max-height: 100vh;
    height: 100vh;
    border-radius: 0;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .dialog-content.chat-widget-dialog {
    width: 90%;
    max-height: 85vh;
  }
}
.chat-widget-sources {
  padding: 8px 16px;
  border-top: 1px solid var(--neutral-90);
}
.chat-widget-sources .chat-widget-sources-title {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-bottom: 6px;
  color: var(--neutral-40);
  font-size: 12px;
}
.chat-widget-sources .chat-widget-sources-title .input-icon {
  font-size: 14px;
}
.chat-widget-sources .chat-widget-sources-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  align-items: center;
  line-height: 18px;
  max-height: calc(10 * 18px + 9 * 4px);
  overflow-y: auto;
}
.chat-widget-sources .chat-widget-source-link {
  font-size: 12px;
  color: var(--primary-40);
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
}
.chat-widget-sources .chat-widget-source-link:hover {
  text-decoration: underline;
}
.chat-widget-sources .chat-widget-source-more {
  font-size: 12px;
  color: var(--neutral-40);
  cursor: pointer;
  font-weight: 600;
}
.chat-widget-sources .chat-widget-source-more:hover {
  color: var(--primary-40);
}

.chat-widget-card {
  width: 160px;
  min-height: 120px;
  padding: 16px;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  display: flex;
  flex-direction: column;
}
.chat-widget-card:hover {
  border-color: var(--centuri-primary, #4b9590);
  box-shadow: 0 4px 12px rgba(75, 149, 144, 0.15);
  transform: translateY(-2px);
}
@media (max-width: 768px) {
  .chat-widget-card {
    width: 100%;
    max-width: 160px;
    padding: 14px;
  }
  .chat-widget-card:hover {
    transform: none;
  }
}
.chat-widget-card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
.chat-widget-card-icon {
  flex-shrink: 0;
  margin-bottom: 4px;
}
.chat-widget-card-icon .input-icon {
  font-size: 24px;
  color: var(--centuri-primary, #4b9590);
}
.chat-widget-card-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--neutral-10, #262626);
  line-height: 1.3;
}
.chat-widget-card-description {
  font-size: 12px;
  color: var(--neutral-40, #737373);
  line-height: 1.4;
}

.token-widget {
  width: 220px;
  height: auto;
  flex-direction: column;
  gap: 20px;
}
.token-widget .count {
  text-align: center;
  font-size: 70px;
  font-weight: bold;
  line-height: 80px;
  margin-top: 20px;
}
.token-widget .name {
  text-align: center;
  font-size: 14px;
}

.chart-dialog.dialog-content .dialog-header,
.chart-dialog.dialog-content .empty-dialog-header {
  display: none;
}
.chart-dialog.dialog-content .dialog-body {
  padding-top: 0;
  overflow: hidden;
}
.trend-chart-widget {
  width: 100%;
  background-color: var(--white);
  padding: 0;
}
.trend-chart-widget .trend-chart-widget-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: move;
}
.trend-chart-widget .trend-chart-widget-header .widget-header {
  flex: 1;
}
.trend-chart-widget .trend-chart-widget-body {
  display: flex;
  flex-direction: column;
}
.trend-chart-widget .trend-chart-widget-toolbar {
  display: flex;
  gap: 12px;
}
.trend-chart-widget .trend-chart-toggle {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: var(--neutral-30);
  cursor: pointer;
  user-select: none;
}
.trend-chart-widget .trend-chart-toggle input[type='checkbox'] {
  accent-color: var(--primary-40);
  cursor: pointer;
}
.trend-chart-widget .trend-chart-widget-filters {
  padding: 4px 0;
}
.trend-chart-widget .trend-chart-widget-bucket-select {
  padding: 4px 8px;
  font-size: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  color: #333;
  cursor: pointer;
}
.trend-chart-widget .trend-chart-widget-bucket-select:focus {
  outline: none;
  border-color: #66BB6A;
}
.trend-chart-widget .trend-chart-widget-container {
  width: 100%;
  min-height: 300px;
}
.trend-chart-widget .trend-chart-widget-updated {
  font-size: 11px;
  color: var(--neutral-60);
  padding: 4px 8px 0;
}

.chart-widget-tile {
  flex: 0 0 auto;
  width: 200px;
  height: 160px;
  background-color: var(--neutral-96);
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
  overflow: hidden;
  transition: box-shadow 0.15s ease;
  display: flex;
  flex-direction: column;
}
.chart-widget-tile:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.chart-widget-tile:focus-visible {
  outline: 2px solid var(--primary-40);
  outline-offset: 2px;
}
.chart-widget-tile .chart-widget-tile-name {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chart-widget-tile .chart-widget-tile-chart {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
  pointer-events: none;
}
.chart-widget-tile .chart-widget-tile-chart .chart-widget-tile-chart-inner {
  width: 800px;
  min-height: 300px;
  transform: scale(0.22);
  transform-origin: 0 0;
}
.chart-widget-tile .chart-widget-tile-chart .chart-widget-tile-chart-inner .graf-zoom-slider {
  display: none;
}

.global-notification-widget {
  background-color: var(--neutral-99);
  min-height: 150px;
  width: 360px;
}
.global-notification-widget .global-notification-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.global-notification-widget .global-notification-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 20px;
  border-bottom: 1px solid var(--neutral-variant-90);
  cursor: pointer;
}
.global-notification-widget .global-notification-item:hover {
  background-color: var(--neutral-95);
}
.global-notification-widget .global-notification-item:last-child {
  border-bottom: none;
}
.global-notification-widget .global-notification-item .global-notification-icon {
  flex-shrink: 0;
  margin-top: 2px;
}
.global-notification-widget .global-notification-item .global-notification-icon.info {
  color: var(--info-50);
}
.global-notification-widget .global-notification-item .global-notification-icon.alert {
  color: #E57410;
}
.global-notification-widget .global-notification-item .global-notification-content {
  flex: 1;
  min-width: 0;
}
.global-notification-widget .global-notification-item .subject {
  margin: 0 0 4px 0;
}
.global-notification-widget .global-notification-item .subject,
.global-notification-widget .global-notification-item .body {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-notification-widget .global-notification-item .body {
  margin: 0;
}

.centuri .home {
  background-color: inherit;
  border: none;
  max-width: none;
  scrollbar-width: none;
}
.centuri .home .frame {
  border-radius: 12px;
  border: 1px solid #eff1f0;
}
.centuri .home .frame .green {
  background-color: var(--success-60);
}
.centuri .home .frame .yellow {
  background-color: rgba(255, 142, 56, 0.7);
}
.centuri .home .frame .red {
  background-color: rgba(222, 55, 48, 0.8);
}
.centuri .home .home-header {
  background-color: var(--neutral-99);
  max-width: 1747px;
  padding: 20px;
}
.centuri .home .home-header h1 {
  margin: auto;
  font-style: normal;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
@media (max-width: 768px) {
  .centuri .home .home-header {
    padding: 16px;
  }
}
.centuri .home .widgets {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 1747px;
  align-items: flex-start;
  justify-content: left;
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .centuri .home .widgets {
    padding: 10px;
    gap: 12px;
    margin-top: 12px;
    margin-bottom: 60px;
  }
}
.centuri .home .count-widgets {
  background-color: var(--neutral-99);
  padding: 0px 20px 20px 20px;
}
.centuri .home .count-widgets .count-widget-list {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 700px;
}
@media (max-width: 768px) {
  .centuri .home .count-widgets .count-widget-list {
    gap: 12px;
  }
}
.centuri .home .count-widgets .chat-widget-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 160px);
  gap: 20px;
  max-width: 540px;
}
@media (max-width: 768px) {
  .centuri .home .count-widgets .chat-widget-list {
    grid-template-columns: 1fr;
    max-width: 100%;
    gap: 12px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .centuri .home .count-widgets .chat-widget-list {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .centuri .home .count-widgets {
    padding: 0px 10px 12px 10px;
  }
}
.centuri .home .chart-widgets {
  background-color: var(--neutral-99);
  padding: 0px 20px 20px 20px;
}
.centuri .home .chart-widgets .chart-widget-list {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
  max-width: 700px;
}
.centuri .home .statistics-widgets {
  max-width: 900px;
  background-color: var(--neutral-99);
  height: 200px;
  flex: 1 0 auto;
  min-width: 400px;
}
@media (max-width: 768px) {
  .centuri .home .statistics-widgets {
    min-width: 100%;
    height: 160px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .centuri .home .statistics-widgets {
    min-width: 300px;
    height: 180px;
  }
}
.centuri .home .shortcut-widgets {
  background-color: var(--neutral-99);
  padding: 0px 20px 20px 20px;
  width: 360px;
}
.centuri .home .shortcut-widgets .shortcut-widget-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 400px;
}
@media (max-width: 768px) {
  .centuri .home .shortcut-widgets {
    padding: 0px 10px 12px 10px;
  }
}
.centuri .home .token-widgets {
  background-color: var(--neutral-99);
  padding: 0px 20px 20px 20px;
}
.centuri .home .token-widgets .count-widget-list {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 700px;
}
@media (max-width: 768px) {
  .centuri .home .token-widgets .count-widget-list {
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .centuri .home .token-widgets {
    padding: 0px 10px 12px 10px;
  }
}
.centuri .chart-dialog .trend-chart-widget {
  max-width: none;
  width: 800px;
  border: none;
}

/* styles common to all modules lives in framework/components/layout/module/module.less */
.centuri > section .trees {
  overflow-y: auto;
}

/* styles common to all modules lives in framework/components/layout/module/module.less */
.centuri > section > nav.drawer.todo menu.shortcuts {
  flex-basis: auto;
  max-height: unset;
}

/* styles common to all modules lives in framework/components/layout/module/module.less */
.centuri > section > nav.drawer.todo menu.shortcuts {
  flex-basis: auto;
  max-height: unset;
}


.centuri > section > main.portal {
  border-radius: 0;
  width: 100%;
  max-width: unset;
}
.centuri > section > main.portal iframe {
  height: 100%;
  border: 0;
}

/* styles common to all modules lives in framework/components/layout/module/module.less */

/* styles common to all modules lives in framework/components/layout/module/module.less */
.centuri > section nav.drawer.register .registers-header {
  padding: 24px 16px 12px;
  font-weight: 600;
}

main.reports ul.templated-list {
  margin-top: 16px;
}
main.reports ul.templated-list li.list-item div.report-item {
  padding: 8px 0 0 20px;
}
main.reports ul.templated-list li.list-item div.report-item div.two-row-label div.title,
main.reports ul.templated-list li.list-item div.report-item div.two-row-label-extended div.title {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
div.dialog-content.report-details {
  width: 450px;
  height: auto;
  max-height: 700px;
  min-height: auto;
}
div.dialog-content.report-details div.dialog-body form.autoform.vertical-orientation {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
div.dialog-content.report-details div.dialog-body form.autoform.vertical-orientation section {
  padding: 0;
}
div.dialog-content.report-details div.dialog-body form.autoform.vertical-orientation section.autoform-section.horizontal div.autoform-section-content {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
div.dialog-content.report-details div.dialog-body form.autoform.vertical-orientation section.autoform-section.horizontal div.autoform-section-content div.autoform-property {
  flex: 1 0 auto;
}
div.dialog-content.report-details div.dialog-body form.autoform.vertical-orientation div.autoform-property.from-date field.datetime button.icon-button,
div.dialog-content.report-details div.dialog-body form.autoform.vertical-orientation div.autoform-property.to-date field.datetime button.icon-button {
  width: 32px;
  height: 32px;
}
div.dialog-content.report-details div.dialog-body form.autoform.vertical-orientation div.autoform-property.from-date field.datetime button.icon-button span.input-icon,
div.dialog-content.report-details div.dialog-body form.autoform.vertical-orientation div.autoform-property.to-date field.datetime button.icon-button span.input-icon {
  font-size: 20px;
}

.centuri section.side-content .risk {
  margin: 8px 0 0 0;
  border-radius: 12px 0px 0px 12px;
  background-color: var(--white);
}
.centuri section.risk-matrix .matrix-header {
  display: flex;
  padding: 8px 12px;
  align-items: flex-start;
  align-self: stretch;
  background: var(--white);
  width: 100%;
  height: auto;
}
.centuri section.risk-matrix .matrix-header .title {
  display: flex;
  padding-top: 12px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  width: 100%;
  height: auto;
}
.centuri section.risk-matrix .matrix-header .title svg {
  height: 20px;
}
.centuri section.risk-matrix .matrixHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 359px;
  height: 50px;
  border-bottom: 2px solid lightgrey;
  margin: 14px;
  padding: 14px;
}
.centuri section.risk-matrix .matrixTitle {
  font-size: 16px;
  font-weight: 600;
  color: #191c1c;
  width: 80px;
  height: 21px;
  flex: 1;
}
.centuri section.risk-matrix .material-symbols-rounded {
  padding: 10px;
}
.centuri section.risk-matrix .matrix-container {
  text-align: center;
}
.centuri section.risk-matrix .border {
  height: 1px;
  background: lightgrey;
  margin: 8px;
}
.centuri section.risk-matrix .matrix {
  border-collapse: separate;
  margin: 0 auto 10px auto;
  border-spacing: 4px;
  width: 314px;
  height: 229px;
}
.centuri section.risk-matrix .matrix td {
  width: 48px;
  height: 31.56px;
  line-height: 16px;
  letter-spacing: 0px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.centuri section.risk-matrix .matrix .left-header {
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  text-align: center;
  border: 0px;
  vertical-align: bottom;
  padding: 0 0 0 4px;
}
.centuri section.risk-matrix .matrix .bottom-header {
  text-align: center;
  border: 0px;
  padding: 2px 0 0 0;
}
.centuri section.risk-matrix .matrix .matrixCount {
  font-size: 10px;
  text-align: right;
  padding: 5px;
  width: 0%;
}
.centuri section.risk-matrix .matrix .consequenceCount {
  font-size: 10px;
  vertical-align: baseline;
  height: 0%;
}
.centuri section.risk-matrix .matrix .high {
  font-size: 8px;
  font-weight: 400;
  color: #444747;
  width: 16px;
  height: 14px;
}
.centuri section.risk-matrix .matrix .low {
  font-size: 8px;
  font-weight: 400;
  color: #444747;
  width: 13px;
  height: 14px;
}
.centuri section.risk-matrix .matrix .consequence {
  font-size: 10px;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  text-align: center;
  border: 0;
  vertical-align: bottom;
  font-weight: 400;
  color: #2d3130;
  width: 10px;
}
.centuri section.risk-matrix .matrix .probability {
  font-size: 10px;
  text-align: center;
  font-weight: 400;
  color: #2d3130;
  vertical-align: baseline;
}
.centuri section.risk-matrix .matrix .hide {
  border: 0px;
  width: 10px;
}
.centuri section.risk-matrix .matrix .pdca-green {
  border-radius: 1px;
  background: rgba(56, 161, 105, 0.7);
  color: var(--success-20);
  box-shadow: 0px 0px 8px 0px rgba(56, 136, 85, 0.7) inset;
}
.centuri section.risk-matrix .matrix .pdca-green.highlight {
  color: white;
  background: var(--success-60);
  box-shadow: 0px 0px 5px 0px #005230B2;
  border: solid var(--success-30) 1px;
}
.centuri section.risk-matrix .matrix .pdca-yellow {
  border-radius: 1px;
  background: rgba(255, 142, 56, 0.7);
  color: var(--warning-20);
  box-shadow: 0px 0px 8px 0px rgba(225, 114, 16, 0.7) inset;
}
.centuri section.risk-matrix .matrix .pdca-yellow.highlight {
  color: white;
  border-radius: 1px;
  background: var(--warning-70);
  box-shadow: 0px 0px 5px 0px #974800B2;
  border: solid var(--warning-40) 1px;
}
.centuri section.risk-matrix .matrix .pdca-red {
  border-radius: 1px;
  background: rgba(222, 55, 48, 0.8);
  color: var(--error-20);
  box-shadow: 0px 0px 8px 0px rgba(222, 55, 48, 0.7) inset;
}
.centuri section.risk-matrix .matrix .pdca-red.highlight {
  color: white;
  border-radius: 1px;
  background: var(--error-50);
  box-shadow: 0px 0px 5px 0px #93000AB2;
  border: solid var(--error-30) 1px;
}

ul.templated-list.email-groups {
  max-height: 300px;
}

/* color from figma */
/* shadows and filters  */
/* Centuri 9 Colors ################################################### */
/* Functions ########################################################## */
.indicator-bg-transparent {
  background-color: transparent;
}
.indicator-bg-grey-striped {
  background: repeating-linear-gradient(45deg, #808080, #808080 8px, transparent 8px, transparent 16px);
}
* {
  font-family: 'Segoe UI', 'SF Pro', sans-serif;
}
.overline {
  font-style: normal;
  font-size: 16px;
  font-weight: 350;
  line-height: 24px;
  font-variant: all-small-caps;
  letter-spacing: 1px;
}
:root {
  --logo-color: #ec1346;
  --white: #ffffff;
  --black: #131313;
  --black-alpha-008: rgba(19, 19, 19, 0.08);
  --white-alpha-008: rgba(255, 255, 255, 0.08);
  --white-alpha-012: rgba(255, 255, 255, 0.12);
  --primary-10: #00201e;
  --primary-20: #003733;
  --primary-30: #00504a;
  --primary-40: #006a63;
  --primary-50: #00867c;
  --primary-60: #00a297;
  --primary-70: #33bbb2;
  --primary-80: #7dd9d3;
  --primary-90: #c2f0ed;
  --primary-95: #e1fbf9;
  --primary-99: #f2fffe;
  --primary-40-alpha-008: rgba(0, 106, 99, 0.08);
  --primary-40-alpha-012: rgba(0, 106, 99, 0.12);
  --primary-40-alpha-016: rgba(0, 106, 99, 0.16);
  --primary-40-008: rgba(235, 243, 243);
  --primary-40-012: rgba(224, 237, 236);
  --primary-40-016: rgba(214, 231, 230);
  --primary-40-alpha-008-elevated: #dff3f2;
  --primary-40-alpha-012-elevated: #d5edeb;
  --secondary-10: #051f1d;
  --secondary-20: #1c3532;
  --secondary-30: #324b48;
  --secondary-40: #4a6360;
  --secondary-50: #627c78;
  --secondary-60: #7b9692;
  --secondary-70: #96b1ac;
  --secondary-80: #b1ccc7;
  --secondary-90: #cce8e3;
  --secondary-95: #e6faf7;
  --secondary-99: #f3fefc;
  --secondary-40-alpha-008: rgba(74, 99, 96, 0.08);
  --secondary-40-alpha-012: rgba(74, 99, 96, 0.12);
  --secondary-40-alpha-016: rgba(74, 99, 96, 0.16);
  --secondary-90-secondary-40-alpha-012: #bcd8d3;
  --secondary-90-secondary-40-alpha-016: #b7d3ce;
  --tertiary-10: #260d21;
  --tertiary-20: #411638;
  --tertiary-30: #602954;
  --tertiary-40: #854577;
  --tertiary-50: #9c548c;
  --tertiary-60: #af6aa0;
  --tertiary-70: #c885ba;
  --tertiary-80: #d9a6ce;
  --tertiary-90: #e8c9e1;
  --tertiary-95: #f0dbeb;
  --tertiary-99: #f7edf5;
  --success-10: #002110;
  --success-20: #00391f;
  --success-30: #005230;
  --success-40: #006d41;
  --success-50: #1a8855;
  --success-60: #38a169;
  --success-70: #5abe86;
  --success-80: #87deaa;
  --success-90: #c9f2d6;
  --success-95: #def9e7;
  --success-99: #f5fff4;
  --warning-10: #311300;
  --warning-20: #512400;
  --warning-30: #733600;
  --warning-40: #9e4b00;
  --warning-50: #c25f00;
  --warning-60: #e57410;
  --warning-70: #ff8e38;
  --warning-80: #ffb688;
  --warning-90: #ffdbc7;
  --warning-95: #ffede4;
  --warning-99: #fffcfb;
  --error-10: #410002;
  --error-20: #690005;
  --error-30: #93000a;
  --error-40: #ba1a1a;
  --error-50: #de3730;
  --error-60: #ec645c;
  --error-70: #ff897d;
  --error-80: #ffb4ab;
  --error-90: #ffdad6;
  --error-95: #ffedea;
  --error-99: #fffbff;
  --info-10: #001d32;
  --info-20: #003353;
  --info-30: #004a75;
  --info-40: #00639a;
  --info-50: #217cbb;
  --info-60: #4596d7;
  --info-70: #64b1f3;
  --info-80: #96ccff;
  --info-90: #cee5ff;
  --info-95: #e8f2ff;
  --info-99: #fcfcff;
  --neutral-10: #191c1c;
  --neutral-20: #2d3130;
  --neutral-30: #444747;
  --neutral-40: #5b5f5e;
  --neutral-50: #747877;
  --neutral-60: #8e9190;
  --neutral-70: #a9acaa;
  --neutral-80: #c4c7c6;
  --neutral-90: #e0e3e1;
  --neutral-95: #eff1f0;
  --neutral-99: #f8fafa;
  --neutral-99-primary-40-alpha-008: #e4eeee;
  --neutral-99-primary-40-alpha-012: #dae9e8;
  --neutral-99-secondary-40-alpha-008: #eaeeee;
  --neutral-99-secondary-40-alpha-012: #e3e8e8;
  --neutral-variant-10: #141d1c;
  --neutral-variant-20: #293231;
  --neutral-variant-30: #3f4947;
  --neutral-variant-40: #56605f;
  --neutral-variant-50: #6f7977;
  --neutral-variant-60: #899391;
  --neutral-variant-70: #a3adab;
  --neutral-variant-80: #bec9c6;
  --neutral-variant-90: #dae5e2;
  --neutral-variant-95: #e9f3f0;
  --neutral-variant-99: #f4fbf9;
  --blurry-shadow: 0px 4px 20px rgba(84, 103, 127, 0.25);
  --standard-boxshadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.25);
  --chip-information-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  --documents-xls: #1d6f42;
  --documents-doc: #185abd;
  --documents-pdf: #d12e25;
  --documents-ppt: #d04423;
  --item-case: #e57410;
  --item-form: #38a169;
  --item-contract: #af6aa0;
  --item-document: #4596d7;
  --item-document-presentation: #d12e25;
  --item-document-spreadsheet: #1d6f42;
  --item-document-pdf: #d12e25;
  --item-document-zip: #4596d7;
  --item-document-image: #d12e25;
  --item-document-audio: #d12e25;
  --item-document-video: #d12e25;
  --item-competence: #fbbc04;
  --item-register: #9e4b00;
  --item-report: #1d6f42;
  --item-risk: #627c78;
  --item-task: #8e9190;
  --item-task-assignment: #00639a;
  --item-task-audit: #4596d7;
  --item-task-competency: #fbbc04;
  --item-task-contract: #af6aa0;
  --item-task-finishbefore: #00639a;
  --item-task-registernode: #9e4b00;
  --item-task-user: #854577;
  --item-task-workflowconfig: #00639a;
  --item-task-workflow: #00639a;
  --item-unknown: #8e9190;
}
:root {
  --layout-drawer-width: 300px;
  --layout-drawer-width-min: 180px;
  --layout-drawer-width-max: 500px;
  --layout-drawer-mid: 50%;
}
:root {
  --layer-index-base: 0;
  --layer-index-above-scroll: 1;
  --layer-index-overlay: 5;
  --layer-index-dialog: 10;
  --layer-index-menu: 15;
  --layer-index-tooltip: 20;
  --border: solid 1px var(--neutral-95);
}
:root {
  --centuri-background-light: var(--neutral-95);
  --centuri-background-dark: var(--neutral-20);
  --centuri-text-on-background-light: var(--neutral-10);
  --centuri-text-on-panel-light: var(--neutral-10);
  --centuri-title-on-panel-light: var(--black);
  --centuri-text-on-background-dark: var(--neutral-90);
  --centuri-text-on-panel-dark: var(--neutral-90);
  --centuri-title-on-panel-dark: var(--white);
  --centuri-background: var(--centuri-background-light);
  --centuri-text-on-background: var(--centuri-text-on-background-light);
  --centuri-text-on-panel: var(--centuri-text-on-panel-light);
  --centuri-title-on-panel: var(--centuri-title-on-panel-light);
}
/* Dark mode emulation - mimics browser's built-in dark mode rendering */
body.dark-mode {
  color-scheme: dark;
  background-color: #1a1a2e !important;
  /* Invert everything, then re-invert media so images/videos look normal */
  filter: invert(0.9) hue-rotate(180deg);
  /* ECharts renders to canvas — keep charts uninverted */
  /* Keep indicator colors recognizable */
  /* Buttons lose their dark text color due to color-scheme: dark — restore it so inversion makes them light */
  /* Date picker — force light-mode rendering so inversion produces correct dark result */
}
body.dark-mode img,
body.dark-mode video,
body.dark-mode picture,
body.dark-mode canvas,
body.dark-mode svg image,
body.dark-mode [style*="background-image"],
body.dark-mode .logo-text,
body.dark-mode .centuri-logo-text {
  filter: invert(1) hue-rotate(180deg);
}
body.dark-mode .trendline-chart canvas {
  filter: invert(1) hue-rotate(180deg);
}
body.dark-mode .indicator {
  filter: invert(1) hue-rotate(180deg);
}
body.dark-mode button.icon-button {
  color: #000;
}
body.dark-mode .date-period select.period-select {
  color-scheme: light;
}
.dispatch-feedback {
  margin-top: auto;
  margin-bottom: auto;
}
.dispatch-feedback h1,
.dispatch-feedback div {
  width: 50%;
}
.dispatch-feedback span.input-icon,
.dispatch-feedback h1,
.dispatch-feedback div {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.dispatch-feedback span.input-icon {
  font-size: 48px;
  color: var(--error-40);
  font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48;
  margin-bottom: 20px;
}
.dispatch-feedback h1 {
  font-style: normal;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  margin-bottom: 20px;
}
.dispatch-feedback div {
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
* {
  scrollbar-width: thin;
}
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar-track {
  padding: 20px;
}
*::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background: var(--neutral-80);
}
html,
body {
  height: 100%;
  width: 100%;
  background-color: var(--white);
}
ul {
  list-style: none;
}
.disabled-text {
  color: var(--neutral-70);
}
.disabled-text * {
  color: inherit !important;
}
.pointer-cursor {
  cursor: pointer;
}
.centuri {
  position: fixed;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: var(--centuri-background);
}
.centuri > header {
  background-color: var(--centuri-background);
}
.centuri > section {
  background-color: var(--centuri-background);
  flex: 1 0 auto;
  display: flex;
  flex-direction: row;
}
.centuri > section nav.rail {
  flex: 0 0 88px;
  overflow-y: auto;
  max-height: calc(100vh - 64px);
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.centuri > section nav.rail div.module-bar {
  flex: 1 0 auto;
}
.centuri > section nav.rail div.module-bar > menu {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  list-style: none;
}
.centuri > section nav.drawer {
  flex: 0 0;
  flex-basis: var(--layout-drawer-width);
  max-width: var(--layout-drawer-width);
  max-height: calc(100vh - 72px);
  box-sizing: border-box;
  margin: 8px 0 0 0;
  overflow: hidden;
  overflow-y: auto;
}
.centuri > section div.right-margin {
  display: none;
  flex: 1 1 auto;
}
.centuri > section main {
  flex: 1 1 auto;
  max-width: 1440px;
  margin: 8px 8px 0 0;
  overflow: auto;
}
.centuri > section section.side-content {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 64px);
  min-height: calc(100vh - 64px);
  max-height: calc(100vh - 64px);
  margin-right: 8px;
}
.centuri > section section.side-content section[role="dialog"] {
  flex: 1 1 auto;
  min-width: 320px;
  max-width: 700px;
  margin: 8px 8px 0 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: var(--white);
  border: 0;
  border: solid 1px var(--neutral-95);
  border-radius: 12px 12px 0 0;
  z-index: var(--layer-index-dialog);
}
.centuri > section section.side-content section[role="dialog"] > header {
  display: flex;
  flex-direction: row;
  height: 64px;
  padding: 8px 12px;
}
.centuri > section section.side-content section[role="dialog"] > header h3 {
  flex: auto;
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin-left: 8px;
}
.centuri > section section.side-content section[role="dialog"] > header .left-align-detail-view {
  display: flex;
  flex: 1 0 0;
  align-items: center;
  padding: 12px 0 0 0;
}
.centuri > section section.side-content section.aside {
  flex: 0 0 400px;
  width: 400px;
  margin: 8px 8px 0 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  border: solid 1px var(--neutral-95);
  border-radius: 12px 12px 0 0;
}
.centuri > section section.side-content section.aside > header {
  display: flex;
  flex-direction: row;
  padding: 24px;
}
.centuri > section section.side-content section.aside > header h3 {
  flex: auto;
  display: inline-block;
}
.centuri > section section.side-content section.aside > header span {
  display: inline-block;
}
.centuri > footer {
  flex: 0 0 30px;
}
.centuri .centuri-system-error {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
.centuri .centuri-login {
  display: block;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 120px;
}
.centuri .centuri-login svg.centuri-text {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 75px;
}
.centuri .centuri-login div.react-spinner-material {
  margin-left: auto;
  margin-right: auto;
}
.centuri .centuri-login form.autoform fieldset {
  width: 100%;
  border: 0;
}
.centuri .centuri-login form.autoform fieldset div.autoform-property {
  border: 0;
}
.centuri .centuri-login form.autoform fieldset div.autoform-property button.login-button {
  margin: auto;
  margin-left: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}
.centuri .new-button {
  box-sizing: border-box;
  padding: 0px;
  border-radius: 16px;
  color: var(--neutral-10);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  gap: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 26px;
  margin-bottom: 36px;
  margin-left: auto;
  margin-right: auto;
  line-height: normal;
  width: 56px;
  height: 58px;
}
.centuri .new-button span.button-text {
  padding-left: 4px;
  padding-right: 4px;
}
.centuri .new-button span.text {
  font-size: 14px;
}
.centuri .new-button.elevated {
  background: var(--white);
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.1);
  color: var(--black);
}
.centuri .new-button.elevated:hover {
  box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.15);
}
.centuri .new-button.elevated:disabled {
  background: var(--neutral-90);
  box-shadow: none;
  color: var(--neutral-70);
}
.centuri .highlight {
  font-weight: bold;
  background-color: yellow;
}
.centuri:has(.centuri-login) {
  overflow-y: auto;
}
@media (max-width: 600px) {
  .centuri {
    gap: 0;
  }
  .centuri section {
    position: relative;
  }
  .centuri section nav.rail {
    position: absolute;
    top: calc(100dvh - 144px);
    left: 0;
    width: 100%;
    z-index: 1;
  }
  .centuri section nav.rail div.module-bar > menu {
    flex-direction: row;
    height: 80px;
  }
  .centuri section nav.drawer {
    position: fixed;
    width: 310px;
    min-width: unset;
    max-width: unset;
    max-height: calc(100% - 64px);
    min-height: calc(100% - 64px);
    background-color: var(--white);
    margin: 0px;
    z-index: 7;
    box-shadow: 0px 7px 23px 0px rgba(0, 0, 0, 0.25);
  }
  .centuri section main {
    margin: 0;
  }
  .centuri section section.side-content {
    position: fixed;
    right: 0px;
    z-index: 10;
    margin: 0px;
    box-shadow: 0px 7px 23px 0px rgba(0, 0, 0, 0.25);
    background-color: var(--white);
    border-radius: 12px 0px 0px 12px;
  }
  .centuri section section.side-content .details {
    margin: 0;
    border-radius: 12px 0 0 12px;
    border-color: var(--neutral-80);
  }
  .centuri section section.side-content section[role="dialog"] {
    max-width: none;
    display: block;
    position: fixed;
    width: 90%;
    height: calc(100vh - 200px);
    top: 100px;
    left: 5%;
  }
  .centuri section section.side-content section[role="dialog"] .expander {
    display: none;
  }
  .centuri section div.overlay.dialog-overlay {
    display: block;
  }
  .centuri .new-button {
    position: fixed;
    bottom: 85px;
    right: 27px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.dispatch-download {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
}
@media (width > 1440px) {
  div.right-margin {
    display: block;
  }
}
.svg-icon {
  height: 24px;
  width: 24px;
}
.svg-icon.remove {
  fill: none;
  stroke: none;
}
.svg-icon.remove .circle {
  fill: var(--black);
}
.svg-icon.remove .cross {
  fill: var(--white);
}
i.translate-ui-dialog {
  font-style: normal;
}
i.translate-ui-dialog:hover {
  background: repeating-linear-gradient(135deg, var(--tertiary-95), var(--tertiary-95) 10px, transparent 10px, transparent 20px);
  cursor: default;
}
.help-button button.icon-button {
  width: 24px;
  height: 24px;
}
.help-button button.icon-button span.input-icon {
  font-size: 22px;
  font-variation-settings: 'FILL' 1;
  color: var(--info-60);
}