html {
  box-sizing: border-box;
  font-size: 16px;
}

*, *:before, *:after {
  box-sizing: border-box;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}

body {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.elements {
  display: flex;
  flex: 1;
}

a:focus,
a:focus-visible {
  outline: inherit;
}

a:visited {
  color: inherit;
}/* Colors */
:root {
  --black: #1c1c1d;
  --grey-darker: #48484A;
  --grey-dark: #636366;
  --grey-medium: #9b9b99;
  --grey: #d4d4d2;
  --grey-light-medium: #e5e5e3;
  --grey-light-dim: #EEEEEC;
  --grey-light: #F5F5F5;
  --grey-lighter: #fcfcff;
  --white-dim: #fafafa;
  --red: salmon; /* #FA8072 */
  --red-light: #FFEEED;
  --red-light-dim: #F1E0DF;
/*  --green: #22bd22;*/
  --green-light: #22BD22;
  --green: #238523;
  --green-dark: #235D23;
  --green-light: #f4faed;
  --blue-light: #219bff;
  /*--blue: #007aff;*/
  --blue: #0066eb;
/*  --blue-dark: #006aef;*/
  --blue-dark: #003EC3;
/*  --purple: #A37EA3;*/
  --purple: #A35A82;

  --commands-height: 35px;
  --panel-topbar-height: 35px;

  --typography-h1-size: 34px;
  --typography-h1-height: 35px; /* 37.4px; */
  --typography-h1-weight: 600;

  --typography-h2-size: 26px;
  --typography-h2-height: 28px; /* 29.25px; */
  --typography-h2-weight: 600;

  --typography-h3-size: 20px;
  --typography-h3-height: 21px; /* 23.33px; */
  --typography-h3-weight: 600;

  --typography-h4-size: 14px;
  --typography-h4-height: 21px;
  --typography-h4-weight: 600;

  --typography-h5-size: 11px;
  --typography-h5-height: 19px;
  --typography-h5-weight: 600;

  --typography-p-size: 14px;
  --typography-p-height: 21px;
  --typography-p-weight: 400;

  --typography-p-small-size: 13px;
  --typography-p-small-height: 19px;
  --typography-p-small-weight: 400;
}
/* Variable fonts usage:
:root { font-family: "Inter", sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
} */
@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/theme/fonts/inter/InterVariable.woff2") format("woff2");
}
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/theme/fonts/inter/InterVariable-Italic.woff2") format("woff2");
}

/* static fonts */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("/theme/fonts/inter/Inter-Thin.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("/theme/fonts/inter/Inter-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("/theme/fonts/inter/Inter-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("/theme/fonts/inter/Inter-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("/theme/fonts/inter/Inter-Light.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("/theme/fonts/inter/Inter-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("/theme/fonts/inter/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("/theme/fonts/inter/Inter-Italic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("/theme/fonts/inter/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("/theme/fonts/inter/Inter-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("/theme/fonts/inter/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("/theme/fonts/inter/Inter-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("/theme/fonts/inter/Inter-Bold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("/theme/fonts/inter/Inter-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("/theme/fonts/inter/Inter-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("/theme/fonts/inter/Inter-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("/theme/fonts/inter/Inter-Black.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("/theme/fonts/inter/Inter-BlackItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-Thin.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-ThinItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-Light.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-LightItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-Regular.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-Italic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-Medium.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-MediumItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-SemiBold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-Bold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-BoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-Black.woff2") format("woff2"); }
@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("/theme/fonts/inter/InterDisplay-BlackItalic.woff2") format("woff2"); }

:root { font-family: 'Inter', sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: 'Inter var', sans-serif; }
}

html, body {
  font-family: 'Inter', Helvetica, Arial,  sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'calt' 0;
  color: var(--black);
  font-size: 16px;
  background: var(--grey-light);
}

input,
select, 
.input-text__input {
  font-family: 'Inter', Helvetica, Arial,  sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
}

h1,
.h1 {
  font-weight: var(--typography-h1-weight);
  font-size: var(--typography-h1-size);
  line-height: var(--typography-h1-height);
  color: var(--black);
}

h2,
.h2 {
  font-weight: var(--typography-h2-weight);
  font-size: var(--typography-h2-size);
  line-height: var(--typography-h2-height);
  color: var(--black);
}

h3,
.h3 {
  font-weight: var(--typography-h3-weight);
  font-size: var(--typography-h3-size);
  line-height: var(--typography-h3-height);
  color: var(--black);
}

h4,
.headline {
  font-weight: var(--typography-h4-weight);
  font-size: var(--typography-h4-size);
  line-height: var(--typography-h4-height);
  color: var(--black);
}

h5,
.subheadline {
  font-weight: var(--typography-h5-weight);
  font-size: var(--typography-h5-size);
  line-height: var(--typography-h5-height);
  color: var(--grey-dark);
}

.subheadline--thin {
  font-weight: 400;
}

h1.large {
  font-size: 48px;
  line-height: 52px;
}

p,
.p {
  font-weight: var(--typography-p-weight);
  font-size: var(--typography-p-size);
  line-height: var(--typography-p-height);
  color: var(--black);
}

p.small {
  font-weight: var(--typography-p-small-weight);
  font-size: var(--typography-p-small-size);
  line-height: var(--typography-p-small-height);
}

.footnote {
  font-weight: 400;
  font-size: 11px;
  line-height: 19px;
  color: var(--black);
}

.error {
  color: var(--red);
}

.light {
  font-weight: 400;
  color: var(--grey-dark);
}

.monospace {
  font-feature-settings: "tnum", 'zero' 1;
}

.underline {
  text-decoration: underline;
}

.breakspaces {
  white-space: break-spaces;
}

.overflow-ellpises {
  overflow: hidden;
  text-overflow: ellipsis;
}.light {
	color:  var(--grey-dark);
}

.highlight {
	background: var(--grey);
}

.body--loading::before {
	content: '';
	display: block;
	position: absolute;
	background: transparent;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	cursor: wait;
	background: rgba(0,0,0,0.01);
}

.body--loading * {
	cursor: wait;	
}

.body--no-overscroll {
	overscroll-behavior-x: none;
}

.hidden {
	display: none !important;
}

.invisible {
	visibility: hidden;
}

.opacity--0 {
	opacity: 0;
}

.text-center {
	text-align: center;
}

.hidden-input {
	position: absolute;
	left: -100000px;
}.section-panel {
  display: flex;
  flex-direction: column;
  padding: 0px;
  min-width: 231px;
  width: 280px;
  height: calc(100vh - var(--commands-height));
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--white-dim);
  min-width: 280px;
}

.section-panel--left {
  border-right: 1px solid var(--grey);
}

.section-panel--right {
  border-left: 1px solid var(--grey);
}

.section-panel__title {
  margin-top: 7px;
  margin-left: 7px;
}

.section-panel__tokens {
  display: flex;
  /*  max-width: calc(100% - 140px);*/
  max-width: calc(100% - 180px);
}

.section-panel__tokens .token-field__token {
  background: var(--grey);
  color: var(--grey-darker);
  --icon-height: 14px;
  margin-top: 0;
  padding-left: 4px;
  margin-right: 4px;  
  overflow: hidden;
}

.section-panel__tokens .token-field__token span {
  white-space: inherit;
  margin-left: 4px;
  font-weight: bold;  
}

.section-panel__tokens .token-field__token span:first-of-type {
  text-overflow: ellipsis;
  overflow: hidden;
}

.section-panel__tokens .token-field__token:hover span:last-of-type {
  margin-right: 3px;
}

.section-panel__compact-buttons {
  display: flex;
  padding: 0 4px 0 7px;
  border-bottom: 1px solid var(--grey);
  align-items: center;
  background: var(--grey-light);
  height: var(--panel-topbar-height);
  min-height: var(--panel-topbar-height);
}

.section-panel__compact-buttons h5,
.section-panel__compact-buttons h5 span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: var(--grey-dark);
  border-radius: 7px;
  border: 1px solid var(--grey-light-medium);
  color: var(--white-dim);
  padding: 0 7px;
  flex: 0 0 auto;
  cursor: default;
}

.section-panel--disabled .section-panel__compact-buttons h5,
.section-panel--disabled .section-panel__compact-buttons h5 span {
  background: var(--grey-light-medium);
}

.section-panel__compact-buttons h5 ~ span,
.section-panel__count,
.section-panel__compact-buttons .section-panel__compact-buttons__h5-text {
  font-size: var(--typography-h5-size);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-panel__count {
  padding-left: 4px;
}

.section-panel__compact-buttons > system-button,
.section-panel__compact-buttons > system-dropdown {
  --button-padding: 4px 2px;
  --button-min-width: 22px;
  margin-right: 3px;
}

.section-panel__compact-buttons__item--right {
  margin-left: auto;
}

.section-panel__scrollable-area {
  overflow: auto;
  overflow-x: hidden;
  height: calc(100vh - var(--commands-height) - var(--panel-topbar-height));
}

.section-panel__virtual-table-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-x: hidden;
}

.section-panel__virtual-table-wrapper system-virtual-table {
  margin-top: 7px;
}

.section-panel__table-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: auto;
  overflow-x: hidden;
}

.section__help {
  position: relative;
  flex:  1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 7px;
  background: var(--white-dim);
}

.section__help::before {
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: 7px;
  right: 7px;
  display: block;
  /*
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAADFJREFUGFdjZMABrly59J8RmxxIQkdHjxFDEiYB0oQiiSyBIokuAZfEJgGWxCUBkgQAtJIbgQDlTXgAAAAASUVORK5CYII=);
  background-size: 3.5px;
  */
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAABlBMVEVHcEzU1NKYI6peAAAAAXRSTlMAQObYZgAAABBJREFUCNdjEGBQYHBgaAAAAlgA8X2AAy8AAAAASUVORK5CYII=');
  background-size: 4px;
  border-radius: 10px;  
  z-index: 0;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .section__help::before {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IArs4c6QAAADFJREFUGFdjZMABrly59J8RmxxIQkdHjxFDEiYB0oQiiSyBIokuAZfEJgGWxCUBkgQAtJIbgQDlTXgAAAAASUVORK5CYII=);
      background-size: 3.5px;
    }
}

.section__help system-icon,
.section__help .p,
.section__help p {
  z-index: 1;
}

.section__help system-icon {
  width: 14px;
  height: 14px;
  filter: drop-shadow(1px 0px 0px var(--white-dim)) drop-shadow(-1px 0px 0px var(--white-dim));
}

.section__help system-icon + p {
  padding: 0 7px;
}

.section__help p,
.section__help__p {
  text-align: center;
  margin-top: 7px;
  white-space: pre-line;
}

.section__help .p,
.section__help p {
  text-shadow: 2px 0 var(--white-dim), -2px 0 var(--white-dim), 0 1px 7px var(--white-dim), 0 -2px 7px var(--white-dim);
}

.section__help,
.section__help p,
.section__help__p {
  color: var(--grey-dark);
}

select {
  border: 1px solid var(--grey);
  color: var(--black);
  border-radius: 4px;
  background: white;
}

.select--small {
  font-size: 13px;
  text-indent: 7px;  
}

.section-panel__column-titles {
  padding: 7px 14px 0;
  display: flex;
}

.section-panel__column-titles h5 {
  flex: 1;
  padding-left: 14px;
  line-height: 21px;
}

.section-panel__column-titles + .configuration-criteria-list .list__scroller {
  padding-top: 0;
}.icon-wrapper {
  height: 100%;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

svg {
  height: var(--icon-height, 100%);
  width: auto;
}.button {
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
}

system-button.button--text,
.button--text {
  display: inline-flex;
  align-items: center;
  text-decoration: underline;
}

system-button.button--text .button__icon,
.button--text .button__icon {
  box-shadow: none;
}

.button--disabled,
system-button[disabled="true"] {
/*  pointer-events: none;*/
}

.button--danger .button__icon__label,
.button--danger .button__icon system-icon {
  color: var(--red);
}

.button__icon {
  box-sizing: border-box;
  display: flex;  
  justify-content: var(--button-justity-content, center);
  min-width: var(--button-min-width, 42px);
  padding: var(--button-padding, 2.5px 13px 2.5px 13px);
  background: transparent;
  border: 1px solid var(--grey-light-medium);
  color: var(--grey-dark);
  border-top-left-radius: var(--button-border-top-left-radius, 7px);
  border-top-right-radius: var(--button-border-top-right-radius, 7px);
  border-bottom-left-radius: var(--button-border-bottom-left-radius, 7px);
  border-bottom-right-radius: var(--button-border-bottom-right-radius, 7px);
  line-height: 14px;
/*  transition: background 0.14s ease-in-out;*/
}

.button--primary .button__icon {
  background: var(--grey-lighter);
}

.button--primary:not([disabled="true"]) .button__icon:hover {
/*  background: var(--white-dim);*/
  background: var(--grey-light-medium);
}

.button--compact {
  border-radius: 7px;
}

.button--compact .button__icon {
  min-width: var(--button-min-width, 24px);
  padding: var(--button-padding, 5px);
  border: 0px transparent;  
}

.button--compact:not(.button--disabled):hover,
.button-dropdown-wrapper.button--compact:not(.button--disabled):hover {
  background: var(--button-hover-color, var(--grey-light-medium));
}

.button--accent-green .button--compact:not(.button--disabled) {
  background: var(--green);
}

.button--accent-green .button--compact:not(.button--disabled):hover {
  background: var(--green-dark);
}

.button--accent .button--compact:not(.button--disabled),
.button--accent[icon="loader"] .button--compact.button--disabled {
  opacity: 100%;
  background: var(--blue);
}

.button--accent .button--compact:not(.button--disabled):hover {
  background: var(--blue-dark);
}

.button--accent .button--compact:not(.button--disabled) svg,
.button--accent[icon="loader"] .button--compact.button--disabled .button__icon system-icon,
.button--accent[icon="loader"] .button--compact.button--disabled svg,
.button--accent-green .button--compact:not(.button--disabled) svg {
  opacity: 100%;
  color: var(--white-dim);
}

.button--active .button__icon {
  position: relative;
}

.button--active .button__icon::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: var(--grey-dark);
  border-radius: 6px;
  z-index: 0;
}

.button--active .button__icon system-icon,
.button--active .button__icon .button__icon__label {
  z-index: 1;
}

.button--compact.button--active .button__icon {
  box-shadow: none;
}

system-button[icon="toggle-left"],
system-button[icon="toggle-right"], {
  padding: 0;
}

system-button[icon="toggle-left"] .button--compact .button__icon,
system-button[icon="toggle-right"] .button--compact .button__icon {
  height: 19px;
  width: 19px;
  padding: 0;
}

.button--compact-toggle[icon="loader"] {
  position: relative;
  top: 2px;
  left: 6px;
}

.button--compact-toggle:hover .button:hover {
  background: inherit;
}

.button--compact-toggle:hover .button:hover svg rect {
/*  fill: var(--grey-light);*/
  fill: var(--grey-light-medium);
}

system-button[icon="toggle-left"] .button--compact .icon-wrapper,
system-button[icon="toggle-right"] .button--compact .icon-wrapper {
  height: 24px;
  width: 24px;
  margin-top: -2px;
}

system-button[icon="toggle-left"] .button--compact .icon-wrapper svg,
system-button[icon="toggle-right"] .button--compact .icon-wrapper svg {
  height: auto;
}

.button.button--active:active .button__icon::before {
  background: var(--grey-darker);
}

.button:not(.button--disabled):not(.button--active):active .button__icon,
system-button:not([disabled="true"]) .button:not(.button--disabled):not(.button--active):active .button__icon {
  background: var(--grey-light);
}

.system-button--info .button:active .button__icon {
  background: inherit;
}

.system-button--info,
.dashboard system-button.system-button--info:hover {
  cursor: help;
}

.button__icon svg,
.button__icon system-icon {
  height: 14px;
  color: var(--grey-dark);
}

.button--active .button__icon svg,
.button--active .button__icon system-icon,
.button:active .button__icon system-icon,
.button--active .button__icon .button__icon__label,
.button--active:active .button__icon .button__icon__label {
  color: var(--white-dim);
}

.button--disabled .button__icon svg,
.button--disabled .button__icon system-icon,
.button--disabled .button__icon__label {
  opacity: 50%;
}

.button__icon__label {
  font-size: 13px;
  color: var(--grey-darker);
}

.button:not(.button--no-icon) .button__icon__label {
  display: none;
}

.button--no-icon .button__icon__icon {
  display: none;
}

.button--no-icon .button__label {
  display: none;
}

.button__label {
  font-size: 10px;
  line-height: 19px;
  color: var(--grey-dark);
  display: none;
}

.button--disabled .button__label {
  opacity: 50%;
}

.system-input,
.system-input {
  width: 100%;
  height: 19px;
  line-height: 19px;
  border: 1px solid var(--grey);
  color: var(--black);
  border-radius: 2px;
}

.system-input,
.system-select {
  width: 100%;
  height: 21px;
  line-height: 19px;
  text-indent: 4px;
  border: none;
  border-radius: 4px;
  background: white;
  box-shadow: 0px 0px 0px 1px var(--grey) inset;
  color: var(--black);
  text-overflow: ellipsis;
}

.system-select .button-dropdown-wrapper.button--compact:hover,
system-select .button-dropdown-wrapper.button--compact:not(.button--disabled):hover {
  background: inherit;
}

.system-input.error {
  box-shadow: 0px 0px 0px 1px var(--red) inset;
}

.system-input-label {
  font-size: 13px;
}

.system-input-label--error {
  color: var(--red);
}

.system-input--error {
  box-shadow: 0px 0px 0px 1px var(--red) inset;
}

.system-select:not(system-select) {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAAEYFd0qAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAEqADAAQAAAABAAAADAAAAABmsbmMAAAB0ElEQVQoFXVTPUsDQRDd3TtzRBQbLVQCVoKF2GmTCIpgpVgFC7vk7hQjiL8gf0CIJCRGk8pCCDZWImghKvgDLLQSDaaxUGz8vFvfrLdJNLpwzMx7b+Zm5vYYC47jOL3KTSQcqZxUKtWnWZZMOpecIqIjkb5wtVp7MU0+BWZxUsvIN6WU81AdW5bZ+/b2eazIRMK90ZXrdYgJh0P9uVyuRr5tL836vrdPvhKRg8wTxuQ4+Y3DN8rl4mojDjy84hHP8x/EYqoFBGDb7grhHFm7sPN4bsvlrQFYdZJJ18NEgnMx8aNxsGcQxtDfHfqLcM4/S6Vim6A02pBKZyyKyvckoJgEZJUonU6/0vgE4Khlt7dbXd9hIKKA9iOEOfpNiGg2m61PqHpCkwtocifIfAiFjFihULgO4haDqdd8X64HRA1vHTKDwGpS97y/e1cY8LKzMxzLZDJPmnNdd8Tz2BmKdGgMS7QMwxD1L1epVIzDw6M9COYaIsg430eHC7gcR8DHmjkh+NL2dnGTsHohLcAd7fJ9diolG9bYH/ZgenpqJh6Pe5prKaQJ214elPLjHAW7NQb7wHlorFTK3TRhyv23kBbSX4S9RHH3L/L5fFXjv+0XGcKhbb/pxRwAAAAASUVORK5CYII=') white;
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center right 4px;
  padding-right: 16px;
  overflow: hidden;
}

system-select:hover,
.system-select__input,
.system-select:hover {
  cursor: default;
}

.system-input:focus,
.system-select:focus {
  outline: none;
  box-shadow: 0px 0px 0px 1px var(--blue) inset;
  z-index: 1;
}

.system-input[disabled],
.system-select[disabled] {
  background: var(--grey-light);
  color: var(--grey);
}

.system-select__input--placeholder {
  color: var(--grey-dark);
}

.system-input-label-with-checkbox,
.dashboard label.system-input-label-with-checkbox {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}

.system-input-label-with-checkbox:hover,
.system-input-label-with-checkbox input:hover {
  cursor: default;
}

.system-input-label-with-checkbox input[type="checkbox"] {
  margin-right: 7px;
}

.system-input-label-with-checkbox ~ .system-input--align-checkbox {
  width: calc(100% - 24px);
  max-width: calc(100% - 24px);
  margin-left: 24px;
}

.system-input-label-with-checkbox span {
  line-height: 20px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
   margin: 0;
}

input[type=number] {
  -moz-appearance:textfield; /* Firefox */
}system-input-text {
  overflow: hidden;
}

system-input-text .input-text {
  padding-left: 28px;
  height: 21px;
  display: flex;
  align-items: center;
  min-width: 28px;
}

system-input-text:not(.system-input-text--expanded):hover .button__icon {
/*  background: var(--white-dim);*/
  background: var(--grey-light-medium);
}

system-input-text.system-input-text--expanded .input-text {
  padding-right: 21px;
}

.input-text {
  position: relative;
}

.input-text system-button {  
  position: absolute;
  top: 0;  
}

.input-text__main-icon {
  --button-justity-content: start;
  --button-min-width: 100%;
  --button-padding: 2.5px 6px;  
  left: 0;  
}

.input-text__main-icon .button__icon {
  background: var(--grey-lighter);
}

.input-text__delete-icon {
  right: 0;
  width: auto;
  max-width: 21px;
  --button-padding: 3.5px 6px;
}

.input-text system-button,
.input-text system-button .button {
  width: 100%;
}

.input-text__input {
  display: flex;
  position: relative;
  width: 100%;
  background: transparent;
  border: 0;
  padding:0;
  margin: 0;
  outline: none;  
  z-index: 1;
  overflow: hidden;
  white-space: nowrap;
}

system-input-text:not(.system-input-text--expanded) system-button.input-text__delete-icon {
  display: none;
}

.system-input-text--copy,
.dashboard p.system-input-text--copy {
  position: relative;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}

.system-input-text--copy span {
  width: 100%;
  padding-right: 24px;
  font-size: 13px;
  text-indent: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.system-input-text--copy[disabled] span {
  color: var(--grey-darker);
  opacity: 0.75;
  cursor: default;
  user-select: none;
}

.system-input-text--copy system-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  --button-padding: 5px 2px;
  --button-min-width: 24px;
}.tab-bar {
  display: flex;
}

.tab-bar system-button[active="true"] {
  z-index: 1;
}

.tab-bar system-button:first-of-type {
  --button-border-top-right-radius: 0;
  --button-border-bottom-right-radius: 0;
  
}

.tab-bar system-button:first-of-type .button__icon {
  border-right: 0px solid transparent;
}

.tab-bar system-button:not(:first-of-type):not(:last-of-type) {
  margin-left: -1px;
}

.tab-bar .button__icon {
  position: relative;
  cursor: default;
}

.tab-bar .button--no-icon {
  --button-padding: 2.5px 7px;
}

.tab-bar .button--no-icon .button__icon {
  background: var(--grey-lighter);
}

.tab-bar .button--no-icon .button__icon .button__icon__label {
  font-size: var(--typography-h5-size);
  font-weight: var(--typography-h5-weight);
}

.tab-bar .button--no-icon.button--active .button__icon .button__icon__label,
.tab-bar .button--no-icon.button--active:active .button__icon .button__icon__label {
  
}

.tab-bar system-button:not(:first-of-type) .button__icon {
  border-left: 0px solid transparent;
}

.tab-bar system-button:not(:last-of-type) .button__icon {
  border-right: 0px solid transparent;
}

.tab-bar:hover system-button .button__icon {
/*  background: var(--white-dim);*/
  background: var(--grey-light-medium);
}


/* tab separator  */
.tab-bar system-button:not(:first-of-type) .button:not(.button--active) .button__icon::after {
  content: '';
  display: block;
  position: absolute;
  height: 9px;
  width: 1px;
  left: 0px;
  top: 5px;
  background: var(--grey);
}

.tab-bar:hover system-button:not(:first-of-type) .button:not(.button--active) .button__icon::after {
  background: var(--grey-medium);
}

.tab-bar system-button:not(:first-of-type):not(:last-of-type) {
  --button-border-top-left-radius: 0;
  --button-border-top-right-radius: 0;
  --button-border-bottom-left-radius: 0;
  --button-border-bottom-right-radius: 0;
}

.tab-bar system-button:last-of-type {
  --button-border-top-left-radius: 0;
  --button-border-bottom-left-radius: 0;
  margin-left: -1px;
}

.tab-bar-section--hidden {
  display: none !important;
}

.tab-bar .button__icon {
  width: 100%;
}.tree-root,
.tree-root .tree {
  width: 100%;
  height: 100%;
}

.tree {
  display: block;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}

.tree::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 7px;
  /*  background: linear-gradient(90deg, transparent 0%, var(--grey-light) 100%);*/

}
system-tree-node-virtual-item {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid var(--white-dim);
  background: var(--white-dim);
}

system-tree-node-virtual-item.system-tree-node-virtual-item--odd {
  background: var(--grey-light-dim);
  border: 1px solid var(--grey-light-dim);
}

.node {
  display: var(--node-display, flex);
  padding-left: 7px;
}

.node__body {
  width: 100%;
  will-change: contents;
}

.node__toggle {
  position: relative;
  display: block;
  width: 14px;
  min-width: 14px;
  height: 19px;
  z-index: 1;
  left: -2px;
}

.node__toggle system-icon {
  color: var(--grey-dark);
}

.node__toggle--enabled {

}

.node__toggle--loading {
  pointer-events: none;
}

.node__toggle.node__toggle--enabled.node__toggle--loading:not(.node__toggle--expanded)::after {
  border-left: 7px solid var(--grey);
}

.node__toggle.node__toggle--enabled.node__toggle--expanded.node__toggle--loading::after {
  border-top: 7px solid var(--grey);
}

.node--not-visible .node__toggle,
.node--not-visible .node__details__ifc-type,
.node--not-visible .node__details__name {
  opacity: 0.35;
}

.node__details {
  width: 100%;
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0px;
}

system-tree-node-virtual-item.system-tree-node-virtual-item--selected {
  background: var(--blue);
  user-select: text;
}

.spatial-tree__tree--selection-secondary system-tree-node-virtual-item.system-tree-node-virtual-item--selected,
.spatial-tree__tree--selection-secondary .system-tree-node-virtual-item--selected + .system-tree-node-virtual-item--selected::before {
  background: var(--grey-dark);
}

.system-tree-node-virtual-item--selected + .system-tree-node-virtual-item--selected {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow: visible;
}

.system-tree-node-virtual-item--selected + .system-tree-node-virtual-item--selected::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -4px;
  height: 4px;
  right: 0;
  background: var(--blue);
  z-index: 1;
}

.system-tree-node-virtual-item--selected + .system-tree-node-virtual-item--selected .node {
  position: relative;
}

.system-tree-node-virtual-item--selected + .system-tree-node-virtual-item--selected .node::before {
  content: '';
  display: block;
  position: absolute;
  left: 21px;
  right: 7px;
  top: -1px;
  height: 1px;
  background: var(--white-dim);
  opacity: 0.2;
  z-index: 1;
}

.system-tree-node-virtual-item--selected[has-children="true"] + .system-tree-node-virtual-item--selected .node::before {
  left: 7px;
}

system-tree-node-virtual-item.system-tree-node-virtual-item--selected .node__details__ifc-type {
  color: var(--white-dim);
}

system-tree-node-virtual-item.system-tree-node-virtual-item--selected .node__details__name,
system-tree-node-virtual-item.system-tree-node-virtual-item--selected .node__toggle system-icon {
  color: var(--grey-light);
}

/*.node--selected .node__details {
  background: var(--grey);
}

.node--selected .node__details::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -100vw;
  height: 100%;
  width: 100vw;
  background: var(--grey);
}

.node--selected .node__details,
.node--selected .node__details::before {
  box-shadow: 0px -1px var(--grey-light);
}*/

/*
.node__details::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 10px;
  background: var(--grey-light);
  background: linear-gradient(90deg, transparent 0%, var(--grey-light) 100%);
}
*/

/*.node--selected .node__details::after {
  background: var(--black);
}*/


.node__details__ifc-type,
.node__details__name {
  font-size: 13px;
  line-height: 19px;
  white-space: nowrap;
}

.node__details__ifc-type {
  font-weight: 600;
  color: var(--dark);  
}

.node__details__name {
  margin-left: 7px;
  padding-right: 7px;
  font-style: italic;
  font-feature-settings: 'zero' 0;
  color: var(--grey-dark);  
  overflow: hidden;
  text-overflow: ellipsis;
}

.node__children {
}


.node__toggle:not(.node__toggle--expanded) + .node__body .node__children {
  display: none;
}

/*
// .hide- system-tree-node:nth-of-type(10) ~ system-tree-node                                      
.node__child--hide-subsequent  ~ system-tree-node {
  display: none;
}
*/
.table {
  width: 100%;
/*  border-collapse: collapse;*/
  border-spacing: 0;
  margin-bottom: auto;
  font-feature-settings: 'zero' 1, 'calt' 0;
  border: 7px solid transparent;
}

.table.table--with-sections {
  table-layout: fixed;
}

.table--scrollable tbody {
  display: block;
  overflow-y: overlay;
}

.table--scrollable tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.table--show-10 tbody {
  max-height: 190px;
}

.table--show-5-fixed tbody {
  height: 95px;
}

.table--show-5 tbody {
  max-height: 95px;
}

.table__body {
  /*display: block;*/
  table-layout: fixed;
  width: 100%;
}


.table__head-row {
  border-bottom: 1px solid var(--grey);
}

.table__section:not(.table__section--hidden) .table__head-row + tr td .table__cell__copy-button {
  top: auto;
  margin-top: 2px;
}

.table tr {
  vertical-align: top;
  background: var(--grey-dim);
}

.table__cell--menu {
  position: relative;
}

.table__cell--menu span {
  position: relative;
  z-index: 1;
}

.table tr.table__row--selected td,
.table tr.table__row--selected th,
.table tr.table__row--selected td.table__cell--light,
.table:not(.table--no-alternate) tr:not(.table__head-row):nth-child(odd).table__row--selected td,
.table tr td.table__cell--selected,
.table tr td.table__cell--light.table__cell--selected,
.table:not(.table--no-alternate) tr:not(.table__head-row):nth-child(odd) td.table__cell--selected {
  background: var(--blue);
  color: var(--white-dim);
}

.table.table--selectcion-secondary tr.table__row--selected td,
.table.table--selectcion-secondary tr.table__row--selected th,
.table.table--selectcion-secondary tr.table__row--selected td.table__cell--light,
.table.table--selectcion-secondary:not(.table--no-alternate) tr:not(.table__head-row):nth-child(odd).table__row--selected td,
.table.table--selectcion-secondary tr td.table__cell--selected,
.table.table--selectcion-secondary tr td.table__cell--light.table__cell--selected,
.table.table--selectcion-secondary:not(.table--no-alternate) tr:not(.table__head-row):nth-child(odd) td.table__cell--selected {
  background: var(--grey-dark);
}

.table tr.table__row--selected .table__section-toggle system-icon,
.table tr.table__row--selected .table__head-cell__subsection {
  color: var(--grey-light);
}

.table__cell--menu system-dropdown {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  --icon-height: 14px;
  align-items: center;
}

.table__cell--menu system-dropdown .button-dropdown {
  display: none;
  padding-left: 14px;
}

.table__cell--menu:hover system-dropdown .button-dropdown,
.table__cell--menu system-dropdown .button-dropdown-wrapper.button-dropdown-wrapper--open .button-dropdown {
  display: inherit;
}

.table__cell--menu:hover system-dropdown {
  display: flex;
}

.table__cell--menu system-dropdown .button-dropdown-wrapper.button--compact:hover {
  background: inherit;
}

.table__head-cell--ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
}

.table__head-cell__subsection {  
  display: inline-block;
  margin-left: 7px;
  position: relative;
  color: var(--grey-dark);
  font-weight: 400;
}

.table tbody.table__section--hidden + tbody .table__head-row th {
  padding-top: 0;
}

.table tr th.table__cell--menu,
.table tr td.table__cell--menu,
.dashboard__table tr th,
.dashboard__table tr td {
  white-space: nowrap;
}

.table tr th {
  text-align: left;
  margin: 0;
  color: var(--black);
  font-weight: 600;
  overflow: visible;
}

.table tr th,
.table tr td {
  position: relative;
  white-space: pre;
  word-wrap: break-word;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 7px;
  padding: 0;
  font-size: 13px;
  line-height: 19px;
  overflow: hidden;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  background: var(--white-dim);
  border-color: var(--white-dim);
}

.virtual-table tr td {
  border-left: 1px solid transparent;
  user-select: none;
  -webkit-user-select: none;
}

.table:not(.table--no-alternate):not(.virtual-table) tr:not(.table__head-row):nth-child(odd):not(.table__row--selected) td,
.table:not(.table--no-alternate) tr:not(.table__head-row).virtual-table__row--even td {
  background: var(--grey-light-dim);
  border-color: var(--grey-light-dim);
}

.table:not(.table--no-alternate) tr:not(.table__head-row).virtual-table__row--even.virtual-table__row--selected td,
.table tr.virtual-table__row--selected td {
  background: var(--blue);
  color: var(--white-dim);
  border-color: var(--blue);
}

.table:not(.table--no-alternate) tr:not(.table__head-row).virtual-table__row--even.virtual-table__row--selected td + td,
.table:not(.table--no-alternate) tr:not(.table__head-row).virtual-table__row--even.virtual-table__row--selected td + td.table__cell--fail,
.table tr.virtual-table__row--selected td + td {
  border-left-color: var(--blue-light);
}

.table:not(.table--no-alternate) tr.virtual-table__row--selected + tr:not(.table__head-row).virtual-table__row--even.virtual-table__row--selected td,
.table:not(.table--no-alternate) tr.virtual-table__row--selected + tr:not(.table__head-row).virtual-table__row--even.virtual-table__row--selected td.table__cell--fail,
.table tr.virtual-table__row--selected + tr.virtual-table__row--selected td {
  border-top-color: var(--blue-light);
}

.table:not(.table--no-alternate) tr:not(.table__head-row).virtual-table__row--even.virtual-table__row--selected td.table__cell--lighter,
.table tr.virtual-table__row--selected td.table__cell--lighter {
  color: var(--grey);
}


.table tr th:first-of-type,
.table tr td:first-of-type {
  border-left-style: solid;
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.table tr th:last-of-type,
.table tr td:last-of-type {
  border-right-style: solid;
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;  
}

.table tr td:not(.table__cell--no-mask)::after,
.table__head-row th:not(.table__cell--no-mask):last-of-type::after {
  content: '';
  position: absolute;
  right: 0px;
  bottom:  0;
  height: 19px;
  width: 7px;
  /*  background:  linear-gradient(90deg, transparent 0%, var(--grey-light) 90%);*/
  z-index: 1;
}

.table tr:not(.table__head-row):nth-child(odd) td::after {
  /*    background:  linear-gradient(90deg, transparent 0%, var(--grey-lighter) 90%);*/
}

.table table__section tr td {
  padding-left: 7px;
}

.table .table__section tr th {
  padding-left: 7px;
  padding-right: 0px;
}

.table__section:not(.table__section--hidden) + .table__section tr th {
/*  padding-top: 21px;*/
}

.table__row--section-spacer {
  display: none;  
}

.table__row--section-spacer td {
  height: 21px;
  padding: 0;
  border: transparent;
  background: transparent;
  visibility: hidden;
}

.table__section:not(.table__section--hidden) + .table__section .table__row--section-spacer {
  display: inherit;
}

.table__section tr td:first-of-type {
  padding-left: 21px;
}

.table__section tr td:last-of-type {
  padding-right: 21px;
}

.table__cell--light,
.table tr td.table__cell--light {
  color: var(--grey-dark);
}

.table__cell--lighter {
  color: var(--grey);
}

.table__cell--mono {
/*  font-family: monospace;*/
  font-feature-settings: "tnum", 'zero' 1;
  text-align: right;
}

.table__cell--italic {
  font-style: italic;
}

.table__cell--highlight {
  background: var(--grey);
}

.table__cell--flash {
  /*background: var(--grey) !important;
  color: var(--black) !important;*/
  background: var(--blue) !important;
  color: var(--white-dim) !important;
  transition: background 0.25s ease-in-out;
}

.table__cell--badge {
  background: var(--grey);
  color: var(--grey-dark);
  border-radius: 4px;
  padding: 0 4px;
}

.table__cell--pass,
.table__cell--fail {
  border: 1px solid transparent;
}

.table__cell--pass {
/*  background: var(--green-light);*/
}

.table:not(.table--no-alternate) tr:not(.table__head-row).virtual-table__row--even td.table__cell--fail,
.table:not(.table--no-alternate) tr:not(.table__head-row).virtual-table__row--even td.table__cell--fail:last-of-type {
  background: var(--red-light-dim);
  border-color: var(--red-light-dim);
}

tr td.table__cell--fail,
tr td.table__cell--fail:last-of-type {
  background: var(--red-light);
  border-color: var(--red-light);
}

.table:not(.table--no-alternate) tr:not(.table__head-row).virtual-table__row--even.virtual-table__row--selected td.table__cell--fail,
.table:not(.table--no-alternate) tr:not(.table__head-row).virtual-table__row--even.virtual-table__row--selected td.table__cell--fail:last-of-type,
tr.virtual-table__row--selected td.table__cell--fail,
tr.virtual-table__row--selected td.table__cell--fail:last-of-type {
  background: var(--purple);
  border-color: var(--purple);
  /*border-bottom-color: var(--blue-light);
  border-left-color: var(--blue-light);*/
}

.table:not(.table--no-alternate) tr:not(.table__head-row).virtual-table__row--even.virtual-table__row--selected td.table__cell--fail + td.table__cell--fail,
tr.virtual-table__row--selected td.table__cell--fail + td.table__cell--fail {
  border-left-color: var(--blue-light);
}

.table__cell--fail.table__cell--lighter {
  color: var(--grey-medium);
}

.table__section-toggle {
  position: relative;
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  z-index: 1;
  user-select: none;
  top: 2.5px;
  left: -2px;
}

.table__section-toggle system-icon {
  display: flex;
  --icon-height: 14px;
  pointer-events: none;
  color: var(--grey-dark);
}

.table__section:not(.table__section--hidden) .table__section-toggle system-icon[icon="chevron-right"] {
  display: none;
}

.table__section.table__section--hidden .table__section-toggle system-icon[icon="chevron-down"] {
  display: none;
}

/*
.table__section-toggle::after {
  content: '';
  position: absolute;
  display: block;
  left: 1px;
  top: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid var(--grey-dark)
}

.table__section--hidden .table__section-toggle::after {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid var(--grey-dark);
}
*/

.table__section--hidden tr:not(.table__head-row) {
  display: none;
}

.table__cell__copy-button {
  display: none;
  height: 14px;
  width: 14px;
  position: absolute;
  right: 2px;
  top: 0.5px;
  user-select: none;
  background: transparent;
  z-index: 2;
  white-space: nowrap;
}

.table system-button:last-of-type.table__cell__copy-button,
.table system-button.table__cell__copy-button {
  --button-padding: 2px;
  margin-right: 0;
}

.table__row--selected .table__cell__copy-button:not(:hover) .button__icon svg {
  color: var(--grey-light);
}

th:hover .table__cell__copy-button,
td:hover .table__cell__copy-button {
  display: inline-block;
}

.table__cell__wrapper-flex {
  display: flex;
  flex-direction: row;
}

.table th input,
.table td input,
.table td select:not(.select--small) {
  width: 100%;
  height: 19px;
  line-height: 19px;
  color: var(--black);
  border: 0 solid transparent;
  padding: 0;
  background: transparent;
  text-overflow: ellipsis;
}

.table system-button {
  --button-padding:  2px;
  height: 19px;
  width: 19px;
}

.table system-button:last-of-type {
  margin-right: 5px;
}

.table th .table__section-toggle + input {
  width: calc(100% - 14px);
}

.table th input:focus,
.table td input:focus {
  outline: none;
  text-decoration: underline;
}

.table th input {
  font-weight: 600;
}

.table__align-right {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-left: 7px;
}

.table__td--align-right {
  display: flex;
  justify-content: end;
}

.dashboard__table.table.table.table--scrollable tbody tr td.table__td--align-right system-icon[icon="loader"] {
  right: 0;
  top: 2px;
}

.table__tr__visible-on-hover {
  visibility: hidden;
/*  display: none;*/
}

.table tr:hover .table__tr__visible-on-hover {
  visibility: visible;
/*  display: inherit;*/
}

.table__tr__td__inline-with-icon-wrapper {
  display: flex;
  align-items: center;
}

.table__tr__td__inline-with-icon-wrapper system-icon {
  display: flex;
  --icon-height: 13px;
  width: 21px;
  display: inline-flex;
  padding: 0;
  justify-content: center;
}system-virtual-table {
  position: relative;
  flex: 1;
  width: 100%;
  overflow-x: hidden;
  padding-top: 21px;
}

.virtual-table__scroller {
  display: block;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
}

.virtual-table__scroller--enable-horizontal-scroll {
  overflow-x: auto;
  overscroll-behavior-x: contain;
}

.virtual-table {
  table-layout: fixed;
}

.virtual-table__scroller--enable-horizontal-scroll .virtual-table {
  width: auto;
  min-width: 100%;
  border-top: 0 solid transparent;
}

.virtual-table__scroller--enable-horizontal-scroll .virtual-table.table tr th,
.virtual-table__scroller--enable-horizontal-scroll .virtual-table.table tr td {
  padding-left: 7px;
  padding-right: 7px;
}

.virtual-table__scroller--enable-horizontal-scroll .virtual-table.table tr th:after,
.virtual-table__scroller--enable-horizontal-scroll .virtual-table.table tr td:after {
  display: none;
}

.virtual-table__row--hidden {
  display: none;
}

.virtual-table__head {
  border-top: 0px;
  border-bottom: 0px;
  padding-left: 7px;
  padding-right: 7px;
}

.virtual-table__head thead {
  position: absolute;
  top: 0;
  z-index: 1;
}

.virtual-table tr {
  height: 19px;
}.modal__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  background: rgba(0,0,0,0.07);
}

.modal__sheet {
  padding: 21px;
  max-height: 80vh;
  min-width: 50vw;
  max-width: 80vw;
  border: 1px solid var(--grey);
  border-radius: 8px;  
  background: var(--grey-light);
  box-shadow: 0 21px 21px -4px rgb(0 0 0 / 36%);
}
.progress-bar {
  position: relative;
  border-radius: 4px;
  height: 7px;
  width: 100%;
  border: 1px solid var(--grey);
  background: var(--grey-light);
  overflow: hidden;
  margin: 14px 0 7px 0;
}

.progress-bar__progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: var(--grey-dark);
}

.progress-bar__details {
  color: var(--grey-dark);
  margin-top: 0;
}
.resizer-handler {
  position: absolute;
  height: 100%;
  width: 4px;
  cursor: col-resize;
  user-select: none;
  z-index: 10;
}

.resizer-handler--left {
  left:  0;
}

.resizer-handler--right {
  right:  0;
}

.show-reize-cursor {
  cursor: col-resize;
}

.resizer-resized {
  position: relative;
}

.system-sections-resizer > .section-panel {
  width: 100%;
}

system-sections-resizer .resizer-handler {
  top: 0;
}.ifc-map {
  display: flex;
  flex-direction: column;
  height: 63px;
  align-items: stretch;  
}

.ifc-map__connection {
  position: absolute;
  left: 7px;
  width: 14px;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  color: var(--grey-medium);
}

.ifc-map .ifc-map__selector,
.ifc-map .ifc-map__attribute-name {
/*  padding-right: 24px;*/
  padding-left: 21px;
}

.list__item--selected .ifc-map system-virtual-dropdown:not(.hidden) + .ifc-map__selector,
.list__item--selected .ifc-map system-virtual-dropdown:not(.hidden) + .ifc-map__attribute-name {
  padding-right: 24px;
}

.ifc-map input {
    padding-right: 7px;
}

.ifc-map input:not(:read-only):focus,
.ifc-map select:not(:read-only):focus {
  outline: none;
  box-shadow: 0px 0px 0px 1px var(--grey-dark) inset;
  z-index: 1;
}

.ifc-map__input-with-presets-wrapper {
  margin-left: -1px;
  position: relative;
  flex: 1;
}

.ifc-map__input-with-presets-wrapper system-dropdown,
.ifc-map__input-with-presets-wrapper system-virtual-dropdown {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
}

select.ifc-map__input_presets {
  position: absolute;
  top: 1px;
  right: 2px;
  bottom: 1px;
  width: 18px;
  height: 22px;
  box-shadow: 0px 0px 0px 0px transparent inset;
}

select.ifc-map__input_presets:focus {
  box-shadow: 0px 0px 0px 0px transparent inset;
}.ifc-rule {
  display: flex;
  flex-direction: column;
}

.ifc-rule__condition-wrapper {
  flex: 1;
  align-items: center;
}

.ifc-rule__condition-wrapper[condition="TEXT_HAS_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-presets__select,
.ifc-rule__condition-wrapper[condition="TEXT_HAS_MIN_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-presets__select,
.ifc-rule__condition-wrapper[condition="TEXT_HAS_MAX_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-presets__select,
.ifc-rule__condition-wrapper[condition="NOT_TEXT_HAS_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-presets__select,
.ifc-rule__condition-wrapper[condition="NOT_TEXT_HAS_MIN_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-presets__select,
.ifc-rule__condition-wrapper[condition="NOT_TEXT_HAS_MAX_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-presets__select,
.ifc-rule__condition-wrapper[condition="TEXT_MATCHES_GLOB"] + .ifc-rule__value-wrapper .ifc-rule__value-presets__select,
.ifc-rule__condition-wrapper[condition="NOT_TEXT_MATCHES_GLOB"] + .ifc-rule__value-wrapper .ifc-rule__value-presets__select,
.ifc-rule__condition-wrapper[condition="TEXT_MATCHES_REGEX"] + .ifc-rule__value-wrapper .ifc-rule__value-presets__select,
.ifc-rule__condition-wrapper[condition="NOT_TEXT_MATCHES_REGEX"] + .ifc-rule__value-wrapper .ifc-rule__value-presets__select {
 display: none;
}

.ifc-rule__condition-wrapper ~ .system-input,
.ifc-rule__condition-wrapper ~ .system-select,
.ifc-rule__condition-wrapper ~ .ifc-rule__value-wrapper {
  flex: 1.4;
}

.ifc-rule__condition-wrapper,
.ifc-rule__value-wrapper {
  position: relative;
  display: flex;
}

.ifc-rule__value-wrapper--with-presets-input .ifc-rule__value-text,
.ifc-rule__value-wrapper--with-presets-input .ifc-rule__value-number,
.ifc-rule__value-wrapper--with-presets-input .ifc-rule__value-text-list .token-field {
  padding-right: 24px;
}

.ifc-rule__condition-wrapper[condition="TEXT_HAS_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-text,
.ifc-rule__condition-wrapper[condition="TEXT_HAS_MIN_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-text,
.ifc-rule__condition-wrapper[condition="TEXT_HAS_MAX_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-text,
.ifc-rule__condition-wrapper[condition="NOT_TEXT_HAS_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-text,
.ifc-rule__condition-wrapper[condition="NOT_TEXT_HAS_MIN_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-text,
.ifc-rule__condition-wrapper[condition="NOT_TEXT_HAS_MAX_LENGTH"] + .ifc-rule__value-wrapper .ifc-rule__value-text,
.ifc-rule__condition-wrapper[condition="TEXT_MATCHES_GLOB"] + .ifc-rule__value-wrapper .ifc-rule__value-text,
.ifc-rule__condition-wrapper[condition="NOT_TEXT_MATCHES_GLOB"] + .ifc-rule__value-wrapper .ifc-rule__value-text,
.ifc-rule__condition-wrapper[condition="TEXT_MATCHES_REGEX"] + .ifc-rule__value-wrapper .ifc-rule__value-text,
.ifc-rule__condition-wrapper[condition="NOT_TEXT_MATCHES_REGEX"] + .ifc-rule__value-wrapper .ifc-rule__value-text {
 padding-right: 7px;
}

.ifc-rule__value-wrapper--with-presets-input .ifc-rule__value-text:focus,
.ifc-rule__value-wrapper--with-presets-input .ifc-rule__value-number:focus {
  z-index: auto;
}

.ifc-rule__value-number {
  /*  font-family: monospace;*/
  font-feature-settings: "tnum", 'zero' 1;
}

.ifc-rule__value-boolean .system-select__input {
  font-style: italic;
}

.ifc-rule__input_presets {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.ifc-rule__value-nothing:not(.hidden) ~ .ifc-rule__value-presets__select,
.ifc-rule__value-boolean:not(.hidden) ~ .ifc-rule__value-presets__select,
.ifc-rule__value-nothing:not(.hidden) ~ .ifc-rule__value-presets__select {
  display: none;
}

.ifc-rule__value-wrapper .ifc-rule__value-text-list {
  height: auto;
}

.ifc-rule__condition-wrapper system-input:focus {
  z-index: auto;
}

.ifc-rule__condition-type-icon {
  position: absolute;
  left: 7px;
  font-size: 8px;
  text-align: center;
  line-height: 14px;
  height: 14px;
  width: 14px;
  color: var(--grey-dark);
  background: var(--grey-lighter);
  border-radius: 4px;
  font-weight: 600;
  cursor: default;
  z-index: 1;
}

.ifc-rule__condition-type-icon system-icon {
  color: var(--grey-dark);
  --icon-height: 8px;
}

.ifc-rule__condition-type-icon--number span {
  font-size: 7px;
  margin-left: 0px;
  letter-spacing: -0.5px;
}

.ifc-rule__condition .system-select__input {
  padding-left: 21px;
}

/*
.ifc-rule__condition-type-icon:not(.hidden) ~ .ifc-rule__condition .system-select__input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
*/.ifc-criteria {
  display: flex;  
}

.ifc-criteria system-ifc-map,
.ifc-criteria system-ifc-criteria-condition {
  padding: 0 7px;
}

/*.ifc-criteria .system-input,
.ifc-criteria .system-select {
  height: 21px;
  line-height: 21px;
  background: transparent;
  box-shadow: 0 0 transparent;  
}*/

.ifc-criteria .system-ifc-map {
  padding: 0 7px;
}

.ifc-criteria system-ifc-map {
  flex: 1;
}

.ifc-criteria system-ifc-criteria-condition {
  flex: 1;
}

.ifc-rule__condition-wrapper:hover .ifc-rule__condition {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;  
}

.ifc-rule__condition__button-condition-menu {
  width: 22px;
  height: 24px;
  margin-right: -1px;
  background: white;
  box-shadow: 0px 0px 0px 1px var(--grey) inset;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ifc-rule__condition-wrapper:not(:hover) .ifc-rule__condition__button-condition-menu {
  display: none;
}

/*.filter-details__criteria .list__item {
  height: 84px;
  display: flex;
  flex-direction: column;
}

.filter-details__criteria .list__item,
.filter-details__criteria .list__item.list__item--odd {
  background: var(--white-dim);
  border-color: var(--white-dim);
}

.filter-details__criteria .list__item system-ifc-criteria {
  border-radius: 10px;
  background: var(--grey-light-dim);
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria {
  background: var(--blue);
}

.filter-details__criteria .list__item system-ifc-criteria:not(.system-ifc-criteria--editable) input {
  pointer-events: none;
}

.filter-details__criteria .list__item system-ifc-criteria:not(.system-ifc-criteria--editable) .system-input {
  cursor: default;
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria,
.filter-details__criteria .list__item.list__item--selected system-ifc-criteria .system-input,
.filter-details__criteria .list__item.list__item--selected system-ifc-criteria .system-input::placeholder,
.filter-details__criteria .list__item.list__item--selected system-ifc-criteria system-dropdown .button__icon svg,
.filter-details__criteria .list__item.list__item--selected system-ifc-criteria system-virtual-dropdown .button__icon svg {
  color: var(--white-dim);
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria input:focus ~ system-virtual-dropdown .button__icon svg {
  color: var(--grey-dark);
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria .ifc-map__connection {
  color: var(--grey);
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria input:focus + .ifc-map__connection {
  color: var(--grey-medium);
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable .system-input {
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 1px var(--blue) inset;
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable .button--compact {
  --button-hover-color: transparent;
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable {
  --button-padding: 4px;
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable .system-input:focus,
.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable system-dropdown:focus,
.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable system-virtual-dropdown:focus {
  background: var(--white-dim);
  box-shadow: 0 0 0 1px var(--blue) inset;
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable .system-input:focus::placeholder {
  color: var(--grey-medium);
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable .system-input:focus + system-dropdown .button__icon svg {
  color: var(--grey-dark);
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable ,
.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable .system-input:focus,
.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable system-dropdown:focus .button__icon svg,
.filter-details__criteria .list__item.list__item--selected system-ifc-criteria.system-ifc-criteria--editable system-virtual-dropdown:focus .button__icon svg {
  color: var(--grey-dark);
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria .ifc-rule__condition-type-icon {
  color: var(--grey-dark);

}

.filter-details__criteria .list__item system-ifc-criteria system-ifc-criteria-condition {
  position: relative;
}

.filter-details__criteria .list__item system-ifc-criteria system-ifc-criteria-condition::before {
  content: '';
  display: block;  
  width: 1px;
  top: 9px;
  bottom: 9px;
  left: 0px;
  position: absolute;
  background: var(--grey-medium);
  background: repeating-linear-gradient(0deg, var(--grey-medium), var(--grey-medium) 4px, transparent 4px, transparent 7px);
}

.filter-details__criteria .list__item.list__item--selected system-ifc-criteria system-ifc-criteria-condition::before {
  background: var(--grey);
  background: repeating-linear-gradient(0deg, var(--grey), var(--grey) 4px, transparent 4px, transparent 7px);
}

.filter-details__criteria .list__item system-ifc-criteria system-ifc-criteria-condition .ifc-rule__condition-type-icon {
  background: var(--white-dim);
}*/.filter {
  padding-left: 7px;
  border-bottom: 1px solid var(--grey);
}

.filter system-button {
  --button-padding: 2px;
}

.filter system-button:first-of-type {
  padding-left: 3px;
}

.filter system-button {
  --button-min-width: 21px;
}

.filter system-button:last-of-type {
  padding-right: 3px;
}

.filter__head {
  position: relative;
  display: flex;
  flex-direction: row;
}

.filter__toggle-details {
  position: relative;
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  z-index: 1;
  user-select: none;
}

.filter__toggle-details::after {
  content: '';
  position: absolute;
  display: block;
  left: 1px;
  top: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid var(--grey-dark)
}

.filter--details-hidden .filter__toggle-details::after {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid var(--grey-dark);
}

.filter__name {
  width: 100%;
  height: 19px;
  line-height: 19px;
  margin-right: 2px;
  color: var(--black);
  font-weight: 600;
  border: 0 solid transparent;
  padding: 0;
  background: transparent;
  text-overflow: ellipsis;
}

.filter__name:focus {
  outline: none;
  border-bottom: 1px solid var(--grey-dark);
}

.filter__head system-button,
.filter__criteria-row system-button {
  opacity: 0;
}

.filter:hover .filter__head system-button, 
.filter__criteria-row:hover system-button {
  opacity: 1;
}

.filter__details {
  padding-left: 14px;
  padding-bottom: 19px;
}

.filter--details-hidden .filter__details {
  display: none;
}

.filter__criteria_header {
  display: flex;
}

.filter__criteria_header h5 {
  color: var(--grey-dark);
  flex: 1;
}

.filter__criteria_header_mapping-column,
.filter__criteria_header_condition-column {
  display: flex;
}

.filter__criteria_header_mapping-column {
  flex: 3;
}

.filter__criteria_header_condition-column {
  flex: 2.4;
}

.filter__criteria_header_condition-column h5:first-of-type {
  padding-left: 4px;
  padding-right: 7px;
}

.filter__criteria_header_condition-column h5:last-of-type {
  flex: 1.4;
}

.filter__criteria {
  display: flex;
  flex-direction: column;
}

.filter__criteria-row {
  display: flex;
  align-items: center;
  padding: 3px 0;
}

.filter__criteria-row:nth-child(even) {
  padding: 0;
}

.filter__criteria-row system-ifc-criteria {
  width: 100%;
}.collapsable-section {
  padding-left: 7px;
  border-bottom: 1px solid var(--grey);
}

.collapsable-section system-button {
  --button-padding: 2.5px;
}

.collapsable-section system-button {
  --button-min-width: 20px;  
}

.collapsable-section__head {
  position: relative;
  display: flex;
  flex-direction: row;
}

.collapsable-section__toggle-details {
  position: relative;
  display: inline-block;
  width: 14px;
  min-width: 14px;
  height: 14px;
  z-index: 1;
  user-select: none;
}

.collapsable-section__toggle-details::after {
  content: '';
  position: absolute;
  display: block;
  left: 1px;
  top: 6px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid var(--grey-dark)
}

.collapsable-section--details-hidden .collapsable-section__toggle-details::after {
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid var(--grey-dark);
}

.collapsable-section__name {
  width: 100%;
  height: 19px;
  font-size: 13px;
  line-height: 19px;
  margin-right: 2px;
  color: var(--black);
  font-weight: 600;
  border: 0 solid transparent;
  padding: 0;
  background: transparent;
  text-overflow: ellipsis;
}

.collapsable-section__name:focus {
  outline: none;
  border-bottom: 1px solid var(--grey-dark);
}

.collapsable-section__details-row {
  align-items: center;
}

.collapsable-section__head system-button,
.collapsable-section__details-row system-button {
  opacity: 0;
  --button-padding: 2.5px;
  margin-right: 3px;
}

.collapsable-section__details-row system-button:first-of-type {
  margin-left: 3px;
}

.collapsable-section:hover .collapsable-section__head system-button, 
.collapsable-section__details-row:hover system-button {
  opacity: 1;  
}

.collapsable-section__head system-button:last-of-type,
.collapsable-section__details-row system-button:last-of-type {
  /*  padding-right: 3px;*/
}

.collapsable-section__details {
  padding-top: 7px;
  padding-left: 14px;
  padding-bottom: 19px;
}

.collapsable-section--details-hidden .collapsable-section__details {
  display: none;
}

.collapsable-section__details_header {
  display: flex;
}

.collapsable-section__details_header h5 {
  color: var(--grey-dark);
  flex: 1;
}

.collapsable-section__details_header__column {
  display: flex;
}.table-definition-column {
  display: flex;
}

.table-definition-column__name,
.table-definition-column system-ifc-map, 
.table-definition-column .table-definition-column__rule {
  flex: 1;
}

.table-definition-column__name {
  margin: 0 7px;
}

.table-definition-column system-ifc-map, 
.table-definition-column .table-definition-column__rule {
  padding: 0 7px;
}.table-definition {
  
}

.table-definition__filter-wrapper {
  display: flex;
  flex-direction: column;
}

.table-definition__filter-wrapper + .collapsable-section__details_header {
  margin-top: 7px;
}

.table-definition__filter {  
  display: flex;
  align-self: flex-start;
}

.table-definition__columns-header__name-column {
  flex: 1.4;
  white-space: nowrap;
  padding-right: 4px;
}

.table-definition__columns-header__mapping-column {
  flex: 3;
}

.table-definition__columns-header__rule-column {
  flex: 1.4;
}

.table-definition__columns-header__mapping-column,
.table-definition__columns-header__rule-column {
  margin-left: 7px;
}

.table-definition__columns-header__rule-column {
/*  padding-right: 16px;*/
}

.table-definition__column-row {
  display: flex;
  align-items: center;
  padding: 3px 0;
}

.table-definition__column-row system-table-definition-column {
  flex: 1;
  align-items: center;
}.rule-definition {

}

.rule-definition__criteria-row {
  display: flex;
  padding: 3px 0;
}

.collapsable-section__details_header,
.rule-definition__criteria-row system-ifc-criteria-condition {
  flex: 1;
}

.collapsable-section__details_header__column {
  flex: 1;
}

.rule-definition .collapsable-section__details_header__column:last-of-type {
  flex: 1.4;
}

.collapsable-section__details_header__column:first-of-type {
  margin-right: 7px;
}

/*.rule-definition__criteria-row system-button {
  --button-padding: 5px 0;
}*/

.rule-definition__criteria-row system-button:first-of-type {
  padding-left: 3px;
}

system-rule-criteria {
  height: 63px;
  padding: 0 7px;
}.token-field {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: auto;
  padding: 0 4px;
}

.token-field__input {
  border: 0px solid transparent;
  outline: none;
  padding: 0;
  flex: 1;
  line-height: 20px;
  margin-top: 1px;
  text-indent: 4px;
  width: 100%;
  min-width: 28px;
  z-index: 1;
  background: transparent;
}

.token-field__focus-state {
  display: none;
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 1px;
  right: 1px;
  background: var(--white-dim);
  border-radius: 4px;
  z-index: 0;
}

.configuration-criteria-list__card--editable .token-field__focus-state,
.token-field__input:focus ~ .token-field__focus-state {
  display: inherit;
}

.configuration-criteria-list__card--editable .token-field__focus-state {
  background: rgba(255, 255, 255, 0.16);
}

.token-field__input:focus ~ .token-field__focus-state {
  background: var(--white-dim);
  box-shadow: 0 0 0 1px var(--blue) inset;
}

.configuration-criteria-list .list__item:not(.list__item--selected) .configuration-criteria-list__card system-token-field,
.configuration-criteria-list:not([selected-items-count="1"]) .list__item.list__item--selected .configuration-criteria-list__card system-token-field {
  height: 41px;
  overflow: overlay;
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card system-token-field .token-field.system-input {
  background: var(--blue);
  border-radius: 5px;
  padding-bottom: 1px;
  z-index: 10;
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable system-token-field.system-input {
  background: transparent;
  box-shadow: 0 0 transparent;
}

.token-field__value-presets__select {
  z-index: 1;
}

.token-field__token {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--white-dim);
  border-radius: 4px;
  margin-top: 1px;
  margin-right: 2px;
  white-space: nowrap;
  font-size: 13px;
  line-height: 18px;
  padding-left: 8px;
  padding-right: 8px;
  text-indent: 0;
  z-index: 1;
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable system-token-field .token-field__token,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card system-token-field .token-field__token {
  color: var(--black);  
  background: var(--grey-light-medium);
}

.token-field__token span {
  white-space: pre-wrap;
}

.token-field:not(.token-field--disabled) .token-field__token:hover,
.section-panel__compact-buttons .token-field__token:hover {
  padding-right: 16px;
  padding-left: 0px;
}

system-token-field .token-field__token system-button,
.token-field__token system-button {
  display: none;
  --button-padding: 0;
  --button-min-width: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
  top: 2px;
  opacity: 1;
}

.token-field:not(.token-field--disabled) .token-field__token:hover system-button,
.section-panel__compact-buttons .token-field__token:hover system-button {
  display: inherit;
  padding: 0;
  margin-right: 2px;
}

.token-field__token .button__icon__icon {
  width: 14px;
  height: 14px;
}.validations-summary {
  display: flex;
  flex-direction: column;
}

.validations-summary__checks {
  display: flex;
  flex-direction: row;
  margin-top: 21px;
}

.validations-summary__file {
  display: flex;
  flex-direction: row;
}

.validations-summary__file__labels {
  padding-right: 14px;
}

.validations-summary__file__labels p {
  font-weight: 600;
}

.validations-summary__file__values {
  overflow: hidden;
}

.validations-summary__file p {
  font-size: var(--typography-p-small-size);
  line-height: var(--typography-p-height);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.validations-summary__score {
  flex: 1;
  display: flex;
  padding-right: 16px;
}

.validations-summary__score system-gauge {
  margin-left: 16px;
}

.validations-summary__score system-gauge:first-of-type {
  margin-left: auto;
}

.validations-summary__info p span {
  color: var(--grey-dark);
}

.validations-summary table {
  border: 0;
  table-layout: fixed;
  max-width: 100%;
}

.validations-summary table td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}system-gauge {
  display: flex;
}

system-gauge.system-gauge--big {
  width: 84px;
  font-size: 21px;
}

system-gauge[size="small"] {
  width: 16px;
  height: 16px;
}

.gauge {
  position: relative;
  display: flex;
  width: 100%;
  padding-bottom: 100%;
}

.gauge svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
}

.gauge svg text {
  font-family: "Inter", Helvetica, Arial, sans-serif;
  fill: var(--grey-darker);
}

system-gauge[size="small"] svg text {
  display: none;
}

.gauge svg .gauge__score-text {
  font-size: 100%;
  font-weight: 600;
}

.gauge svg .gauge__score-text-percent {
  font-size: 60%;
}

.gauge__label {
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  color: var(--grey-dark);
  bottom: 23%;
  left: 22%;
  width: 56%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}

.gauge__label:hover {
  background: var(--grey-light);
  text-shadow: 1px 1px var(--grey-light), -1px 1px var(--grey-light);
  white-space: normal;
  overflow: visible;
}table-validation {

}

.table-validation__name,
.table-validation__column-row__name {
  flex: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-validation__name {
  display: flex;
  align-items: center;
}

.table-validation__name span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table-validation__name__warning {
  width: 14px;
  height: 14px;
  display: flex;
  color: var(--grey-dark);
  margin-left: 7px;
}

.table-validation__elements,
.table-validation__validation span,
.table-validation__column-row__validation {
  font-size: 13px;
  line-height: 19px;
}

.table-validation__elements {
  flex: 0.5;
  min-width: 56px;
  text-align: right;
}

.table-validation__validation,
.table-validation__column-row__validation {
  display: flex;
  flex: 0.5;
  padding-right: 3px;
}

.table-validation__validation {
  min-width: 112px;
}

.table-validation__validation span,
.table-validation__column-row__validation span {
  min-width: 16px;
  text-align: center;
  margin-left: auto;  
}

.table-validation__validation system-gauge,
.table-validation__column-row__validation system-gauge {
  margin-left: 7px;
  margin-top: 2px;
}

.table-validation__column-row {
  display: flex;
}

.table-validation__column-row:nth-child(odd) {
  background: var(--grey-lighter);
  box-shadow: -21px 0 var(--grey-lighter);
}

.table-validation__column-row__name {
  font-weight: 400;
  color: var(--grey-dark);
} 

.table-validation__column-row:hover .table-validation__column-row__name {
  color: var(--black);
}

.table-validation__columns-header__name-column {
  flex: 1;
}

.table-validation__columns-header__validation-result {
  min-width: 80px;
  margin-left: auto;
}

.table-validation--validation-hidden .table-validation__validation,
.table-validation--validation-hidden .table-validation__column-row__validation,
.table-validation--validation-hidden .table-validation__columns-header__validation-result {
  opacity: 0;
}

.table-validation .collapsable-section__head  system-gauge,
.table-validation__column-row__validation system-gauge {
  opacity: 0.5;
}

.table-validation:hover .collapsable-section__head  system-gauge,
.table-validation__column-row:hover .table-validation__column-row__validation system-gauge {
  opacity: 1;
}.filter-preview__filter-name {
  font-weight: 600;
}

.filter-preview .section-panel__virtual-table-wrapper,
.filter-preview__help,
.filter-preview__upload-file,
.filter-preview__error,
.filter-preview__no-results {
  display: none;
}

.filter-preview--show-filter .filter-preview__title,
.filter-preview--show-filter .section-panel__compact-buttons,
.filter-preview--show-filter .section-panel__table-wrapper,
.filter-preview--show-filter:not(.filter-preview--show-missing-file-message):not(.filter-preview--show-no-results) .section-panel__virtual-table-wrapper,
.filter-preview--show-help .filter-preview__help,
.filter-preview--show-missing-file-message .filter-preview__upload-file,
.filter-preview--show-error .filter-preview__error,
.filter-preview--show-no-results .filter-preview__no-results {
  display: inherit;
}

.filter-preview__filter-name {
  color: var(--black);
  padding-left: 4px;
}
.table-preview__table-name {
  font-weight: 600;
}

.table-preview .table-preview__title___,
.table-preview .section-panel__compact-buttons___,
.table-preview .section-panel__virtual-table-wrapper,
.table-preview__help,
.table-preview__upload-file,
.table-preview__error,
.table-preview__no-results,
.table-preview__filter-no-results {
  display: none;
}

.table-preview--show-table .table-preview__title,
.table-preview--show-table .section-panel__compact-buttons,
.table-preview--show-table .section-panel__table-wrapper,
.table-preview--show-table:not(.table-preview--show-missing-file-message):not(.table-preview--show-no-results) .section-panel__virtual-table-wrapper,
.table-preview--show-help .table-preview__help,
.table-preview--show-missing-file-message .table-preview__upload-file,
.table-preview--show-error .table-preview__error,
.table-preview--show-no-results .table-preview__no-results,
.table-preview--show-filter-no-results .table-preview__filter-no-results {
  display: inherit;
}

.table-preview__table-name,
.table-preview__table-rows-count {
  color: var(--black);
  padding-left: 4px;
}

.section-panel__compact-buttons h5 span.table-preview__table-rows-count {
  overflow: visible;
  padding-right: 4px;
}

.table-preview--show-filter-no-results .section-panel__virtual-table-wrapper {
  max-height: 0;
}

.table-preview__filter-no-results-reset-button:hover {
  cursor: pointer;
}.button--dropdown .button__icon {
  position: relative;
  padding-left: 4px;
}

.button-dropdown-wrapper {
  position: relative;
}

system-dropdown:hover,
system-virtual-dropdown:hover {
  cursor: default;
}

system-dropdown[disabled="true"],
system-virtual-dropdown[disabled="true"] {
  pointer-events: none;  
}

system-dropdown[disabled="true"] .button__icon svg,
system-dropdown[disabled="true"] .button__icon system-icon,
system-dropdown[disabled="true"] .button__icon__label {
  opacity: 50%;
}

system-dropdown:focus,
system-virtual-dropdown:focus {
  outline: none;
/*  box-shadow: 0px 0px 0px 1px var(--grey-dark) inset;*/
  border-radius: 4px;  
}

system-dropdown .button--compact:not(.button--disabled):hover,
system-virtual-dropdown .button--compact:not(.button--disabled):hover,
system-dropdown .button--compact:not(.button--disabled):not(.button--active):active .button__icon,
system-virtual-dropdown .button--compact:not(.button--disabled):not(.button--active):active .button__icon {
  background: inherit;
}

system-dropdown .button-dropdown-wrapper.button.button--compact:active .button__icon {
  background: inherit;
}

.button-dropdown-wrapper--open .button--dropdown .button__icon {
  background: var(--grey-light);
}

.button-dropdown-wrapper .button--dropdown + select {
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.button-dropdown-wrapper .button-dropdown__dropdown-off-click,
.button-dropdown__dropdown-off-click {
  position: fixed;
  background: transparent;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
  cursor: default;
}

.button-dropdown-wrapper .button-dropdown__dropdown,
.button-dropdown__dropdown {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: absolute;
  top: 30px;
  left: 0;
  padding: 4px;
  min-width: 168px;
  background: var(--grey-light);
  border: 1px solid var(--grey);
  border-radius: 4px;
  z-index: 10;
  box-shadow: 0 7px 14px -7px rgb(0 0 0 / 36%);
  cursor: default;
}

.button-dropdown-wrapper:not(.button-dropdown-wrapper--open) .button-dropdown__dropdown,
.button-dropdown-wrapper:not(.button-dropdown-wrapper--open) .button-dropdown__dropdown-off-click,
.button-dropdown__dropdown.button-dropdown__dropdown--hidden,
.button-dropdown__dropdown-off-click.button-dropdown__dropdown-off-click--hidden {
  display: none;
}

.button-dropdown__dropdown.button-dropdown__dropdown--right {
  left: auto;
  right: 0;
}

.button-dropdown-wrapper.button-dropdown-wrapper--open .button-dropdown__dropdown,
.button-dropdown-wrapper.button-dropdown-wrapper--open .button-dropdown__dropdown-off-click,
.button-dropdown__dropdown.button-dropdown__dropdown--visible,
.button-dropdown__dropdown-off-click.button-dropdown__dropdown-off-click--visible {
  display: flex;
}

.button-dropdown-wrapper.button-dropdown-wrapper--open .button-dropdown__dropdown.button-dropdown__virtual-dropdown,
.button-dropdown__dropdown.button-dropdown__virtual-dropdown--visible {
  display: block;
}

.button-dropdown__dropdown li {
  display: flex;
  font-size: 13px;
  line-height: 19px;
  min-height: 19px;
  padding: 0 7px;
  border-radius: 2px;
}

.button-dropdown__dropdown li[disabled="true"] {
  color: var(--grey);
  pointer-events: none;
}

.button-dropdown__dropdown li[disabled="true"]:hover {
  background: transparent;
}

.button-dropdown__dropdown li > system-icon,
.button-dropdown__dropdown li > span,
.button-dropdown__dropdown li a > system-icon,
.button-dropdown__dropdown li a > span {
  pointer-events: none;
}

.button-dropdown__dropdown li span {
  white-space: nowrap;
}

.button-dropdown__dropdown li,
.button-dropdown__dropdown li a {
  text-decoration: none;
  color: var(--dark);
}

.button-dropdown__dropdown li label,
.button-dropdown__dropdown li a {
  display: flex;
  flex: 1;
  cursor: default;
  white-space: nowrap;
}

.button-dropdown__dropdown li system-icon {
  --icon-height: 13px;
  margin-right: 7px;
}

.button-dropdown__dropdown li.button-dropdown__dropdown__item--title {
  margin-bottom: 3px;
  color: var(--grey-dark);
}

.button-dropdown__dropdown li.button-dropdown__dropdown__item--title:not(:first-of-type) {
  margin-top: 7px;
}

.button-dropdown__dropdown:not(.button-dropdown-wrapper--enable-keyboard-highlighted) li:not(.button-dropdown__dropdown__item--disabled):hover,
.button-dropdown-wrapper--enable-keyboard-highlighted .button-dropdown__dropdown__item--highlighted {
  background: var(--grey);
  cursor: default;
}

.button-dropdown__dropdown__item--active {
  font-weight: bold;
}

li.button-dropdown__dropdown__item--disabled {
  color: var(--grey);
  pointer-events: none;
  cursor: default;
}

.button-dropdown-wrapper .button--dropdown .button__icon:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAUCAYAAAGSfa+jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAJKADAAQAAAABAAAAFAAAAACo53lAAAACDUlEQVRIDc1UsU7DMBCNo0oMUKT8BUJCDIi13eEjGJImYugWJH4BKTsqTSS+goWpHRGs8Be0KnRrMb64z7HTJA1pByxF57t79/xyudgKguDY0la/399LXdf1OW1gFcYIhGG4j4ygOmUITKfzozi+f0uTCJKTIiaT2bfjHB5EUTRHueddn3G+fE2SB8YQpEoCt1qsu1jwESWRI2kz5eQ2yNki3jYkr4CrWFvVUUAH5n11rg6iakOTohObPANyTCRIeHp2vg0A5S3aQ3HGWBLHAy+VhBahoIxQJyCsLlu9GyXKCKsIqI6WQSRD64SI6woQq2VpSD0viGuBPc9/Ec9jLbAGytfZnFvn4rly3WCk4Sq3QuUn6gAUI8nG0uGdOmSShDtUY9vsFkRpsyUB78ggGyfJoAuAbvMkw+HgDnn11TaRVZEQmSIip4xsE8kaURGZuCJOOM96or8O4bEMRQiaymSUGltGQohCIkroZJtICF+5er0g9H3/shK0SjKaUBquDMzGjtO+0G/VLLfdjn5+y/p5Rs+JTbztjWhZBOaW2LyLRxPEO3R7ixbtTFgmZJn+EDicLGP8w/DJkdfZ15Nl4ScxII2FZULkFOqsZXNgDNGuhDURArGGIASbCttGCM4uFIRkXWG7EIIzKwUBVC0MKNOWzYiJWvdqCUJZHWFNheCMPwlCUZGwbYWA+9/ZXwLyadQqkkCWAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: center right 6px;
  transition: background-position-y 0.14s ease-in-out;
}

select.system-input,
select.select--small {
  appearance: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAUCAYAAAGSfa+jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAJKADAAQAAAABAAAAFAAAAACo53lAAAACDUlEQVRIDc1UsU7DMBCNo0oMUKT8BUJCDIi13eEjGJImYugWJH4BKTsqTSS+goWpHRGs8Be0KnRrMb64z7HTJA1pByxF57t79/xyudgKguDY0la/399LXdf1OW1gFcYIhGG4j4ygOmUITKfzozi+f0uTCJKTIiaT2bfjHB5EUTRHueddn3G+fE2SB8YQpEoCt1qsu1jwESWRI2kz5eQ2yNki3jYkr4CrWFvVUUAH5n11rg6iakOTohObPANyTCRIeHp2vg0A5S3aQ3HGWBLHAy+VhBahoIxQJyCsLlu9GyXKCKsIqI6WQSRD64SI6woQq2VpSD0viGuBPc9/Ec9jLbAGytfZnFvn4rly3WCk4Sq3QuUn6gAUI8nG0uGdOmSShDtUY9vsFkRpsyUB78ggGyfJoAuAbvMkw+HgDnn11TaRVZEQmSIip4xsE8kaURGZuCJOOM96or8O4bEMRQiaymSUGltGQohCIkroZJtICF+5er0g9H3/shK0SjKaUBquDMzGjtO+0G/VLLfdjn5+y/p5Rs+JTbztjWhZBOaW2LyLRxPEO3R7ixbtTFgmZJn+EDicLGP8w/DJkdfZ15Nl4ScxII2FZULkFOqsZXNgDNGuhDURArGGIASbCttGCM4uFIRkXWG7EIIzKwUBVC0MKNOWzYiJWvdqCUJZHWFNheCMPwlCUZGwbYWA+9/ZXwLyadQqkkCWAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: center right 6px;
  padding-right: 21px;
}



.button-dropdown-wrapper:hover .button--dropdown .button__icon:after {
  background-position-y: 9px;
}

.system-select-wrapper {
  position: relative;
}

.system-select__input {
  padding-right: 24px;
  font-size: 13px;
  display: flex;
  align-items: center;
}

.system-select__dropdown {
  position: absolute;
  right: 0;
  top: 0;
}

.system-select--read-only .system-select__input {
  padding-right: 0;
}/* Drag & Drop */
.dad-wrapper--dragging {
  position: relative;
}

.dad-wrapper--dragging,
.dad-wrapper--dragging:hover,
.dad-wrapper--dragging .dad:hover, {
  cursor: move;
}

.dad-wrapper--dragging .dad > div {
  pointer-events: none;
}

/* Drag & Drop – Over */
.dad--drag-over {
  
}

.dad--drag-over > div {
  position: relative;
}

.dad--drag-over > div::before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: var(--grey-darker);
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
}

.dad-wrapper--drag-over-bottom::after {
  content: '';
  display: block;
  position: relative;
  width: 100%;
  height: 19px;
  border-top: 2px solid var(--grey-darker);
}

.dad system-button[icon="move-vertical"]:hover {
  cursor: move;
}

system-button.collapsable-section__head__dad-button {
  display: none;
}

.dad system-button.collapsable-section__head__dad-button {
  display: block;
}

.dad--dragging > div > div {
  opacity: 0.25;  
}

.dad--dragging:hover,
.dad--dragging:hover > div,
.dad--dragging system-button[icon="move-vertical"]:hover {
  cursor: move;  
}

.dad system-button[icon="move-vertical"] .button:active .button__icon {
  background: transparent;
}.list__scroller,
.list {
  height: 100%;
  width: 100%;
}

.list__scroller {
  display: block;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  padding: 7px;
}

.list__scroller--scroll-disabled {
  overflow: hidden;
}

.list__children {
  width: 100%;
}

.list__children li {
  list-style: none;
}

.list__item {
  height: 21px;
  padding: 0 7px;
  background: var(--grey-light-dim);
  border: 1px solid var(--grey-light-dim);
  border-radius: 4px;
  color: var(--black);
  font-size: 13px;
  line-height: 19px;
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
}

.list__item--odd {
  background: var(--white-dim);
  border-color: var(--white-dim);
}

.list__item--selected {
  background: var(--blue);
  color: var(--white-dim);
}

.list--selection-secondary .list__item--selected {
  background: var(--grey-dark);
}

.list__item--selected[contenteditable="true"] {
  background: var(--white-dim);
  color: var(--black);
  border-color: var(--blue);
  box-shadow: 0 0 0 1px var(--blue) inset;
  white-space: nowrap;
  width:100%;
  overflow: hidden;
  -webkit-user-select: text;
  user-select: text;
  outline: none;
}

.list__item:not([contenteditable="true"]){
  text-overflow: ellipsis;
}

.list__item:not(.list__item--selected):not(.list__item--drag-over) {
  overflow: hidden;
}

.list__item--selected[contenteditable="true"] br {
    display:none;
}

.list__item--selected[contenteditable="true"] * {
    display:inline;
    white-space:nowrap;
}

.list__item--selected + .list__item--selected {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: relative;
}

system-list .list__item--selected + .list__item--selected::before {
  content: '';
  display: block;
  position: absolute;
  height: 4px;  
  left: 0;
  right: 0;
  top: -4px;
  background: var(--blue);
}

system-list .list__item--selected + .list__item--selected::after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;  
  left: 7px;
  right: 7px;
  top: -1px;
  background: var(--white-dim);
  opacity: 0.2;
}

.list__item--drag-over {
  position: relative;
}

.list__children--dragging .list__item > * {
  pointer-events: none;
}

.list__item--drag-over::after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  left: 0px;
  right: 0px;
  top: -1px;
  background: var(--blue);
  opacity: 1;
}

.list__item:not(.list__item--selected) + .list__item--drag-over::after {
  background: var(--blue);
  top: -3px;
}

.list__item--selected.list__item--drag-over::after {
  background: var(--white-dim);
  opacity: 1;
}

.list__children--drag-over-bottom::after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  bottom: -1px;
  left: 0px;
  right: 0px;
  background: var(--blue);
}.configuration-criteria-list .list__item {
  height: 63px;
  display: flex;
  flex-direction: column;
}

.configuration-criteria-list.configuration-criteria-list--with-conjunctions .list__item {
  height: 84px;
  border: 0;
}

.configuration-criteria-list .list__item,
.configuration-criteria-list .list__item.list__item--odd {
  background: var(--white-dim);
  border-color: var(--white-dim);
}

.configuration-criteria-list .list__item .configuration-criteria-list__card {
  border-radius: 10px;
  background: var(--grey-light-dim);
}

.configuration-criteria-list:not(.configuration-criteria-list--with-conjunctions) .list__item.list__item--odd:not(.list__item.list__item--selected) .configuration-criteria-list__card {
  background: var(--white-dim);
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card {
  background: var(--blue);
}

/*.configuration-criteria-list .list__item .configuration-criteria-list__card:not(.configuration-criteria-list__card--editable) {
  pointer-events: none;
}*/

.configuration-criteria-list .list__item .configuration-criteria-list__card:not(.configuration-criteria-list__card--editable) input {
  pointer-events: none;
}

.configuration-criteria-list .list__item .configuration-criteria-list__card:not(.configuration-criteria-list__card--editable) .system-input {
  cursor: default;
}

.configuration-criteria-list .list__item.list__item .configuration-criteria-list__card .system-input,
.configuration-criteria-list .list__item.list__item .configuration-criteria-list__card .system-select {
  height: 21px;
  line-height: 21px;
  background: transparent;
  box-shadow: 0 0 transparent;
}

.configuration-criteria-list .list__item.list__item .configuration-criteria-list__card system-token-field.system-input {
  height: 41px;
}

.configuration-criteria-list .list__item.list__item .configuration-criteria-list__card .token-field.system-input {
  height: auto;
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card .system-input,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card .system-input::placeholder,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card .system-select__input--placeholder,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card system-dropdown .button__icon svg,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card system-virtual-dropdown .button__icon svg {
  color: var(--white-dim);
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card input:focus ~ system-virtual-dropdown .button__icon svg {
  color: var(--grey-dark);
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card .ifc-map__connection {
  color: var(--grey);
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card input:focus + .ifc-map__connection {
  color: var(--grey-medium);
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable .system-input {
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 0 0 1px var(--blue) inset;
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable .button--compact {
  --button-hover-color: transparent;
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable {
  --button-padding: 4px;
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable .system-input:focus,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable system-dropdown:focus,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable system-virtual-dropdown:focus {
  background: var(--white-dim);
  box-shadow: 0 0 0 1px var(--blue) inset;
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable .system-input:focus::placeholder,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable .system-select__input--placeholder:focus {
  color: var(--grey-medium);
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable .system-input:focus + system-dropdown .button__icon svg {
  color: var(--grey-dark);
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable ,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable .system-input:focus,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable system-dropdown:focus .button__icon svg,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card.configuration-criteria-list__card--editable system-virtual-dropdown:focus .button__icon svg {
  color: var(--grey-dark);
}

.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card .ifc-rule__condition-type-icon {
  color: var(--grey-dark);

}

.configuration-criteria-list .list__item .configuration-criteria-list__card system-ifc-criteria-condition,
.configuration-criteria-list .list__item system-table-definition-column.configuration-criteria-list__card system-ifc-map,
.configuration-criteria-list .list__item system-table-definition-column.configuration-criteria-list__card .table-definition-column__rule {
  position: relative;
}

.configuration-criteria-list .list__item system-ifc-criteria.configuration-criteria-list__card system-ifc-criteria-condition::before,
.configuration-criteria-list .list__item system-table-definition-column.configuration-criteria-list__card system-ifc-map::before,
.configuration-criteria-list .list__item system-table-definition-column.configuration-criteria-list__card .table-definition-column__rule::before {
  content: '';
  display: block;  
  width: 1px;
  top: 9px;
  bottom: 9px;
  left: 0px;
  position: absolute;
  background: var(--grey-medium);
  background: repeating-linear-gradient(0deg, var(--grey-medium), var(--grey-medium) 4px, transparent 4px, transparent 7px);
}

.configuration-criteria-list .list__item.list__item--selected system-ifc-criteria.configuration-criteria-list__card system-ifc-criteria-condition::before,
.configuration-criteria-list .list__item.list__item--selected system-table-definition-column.configuration-criteria-list__card system-ifc-map::before,
.configuration-criteria-list .list__item.list__item--selected system-table-definition-column.configuration-criteria-list__card .table-definition-column__rule::before,
.configuration-criteria-list .list__item.list__item--selected .configuration-criteria-list__card .configuration-criteria-list__card-condition::before {
  background: var(--grey-light-medium);
  background: repeating-linear-gradient(0deg, var(--grey-light-medium), var(--grey-light-medium) 4px, transparent 4px, transparent 7px);
}

.configuration-criteria-list .list__item .configuration-criteria-list__card .configuration-criteria-list__card-condition .ifc-rule__condition-type-icon {
  background: var(--white-dim);
}.system-conjunction {
  position: relative;
  display: flex;
  align-items: center;
  height: 21px;
  padding: 0;
}

.system-conjunction__icon {
  position: absolute;
  font-size: 8px;
  left: 14px;
  text-align: center;
  line-height: 14px;
  height: 14px;
  width: 14px;
  background: var(--grey-light-medium);
  border-radius: 4px;
  z-index: 1;
}

.system-conjunction__icon system-icon {
    color: var(--grey-dark);
    --icon-height: 10px;
} 

.system-conjunction__label {
  font-weight: 600;
  color: var(--grey-dark);
  margin-left: 3px;
}

.system-conjunction system-dropdown {
  --button-min-width: 18px;
  --button-padding: 2px;  
  margin-left: 4px;
}

.system-conjunction system-select {
  width: 100%;
}

.system-conjunction system-dropdown .button-dropdown-wrapper {
  display: none;
}

.system-conjunction system-dropdown .button-dropdown-wrapper.button-dropdown-wrapper--open,
.system-conjunction:hover system-dropdown .button-dropdown-wrapper {
  display: inherit;
}

.system-conjunction .system-input,
.system-conjunction .system-select {
  height: 21px;
  line-height: 21px;
  background: transparent;
  box-shadow: 0 0 transparent;  
}

.system-conjunction system-select .system-input {
  padding-left: 28px;
}

.system-conjunction system-select .system-input:focus{
  box-shadow: 0 0 0 1px inset var(--blue);
}.rule-preview__panel {
  padding: 7px;
}

.rule-preview__panel h5 {
  padding-left: 7px;
}

.rule-preview__details {
  position: relative;
}

.rule-preview__details-value-type {
  position: absolute;
  display: flex;
  top: 3.5px;
  left: 7px;
  align-items: center;
  background: var(--grey-light-medium);
  border-radius: 4px;
  z-index: 1;
}

.rule-preview-details__value-type-icon {
  width: 14px;
  height: 14px;
  --icon-height: 12px;
}

.rule-preview-details__value-type-icon[icon="circle-bw"] {
  --icon-height: 8px;
}

.rule-preview-details__value-type-input {
  --button-min-width: 14px;
    --button-padding: 0;
}

.rule-preview-details__value-input,
.rule-preview-details__value-input--bolean .system-input {
  padding-left: 38px;
  
}

.rule-preview-details__value-input {
  padding-right: 21px;
}

.rule-preview-details__value-input--bolean .system-select__dropdown {
  right: 21px;
}

.rule-preview-details__value-input--bolean .system-input {
  padding-right: 42px;
}

.rule-preview-details__result-icon {
  position: absolute;
  right: 4px;
  top: 4px;
  --icon-height: 14px;
}

.rule-preview-details__result-icon {
  display: none;
}

.rule-preview-details__result-icon[icon="check-circle"] {
  display: inherit;
  color: var(--green);
}

.rule-preview-details__result-icon[icon="x-circle"] {
  display: inherit;
  color: var(--red);
}.table-details .section-panel__table-filter,
.table-details .section-panel__column-titles {
  padding: 7px 14px 0;
  display: flex;
}

#validation-table-details.table-details .section-panel__table-filter {
  padding: 7px 7px 0;
}

#validation-table-details.table-details .section-panel__table-filter table {
  border: 0;
}

.table-details .section-panel__table-filter {
  padding-top: 7px;
  flex-direction: column;
}

.table-details .section-panel__column-titles {
  padding-top: 21px;
}

.table-details .section-panel__table-filter h5,
.section-panel__column-titles h5 {
  flex: 1;
  padding-left: 14px;
  line-height: 21px;
  white-space: nowrap;
}

.table-details .section-panel__table-filter h5 {
  padding-left: 7px;
}

.table-details .section-panel__table-filter .table-definition__filter,
.table-details .section-panel__table-filter .table-definition__filter .system-select-wrapper {
  width: 100%;
}

.table-details .section-panel__table-filter .table-definition__filter .system-select-wrapper input {
  background: var(--grey-light-dim);
  box-shadow: none;
}

.table-details .section-panel__table-filter .table-definition__filter .system-select-wrapper input:focus {
  box-shadow: 0 0 0 1px var(--blue) inset;
}.commands {
  padding: 3px 7px; 
  display: flex;
  border-bottom: 1px solid var(--grey);
  align-items: center;
  background: var(--grey-light);
}

.commands__section {
  display: flex;
  flex: 1;
}

.commands__info {
  justify-content: center;
  max-width: calc(100vw - 460px);
  padding: 0 7px;
}

.commands__info h4 {
  color: var(--grey);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  direction: rtl;
}

.commands__info h4 .commands__info__project,
.commands__info h4 .commands__info__model,
.commands__info h4 .commands__info__file-name {
  margin: 0 3px;
}

.commands__info h4 .commands__info__project,
.commands__info h4 .commands__info__model {
  color: var(--grey-medium);
  text-decoration: none;
}

.commands__info h4 .commands__info__project:hover {
  color: var(--grey-dark);
}

.commands__info h4 .commands__info__file-name {
  color: var(--grey-dark);
}

.commands system-tab-bar {
  margin-left: 35px;
}

.commands__buttons-group {
  display: flex;
  margin-left: 21px;
}

.commands__buttons-group--hidden {
  display: none;
}

.commands__buttons-group--right {
  margin-left: auto;
}

.commands system-tab-bar + system-button {
  // margin-left: 63px;
}

.commands__buttons__system-button--small-gap,
.commands__buttons-group system-button + system-button {
  margin-left: 7px;
}

.commands system-dashboard-user-menu {
  margin-left: auto;
}

.commands .commands__buttons-group--right + system-dashboard-user-menu {
  margin-left: 67px;
}

system-file-open-menu system-dropdown .button__icon {
  display: none;
}.spatial-tree {
  display: flex;
  flex-direction: column;
  padding: 0px;
  border-right: 1px solid var(--grey);
  width: 280px;
  max-height: calc(100vh - var(--commands-height));
  overflow-x: hidden;
  overflow-y: auto;
  user-select: none;
}

.spatial-tree__search + .spatial-tree__tree {
  margin-top: 9px;
}

.spatial-tree__tree {  
  position: relative;
  flex: 1;
  width: 100%;
  padding-top: 7px;
  padding-left: 7px;
/*  padding-right: 7px;*/
  margin-bottom: 7px;
  overflow-x: hidden;
}

.spatial-tree__tree::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 7px;
  /*  background: linear-gradient(90deg, transparent 0%, var(--grey-light) 90%);*/
  z-index: 1;
}
.properties {
  display: flex;
  flex-direction: column;
  padding: 0px;
  border-left: 1px solid var(--grey);
  min-width: 231px;
  width: 280px;
  max-height: calc(100vh - var(--commands-height));
  overflow: hidden;
  background: var(--white-dim);
}

.properties .properties__table-wrapper,
.properties .properties__help,
.properties--show-help .properties__table-wrapper,
.properties--show-table .properties__help {
  display: none;
}

.properties--show-help .properties__help,
.properties--show-table .properties__table-title,
.properties--show-table .properties__table-menu {
  display: inherit;
}

.properties--show-table .properties__table-wrapper {
  display: flex;
}.three-dimensional {
  position: relative;
  flex: 1;
  height: calc(100vh - var(--commands-height));
  overflow-x: hidden;
  overflow-y: hidden;
  background: var(--white-dim);
}

.three-dimensional__loading,
.three-dimensional__empty {
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.three-dimensional__loading,
.three-dimensional__empty,
#three-dimensional__canvas {
  max-height: calc(100% - var(--panel-topbar-height));
}

.three-dimensional--loading .three-dimensional__loading,
.three-dimensional--empty .three-dimensional__empty {
  display: flex;
}

.three-dimensional--empty canvas,
.three-dimensional--loading canvas {
  opacity: 0;
}

.three-dimensional__cursor {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: red;
  pointer-events: none;
  transform: translate(-3.5px, -3.5px);
}

.three-dimensional__empty__click-on-open-button,
.three-dimensional__empty__click-on-load-latest-file {
  cursor: pointer;
}

.three-dimensional--on-drag * {
  pointer-events: none;
}

.three-dimensional__drop-area {
  content: '';
  display: none;
  position: absolute;
  top: calc(28px + var(--panel-topbar-height));
  left: 28px;
  right: 28px;
  bottom: 28px;
  background: var(--white-dim);
  border: 1px dashed var(--grey-medium);
  border-radius: 6px;
  pointer-events: none;
  z-index: 1;
}

.three-dimensional__drop-area::before {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.three-dimensional--on-drag .three-dimensional__drop-area {
  display: flex; 
}.validations-manager__warning {
  width: 14px;
  height: 14px;
  display: flex;
  color: var(--red);
  margin-left: 7px;
}

.validations-manager system-validations-summary {
  padding-top: 7px;
  padding-left: 14px;
}

.validations-manager__validations__table-validation--unvalidated_elements .table-validation {
  margin-top: 14px;
}

.validations-manager__validations__table-validation--unvalidated_elements .table-validation__name,
.validations-manager__validations__table-validation--unvalidated_elements .table-validation__elements {
  color: var(--grey-dark);
}

.validations-manager__validations system-table th,
.validations-manager__validations system-table td,
.table-details__validation-columns-results system-table th,
.table-details__validation-columns-results system-table td {
  overflow: hidden;
  text-overflow: ellipsis;
}

.validations-manager__validations system-table tr td system-icon.icon--filter-info,
.table-details__validation-columns-results system-table tr td system-icon.icon--filter-info {
  cursor: help;
}

.validations-manager__validations system-table tr td system-icon.icon--filter-info > div,
.table-details__validation-columns-results system-table tr td system-icon.icon--filter-info  > div {
  pointer-events: none;
}

.validations-manager__validations system-table tr:not(:hover) td system-icon.icon--filter-info,
.table-details__validation-columns-results system-table tr:not(:hover) td system-icon.icon--filter-info {
  display: none;
}

.validations-manager__validations system-table th:nth-child(2),
.validations-manager__validations system-table td:nth-child(2) {
  width: 84px;
  text-align: right;
  justify-content: end;
}

.validations-manager__validations system-table th:nth-child(3),
.validations-manager__validations system-table td:nth-child(3),
.table-details__validation-columns-results system-table th:nth-child(2),
.table-details__validation-columns-results system-table td:nth-child(2) {
  text-align: right;
  justify-content: end;
  padding-left: 7px;
  padding-right: 7px;
}

.validations-manager__validations system-table th:nth-child(3),
.validations-manager__validations system-table td:nth-child(3),
.table-details__validation-columns-results system-table th:nth-child(2),
.table-details__validation-columns-results system-table td:nth-child(2) {
  width: 133px;
}

.validations-manager__validations system-table .table__section tr td:first-of-type,
.table-details__validation-columns-results system-table .table__section tr td:first-of-type,
.section-panel__table-filter .table__section tr td:first-of-type {
  padding-left: 7px;
}

.validations-manager__validations system-table .table__section tr:not(.table__row--selected):nth-child(even) td,
.table-details__validation-columns-results system-table .table__section tr:not(.table__row--selected):nth-child(even) td,
.section-panel__table-filter .table__section tr:not(.table__row--selected):nth-child(even) td {
  background: var(--grey-light-dim);
  border-color: var(--grey-light-dim);
}

.validations-manager__validations system-table .table__section tr:nth-child(odd) td,
.validations-manager__validations .table:not(.table--no-alternate):not(.virtual-table) tr:not(.table__head-row):nth-child(odd):not(.table__row--selected) td,
.table-details__validation-columns-results system-table .table__section tr:nth-child(odd) td,
.table-details__validation-columns-results .table:not(.table--no-alternate):not(.virtual-table) tr:not(.table__head-row):nth-child(odd):not(.table__row--selected) td {
  background: var(--white-dim);
  border-color: var(--white-dim);
}

.validations-manager__validations {
  margin-top: 21px;
}

.validations-manager__validations system-table table {
  border-top: 0;  
}

.validations-manager__validations system-table table .table__head-row {
  position: sticky;
  top: 0px;
  z-index: 1;
}.dashboard {
  display: flex;
  flex-direction: column;
  height: 100vh;
  align-items: center;
  background: #fafafa;
}

.dashboard__content {
  display: flex;
  justify-content: center;
  flex: 1;
/*  max-width: 980px;*/
  width: 100%;
/*  padding-top: 36px;*/
  max-height: calc(100vh - 52px);
  overflow-x: hidden;
  overflow-y: auto;
}

.dashboard__content--no-topbar {
  max-height: 100vh;
}

.dashboard__content--no-topbar .dashboard__body {
  padding-top: 0;
}

.dashboard__content--compact {
  max-width: 343px;
}

.dashboard__body {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
/*  max-height: calc(100vh - 88px);
  overflow-y: auto;
  overflow-x: hidden; */
  padding-top: 36px;
  padding-bottom: 36px;
  max-width: 980px;
}

@media screen and (max-width: 994px) {
  .dashboard__body {
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
  }
}

.dashboard__body::after {
  content: ' ';
  display: block;
  width: 1px;
  height: 36px;
  min-height: 36px;
}

.dashboard__body--loading::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fafafa;
  opacity: 0.8;
}

.dashboard__body__header {
  display: flex;
  flex-direction: column;
}

.dashboard__body__header .dashboard__body__header--light {
  color: var(--grey);
}

.dashboard__body__header .dashboard__body__header--link {
  display: inline;
  margin: 0;  
}

.dashboard__body__header .dashboard__body__header--link:hover {
  color: var(--grey-dark);
}

.dashboard__body__header__bread_crumbs-wrapper {
  min-height: 18px;
}

.dashboard__body__header__bread_crumbs,
.dashboard__body__header__bread_crumbs + span {
  font-style: italic;
  font-size: 13px;
}

.dashboard__body__header,
.dashboard__body__sub-header {
  display: flex;
}

.dashboard__body__sub-header {
  align-items: center;
}

.dashboard__body__header + .dashboard__body__sub-header {
  margin-top: 28px;
}

.dashboard__body__sub-header a,
.dashboard__body__sub-header > system-button {
  margin-left: 7px;
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: inherit;
}

.dashboard__body__header h1 {
  margin-top: 18px;
  min-height: 1em;
}

.dashboard__body__header .dashboard__body__header__bread_crumbs + h1 {
  margin-top: 3px;
}

.dashboard__body__header h1,
.dashboard__body__sub-header h2 {
  display: flex;
}

.dashboard__body__sub-header h2 {
  
}

.dashboard__body__header h1 system-icon,
.dashboard__body__sub-header h2 system-icon {
  --icon-height: 17px;
  margin-right: 7px;
}

.dashboard__body__sub-header h2 + a,
.dashboard__body__sub-header h2 + system-button,
.dashboard__body__sub-header h2 + system-input-text {
  margin-left: auto;
}

.dashboard__body__sub-header h2 + system-input-text.system-input-text--expanded {
  padding-left: 14px;
  flex: 1;
  max-width: 210px;
}

.dashboard h2 {
  margin-bottom: 0px;
}

.dashboard system-button:not(.button--text) {
  display: flex;
}

.dashboard__body__danger-section {
  display: flex;
  padding: 14px 0;
}

.dashboard__body__danger-section > div {
  max-width: 66%;
}

.dashboard__body__danger-section system-button,
.dashboard__body__danger-section system-icon {
  margin-left: auto;
  align-items: center;
}

.dashboard__body__danger-section system-icon {
  color: var(--grey-dark);
  --icon-height: 24px;
  align-self: center;
}

.dashboard__user-settings__table_security-settings system-icon[icon="toggle-left"],
.dashboard__user-settings__table_security-settings system-icon[icon="toggle-right"] {
  height: 19px;
  --icon-height: 23px;
}

.dashboard__user-settings__table_security-settings system-icon[icon="toggle-left"]:hover,
.dashboard__user-settings__table_security-settings system-icon[icon="toggle-right"] {
  cursor: pointer;
}

.dashboard__card-list system-dashboard-card:hover,
.dashboard__card-list system-dashboard-card:hover .dashboard__card__image-wrapper {
  cursor: pointer;
}

.dashboard__card-list system-dashboard-card .dashboard__card__image {
  transition: 0.15s ease-in-out opacity, 0.15s ease-in-out filter;
  opacity: 0.8;
  filter: saturate(25%);
}

.dashboard__card-list system-dashboard-card:hover .dashboard__card__image {
  opacity: inherit;
}

.dashboard__body .dashboard__footer-button {
  display: flex;
  align-self: center;
  margin-top: 36px;
}

.dashboard__system-button--full-width .button {
  width: 100%;
}


system-icon[icon="loader"],
.dashboard__system-button-async[icon="loader"] system-icon {
  animation:loader-spin 7s linear infinite;
}

.dashboard__system-button-async[icon="loader"] .button__label {
  display: none;
}

@keyframes loader-spin { 
  100% { 
    transform:rotate(360deg); 
  }
} 

.dashboard label {
  display: block;
  width: max-content;
}

/*.dashboard .system-input {
  width: auto;
}*/

.dashboard form .system-input {
  display: flex;
  width: 100%;
}

.dashboard form .dashboard__system-button--full-width:first-of-type {
  margin-top: 28px;
}

.dashboard form + p {
  margin-top: 56px; 
}


.dashboard-form__error-wrapper,
.dashboard-form__error-wrapper p,
.dashboard-modal__error-wrapper,
.dashboard-modal__error-wrapper p {
  color: var(--red);
}

.dashboard label {
  margin-top: 14px;
  font-size: 13px;
}

.dashboard label + input,
.dashboard label + .system-input {
  margin-top: 7px;
}

.dashboard a {
  color: var(--grey-dark);
}

system-icon[icon="toggle-left"] rect,
system-icon[icon="toggle-right"] rect {
  color: var(--grey);
  stroke-width: 1;
}

system-icon[icon="toggle-left"] circle {
  color: var(--grey-medium);
  fill: var(--grey-medium);
}

system-icon[icon="toggle-right"] circle {
  color: var(--green);
  fill: var(--green);
}

.dashboard__empty-state {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.dashboard__empty-state system-icon {
  --icon-height: 14px;
}

.dashboard__empty-state system-icon + p {
  margin-top: 7px;
}

.dashboard__empty-state system-icon,
.dashboard__empty-state p {
  color: var(--grey-dark);
}

.dashboard__table {
  table-layout: fixed;
  width: 100%;
  margin-top: 18px;
  margin-bottom: 36px;
  border: 0px;
}

.dashboard__table tr td:first-of-type,
.dashboard__table tr th:first-of-type {
  padding-left: 7px;
}

.dashboard__table tr td:last-of-type,
.dashboard__table tr th:last-of-type {
  padding-right: 7px;
}

.dashboard__table__tr--disabled {
  color: var(--grey);
}

.dashboard__table__tr--disabled system-button {
  opacity: 0.2;
  pointer-events: none;
}

.dashboard__table.table:not(.table--no-alternate) tbody tr:not(.table__head-row):nth-child(odd) {
  background: transparent;
}

.dashboard__table.table thead tr,
.dashboard__table.table:not(.table--no-alternate) tr:not(.table__head-row):nth-child(even) {
  background: var(--grey-light);
}

.dashboard__table.table tbody tr:not(.table__head-row):last-of-type {
  border-bottom: 0;
}

.dashboard__table.table tbody tr:not(.table__head-row):last-of-type td {
  padding-bottom: 0;
}

.dashboard__table.table tbody tr td {
  overflow: visible;
  position: relative;
  min-height: 21px;
}

.dashboard-table-row-menu-button,
.dashboard__table.table tbody tr td system-dashboard-uploads-table-row-menu-button,
.dashboard__table.table tbody tr td system-dashboard-configurations-table-row-menu-button,
.dashboard__table.table tbody tr td system-icon[icon="loader"] {
  position: absolute;
  width: 19px;
  right: 4px;
  top: 0;
  border-radius: 100%;  
}

.dashboard-table-row-menu-button,
.dashboard__table.table tbody tr td system-dashboard-uploads-table-row-menu-button,
.dashboard__table.table tbody tr td system-dashboard-configurations-table-row-menu-button,
.dashboard__table.table tbody tr td system-icon,
.dashboard__table.table tbody tr td system-button {
  white-space: normal;
}


.dashboard__table.table.table--scrollable .dashboard-table-row-menu-button,
.dashboard__table.table.table--scrollable tbody tr td system-dashboard-uploads-table-row-menu-button,
.dashboard__table.table.table--scrollable tbody tr td system-dashboard-configurations-table-row-menu-button,
.dashboard__table.table.table--scrollable tbody tr td system-icon[icon="loader"] {
  right: 14px;
}

.dashboard__table.table tbody tr td system-icon[icon="loader"] {
  --icon-height: 14px;  
}


.dashboard__table.table tbody tr td .dashboard-table-row-menu-button .button-dropdown-wrapper:not(.button-dropdown-wrapper--open) {
  display: none;
}

.dashboard__table.table tbody tr:hover td .dashboard-table-row-menu-button .button-dropdown-wrapper,
.dashboard-table-row-menu-button:hover .button-dropdown-wrapper,
.dashboard-table-row-menu-button .button-dropdown-wrapper--open {
  border-radius: 100%;
  display: flex;
  justify-content: center;
}

.dashboard__table.table tbody tr:hover td .dashboard-table-row-menu-button system-dropdown[icon="more-horizontal"] .button--compact .button__icon{
  width: 19px;
  height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashboard-table-row-menu-button .button-dropdown-wrapper .button-dropdown__dropdown,
system-dashboard-uploads-table-row-menu-button .button-dropdown-wrapper .button-dropdown__dropdown,
system-dashboard-configurations-table-row-menu-button .button-dropdown-wrapper .button-dropdown__dropdown {
  top: 23px;
}


.dashboard-table-row-menu-button:hover .button-dropdown-wrapper,
.dashboard-table-row-menu-button:hover .button-dropdown-wrapper--open {
  background: var(--grey);
}

.dashboard__table.table tbody tr:hover td .dashboard-table-row-menu-button system-button[icon="more-horizontal"] system-icon,
.dashboard__table.table tbody tr:hover td .dashboard-table-row-menu-button system-dropdown .button-dropdown system-icon,
.dashboard__table.table tbody tr:hover td system-dashboard-uploads-table-row-menu-button system-button[icon="more-horizontal"] system-icon,
.dashboard__table.table tbody tr:hover td system-dashboard-configurations-table-row-menu-button system-button[icon="more-horizontal"] system-icon {
  border-radius: 100%;
  box-shadow: 0 0 0 1px var(--grey);
}

.dashboard__table__td-space-between {
  display: flex;
  justify-content: space-between;
}

.dashboard__table__td-flex-start {
  display: flex;
  justify-content: start;
}

tr .dashboard__button-show-on-tr-hover:not([icon="loader"]) {
  display: none;
}

tr:hover .dashboard__button-show-on-tr-hover {
  display: inherit;
}

.dashboard__table.table tbody tr td system-icon[icon="loader"].dashboard__user-2FA {
  position: relative;
}

.dashboard--typographic h1,
.dashboard--typographic h2,
.dashboard--typographic h3,
.dashboard--typographic h4,
.dashboard--typographic h5,
.dashboard--typographic ul,
.dashboard--typographic h1 + p,
.dashboard--typographic h2 + p,
.dashboard--typographic h3 + p,
.dashboard--typographic h4 + p,
.dashboard--typographic h5 + p,
.dashboard--typographic ul  + p {
  margin-top: 1em;
}

.dashboard--typographic ul {
  list-style: inherit;
  padding-left: 1em;
}

.dashboard__body__sub-header + .dashboard__body__sub-section-title {
  margin-top: 14px;
}

.dashboard__body__sub-section-title {
  display: flex;
  align-items: center;
}system-dashboard-topbar {
  width: 100%;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid var(--grey);
}

.dashboard-topbar {
  display: flex;
  align-items: center;
/*  width: 980px;*/
  height: 35px;
  padding: 3px 7px;

  flex: 1;
/*  max-width: calc(980px + 50vw - 490px);*/
  margin-left: auto;
}

.dashboard-topbar h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 28px;
}

.dashboard-topbar h3 system-icon {
  --icon-height: 28px;
  height: 28px;
  width: 30px;
  text-align: center;
  margin-right: 7px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  box-shadow: 0 0 0px 1px var(--grey) inset;
  background: white;
}

.dashboard-topbar ul {
  display: flex;
  flex: 1;
  align-items: center;
}

.dashboard-topbar ul a {
  text-decoration: none;
}

.dashboard-topbar ul system-dashboard-user-menu {
  margin-left: auto;
}.dashboard-user-menu {
  position: relative;
  display: flex;
  margin-left: auto;
  background: var(--grey-lighter);
  border: 1px solid var(--grey-light-medium);
  border-radius: 100%;
  width: 28px;
  height: 28px;
}

.dashboard-user-menu:hover {
  background: var(--grey);
}

.dashboard-user-menu__button {
  flex: 1;
  display: flex;
  cursor: default;
  align-items: center;
  justify-content: center;
}

.dashboard-user-menu__name {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 21px;
  font-weight: 600;
}

.dashboard-user-menu system-icon {
  --icon-height: 12px;
}

.dashboard-user-menu system-icon .icon-wrapper {
  display: flex;
}

.dashboard-user-menu select:not(.dashboard-user-menu__locale select) {
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dashboard-user-menu__website,
.dashboard-user-menu__locale {
  margin-top: 14px;
}

.button-dropdown-wrapper .button-dropdown__dropdown li.dashboard-user-menu__locale system-icon {
  margin-right: 4px;
}

.dashboard-user-menu__locale select {
  width: 100%;
}


.dashboard-user-menu .button-dropdown__dropdown {
  top: 40px;
}

.dashboard-user-menu .button-dropdown__dropdown li:first-of-type,
.dashboard-user-menu .button-dropdown__dropdown li:first-of-type.button-dropdown__dropdown__item--disabled {
  margin-bottom: 7px;
  color: var(--grey-dark);
}.dashboard-sidebar {
  flex: 1;
  padding: 7px;
  width: 180px;
}

.dashboard-sidebar__link {
  display: flex;
  font-size: 13px; 
  margin-bottom: 7px; 
}

.dashboard-sidebar__link a {
  color: var(--grey-dark);
  text-decoration: none;
}

.dashboard-sidebar__link--active a {
  color: var(--black); 
  font-weight: bold;
}

.dashboard-sidebar__link system-icon {
  --icon-height: 13px;
  color: var(--grey-dark);
  margin-right: 7px;
}

.dashboard-sidebar__link--active system-icon {
  color: var(--black);
}.dashboard__card {
  display: flex;
}

.dashboard__card:first-of-type {
  margin-top: 36px;
}

.dashboard__card {
  margin-top: 21px;
}

.dashboard__card__link {
  text-decoration: inherit;
  color: inherit;
}

label.dashboard__card__image-wrapper,
.dashboard__card__image-wrapper {
  position: relative;
  margin: 0;
}

.dashboard__card__image {
  position: relative;
  display: flex;
  width: 126px;
  height: 126px;
  background: var(--grey);
  border-radius: 4px;
  background-size: cover;
  background-position: center center;
  align-items: center;
  justify-content: center;
}

.dashboard__card-input-image:not([disabled]):hover + .dashboard__card__image {
  cursor: pointer;
}

.dashboard__card-input-image:not([disabled]):hover ~ system-icon {
  cursor: pointer;
  display: inherit;
  position: absolute;
  --icon-height: 14px;
  width: 21px;
  height: 21px;
  background: var(--grey-light);
  bottom: 7px;
  right: 7px; 
  line-height: 24px;
  text-align: center;  
  border-radius: 100%;
  color: var(--grey-darker);
}

.dashboard__card__image system-icon {
  --icon-height: 34px;
}

.dashboard__card__image.dashboard__card__image--has-image system-icon {
  display: none;
}

system-dashboard-card[icon="loader"] .dashboard__card__image.dashboard__card__image--has-image system-icon {
  display: inherit;
}

.dashboard__card__image system-icon[icon="loader"] {

}

.dashboard__card-input-image ~ system-icon {
  display: none;
}

.dashboard__card-body {
  margin-left: 7px;
  flex: 1;
}

.dashboard__card-body__header {
  display: flex;
  position: relative;
  padding-right: 9px;
  padding-left: 6px;
}

.dashboard__card-body__header h3[contenteditable] {
  padding-right: 23px;
}

.dashboard__card-body__header:hover h3[contenteditable] {
  background: var(--grey-light);
}

/*.dashboard__card-body__header:hover h3[contenteditable] + system-icon {
  display: inherit;
}*/

/*.dashboard__card-body__header system-icon {
  display: none;
  position: absolute;
  top: 4px;
  right: 0;
  --icon-height: 14px;
  color: var(--grey-dark);
}*/

.dashboard__card-body .dashboard__card-body__header__menu system-button {
  opacity: 0;
}

.dashboard__card-body .dashboard__card-body__header__menu system-button[icon="more-horizontal"] system-icon {
  border-radius: 100%;
  box-shadow: 0 0 0 1px var(--grey);
}

.dashboard__card:hover .dashboard__card-body .dashboard__card-body__header__menu system-button {
  opacity: 1;
}

.dashboard__card-body__header__menu {
  position: relative;
  margin-left: auto;
}

.dashboard__card-body__header__menu:hover {
  background: var(--grey);
  border-radius: 100%;
}

.dashboard__card-body__header__menu select {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

.dashboard__card-body__header + p {
  margin-top: 7px;
}

.dashboard__card-body p {
  display: flex;
  padding: 0 14px 0 7px;
}

.dashboard__card-body p:nth-child(even) {
  background: var(--grey-light);
}

.dashboard__card-body p span {
  color: var(--grey-dark);
}

.dashboard__card-body p span + span {
  margin-left: auto;
  color: var(--black); 
}

.dashboard__card-body--details-only {
  margin-left: 0;
  flex: none;
}

h2 + .dashboard__card-body--details-only {
  margin-top: 14px;
}

.dashboard__card-body--details-only p {
  padding: 0px;
}.dashboard-modal {
  padding: 21px;
  max-height: 80vh;
  min-width: 50vw;
  max-width: 80vw;
  border: 1px solid var(--grey);
  border-radius: 8px;  
  background: var(--white-dim);
  box-shadow: 0 21px 21px -4px rgb(0 0 0 / 36%);
  outline: none;
}

.dashboard-modal--small {
  min-width: 25vw; 
  max-width: 588px;
  padding: 28px;
}

.dashboard-modal--align-content-center {
  text-align: center;
}

.dashboard-modal--bottom {
  top: auto;
  bottom: 28px;
}

.dashboard-modal--horizontal {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.dashboard-modal h2 {
  margin-top: 0;
  margin-bottom: 14px;
}

.dashboard-modal .dashboard__body__sub-header h2 {
  margin-bottom: 0px;
  padding-right: 14px;
}

.dashboard-modal h3 + p { 
  margin-top: 14px;
}

.dashboard-modal h4 + system-icon[icon="loader"] {
  display: block;
  --icon-height: 14px;
  margin-top: 7px;
  width: 22px;
  margin-left: auto;
  margin-right: auto;
}

.dashboard-modal p {
  white-space: pre-wrap;
}

.dashboard-modal__footer {
  display: flex;
  margin-top: 21px;
}

.dashboard-modal__footer--no-margin {
  margin-top: 0;
}

.dashboard-modal--horizontal .dashboard-modal__footer {
  margin: 0;
  margin-left: 28px;
}

.dashboard-modal__footer system-button:first-of-type {
  margin-left: auto;
}

.dashboard-modal__footer system-button {
  margin-left: 7px;
}

.dashboard-modal--centered-element {
  width: 100%;
  max-width: 210px;
  margin-left: auto;
  margin-right: auto;
}

.dashboard-copy-configuration-to-modal table tr td system-button[compact="true"][icon="loader"] {
  position: relative;
}

.dashboard-copy-configuration-to-modal__table-add-model tr {
  padding-right: 14px;
}

.dashboard-copy-configuration-to-modal__table-add-model tr td:first-of-type {
  padding-left: 0px;
  padding-right: 14px;
}

.dashboard-copy-configuration-to-modal__table-add-model tr td select {
  text-indent: 7px;
}