@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;
}

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;
}
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 .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: 18px;
}
.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(--tertiary-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);
}

.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.standard:disabled {
  background: var(--neutral-70);
  cursor: not-allowed;
}
.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-70);
  color: var(--secondary-40-alpha-016);
  cursor: not-allowed;
}
.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 {
  color: var(--neutral-70);
  cursor: not-allowed;
}
.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);
}

/* 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;
}

.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 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.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;
}
.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: 272px;
  padding: 0px;
  font-size: 12px;
}
.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.comment .comment {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: var(--neutral-40);
}

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

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-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: min-content;
  min-width: 450px;
}
.dialog .dialog-content.activity-width-small {
  width: 450px;
}
.dialog .dialog-content.activity-width-medium {
  width: 750px;
}
.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;
}
.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%;
  }
}

.form-attachments .tools {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.form-attachments .tools button svg {
  width: 20px;
}
.form-attachments div.dz-container {
  margin-top: 8px;
  border: dashed 1px var(--neutral-variant-80);
  border-radius: 8px;
  background-color: var(--neutral-99);
  padding: 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: 32px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 16px;
}
.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: 200px;
  overflow-y: auto;
}
.form-attachments div.attachments-list-container ul.attachments-list {
  list-style: none;
}
.form-attachments .attachments-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.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 .filters .text-filter {
    display: none;
  }
  .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-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(--neutral-90);
}
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(--tertiary-90);
  color: var(--neutral-10);
}
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;
  margin-bottom: 6px;
}
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: 5px;
  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;
  margin-top: 8px;
}
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.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);
}

ul.templated-list {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
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;
}

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;
}





.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);
}



div.c-texteditor-container div.toolbar {
  display: flex;
  flex-direction: row;
  gap: 2px;
}
div.c-texteditor-container div.toolbar .divider {
  border-left: solid 1px var(--neutral-95);
  width: 0;
}
div.c-texteditor-container div.toolbar button.icon-button.standard {
  border-radius: 4px;
  width: 24px;
  height: 24px;
}
div.c-texteditor-container div.toolbar button.icon-button.standard span.input-icon {
  color: var(--black);
  width: 20px;
  height: 20px;
  font-size: 20px;
}
div.c-texteditor-container div.toolbar button.icon-button.standard:hover {
  background-color: var(--neutral-95);
  box-shadow: none;
}
div.c-texteditor-container div.toolbar .c-menu-button-content-vertical {
  border-radius: 4px;
}
div.c-texteditor-container div.toolbar .c-menu-button-content-vertical .c-menu-button-content {
  padding: 2px 4px;
}
div.c-texteditor-container div.toolbar .c-menu-button-content-vertical .c-menu-button-content .input-icon.c-menu-icon {
  color: var(--black);
  width: 20px;
  height: 20px;
  font-size: 20px;
}
div.c-texteditor-container div.toolbar .c-menu-button-content-vertical .c-menu-button-content .input-icon.c-menu-expand {
  color: var(--secondary-60);
  width: 20px;
  height: 20px;
  font-size: 20px;
}
div.c-texteditor-container .c-texteditor {
  margin-top: 8px;
  min-height: 300px;
  max-height: 300px;
  overflow-y: auto;
  border: solid 1px var(--neutral-95);
  border-radius: 4px;
  padding: 8px;
}
div.c-texteditor-container .c-texteditor a {
  cursor: pointer;
}
div.c-texteditor-container .c-texteditor a:hover {
  text-decoration: underline;
}
div.c-texteditor-container .c-texteditor h1,
div.c-texteditor-container .c-texteditor h2,
div.c-texteditor-container .c-texteditor h3,
div.c-texteditor-container .c-texteditor h4,
div.c-texteditor-container .c-texteditor h5,
div.c-texteditor-container .c-texteditor h6 {
  margin-bottom: 0.5em;
}
div.c-texteditor-container .c-texteditor p {
  margin-bottom: 0.5em;
}
div.c-texteditor-container .c-texteditor blockquote {
  border-left: solid 4px #ddd;
  padding-left: 1em;
}
div.c-texteditor-container .c-texteditor ul,
div.c-texteditor-container .c-texteditor ol {
  margin-left: 15px;
}
div.c-texteditor-container .c-texteditor ul {
  list-style: disc;
}
div.c-texteditor-container .c-texteditor ol {
  list-style: decimal;
}
div.c-texteditor-container .c-texteditor table {
  border-collapse: collapse;
}
div.c-texteditor-container .c-texteditor table th {
  background-color: #ddd;
}
div.c-texteditor-container .c-texteditor table th,
div.c-texteditor-container .c-texteditor table td {
  min-width: 25px;
  border: dashed 1px #eee;
}
div.c-texteditor-container div.tiptap.ProseMirror.ProseMirror-focused {
  outline: none;
}
.c-menu.c-texteditor-menu {
  list-style: none;
}
.c-menu.c-texteditor-menu-horizontal {
  flex-direction: row;
}
.c-texteditor-menu .serif > .two-row-label > .title {
  font-family: serif;
}
.c-texteditor-menu .sansserif > .two-row-label > .title {
  font-family: sans-serif;
}
.c-texteditor-menu .monospace > .two-row-label > .title {
  font-family: monospace;
}
menu.c-menu.c-texteditor-menu {
  min-width: 75px;
}
menu.c-menu.c-texteditor-menu.c-texteditor-table {
  min-width: auto;
}
menu.c-menu.c-texteditor-menu.c-texteditor-table li.c-menu-item.c-texteditor-menu.c-texteditor-table {
  padding: 4px;
}
menu.c-menu.c-texteditor-menu.c-texteditor-color {
  min-width: auto;
}
menu.c-menu.c-texteditor-menu.c-texteditor-color li.c-menu-item.c-texteditor-menu.c-texteditor-color {
  padding: 4px;
}
.c-texteditor-menu-tools {
  display: flex;
  flex-direction: row;
}
.c-texteditor-menu-tools button.icon-button.standard {
  border-radius: 4px;
  width: 24px;
  height: 24px;
}
.c-texteditor-menu-tools button.icon-button.standard span.input-icon {
  color: var(--black);
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.c-texteditor-menu-tools button.icon-button.standard:hover {
  background-color: var(--neutral-95);
  box-shadow: none;
}
.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;
}

.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: 12px;
  font-weight: 400;
  line-height: 16px;
  max-width: 548px;
  overflow-wrap: break-word;
}
.form-interaction ol li.list-item div.body div.message {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  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 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: default;
}
.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-multipleselectiontree .buttons {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.form-multipleselectiontree .buttons button {
  width: fit-content;
}

.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;
}



div.editor-container {
  width: 100%;
  overflow-x: auto;
}
div.editor-container div.editor-table {
  box-sizing: border-box;
}
div.editor-container div.editor-table div.editor-headers {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 2px;
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
div.editor-container div.editor-table div.editor-headers div.first-column {
  position: sticky;
  left: 0px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
div.editor-container div.editor-table div.editor-headers div.col-header {
  flex: 0 0 200px;
}
div.editor-container div.editor-table div.editor-headers div.col-header.col-handle {
  flex: 0 0 24px;
}
div.editor-container div.editor-table div.editor-headers div.col-header.col-index {
  flex: 0 0 24px;
}
div.editor-container div.editor-table div.editor-headers .col-header.title,
div.editor-container div.editor-table div.editor-headers .col-header > .title {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
div.editor-container div.editor-table div.editor-headers .tools-column {
  position: sticky;
  right: 0px;
  height: 20px;
  flex: 1 0 auto;
}
div.editor-container div.editor-table div.editor-headers .tools-column .title {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
div.editor-container div.editor-table div.editor-rows {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
div.editor-container div.editor-table div.editor-rows div.editor-row {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 2px;
  width: 100%;
  padding-bottom: 2px;
}
div.editor-container div.editor-table div.editor-rows div.editor-row div.first-column {
  position: sticky;
  left: 0px;
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  height: 58px;
}
div.editor-container div.editor-table div.editor-rows div.editor-row div.tools-column {
  position: sticky;
  right: 0px;
  height: 58px;
  flex: 1 0 auto;
}
div.editor-container div.editor-table div.editor-rows div.editor-row div.tools-column .col-tools {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  width: fit-content;
  height: 100%;
  margin-left: 10px;
}
div.editor-container div.editor-table div.editor-rows div.editor-row div.tools-column .col-tools button.icon-button {
  cursor: pointer;
  width: 40px;
  height: 40px;
}
div.editor-container div.editor-table div.editor-rows div.editor-row div.tools-column .title {
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.small div.editor-container div.editor-table div.editor-rows div.editor-row div.first-column {
  height: 40px;
}
.small div.editor-container div.editor-table div.editor-rows div.editor-row div.tools-column {
  height: 40px;
}
.small div.editor-container div.editor-table div.editor-rows div.editor-row div.tools-column .col-tools button.icon-button {
  width: 32px;
  height: 32px;
}
.col-handle {
  width: 24px;
  height: 20px;
}
.col-handle.handle {
  color: var(--neutral-70);
}
.col-handle.handle span {
  cursor: ns-resize;
  font-size: 20px;
}
.col-index .index {
  width: 24px;
  color: var(--neutral-70);
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}
.col-indent {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.col-indent .subdir {
  flex: 0 0 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--neutral-70);
}
.col-indent .subdir .input-icon {
  font-size: 20px;
}
.col-tools {
  width: 30px;
}
.col-tools span {
  font-size: 20px;
}
.col-title,
.col-texteditor {
  margin: 0px 1px;
}
.col-title .title,
.col-texteditor .title,
.col-title .text,
.col-texteditor .text {
  width: 200px;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 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%;
  }
}

.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;
}

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

.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: 12px 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;
}

.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;
}

.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 {
  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 {
  flex: unset;
}
.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;
  height: 80%;
  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;
  }
}

.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-wide {
  width: 900px;
}
@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;
}
@media (max-width: 600px) {
  .centuri section main .content-filters {
    padding: 4px 10px 4px 10px;
    padding: 0;
  }
}

.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 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;
}

.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;
  justify-content: space-between;
}
.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;
}

.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;
}

.widget-filter-selector {
  height: calc(100% - 40px);
  min-height: auto;
}
.widget-filter-selector .dialog-body {
  flex: 1 0 auto;
}

.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);
  padding: 4px 16px;
  margin: 32px 16px 16px 16px;
  text-align: center;
  font-style: normal;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
}

.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;
}



.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 */

* {
  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;
}
.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;
}

* {
  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;
}
.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;
}

* {
  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;
}
.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;
}

* {
  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;
}
.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;
}
.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;
}
.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;
}
.centuri .home .statistics-widgets {
  max-width: 900px;
  background-color: var(--neutral-99);
  height: 200px;
  flex: 1 0 auto;
  min-width: 400px;
}

/* 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);
}
.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);
}