@charset "UTF-8";
@font-face {
  font-family: "HIS Glyphs";
  src: url(/public/assets/font/Symbola-6.13.eot);
  src: local("HIS Glyps Regular"), local("HIS Glyps"), url(/public/assets/font/Symbola-6.13.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Thin"), url(/public/assets/font/Roboto-Thin.ttf) format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Light"), url(/public/assets/font/Roboto-Light.ttf) format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Regular"), local("Roboto"), url(/public/assets/font/Roboto-Regular.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Medium"), url(/public/assets/font/Roboto-Medium.ttf) format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Bold"), local("Roboto Bold"), url(/public/assets/font/Roboto-Bold.ttf) format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Roboto";
  src: local("Roboto Black"), local("Roboto Black"), url(/public/assets/font/Roboto-Black.ttf) format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "NotoVietnamnese";
  src: local("Noto Sans Light"), url(/public/assets/font/NotoSans-Light.ttf) format("truetype");
  font-weight: 200;
}
@font-face {
  font-family: "NotoVietnamnese";
  src: local("Noto Sans"), url(/public/assets/font/NotoSans-Regular.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "NotoVietnamnese";
  src: local("Noto Sans Med"), url(/public/assets/font/NotoSans-Medium.ttf) format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "NotoVietnamnese";
  src: local("Noto Sans"), url(/public/assets/font/NotoSans-Bold.ttf) format("truetype");
  font-weight: 800;
}
@font-face {
  font-family: "NotoCyrillic";
  src: local("Noto Sans Light"), url(/public/assets/font/NotoSans-Light.ttf) format("truetype");
  font-weight: 200;
  unicode-range: 396FF;
}
@font-face {
  font-family: "NotoCyrillic";
  src: local("Noto Sans"), url(/public/assets/font/NotoSans-Regular.ttf) format("truetype");
  font-weight: 400;
  unicode-range: 396FF;
}
@font-face {
  font-family: "NotoCyrillic";
  src: local("Noto Sans Med"), url(/public/assets/font/NotoSans-Medium.ttf) format("truetype");
  font-weight: 600;
  unicode-range: 396FF;
}
@font-face {
  font-family: "NotoCyrillic";
  src: local("Noto Sans"), url(/public/assets/font/NotoSans-Bold.ttf) format("truetype");
  font-weight: 800;
  unicode-range: 396FF;
}
@font-face {
  font-family: "Noto";
  src: local("Noto Sans Arabic UI Light"), url(/public/assets/font/NotoSansArabicUI-Light.ttf) format("truetype");
  font-weight: 200;
  unicode-range: 600—077F;
}
@font-face {
  font-family: "Noto";
  src: local("Noto Sans Arabic UI Regular"), url(/public/assets/font/NotoSansArabicUI-Regular.ttf) format("truetype");
  font-weight: 400;
  unicode-range: 600—077F;
}
@font-face {
  font-family: "Noto";
  src: local("Noto Sans Arabic UI Medium"), url(/public/assets/font/NotoSansArabicUI-Medium.ttf) format("truetype");
  font-weight: 600;
  unicode-range: 600—077F;
}
@font-face {
  font-family: "Noto";
  src: local("Noto Sans Arabic UI Bold"), url(/public/assets/font/NotoSansArabicUI-Bold.ttf) format("truetype");
  font-weight: 800;
  unicode-range: 600—077F;
}
@font-face {
  font-family: "NotoHebrew";
  src: local("Noto Sans Hebrew Light"), url(/public/assets/font/NotoSansHebrew-Light.ttf) format("truetype");
  font-weight: 200;
  unicode-range: 585FF;
}
@font-face {
  font-family: "NotoHebrew";
  src: local("Noto Sans Hebrew Regular"), url(/public/assets/font/NotoSansHebrew-Regular.ttf) format("truetype");
  font-weight: 400;
  unicode-range: 585FF;
}
@font-face {
  font-family: "NotoHebrew";
  src: local("Noto Sans Hebrew Medium"), url(/public/assets/font/NotoSansHebrew-Medium.ttf) format("truetype");
  font-weight: 600;
  unicode-range: 585FF;
}
@font-face {
  font-family: "NotoHebrew";
  src: local("Noto Sans Hebrew Bold"), url(/public/assets/font/NotoSansHebrew-Bold.ttf) format("truetype");
  font-weight: 800;
  unicode-range: 585FF;
}
@font-face {
  font-family: "NotoDevanagari";
  src: local("Noto Sans Devanagari Light"), url(/public/assets/font/NotoSansDevanagariUI-Light.ttf) format("truetype");
  font-weight: 200;
  unicode-range: 803F;
}
@font-face {
  font-family: "NotoDevanagari";
  src: local("Noto Sans Devanagari Regular"), url(/public/assets/font/NotoSansDevanagariUI-Regular.ttf) format("truetype");
  font-weight: 400;
  unicode-range: 803F;
}
@font-face {
  font-family: "NotoDevanagari";
  src: local("Noto Sans Devanagari Medium"), url(/public/assets/font/NotoSansDevanagariUI-Medium.ttf) format("truetype");
  font-weight: 600;
  unicode-range: 803F;
}
@font-face {
  font-family: "NotoDevanagari";
  src: local("Noto Sans Devanagari Bold"), url(/public/assets/font/NotoSansDevanagariUI-Bold.ttf) format("truetype");
  font-weight: 800;
  unicode-range: 803F;
}
@font-face {
  font-family: "Roboto Mono";
  src: url(/public/assets/font/robotomono-regular-webfont.eot);
  src: local("Roboto Mono Regular"), url(/public/assets/font/robotomono-regular-webfont.woff) format("woff"), url(/public/assets/font/robotomono-regular-webfont.ttf) format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Roboto Mono";
  src: url(/public/assets/font/robotomono-medium-webfont.eot);
  src: local("Roboto Mono Medium"), url(/public/assets/font/robotomono-medium-webfont.woff) format("woff"), url(/public/assets/font/robotomono-medium-webfont.ttf) format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Roboto Mono";
  src: url(/public/assets/font/robotomono-bold-webfont.eot);
  src: local("Roboto Mono Bold"), url(/public/assets/font/robotomono-bold-webfont.woff) format("woff"), url(/public/assets/font/robotomono-bold-webfont.ttf) format("truetype");
  font-weight: 800;
}
html[dir=ltr], html[dir=ltr] * {
  --font-sans: "Roboto";
}
html[dir=ltr] *[lang=hi], html[dir=ltr] *[lang=hi] * {
  --font-sans: "NotoDevanagari", "Roboto";
}
html[dir=ltr] *[lang=vi], html[dir=ltr] *[lang=vi] * {
  --font-sans: "NotoVietnamnese", "Roboto";
}
html[dir=ltr] *[lang=ru], html[dir=ltr] *[lang=ru] *,
html[dir=ltr] *[lang=tg],
html[dir=ltr] *[lang=tg] *,
html[dir=ltr] *[lang=bg],
html[dir=ltr] *[lang=bg] *,
html[dir=ltr] *[lang=mk],
html[dir=ltr] *[lang=mk] *,
html[dir=ltr] *[lang=uk],
html[dir=ltr] *[lang=uk] *,
html[dir=ltr] *[lang=kk],
html[dir=ltr] *[lang=kk] *,
html[dir=ltr] *[lang=sr],
html[dir=ltr] *[lang=sr] *, html[dir=ltr] *[lang=sh], html[dir=ltr] *[lang=sh] *, html[dir=ltr] *[lang=srp], html[dir=ltr] *[lang=srp] *, html[dir=ltr] *[lang=cnr], html[dir=ltr] *[lang=cnr] * {
  --font-sans: "NotoCyrillic", "Roboto";
}

html[dir=rtl], html[dir=rtl] * {
  --font-sans: "Noto", "Roboto";
}
html[dir=rtl] *[lang=he], html[dir=rtl] *[lang=he] * {
  --font-sans: "NotoHebrew", "Roboto";
}

/*10*/
/*30 oder 40*/
/*50*/
/*60*/
/*80*/
/*90*/
/* #fff0e4; */
/* $color-blue-gray-light: */
html.dark-schema {
  --color-background: rgba(40, 48, 54, 1);
  --color-background-transparent: rgba(40, 48, 54, 0);
  --color-background-alt: rgba(255, 255, 255, .05);
  --color-background-alt-fx: rgb(52, 59, 63);
  --color-background-alt-minor: rgba(255, 255, 255, .025);
  --color-background-panel: rgba(255, 255, 255, .1);
  --color-taskbar-background: rgb(32, 38, 43);
  --color-taskbar-background-hover: rgba(0, 0, 0, .15);
  --color-taskbar-background-alt: rgb(49, 58, 66);
  --color-taskbar-background-alt-hover: rgba(0, 0, 0, .15);
  --color-front-background: rgb(66, 78, 89);
  --color-font-major-1: rgba(255, 255, 255, .85);
  --color-font-minor-1: rgba(255, 255, 255, .75);
  --color-font-major-2: rgba(255, 255, 255, .65);
  --color-font-minor-2: rgba(255, 255, 255, .55);
  --color-font-major-3: rgba(255, 255, 255, .35);
  --color-font-minor-3: rgba(255, 255, 255, .15);
  --color-font-dark-background-major: rgba(255, 255, 255, 1);
  --color-font-light-background-major: rgba(64, 64, 64, 1);
  --color-font-contrast-major-1: rgba(0, 0, 0, 1);
  --color-font-contrast-minor-1: rgba(0, 0, 0, .85);
  --color-font-contrast-major-2: rgba(0, 0, 0, .65);
  --color-font-contrast-minor-2: rgba(0, 0, 0, .50);
  --color-element-background: rgba(255, 255, 255, .025);
  --color-element-background-major: rgba(255, 255, 255, .05);
  --color-element-background-major-abs: #343B3F;
  --color-element-background-minor-1: rgba(255, 255, 255, .075);
  --color-element-background-minor-2: rgba(255, 255, 255, .1);
  --color-element-background-minor-2-abs: #323639;
  --color-element-border: rgba(255, 255, 255, .2);
  --color-element-border-major: rgba(255, 255, 255, .1);
  --color-element-border-minor: rgba(255, 255, 255, .05);
  --color-framecontrol-background: rgb(40, 48, 54);
  --color-framecontrol-background-hover: rgb(51, 59, 64);
  --color-framecontrol-background-indicator: rgb(51, 59, 64);
  --color-avatar-background-taskbar: rgba(255, 255, 255, .25);
  --color-avatar-background-common: rgba(0, 0, 0, .85);
  --color-list-background-selected: rgba(255, 255, 255, .1);
  --color-list-background-selected-alt: rgba(255, 255, 255, .05);
  --color-list-background-em: rgba(255, 255, 255, .01);
  --color-list-background-hover: rgba(255, 255, 255, 0.075);
  --color-structure-border-major: rgba(0, 0, 0, .15);
  --color-structure-border-minor: rgba(0, 0, 0, .1);
  --color-structure-border-minor-2: rgba(0, 0, 0, .05);
  --color-overlay-background: rgba(0, 0, 0, .85);
  --color-overlay-background-loading: rgba(0, 0, 0, .55);
  --color-overlay-background-image: rgba(0, 0, 0, .9);
  --color-male: rgb(135, 206, 250);
  --color-female: rgb(222, 184, 135);
  --disabled-opacity: .3;
  --color-headline-major: rgb(144, 177, 181);
  --color-headline-minor: rgb(144, 177, 181);
  --color-toolbar-major: rgb(211, 153, 48);
  --color-symbol: rgb(211, 153, 48);
  --color-alert: rgb(217, 89, 89);
  --color-alert-background: rgba(255, 128, 128, .5);
  --color-alert-background-alt: rgba(255, 128, 128, .25);
  --color-alert-background-light: rgba(255, 128, 128, .075);
  --color-alert-major: rgb(212, 68, 68);
  --color-alert-minor: rgb(231, 151, 151);
  --color-confirm: #92d872;
  --color-confirm-background: #92d872;
  --color-confirm-background-alt: #6ecb44;
  --spinner: url(/public/assets/image/sys/spinner-night.svg);
  --spinner-small: url(/public/assets/image/sys/spinner-night.svg);
  --spinner-alt: url(/public/assets/image/sys/spinner-contrast.svg);
  --color-live-translated: #6f9bff;
  --color-status-progress-good: rgb(0, 148, 50);
  --color-status-progress-constant: rgb(247, 159, 31);
  --color-status-progress-bad: rgb(234, 32, 39);
  --color-status-deleted: rgba(161, 192, 209, 0.576);
  --color-indicator-critical: rgb(234, 32, 39);
  --color-indicator-alert: rgb(247, 110, 31);
  --color-indicator-warning: rgb(247, 159, 31);
  --color-indicator-notice: rgb(237, 215, 99);
  --color-indicator-good: rgb(0, 148, 50);
  --color-indicator-info: rgb(0, 151, 230);
  --color-indicator-background-critical: rgb(234, 32, 39, .15);
  --color-indicator-background-alert: rgb(247, 110, 31, .15);
  --color-indicator-background-warning: rgb(247, 159, 31, .15);
  --color-indicator-background-notice: rgb(237, 215, 99, .15);
  --color-indicator-background-good: rgb(0, 148, 50, .15);
  --color-indicator-background-info: rgb(0, 151, 230, .15);
  --color-indicator-current-time: #165c4d;
}

html.light-schema {
  --color-background: rgba(255, 255, 255, 1);
  --color-background-transparent: rgba(255, 255, 255, 0);
  --color-background-alt: rgba(0, 0, 0, .05);
  --color-background-alt-fx: rgb(242, 242, 242);
  --color-background-alt-minor: rgba(0, 0, 0, .025);
  --color-background-panel: rgba(0, 0, 0, .1);
  --color-taskbar-background: rgb(54, 142, 224);
  --color-taskbar-background-hover: rgba(0, 0, 0, .15);
  --color-taskbar-background-alt: rgb(98, 167, 231);
  --color-taskbar-background-alt-hover: rgba(0, 0, 0, .15);
  --color-front-background: rgb(54, 142, 224);
  --color-symbol: #368ee0;
  --color-font-major-1: rgba(0, 0, 0, .85);
  --color-font-minor-1: rgba(0, 0, 0, .75);
  --color-font-major-2: rgba(0, 0, 0, .65);
  --color-font-minor-2: rgba(0, 0, 0, .55);
  --color-font-major-3: rgba(0, 0, 0, .35);
  --color-font-minor-3: rgba(0, 0, 0, .15);
  --color-font-dark-background-major: rgba(255, 255, 255, 1);
  --color-font-light-background-major: rgba(64, 64, 64, 1);
  --color-font-contrast-major-1: rgba(255, 255, 255, 1);
  --color-font-contrast-minor-1: rgba(255, 255, 255, .85);
  --color-font-contrast-major-2: rgba(255, 255, 255, .65);
  --color-font-contrast-minor-2: rgba(255, 255, 255, .50);
  --color-element-background: rgba(0, 0, 0, .025);
  --color-element-background-major: rgba(0, 0, 0, .05);
  --color-element-background-major-abs: #F2F2F2;
  --color-element-background-minor-1: rgba(0, 0, 0, .075);
  --color-element-background-minor-2: rgba(0, 0, 0, .1);
  --color-element-background-minor-2-abs: #F9F9F9;
  --color-element-border: rgba(0, 0, 0, .2);
  --color-element-border-major: rgba(0, 0, 0, .1);
  --color-element-border-minor: rgba(0, 0, 0, .05);
  --color-framecontrol-background: rgb(255, 255, 255);
  --color-framecontrol-background-hover: rgb(242, 242, 242);
  --color-framecontrol-background-indicator: rgb(242, 242, 242);
  --color-avatar-background-taskbar: rgba(255, 255, 255, .25);
  --color-avatar-background-common: rgba(0, 0, 0, .85);
  --color-list-background-selected: rgba(0, 0, 0, .1);
  --color-list-background-selected-alt: rgba(0, 0, 0, .05);
  --color-list-background-em: rgba(0, 0, 0, .01);
  --color-list-background-hover: rgba(0, 0, 0, 0.075);
  --color-structure-border-major: rgba(0, 0, 0, .15);
  --color-structure-border-minor: rgba(0, 0, 0, .1);
  --color-structure-border-minor-2: rgba(0, 0, 0, .05);
  --color-overlay-background: rgba(0, 0, 0, .65);
  --color-overlay-background-loading: rgba(255, 255, 255, 1);
  --color-overlay-background-image: rgba(0, 0, 0, .8);
  --color-male: darkblue;
  --color-female: brown;
  --disabled-opacity: .3;
  --color-headline-major: #1e74c5;
  --color-headline-minor: #1e74c5;
  --color-toolbar-major: #1e74c5;
  --color-alert: rgb(231, 76, 60);
  --color-alert-background: rgba(255, 128, 128, .5);
  --color-alert-background-alt: rgba(255, 128, 128, .25);
  --color-alert-background-light: rgba(255, 128, 128, .075);
  --color-alert-major: rgb(180, 68, 75);
  --color-alert-minor: rgb(143, 54, 60);
  --color-confirm: rgb(42, 130, 2);
  --color-confirm-background: rgb(42, 130, 2);
  --color-confirm-background-alt: rgb(36, 111, 2);
  --spinner: url("/public/assets/image/sys/spinner.svg");
  --spinner-small: url("/public/assets/image/sys/spinner.svg");
  --spinner-alt: url("/public/assets/image/sys/spinner-contrast.svg");
  --color-box-shadow-common: rgba(0, 0, 0, .10);
  --color-box-shadow-dashlets: rgba(0, 0, 0, .10);
  --color-box-shadow-modal: rgba(0, 0, 0, .30);
  --color-box-shadow-frame: rgba(0, 0, 0, .30);
  --color-live-translated: rgb(64, 88, 184);
  --color-status-progress-good: rgb(0, 148, 50);
  --color-status-progress-constant: rgb(247, 159, 31);
  --color-status-progress-bad: rgb(234, 32, 39);
  --color-status-deleted: rgba(161, 192, 209, 0.576);
  --color-indicator-critical: rgb(234, 32, 39);
  --color-indicator-alert: rgb(247, 110, 31);
  --color-indicator-warning: rgb(247, 159, 31);
  --color-indicator-notice: rgb(237, 215, 99);
  --color-indicator-good: rgb(0, 148, 50);
  --color-indicator-info: rgb(0, 151, 230);
  --color-indicator-background-critical: rgb(234, 32, 39, .25);
  --color-indicator-background-alert: rgb(247, 110, 31, .25);
  --color-indicator-background-warning: rgb(247, 159, 31, .25);
  --color-indicator-background-notice: rgb(237, 215, 99, .25);
  --color-indicator-background-good: rgb(0, 148, 50, .25);
  --color-indicator-background-info: rgb(0, 151, 230, .25);
  --color-indicator-current-time: #218c74;
}

/*
@media (prefers-color-scheme: dark) {
  html.light-schema {
      @include light-color-schema();
  }

  html.dark-schema {
      @include dark-color-schema();
  }
}

@media (prefers-color-scheme: light) {
  html.light-schema {
      @include light-color-schema();
  }
  html.dark-schema {
      @include dark-color-schema();
  }
}
*/
.mcx-dashboard-pageset .mcx-dashboard-navigator,
.mcx-dashboard-pageset .mcx-dashlet-pages {
  position: absolute;
  top: 0;
}

.mcx-dashboard-compontent-additional .mcx-dashboard-pageset .mcx-dashboard-navigator,
.mcx-dashboard-compontent-additional .mcx-dashboard-pageset .mcx-dashlet-pages {
  top: 176px;
}

/*
.mcx-dashboard-compontent-additional {
  border-top: 1px solid var(--color-structure-border-major) !important;

  .mcx-dashboard-compontent-additional {
    border-top: none !important;
  }
}
*/
.mcx-dashboard-pageset:after,
.mcx-dashlet-pages:after,
.mcx-dashlet-pages .mcx-dashlet-page-inner-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.mcx-dashboard-pageset .mcx-dashboard-navigator {
  width: 120px;
  text-align: center;
}

.mcx-dashlet-pageset-is-floating .mcx-dashboard-pageset-inner {
  opacity: 0;
}

.mcx-dashlet-pageset-is-floating.mcx-dashlet-pageset-is-floating-initialized .mcx-dashboard-pageset-inner {
  opacity: 1;
  overflow: hidden;
  overflow-x: scroll;
}

.mcx-dashboard-pageset.mcx-dashlet-pageset-is-floating .mcx-dashboard-pageset-outer {
  position: relative;
}

.mcx-dashboard-pageset.mcx-dashlet-pageset-is-floating .mcx-dashboard-navigator {
  z-index: 1;
  top: 0;
  position: absolute;
  width: 96px;
  display: none;
}

.mcx-dashboard-navigator {
  text-align: center;
  vertical-align: middle;
  font-size: 40px;
  color: var(--color-font-minor-3);
}

.mcx-dashboard-navigator:hover {
  color: var(--color-gray-60) !important;
  cursor: pointer;
}

.mcx-dashlet-pageset-is-floating .mcx-dashboard-navigator-focus:before {
  color: var(--color-gray-60) !important;
  opacity: 0.5;
}

.mcx-dashlet-pageset-is-floating .mcx-dashboard-navigator-focus:hover:before {
  color: var(--color-gray-60) !important;
  opacity: 0.85;
}

.mcx-dashboard-navigator-left {
  left: 0;
}

.mcx-dashboard-navigator-left .mcx-dashboard-navigator-list {
  right: 10px;
}

.mcx-dashboard-navigator-right {
  right: 0;
}

.mcx-dashboard-navigator-right .mcx-dashboard-navigator-list {
  left: 0;
}

.mcx-dashboard-navigator-list {
  position: absolute;
  bottom: 10px;
  margin: 0 10px;
}

.mcx-dashboard-navigator-list div {
  color: #999;
}

.mcx-dashboard-container .mcx-dashlet-pages {
  position: relative;
  display: flex;
  flex-direction: row;
}

.mcx-dashboard-container .mcx-dashlet-pageset-is-floating .mcx-dashlet-pages {
  left: 96px;
}
.mcx-dashboard-container .mcx-dashlet-pageset-is-floating .mcx-dashlet-pages .mcx-dashlet-page {
  position: relative;
  margin-right: 128px;
}

.mcx-dashboard-container .mcx-dashboard-pageset:not(.mcx-dashlet-pageset-is-floating) .mcx-dashboard-navigator {
  z-index: 1;
}
.mcx-dashboard-container .mcx-dashboard-pageset:not(.mcx-dashlet-pageset-is-floating) .mcx-dashboard-pageset-inner,
.mcx-dashboard-container .mcx-dashboard-pageset:not(.mcx-dashlet-pageset-is-floating) .mcx-dashlet-pages {
  height: 100%;
}
.mcx-dashboard-container .mcx-dashboard-pageset:not(.mcx-dashlet-pageset-is-floating) .mcx-dashlet-page {
  width: 100vw;
  flex-shrink: 0;
}
.mcx-dashboard-container .mcx-dashboard-pageset:not(.mcx-dashlet-pageset-is-floating) .mcx-dashlet-page .page-container {
  width: 915px;
  margin: auto;
}

.mcx-dashlet-page:not(.editing).is-untitled .mcx-dashlet-page-headline-wrapper {
  display: none;
}
.mcx-dashlet-page:not(.editing).is-untitled .mcx-dashlet-page-wrapper {
  padding-top: 40px;
}

.mcx-dashboard-container .mcx-dashlet-pageset-no-pages .mcx-dashlet-pages {
  left: 0px;
}

.mcx-dashlet-page-hidden {
  display: none;
}

.mcx-dashlet-pageset-no-pages .mcx-dashlet-page {
  position: relative;
}

.mcx-dashboard-pageset.mcx-dashlet-pageset-no-pages,
.mcx-dashboard-pageset.mcx-dashlet-pageset-no-pages.mcx-dashboard-component-no-overflow {
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 32px;
}

.mcx-dashboard-pageset .mcx-dashlet-page-headline-wrapper {
  border: none;
  background: none;
}

.mcx-dashboard-pageset .mcx-dashlet-page-headline-wrapper h3 {
  padding: 0;
  color: var(--color-font-minor-1);
  font-size: 16px;
  font-weight: 300;
}
.mcx-dashboard-pageset .mcx-dashlet-page-headline-wrapper h3 span.mcx-dashboard-icon {
  color: var(--color-font-major-3);
}
.mcx-dashboard-pageset .mcx-dashlet-page-headline-wrapper h3 span.mcx-dashboard-icon.fal {
  color: var(--color-font-major-2);
}

.emphasize-headline .mcx-dashlet-page-headline-wrapper h3 {
  font-size: 28px;
}

.center-headline .mcx-dashlet-page-headline-wrapper h3 span {
  display: block;
  text-align: center;
}

.mcx-dashboard-pageset .mcx-dashlet-page-additional .mcx-dashlet-page-headline-wrapper h3,
.mcx-dashboard-pageset .mcx-dashlet-page-additional .mcx-dashlet-page-headline-wrapper span.mcx-dashboard-icon.fal {
  color: var(--color-font-major-3);
}

.mcx-dashlet-page-headline-wrapper {
  /*  background: $color-blue-light;*/
  border-bottom: 1px solid var(--color-structure-border-minor);
}

.mcx-dashlet-page-headline-wrapper h3 {
  font-size: inherit;
  line-height: 32px;
  color: var(--color-font-major-2);
  padding: 0 10px;
}

.mcx-dashlet-page-headline .mcx-dashlet-page-headline-inner {
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.mcx-dashlet-page-headline .mcx-dashlet-page-headline-inner .mcx-dashboard-icon {
  margin-right: 10px;
}
.mcx-dashlet-page-headline .mcx-dashlet-page-headline-inner span {
  position: relative;
}
.mcx-dashlet-page-headline .mcx-dashlet-page-headline-inner span .dashboard-design-control {
  top: -7px;
  right: -40px;
  font-size: 13px;
}
.mcx-dashlet-page-headline .mcx-dashlet-page-headline-inner span .dashboard-design-control:hover {
  cursor: pointer;
  background-color: var(--color-background-alt);
}
.mcx-dashlet-page-headline .mcx-dashlet-page-headline-inner span .dashboard-design-control-add {
  right: -82px;
}

.mcx-dashlet-page-headline-wrapper .mcx-dashlet-page-headline-toggle {
  float: right;
  background: var(--color-background);
  width: 20px;
  border: 6px solid #368ee0;
  display: block;
  height: 20px;
  font-size: 20px;
  text-align: center;
}

.mcx-dashlet-page-headline-has-sub .mcx-dashlet-page-headline-inner {
  display: inline;
}

.mcx-dashlet-page-headline .mcx-dashlet-page-headline-sub {
  float: right;
  color: var(--color-font-minor-2);
  /*color: var(--color-font-contrast-major-1);*/
  margin-right: 20px;
}

.mcx-dashlet-page-headline-wrapper.mcx-dashlet-page-headline-has-sub.mcx-dashlet-page-headline-controls .mcx-dashlet-page-headline-sub {
  float: none;
  margin-left: 15px;
}

.mcx-dashlet-page-headline-part {
  float: left;
}

.mcx-dashlet-page-headline-realm span {
  font-family: "HIS Glyphs";
  padding: 0 10px;
  color: var(--color-font-major-3);
  line-height: 36px;
}

.mcx-dashlet-page-patients h3 {
  color: rgb(106, 193, 35) !important;
}

.mcx-dashlet-page-additional h3 {
  color: #1e74c5;
}

.mcx-dashboard-component.mcx-dashlet-page-generator {
  background-image: var(--spinner);
  background-size: 36px;
  background-position: center;
  background-repeat: no-repeat;
}

.mcx-dashboard-component.mcx-dashboard-pageset {
  background: var(--color-background-alt);
}

.mcx-dashboard-component.mcx-dashboard-pageset .mcx-dashlet-page-wrapper {
  border: none;
}

.mcx-dashboard-pageset .mcx-dashlet-page-wrapper {
  padding-top: 10px;
  overflow: hidden;
}
.mcx-dashboard-pageset .mcx-dashlet-page.half-columns .mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.half-columns .mcx-dashlet-page-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.half-columns .mcx-dashlet-page-inner-wrapper {
  width: 76px;
}
.mcx-dashboard-pageset .mcx-dashlet-page.one-columns .mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.one-columns .mcx-dashlet-page-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.one-columns .mcx-dashlet-page-inner-wrapper {
  width: 152px;
}
.mcx-dashboard-pageset .mcx-dashlet-page.two-columns .mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.two-columns .mcx-dashlet-page-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.two-columns .mcx-dashlet-page-inner-wrapper {
  width: 305px;
}
.mcx-dashboard-pageset .mcx-dashlet-page.three-columns .mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.three-columns .mcx-dashlet-page-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.three-columns .mcx-dashlet-page-inner-wrapper {
  width: 460px;
}
.mcx-dashboard-pageset .mcx-dashlet-page.four-columns .mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.four-columns .mcx-dashlet-page-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.four-columns .mcx-dashlet-page-inner-wrapper {
  width: 610px;
}
.mcx-dashboard-pageset .mcx-dashlet-page.five-columns .mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.five-columns .mcx-dashlet-page-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.five-columns .mcx-dashlet-page-inner-wrapper {
  width: 762px;
}
.mcx-dashboard-pageset .mcx-dashlet-page.six-columns .mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.six-columns .mcx-dashlet-page-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.six-columns .mcx-dashlet-page-inner-wrapper {
  width: 915px;
}
.mcx-dashboard-pageset .mcx-dashlet-page.eight-columns .mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.eight-columns .mcx-dashlet-page-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.eight-columns .mcx-dashlet-page-inner-wrapper {
  width: 1220px;
}
.mcx-dashboard-pageset .mcx-dashlet-page.ten-columns .mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.ten-columns .mcx-dashlet-page-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.ten-columns .mcx-dashlet-page-inner-wrapper {
  width: 1525px;
}
.mcx-dashboard-pageset .mcx-dashlet-page.twelve-columns .mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.twelve-columns .mcx-dashlet-page-wrapper,
.mcx-dashboard-pageset .mcx-dashlet-page.twelve-columns .mcx-dashlet-page-inner-wrapper {
  width: 1830px;
}
.mcx-dashboard-pageset.has-panel .mcx-dashboard-pageset-inner {
  position: absolute;
}
.mcx-dashboard-pageset.has-panel .mcx-dashboard-pageset-inner,
.mcx-dashboard-pageset.has-panel .mcx-dashboard-pageset-outer {
  transition: left 0.25s ease-in-out, width 0.25s ease-in-out;
}
.mcx-dashboard-pageset.has-panel.panel-closed .mcx-dashboard-pageset-inner,
.mcx-dashboard-pageset.has-panel.panel-closed .mcx-dashboard-pageset-outer {
  left: 40px;
  width: calc(100% - 40px);
}
.mcx-dashboard-pageset.has-panel.panel-opened .mcx-dashboard-pageset-inner,
.mcx-dashboard-pageset.has-panel.panel-opened .mcx-dashboard-pageset-outer {
  left: 354px;
  width: calc(100% - 354px);
}

.mcx-dashboard-pageset.mcx-dashboard-pageset-fullwidth .mcx-dashlet-page-wrapper {
  width: initial;
}

.mcx-dashboard-mainpanel .mcx-dashboard-pageset .mcx-dashlet-page-wrapper {
  padding-top: 0;
}

.mcx-dashboard-pageset .mcx-dashlet-page .mcx-dashlet-page-wrapper {
  margin-top: 0;
  width: 100%;
}

.mcx-dashlet-page-inner-wrapper,
.mcx-dashboard-list-inner {
  width: 915px;
}

.mcx-dashlet-page-inner-wrapper {
  position: relative;
}

.mcx-dashlet-pageset-no-pages .mcx-dashlet-page-inner-wrapper {
  width: 100%;
  margin-bottom: -10px;
}

.mcx-dashboard-pageset.mcx-dashboard-pageset-fullwidth .mcx-dashlet-page-inner-wrapper {
  width: initial;
}

.mcx-dashlet-page-headline-tasks {
  box-shadow: none;
  border-bottom: none !important;
}

.mcx-dashlet-page-headline {
  margin: 0 auto;
}

.mcx-dashlet-page-headline {
  padding: 0;
}

.mcx-dashboard-pageset .mcx-dashlet-pages .mcx-dashlet-page-headline,
.mcx-dashboard-pageset .dashboard-panel .mcx-dashlet-page-headline {
  width: auto;
  padding: 0;
  margin-top: 20px;
}

.mcx-dashlet-page-headline .mcx-dashlet-page-audit {
  float: right;
  color: #999;
  width: 12.5%;
  text-align: left;
  font-size: inherit;
}

.mcx-dashlet-page-inner-overflow {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.mcx-dashlet-page-inner-overflow .mcx-dashboard-list-inner {
  width: 909px;
}

.mcx-dashlet-page-inner-overflow .mcx-dashboard-list-table-column .mcx-dashboard-list-inner {
  width: inherit;
}

.mcx-dashlet-page-inner-overflow .mcx-dashlet-page-inner-wrapper {
  width: 909px;
}

.mcx-dashlet-page-tasks {
  clear: both;
  padding-top: 10px;
  padding-bottom: 0;
}

.mcx-dashlet-page-tasks-separated {
  border-bottom: 1px solid var(--color-structure-border-major);
}

.mcx-dashlet-pageset-is-floating .mcx-dashlet-page-headline .mcx-dashlet-page-controls {
  right: initial;
  left: initial;
  position: relative;
}
.mcx-dashlet-pageset-is-floating .mcx-dashlet-page-headline .mcx-dashlet-page-controls .mcx-dashlet-page-control {
  float: initial;
}

.dashboard .application .content {
  height: 100%;
}

.mcx-dashlet-flags {
  position: relative;
  float: left;
  width: 7px;
  background: rgb(233, 235, 236);
  height: 140px;
}

.mcx-dashlet-flag {
  width: 7px;
  height: 17.5px;
}

.mcx-dashlet-half .mcx-dashlet-flags {
  height: 70px;
}

.mcx-dashlet {
  cursor: default;
}

.mcx-dashlet-chart .mcx-dashlet-wrapper {
  margin: 0;
  background: var(--color-background);
}

.mcx-dashboard-list-divider .mcx-dashlet-chart {
  background: transparent !important;
}

.mcx-dashlet-chart canvas {
  background: var(--color-background);
}

.mcx-dashlet-symbol {
  font-family: "HIS Glyphs";
}

.mcx-dashlet-value {
  font-size: 35px;
  font-weight: 300;
  line-height: 35px;
}

.mcx-dashlet-common {
  position: relative;
}
.mcx-dashlet-common div.mcx-dashlet-symbol,
.mcx-dashlet-common div.mcx-dashboard-icon,
.mcx-dashlet-common div.mcx-dashlet-mcx-dashlet-value {
  position: absolute;
  bottom: 10px;
  font-size: 30px;
}

.mcx-dashlet-focussed div.mcx-dashlet-symbol,
.mcx-dashlet-focussed div.mcx-dashboard-icon,
.mcx-dashlet-focussed div.mcx-dashlet-value {
  line-height: 85px;
  padding: 10px 0;
  text-align: center;
  color: var(--color-font-contrast-major-1);
}
.mcx-dashlet-focussed div.mcx-dashlet-symbol,
.mcx-dashlet-focussed div.mcx-dashlet-value {
  font-size: 64px;
}
.mcx-dashlet-focussed div.mcx-dashboard-icon {
  font-size: 48px;
  width: 100%;
}

.mcx-dashlet-third .mcx-dashlet-focussed div.mcx-dashlet-symbol,
.mcx-dashlet-third .mcx-dashlet-focussed div.mcx-dashboard-icon {
  padding: 0;
  float: none;
}
.mcx-dashlet-third .mcx-dashlet-focussed div.mcx-dashlet-symbol {
  font-size: 24px;
  line-height: 45px;
  margin-top: -8px;
}
.mcx-dashlet-third .mcx-dashlet-focussed div.mcx-dashboard-icon {
  margin-top: -10px;
  line-height: 45px;
  font-size: 18px;
}

.mcx-dashlet-half .mcx-dashlet-focussed div.mcx-dashlet-symbol,
.mcx-dashlet-half .mcx-dashlet-focussed div.mcx-dashboard-icon {
  padding: 0;
  font-size: 36px;
  line-height: 65px;
  margin-top: -10px;
  float: none;
}

.mcx-dashlet-focussed div.mcx-dashlet-focus-content {
  font-size: 64px;
  line-height: 85px;
  padding: 10px 0;
  text-align: center;
  color: var(--color-font-contrast-major-1);
}

.mcx-dashlet-focus-helper,
.mcx-dashlet-patient-helper,
.mcx-dashlet-contact-helper,
.mcx-dashlet-structure-helper,
.mcx-dashlet-data-helper,
.mcx-dashlet-appointment-helper,
.mcx-dashlet-request-helper,
.mcx-dashlet-classification-helper,
.mcx-dashlet-form-helper {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  height: 120px;
}
.mcx-dashlet-focus-helper:not(.mcx-dashlet-focus-helper),
.mcx-dashlet-patient-helper:not(.mcx-dashlet-focus-helper),
.mcx-dashlet-contact-helper:not(.mcx-dashlet-focus-helper),
.mcx-dashlet-structure-helper:not(.mcx-dashlet-focus-helper),
.mcx-dashlet-data-helper:not(.mcx-dashlet-focus-helper),
.mcx-dashlet-appointment-helper:not(.mcx-dashlet-focus-helper),
.mcx-dashlet-request-helper:not(.mcx-dashlet-focus-helper),
.mcx-dashlet-classification-helper:not(.mcx-dashlet-focus-helper),
.mcx-dashlet-form-helper:not(.mcx-dashlet-focus-helper) {
  width: 100%;
}

.mcx-dashlet-x2.mcx-dashlet-y2 .mcx-dashlet-focus-helper {
  height: 270px;
}

.mcx-dashlet-chart .mcx-dashlet-data-helper {
  height: 140px;
}

.mcx-dashlet-half .mcx-dashlet-data-helper {
  height: 65px;
}

.mcx-dashlet-third .mcx-dashlet-data-helper {
  height: 45px;
}

.mcx-dashlet-quarter .mcx-dashlet-data-helper {
  height: 33px;
}

.mcx-dashlet-focus-helper td {
  vertical-align: middle;
  height: 135px;
}
.mcx-dashlet-focus-helper td h4 {
  font-size: 22px !important;
  margin-top: -10px !important;
  font-weight: normal !important;
}
.mcx-dashlet-focus-helper .mcx-dashlet-symbol,
.mcx-dashlet-focus-helper .mcx-dashlet-value,
.mcx-dashlet-focus-helper .mcx-dashboard-icon {
  width: 120px;
  color: var(--color-font-contrast-major-1);
  text-align: center;
}
.mcx-dashlet-focus-helper .mcx-dashlet-symbol,
.mcx-dashlet-focus-helper .mcx-dashlet-value {
  font-size: 64px;
  line-height: 100px;
}
.mcx-dashlet-focus-helper .mcx-dashboard-icon {
  font-size: 52px;
  line-height: 125px;
}

.mcx-dashlet-focussed h4 {
  text-align: left;
}

.mcx-dashlet h4 {
  font-weight: normal;
  font-size: inherit !important;
  margin: 0;
  padding: 0;
  color: var(--color-font-contrast-major-1);
}

.mcx-dashlet-single h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mcx-dashlet-has-background h4 {
  color: var(--color-font-contrast-major-1);
}

.dark-schema .mcx-dashlet.mcx-dashlet-has-background {
  filter: saturate(0.5);
}

.mcx-dashlet:hover h4 {
  color: var(--color-font-contrast-major-1);
  text-transform: none;
}

.mcx-dashlet-chart h4,
.mcx-dashlet-chart:hover h4 {
  color: var(--color-font-minor-1);
}

.mcx-dashlet-data-headline-has-tools h4 {
  float: left;
}

.mcx-dashlet-desc {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4rem;
}

.mcx-dashlet-data-headline-tools {
  position: absolute;
  right: 0;
  background: rgba(0, 0, 0, 0.125);
}

.mcx-dashlet-chart .mcx-dashlet-data-headline-tools {
  background: var(--color-background);
}

.mcx-dashlet-data-headline-tool {
  float: right;
  display: block;
  /* font-family: $font-glyphs; */
  font-size: 12px;
  /*
  line-height: 18px;
  height: 15px;
  */
  padding: 0;
  line-height: 32px;
  height: 32px;
  text-align: center;
}
.mcx-dashlet-data-headline-tool:not(.disabled):hover {
  background: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.mcx-dashlet-data-headline-tool:not(.disabled):hover {
  background: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.mcx-dashlet-data-headline-tool.disabled {
  opacity: 0.5;
}
.mcx-dashlet-data-headline-tool:not(.text-only) {
  width: 32px;
}
.mcx-dashlet-data-headline-tool.text-only {
  padding: 0 15px;
}
.mcx-dashlet-data-headline-tool.navigation-help {
  color: var(--color-font-contrast-major-1);
}
.mcx-dashlet-data-headline-tool.selected {
  background: rgba(0, 0, 0, 0.15);
  position: relative;
}
.mcx-dashlet-data-headline-tool.selected:after {
  position: absolute;
  bottom: -15px;
  left: calc(50% - 3.75px);
  font-family: "FontAwesome";
  content: "\f0d8";
  color: rgba(255, 255, 255, 0.8); /* var(--color-background-alt-fx); */
}

.dark-schema .mcx-dashlet-data-headline-tool.selected:after {
  color: rgba(0, 0, 0, 0.15);
}

.mcx-dashlet-input .mcx-dashlet-data-headline-tool,
.mcx-dashlet-generator .mcx-dashlet-data-headline-tool {
  color: var(--color-font-contrast-major-1);
}

.mcx-dashlet-chart .mcx-dashlet-data-headline-tool {
  color: var(--color-font-major-3);
}

.mcx-dashlet-chart .mcx-dashlet-data-headline-tool:hover {
  color: var(--color-font-minor-1);
  background-color: rgba(28, 31, 33, 0.09);
  /** Nearly equivalent to: var(--color-gray-95); */
}

.mcx-dashlet-patient {
  background: #008080;
  z-index: 8000;
}

.mcx-dashlet-patient * {
  color: var(--color-font-contrast-major-1);
}

.mcx-dashlet-patient:hover {
  background: #006060;
}

.mcx-dashlet-male {
  background: #4682B4 !important;
}

.mcx-dashlet-male:hover {
  background: #266294 !important;
}

.mcx-dashlet-female {
  background: #CD5C5C !important;
}

.mcx-dashlet-female:hover {
  background: #AD3C3C !important;
}

.mcx-dashboard-male {
  color: #000080;
}

.mcx-dashboard-female {
  color: #B22222;
}

.mcx-dashlet-placeholder-patient .mcx-dashlet-symbol {
  color: #E5E5E5;
}

.mcx-dashlet-patient-selected,
.mcx-dashlet-patient-selected.mcx-dashlet-male:hover,
.mcx-dashlet-patient-selected.mcx-dashlet-female:hover {
  /* background: #000 !important; */
  transform: scale(1.1, 1.1);
  box-shadow: 0 0 20px var(--color-box-shadow-dashlets);
  transition: all 0.15s ease-in-out;
}

.mcx-dashlet-placeholder-patient .mcx-dashlet-symbol,
.mcx-dashlet-patient .mcx-dashlet-symbol,
.mcx-dashlet-contact .mcx-dashlet-symbol,
.mcx-dashlet-structure .mcx-dashlet-symbol,
.mcx-dashlet-appointment .mcx-dashlet-symbol,
.mcx-dashlet-request .mcx-dashlet-symbol,
.mcx-dashlet-classification .mcx-dashlet-symbol,
.mcx-dashlet-form .mcx-dashlet-symbol,
.mcx-dashlet-data .mcx-dashlet-symbol {
  font-size: 30px !important;
}

.mcx-dashlet-patient-helper td,
.mcx-dashlet-contact-helper td,
.mcx-dashlet-structure-helper td,
.mcx-dashlet-data-helper td,
.mcx-dashlet-appointment-helper td,
.mcx-dashlet-request-helper td,
.mcx-dashlet-classification-helper td,
.mcx-dashlet-form-helper td {
  padding: 0 !important;
}

.mcx-dashlet-chart .mcx-dashlet-data-headline {
  /* padding: 10px !important; */
  /*  background: var(--color-gray-70);*/
  color: var(--color-font-minor-1);
}

.mcx-dashlet-chart .mcx-dashlet-data-content {
  padding: 0 !important;
}

.mcx-dashlet-data-chart-loading {
  background-image: var(--spinner) !important;
  background-size: 36px;
  background-position: center;
  background-repeat: no-repeat;
}

.mcx-dashlet-contact-helper td {
  font-size: inherit;
}

.mcx-dashlet-patient-location {
  width: 50%;
  vertical-align: top;
}

.mcx-dashlet-patient-location span {
  font-size: inherit;
  color: var(--color-font-contrast-major-1);
}

.mcx-dashlet-patient-id,
.mcx-dashlet-structure-type,
.mcx-dashlet-classification-ident {
  font-size: 8px;
  font-weight: 600;
}

.mcx-dashlet-contact-type {
  font-size: inherit;
}

.mcx-dashlet-patient-id,
.mcx-dashlet-contact-type,
.mcx-dashlet-structure-type,
.mcx-dashlet-classification-ident {
  text-align: right;
}

.mcx-dashlet-classification-ident {
  height: 12px;
  line-height: 12px;
}

.mcx-dashlet-classification-ident span {
  background: rgba(255, 255, 255, 0.125);
  display: inline-block;
  top: 0;
  position: absolute;
  right: 0;
  padding: 2.5px 5px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
}

.mcx-dashlet-patient-name,
.mcx-dashlet-contact-name,
.mcx-dashlet-structure-name,
.mcx-dashlet-form-name,
.mcx-dashlet-classification-name {
  font-size: inherit !important;
  height: 32px;
  line-height: 32px;
}

.mcx-dashlet-classification-element {
  color: var(--color-gray-30) !important;
}

.mcx-dashlet-page-tasks .mcx-dashlet-classification-element {
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashlet-classification-element.mcx-dashlet-selected {
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashlet-patient-name span,
.mcx-dashlet-contact-name span,
.mcx-dashlet-structure-name span,
.mcx-dashlet-form-name span,
.mcx-dashlet-classification-name {
  overflow: hidden;
  white-space: nowrap;
  width: 270px !important;
  display: block;
}

.mcx-dashlet-classification-name span {
  padding: 0 10px;
}

.mcx-dashlet-appointment-time {
  font-size: 14px;
  text-align: right;
}

.mcx-dashlet-request-history,
.mcx-dashlet-form-history {
  text-align: right;
  font-size: 11px;
}

.mcx-dashlet-patient-content,
.mcx-dashlet-contact-content,
.mcx-dashlet-appointment-content {
  height: 50px;
}

.mcx-dashlet-appointment-content,
.mcx-dashlet-request-content,
.mcx-dashlet-classification-content,
.mcx-dashlet-form-content {
  font-size: inherit;
  vertical-align: top;
  width: auto;
  height: 88px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.85);
}

.mcx-dashlet-patient-content,
.mcx-dashlet-contact-content,
.mcx-dashlet-structure-content,
.mcx-dashlet-appointment-content,
.mcx-dashlet-request-content,
.mcx-dashlet-form-content {
  width: 250px;
  text-align: left;
}

.mcx-dashlet-classification-helper td.mcx-dashlet-classification-content {
  height: 76px;
  padding: 10px !important;
  font-size: inherit !important;
}

.mcx-dashlet-third .mcx-dashlet-classification-helper td.mcx-dashlet-classification-content {
  display: none;
}

.mcx-dashlet-patient .mcx-dashlet-symbol,
.mcx-dashlet-contact .mcx-dashlet-symbol,
.mcx-dashlet-data .mcx-dashlet-symbol,
.mcx-dashlet-structure .mcx-dashlet-symbol,
.mcx-dashlet-form .mcx-dashlet-symbol,
.mcx-dashlet-appointment .mcx-dashlet-symbol {
  width: 50px;
  vertical-align: bottom;
  color: var(--color-font-contrast-major-1);
}

.mcx-dashlet-data .mcx-dashlet-value {
  width: 50px;
  vertical-align: bottom;
  color: var(--color-font-contrast-major-1);
}

.mcx-dashlet-classification-element-disabled {
  opacity: 0.75;
}
.mcx-dashlet-classification-element-disabled .mcx-dashlet-classification-name span:before {
  color: var(--color-alert);
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  content: "\f28b";
  margin-right: 5px;
  opacity: 1;
}

.mcx-dashlet-half .mcx-dashlet-appointment-helper {
  height: auto !important;
}

.mcx-dashlet-half .mcx-dashlet-appointment-helper .mcx-dashlet-appointment-time {
  font-size: inherit;
  width: 100px;
}

.mcx-dashlet-half .mcx-dashlet-appointment-helper .mcx-dashlet-appointment-content {
  height: 18px;
}

.mcx-dashlet-half:not(.mcx-dashlet-seamless) td.mcx-dashlet-data-content .mcx-dashlet-data-content-helper,
.mcx-dashlet-quarter:not(.mcx-dashlet-seamless) td.mcx-dashlet-data-content .mcx-dashlet-data-content-helper,
.mcx-dashlet-quarter.mcx-dashlet-checkbox-seamless td.mcx-dashlet-data-content .mcx-dashlet-data-content-helper,
.mcx-dashlet-quarter.mcx-dashlet-select-seamless td.mcx-dashlet-data-content .mcx-dashlet-data-content-helper {
  line-height: 33px;
  padding: 0 10px;
}

.mcx-dashlet-half.mcx-dashlet-input td.mcx-dashlet-data-content .mcx-dashlet-data-content-helper {
  padding: 0;
}

.mcx-dashlet-data-value-label {
  display: none;
}

.mcx-dashlet-contains-numeric-data-value.mcx-dashlet-common:not(.mcx-dashlet-half) .mcx-dashlet-data-content-helper .mcx-dashlet-data-value {
  font-size: 48px;
  font-weight: 300;
}

.mcx-dashlet-contains-numeric-data-value.mcx-dashlet-common:not(.mcx-dashlet-half) .mcx-dashlet-data-content-helper .mcx-dashlet-data-value-label {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.mcx-dashlet-contains-numeric-data-value.mcx-dashlet-common.mcx-dashlet-x2:not(.mcx-dashlet-half) .mcx-dashlet-data-content-helper .mcx-dashlet-data-value {
  width: 110px;
  text-align: center;
  height: 88px;
  line-height: 88px;
}

.mcx-dashlet-contains-numeric-data-value.mcx-dashlet-common.mcx-dashlet-x2:not(.mcx-dashlet-half) .mcx-dashlet-data-content-helper .mcx-dashlet-data-value-label {
  position: absolute;
  top: 0;
  overflow: auto;
  text-overflow: initial;
  white-space: normal;
  display: table;
  height: 108px;
  width: 150px;
  left: 130px;
}

.mcx-dashlet-contains-numeric-data-value.mcx-dashlet-common.mcx-dashlet-x2:not(.mcx-dashlet-half) .mcx-dashlet-data-content-helper .mcx-dashlet-data-value-label span {
  display: table-cell;
  vertical-align: middle;
}

.mcx-dashlet.mcx-dashlet-object .mcx-dashlet-wrapper {
  margin: 0;
}

/*
.mcx-dashlet-classification-element {
  font-size: 16px !important;
  background: #EEE !important;
  color: var(--color-gray-30) !important;
  font-family: var(--font-sans);
}
*/
.mcx-dashlet-data-headline {
  vertical-align: top;
}

.mcx-dashlet-data-headline h4 {
  font-size: 16px;
  padding: 0 10px;
  line-height: 32px;
  height: 32px;
  overflow: hidden;
}

.mcx-dashlet-transparent .mcx-dashlet-data-headline {
  background-color: rgba(255, 255, 255, 0.85);
}

.mcx-dashlet-transparent .mcx-dashlet-data-headline h4 {
  color: var(--color-font-minor-2);
}

.mcx-dashlet-single .mcx-dashlet-data-headline h4,
.mcx-dashlet-x1 .mcx-dashlet-data-headline h4 {
  width: 120px;
}

td.mcx-dashlet-data-content,
td.mcx-dashlet-data-single {
  vertical-align: bottom;
  height: 88px;
  width: 250px;
  background: rgba(255, 255, 255, 0.85);
  padding: 10px !important;
  color: var(--color-font-minor-1);
}

html.dark-schema .mcx-dashlet-transparent .mcx-dashlet-data-headline,
html.dark-schema td.mcx-dashlet-data-content,
html.dark-schema td.mcx-dashlet-data-single {
  background: rgba(0, 0, 0, 0.35);
}

.mcx-dashlet-half td.mcx-dashlet-data-content,
.mcx-dashlet-half td.mcx-dashlet-data-single,
.mcx-dashlet-quarter td.mcx-dashlet-data-content,
.mcx-dashlet-quarter td.mcx-dashlet-data-single {
  height: 33px;
  padding: 0 !important;
}

td.mcx-dashlet-data-content {
  vertical-align: top;
  font-size: inherit;
  overflow: hidden;
  position: relative;
}

.mcx-dashlet-data-content-bottom {
  vertical-align: bottom !important;
}

.mcx-dashlet-data-single {
  font-size: 22px;
}

.mcx-dashlet-structure .mcx-dashlet-data-content,
.mcx-dashlet-data-single {
  vertical-align: bottom;
  text-align: right !important;
}

.mcx-dashlet-data-table table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

.mcx-dashlet-data-table table td {
  padding-right: 2px;
  overflow: hidden;
  white-space: nowrap;
}

.mcx-dashlet-data-table table td span {
  overflow: hidden;
  white-space: nowrap;
}

.mcx-dashlet-data-table tr td:first-child {
  vertical-align: top;
}

.mcx-dashlet-area,
.mcx-dashlet-area:hover {
  width: 980px;
}

.mcx-dashlet-area,
.mcx-dashlet-area:hover {
  background: #F1F1F1;
  border-radius: 1px;
  cursor: default;
}

.mcx-dashlet-data-area {
  height: 50px;
  overflow: hidden;
}

.mcx-dashlet-data-content-bottom .mcx-dashlet-data-area {
  height: auto;
}

.mcx-dashlet-field {
  float: left;
  padding: 5px;
  margin-right: 5px;
  width: 39px;
  text-align: center;
  font-size: 11px !important;
  font-weight: 700;
}

.mcx-dashlet-field-auto-width {
  width: auto !important;
  padding: 5px 10px;
}

.mcx-dashlet-field-has-target {
  cursor: pointer;
}

.mcx-dashlet-field-container-list {
  width: 100%;
  display: inline;
}

.mcx-dashlet-field-container-list-indent-symbol-key {
  left: 150px;
  position: relative;
}

.mcx-dashlet-field-container-list-indent-key {
  left: 100px;
  position: relative;
}

.mcx-dashlet-field-container-list-indent-symbol {
  left: 50px;
  position: relative;
}

.mcx-dashboard-list-head {
  background: var(--color-background);
  border-bottom: 1px solid var(--color-gray-80);
}

.mcx-dashboard-list-element .mcx-dashlet-field {
  margin-left: 5px;
  margin-right: 0;
}

.mcx-dashboard-list-element .mcx-dashlet-field-container-list .mcx-dashlet-field {
  margin-left: 0;
  margin-right: 5px;
}

.mcx-dashlet .mcx-dashlet-field {
  margin-top: 5px;
}

.mcx-dashlet-field-container-subtractive .mcx-dashlet-field {
  color: var(--color-font-contrast-major-1);
  padding: 2.5px 5px;
}

.mcx-dashlet-field-container-additive .mcx-dashlet-field {
  color: var(--color-font-contrast-major-1);
  padding: 2.5px 5px;
}

.mcx-dashlet-field-container-subtractive .mcx-dashlet-field-intensity-1 {
  background: rgba(255, 255, 255, 0.75);
}

.mcx-dashlet-field-container-subtractive .mcx-dashlet-field-intensity-2 {
  background: rgba(255, 255, 255, 0.5);
}

.mcx-dashlet-field-container-subtractive .mcx-dashlet-field-intensity-3 {
  background: rgba(255, 255, 255, 0.25);
}

.mcx-dashlet-field-container-additive .mcx-dashlet-field-intensity-1 {
  background: rgba(0, 0, 0, 0.75);
}

.mcx-dashlet-field-container-additive .mcx-dashlet-field-intensity-2 {
  background: rgba(0, 0, 0, 0.5);
}

.mcx-dashlet-field-container-additive .mcx-dashlet-field-intensity-3 {
  background: rgba(0, 0, 0, 0.35);
}

.mcx-dashlet-page-tasks .mcx-dashlet-page-inner-wrapper {
  width: 995px !important;
}

.mcx-dashlet-page-tasks .mcx-dashlet-page-inner-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.mcx-dashlet-page-fixed-bordered {
  border-bottom: 1px solid var(--color-structure-border-major);
}

.mcx-dashlet-page-fixed:after {
  content: "";
  display: table;
  clear: both;
}

.mcx-dashlet,
.mcx-dashlet-sortable-placeholder {
  height: 140px;
  background: var(--color-background);
  color: var(--color-font-contrast-major-1);
  float: left;
  margin-top: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  border-radius: 1px;
  background: var(--color-element-background-minor-2);
  position: relative;
}

.mcx-dashlet.has-content {
  /* box-shadow: 0px 5px 10px var(--color-box-shadow-dashlets);*/
}

.mcx-dashlet-info,
.mcx-dashlet-page-tasks .mcx-dashlet.mcx-dashlet-info,
.mcx-dashlet-info:hover,
.mcx-dashlet-page-tasks .mcx-dashlet.mcx-dashlet-info:hover {
  background: var(--color-element-background-minor-1);
  cursor: default;
}

.mcx-dashlet-info *,
.mcx-dashlet-page-tasks .mcx-dashlet.mcx-dashlet-info *,
.mcx-dashlet-info:hover *,
.mcx-dashlet-page-tasks .mcx-dashlet.mcx-dashlet-info:hover * {
  color: var(--color-font-major-2) !important;
}

.mcx-dashlet-info.mcx-dashlet-disabled,
.mcx-dashlet-page-tasks .mcx-dashlet.mcx-dashlet-disabled,
.mcx-dashlet-page-tasks .mcx-dashlet.mcx-dashlet-info.mcx-dashlet-disabled {
  /*
  background: var(--color-element-background-minor-2)  !important;
  color: var(--color-font-major-2) !important;
  */
}
.mcx-dashlet-info.mcx-dashlet-disabled, .mcx-dashlet-info.mcx-dashlet-disabled:hover,
.mcx-dashlet-page-tasks .mcx-dashlet.mcx-dashlet-disabled,
.mcx-dashlet-page-tasks .mcx-dashlet.mcx-dashlet-disabled:hover,
.mcx-dashlet-page-tasks .mcx-dashlet.mcx-dashlet-info.mcx-dashlet-disabled,
.mcx-dashlet-page-tasks .mcx-dashlet.mcx-dashlet-info.mcx-dashlet-disabled:hover {
  opacity: var(--disabled-opacity);
}

.mcx-dashlet-info.mcx-dashlet-disabled .mcx-dashlet-value {
  display: none;
}

.mcx-dashlet-info.mcx-dashlet-seamless .mcx-dashlet-wrapper {
  margin: 0;
}

.mcx-dashlet-info.mcx-dashlet-transparent {
  background: transparent;
}

.mcx-dashlet-half {
  height: 65px;
}

.mcx-dashlet-third {
  height: 45px;
}

.mcx-dashlet-quarter {
  height: 33px;
}

.mcx-dashlet-input .mcx-dashlet-data-content {
  padding: 0 !important;
  height: 105px;
  overflow: hidden;
}

.mcx-dashlet-input .mcx-dashlet-data-content textarea,
.mcx-dashlet-input .mcx-dashlet-data-content input {
  padding: 9px;
  background: var(--color-background);
  border: 1px solid transparent;
  height: 89px;
  width: 120px;
  display: inherit;
}

.mcx-dashlet-input.mcx-dashlet-x2 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x2 .mcx-dashlet-data-content input {
  width: 270px;
}

.mcx-dashlet-input.mcx-dashlet-x3 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x3 .mcx-dashlet-data-content input {
  width: 420px;
}

.mcx-dashlet-input.mcx-dashlet-x4 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x4 .mcx-dashlet-data-content input {
  width: 570px;
}

.mcx-dashlet-input.mcx-dashlet-x5 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x5 .mcx-dashlet-data-content input {
  width: 720px;
}

.mcx-dashlet-input.mcx-dashlet-x6 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x6 .mcx-dashlet-data-content input {
  width: 870px;
}

.mcx-dashlet-input.mcx-dashlet-x7 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x7 .mcx-dashlet-data-content input {
  width: 1020px;
}

.mcx-dashlet-input.mcx-dashlet-x8 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x8 .mcx-dashlet-data-content input {
  width: 1170px;
}

.mcx-dashlet-input.mcx-dashlet-x9 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x9 .mcx-dashlet-data-content input {
  width: 1320px;
}

.mcx-dashlet-input.mcx-dashlet-x10 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x10 .mcx-dashlet-data-content input {
  width: 1470px;
}

.mcx-dashlet-input.mcx-dashlet-x11 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x11 .mcx-dashlet-data-content input {
  width: 1620px;
}

.mcx-dashlet-input.mcx-dashlet-x12 .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-x12 .mcx-dashlet-data-content input {
  width: 1770px;
}

html.dark-schema .mcx-dashlet-data-content select,
html.dark-schema .mcx-dashlet-data-content textarea,
html.dark-schema .mcx-dashlet-data-content input {
  color: var(--color-font-major-1);
}

.mcx-dashlet-input.mcx-dashlet-half .mcx-dashlet-data-content textarea,
.mcx-dashlet-input.mcx-dashlet-half .mcx-dashlet-data-content input {
  height: 20px;
  padding: 6px 9px;
  overflow: hidden;
}

.mcx-dashlet-input-modules-container {
  display: none;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  background: var(--color-background);
  border-top: 1px solid var(--color-gray-95);
  position: relative;
  z-index: 9999;
}

.mcx-dashlet-input-modules-container .mcx-dashboard-badge-floating {
  display: inline-block;
  cursor: pointer;
}

.mcx-dashlet-input-modules-container .mcx-dashboard-badge-floating:hover span {
  background-color: #de6101;
}

.mcx-dashlet-input.mcx-dashlet-half .mcx-dashlet-data-content {
  padding: 0;
}

.mcx-dashlet-select .mcx-dashlet-data-content-selection,
.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox {
  line-height: 32px;
}

.mcx-dashlet-select .mcx-dashlet-data-content-selection {
  background: rgba(255, 255, 255, 0.8);
}

.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox {
  background: rgba(255, 255, 255, 0.85);
}

html.dark-schema .mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox {
  background: rgba(0, 0, 0, 0.35);
}
html.dark-schema .mcx-dashlet-select .mcx-dashlet-data-content-selection {
  background: rgba(0, 0, 0, 0.5);
}

.mcx-dashlet-select .mcx-dashlet-data-content-selection {
  width: 32px;
}

.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox,
.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox .mcx-dashlet-data-content-checkbox-control {
  width: 60px;
}

.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox input[type=checkbox] {
  display: none;
}

.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox .mcx-dashboard-checkbox {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 4px;
  width: 56px;
}

.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox .mcx-dashboard-checkbox-off {
  /* background: transparent; */
}

.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox .mcx-dashboard-checkbox,
.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox .mcx-dashboard-checkbox-on,
.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox .mcx-dashboard-checkbox-off {
  height: 24px;
}

.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox .mcx-dashboard-checkbox-on,
.mcx-dashlet-checkbox .mcx-dashlet-data-content-checkbox .mcx-dashboard-checkbox-off {
  width: 36px;
}

.mcx-dashlet-select .mcx-dashlet-data-content-selection .mcx-dashlet-data-content-select-control {
  font-size: 18px;
  text-align: center;
  font-family: "HIS Glyphs";
  line-height: 32px;
  /* color: #368ee0; */
  font-weight: bold;
  cursor: pointer;
}

.mcx-dashlet-select .mcx-dashlet-data-content {
  font-weight: 600;
}

.mcx-dashlet-select-placeholder .mcx-dashlet-data-content-helper {
  color: var(--color-font-minor-1);
}

.mcx-dashlet-select.mcx-dashlet-half.mcx-dashlet-data.mcx-dashlet-select-has-control .mcx-dashlet-data-content-helper,
.mcx-dashlet-select.mcx-dashlet-half.mcx-dashlet-data.mcx-dashlet-select-has-control .mcx-dashlet-data-content, .mcx-dashlet-select.mcx-dashlet-quarter.mcx-dashlet-data.mcx-dashlet-select-has-control .mcx-dashlet-data-content-helper,
.mcx-dashlet-select.mcx-dashlet-quarter.mcx-dashlet-data.mcx-dashlet-select-has-control .mcx-dashlet-data-content {
  white-space: nowrap;
  overflow: hidden;
  width: 88px;
}
.mcx-dashlet-select.mcx-dashlet-half.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-x2 .mcx-dashlet-data-content-helper,
.mcx-dashlet-select.mcx-dashlet-half.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-x2 .mcx-dashlet-data-content, .mcx-dashlet-select.mcx-dashlet-quarter.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-x2 .mcx-dashlet-data-content-helper,
.mcx-dashlet-select.mcx-dashlet-quarter.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-x2 .mcx-dashlet-data-content {
  width: 238px;
}
.mcx-dashlet-select.mcx-dashlet-half.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-forced-icon .mcx-dashlet-data-content-helper,
.mcx-dashlet-select.mcx-dashlet-half.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-forced-icon .mcx-dashlet-data-content, .mcx-dashlet-select.mcx-dashlet-quarter.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-forced-icon .mcx-dashlet-data-content-helper,
.mcx-dashlet-select.mcx-dashlet-quarter.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-forced-icon .mcx-dashlet-data-content {
  width: 196px;
}
.mcx-dashlet-select.mcx-dashlet-half.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-forced-icon.mcx-dashlet-x2 .mcx-dashlet-data-content-helper,
.mcx-dashlet-select.mcx-dashlet-half.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-forced-icon.mcx-dashlet-x2 .mcx-dashlet-data-content, .mcx-dashlet-select.mcx-dashlet-quarter.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-forced-icon.mcx-dashlet-x2 .mcx-dashlet-data-content-helper,
.mcx-dashlet-select.mcx-dashlet-quarter.mcx-dashlet-data.mcx-dashlet-select-has-control.mcx-dashlet-forced-icon.mcx-dashlet-x2 .mcx-dashlet-data-content {
  width: 206px;
}

.mcx-dashlet-data.mcx-dashlet-quarter.mcx-dashlet-select.mcx-dashlet-forced-icon .mcx-dashboard-icon, .mcx-dashlet-data.mcx-dashlet-quarter.mcx-dashlet-checkbox.mcx-dashlet-forced-icon .mcx-dashboard-icon {
  width: 32px;
  line-height: 33px;
  vertical-align: middle;
  text-align: center;
  color: var(--color-font-contrast-major-1);
}

/*
.mcx-dashlet-object {
  background: var(--color-background) !important;
  color: var(--color-gray-30) !important;
}
.mcx-dashlet-object:hover {
  background: #EEE !important;
}
.mcx-dashlet-object .mcx-dashlet-symbol {
  color: #666 !important;
}
*/
.mcx-dashlet[onclick]:hover,
.mcx-dashlet .mcx-dashlet-data-content[onclick]:hover {
  cursor: pointer;
  /*
  transform: scale(1.02);
  box-shadow: 0px 5px 20px var(--color-box-shadow-dashlets);
  transition: transform .25s ease-in-out, box-shadow .25s ease-in-out;
  */
}

.mcx-dashlet-page-tasks .mcx-dashlet {
  background: #a8b6c5;
}

.mcx-dashlet-match,
.mcx-dashlet-match:hover {
  background-color: yellow !important;
}

.mcx-dashlet-page-tasks .mcx-dashlet-disabled,
.mcx-dashlet-page-tasks .mcx-dashlet-disabled:hover {
  cursor: default !important;
}

.mcx-dashboard-workspace-area .mcx-dashlet-disabled {
  opacity: 0.25;
}

.mcx-dashlet-faded {
  opacity: 0.25;
  filter: saturate(0.5);
}

.mcx-dashlet-hidden {
  display: none;
}

.mcx-dashlet-page-tasks .mcx-dashlet-selected {
  background: #f76c01;
}

.mcx-dashlet-page-tasks .mcx-dashlet-selected:hover {
  background: #de6101;
}

.mcx-dashlet-placeholder,
.mcx-dashlet-placeholder:hover {
  cursor: default;
  background: #EEE;
}

.mcx-dashlet-sortable-placeholder {
  background: #EEE;
}

.mcx-dashlet-single,
.mcx-dashlet-x1 {
  width: 140px;
}

.mcx-dashlet-one-and-a-half-width {
  width: 215px;
}

.mcx-dashlet-x2 {
  width: 290px;
}

.mcx-dashlet-third-width {
  width: 45px;
}

.mcx-dashlet-half-width {
  width: 65px;
}

.mcx-dashlet-x3 {
  width: 440px;
}

.mcx-dashlet-x4 {
  width: 590px;
}

.mcx-dashlet-x5 {
  width: 740px;
}

.mcx-dashlet-x6 {
  width: 890px;
}

.mcx-dashlet-x7 {
  width: 1040px;
}

.mcx-dashlet-x8 {
  width: 1190px;
}

.mcx-dashlet-x9 {
  width: 1340px;
}

.mcx-dashlet-x10 {
  width: 1490px;
}

.mcx-dashlet-x11 {
  width: 1640px;
}

.mcx-dashlet-x12 {
  width: 1790px;
}

.mcx-dashlet-max {
  width: 100%;
  float: none;
  margin: 0;
}
.mcx-dashlet-max.mcx-dashlet-input .mcx-dashlet-data-content input,
.mcx-dashlet-max.mcx-dashlet-input .mcx-dashlet-data-content textarea {
  width: calc(100% - 21px);
  height: 88px;
}

.mcx-dashlet-y2 {
  height: 290px;
}
.mcx-dashlet-y2 td.mcx-dashlet-data-content {
  height: 238px;
}
.mcx-dashlet-y2.mcx-dashlet-input textarea {
  height: 238px;
}

.mcx-dashlet-y3 {
  height: 440px;
}
.mcx-dashlet-y3 td.mcx-dashlet-data-content {
  height: 388px;
}
.mcx-dashlet-y3.mcx-dashlet-input textarea {
  height: 388px;
}

.mcx-dashlet-y4 {
  height: 590px;
}
.mcx-dashlet-y4 td.mcx-dashlet-data-content {
  height: 538px;
}
.mcx-dashlet-y4.mcx-dashlet-input textarea {
  height: 538px;
}

.mcx-dashlet-y5 {
  height: 740px;
}
.mcx-dashlet-y5 td.mcx-dashlet-data-content {
  height: 688px;
}
.mcx-dashlet-y5.mcx-dashlet-input textarea {
  height: 688px;
}

.mcx-dashlet-y6 {
  height: 890px;
}
.mcx-dashlet-y6 td.mcx-dashlet-data-content {
  height: 838px;
}
.mcx-dashlet-y6.mcx-dashlet-input textarea {
  height: 838px;
}

td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  padding: 0 !important;
  height: 108px;
}

.mcx-dashlet-half td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 32px;
  padding: 0 !important;
}

.mcx-dashlet-y1 td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  padding: 0 !important;
  height: 108px;
}

.mcx-dashlet-y2 td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 258px;
}

.mcx-dashlet-y3 td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 408px;
}

.mcx-dashlet-y4 td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 558px;
}

.mcx-dashlet-y5 td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 708px;
}

.mcx-dashlet-y6 td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 858px;
}

.mcx-dashlet-half.mcx-dashlet-no-title td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 45px;
}

.mcx-dashlet-half.mcx-dashlet-no-title td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 65px;
}

.mcx-dashlet-y1.mcx-dashlet-no-title td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 140px;
}

.mcx-dashlet-y2.mcx-dashlet-no-title td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 290px;
}

.mcx-dashlet-y3.mcx-dashlet-no-title td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 440px;
}

.mcx-dashlet-y4.mcx-dashlet-no-title td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 590px;
}

.mcx-dashlet-y5.mcx-dashlet-no-title td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 740px;
}

.mcx-dashlet-y6.mcx-dashlet-no-title td.mcx-dashlet-data-content.mcx-dashlet-data-content-seamless {
  height: 890px;
}

.mcx-dashlet-wrapper {
  margin: 10px;
  vertical-align: bottom;
  float: none !important;
}

.mcx-dashlet-data .mcx-dashlet-wrapper {
  margin: 0;
}

.mcx-dashlet-data .mcx-dashlet-data-headline {
  /* padding: 10px !important; */
}

.mcx-dashlet-inner-control {
  background: var(--color-element-background-major);
}

.mcx-dashlet-wrapper-flags {
  margin-left: 20px;
}

.mcx-dashlet-listener {
  visibility: hidden;
}

.dashboard-design-control {
  position: absolute;
  bottom: 0;
  width: 32px;
  background: var(--color-background);
  right: 0;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  opacity: 0.5;
  font-weight: bold;
  color: var(--color-font-major-1);
}

.mcx-dashlet-data-content font {
  font-size: 95%;
}

.mcx-dashlet-data-content font b {
  font-family: var(--font-sans);
  font-weight: 700;
}

.mcx-dashlet-data-content font table {
  border-top: 1px solid var(--color-background);
  margin-top: 5px;
  width: 100% !important;
  border-collapse: collapse;
}

.mcx-dashlet-data-content font tr,
th:not(.dataTable th) {
  background: transparent !important;
}

.mcx-dashlet-data-content font th {
  background: transparent !important;
  border-bottom: 1px solid var(--color-background-white);
}

.mcx-dashlet-data-content font th,
.mcx-dashlet-data-content font th font {
  font-weight: normal;
  font-family: var(--font-sans);
  font-weight: 600;
}

.mcx-dashlet-data-content font td {
  padding: 2px !important;
  font-family: var(--font-sans);
  font-size: 95%;
}

.mcx-dashlet-hidden {
  display: none;
}

.mcx-dashlet-dialog:hover {
  cursor: pointer;
}

.mcx-dashlet[onclick]:hover:not(.mcx-dashlet-disabled) {
  filter: brightness(95%);
}
.mcx-dashlet.mcx-dashlet-seamless.mcx-dashlet-no-title.mcx-dashlet-no-scroll.mcx-dashlet-generator .mcx-dashlet-data-content-helper, .mcx-dashlet.mcx-dashlet-seamless.mcx-dashlet-no-title.mcx-dashlet-no-scroll.mcx-dashlet-generator .mcx-dashlet-data-content-helper .mcx-dashlet-data-generator {
  height: 100%;
}

.mcx-dashboard-indicator {
  display: block;
  width: 100%;
  position: absolute;
  text-align: center;
  height: 32px;
  color: var(--color-font-minor-1);
  z-index: 1;
}
.mcx-dashboard-indicator:not(.named-handles) .mcx-dashboard-indicator-wrapper {
  margin: 0 auto;
}
.mcx-dashboard-indicator:not(.named-handles) .mcx-dashboard-indicator-wrapper span {
  float: left;
  width: 32px;
  line-height: 32px;
  font-size: 10px;
  color: var(--color-font-major-3);
  display: block;
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
}
.mcx-dashboard-indicator:not(.named-handles) .mcx-dashboard-indicator-wrapper span:before {
  content: "\f111";
}
.mcx-dashboard-indicator:not(.named-handles) .mcx-dashboard-indicator-wrapper span:hover {
  cursor: pointer;
}
.mcx-dashboard-indicator:not(.named-handles) .mcx-dashboard-indicator-wrapper span:hover:not(.current) {
  font-weight: 900;
  color: var(--color-font-minor-2);
}
.mcx-dashboard-indicator:not(.named-handles) .mcx-dashboard-indicator-wrapper span.current:before {
  font-weight: 900;
}
.mcx-dashboard-indicator.named-handles .mcx-dashboard-indicator-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.mcx-dashboard-indicator.named-handles .mcx-dashboard-indicator-wrapper span {
  flex: 0 1 auto;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  color: var(--color-font-major-3);
  position: relative;
}
.mcx-dashboard-indicator.named-handles .mcx-dashboard-indicator-wrapper span:hover {
  background-color: var(--color-element-background-major);
  cursor: pointer;
  color: var(--color-font-major-2);
}
.mcx-dashboard-indicator.named-handles .mcx-dashboard-indicator-wrapper span.current {
  color: var(--color-font-major-2);
}
.mcx-dashboard-indicator.named-handles .mcx-dashboard-indicator-wrapper span.current:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-taskbar-background);
}

.mcx-dashlet-action-confirm,
.mcx-dashlet-page-tasks .mcx-dashlet-action-confirm,
.dashlet.action-confirm {
  background: #2a8202;
}

.mcx-dashlet-action-verify,
.mcx-dashlet-page-tasks .mcx-dashlet-action-verify,
.dashlet.action-verify {
  background: #368ee0;
}

.mcx-dashlet-action-cancel,
.mcx-dashlet-page-tasks .mcx-dashlet-action-cancel,
.dashlet.action-cancel {
  background: #c5666c;
}

.dashlet.action-publish {
  background: #de6101;
}

.mcx-dashlet-room {
  border-radius: 1px;
  background: var(--color-element-background-minor-1);
  position: relative;
  /* padding: 0 10px 10px 10px; */
}

.mcx-dashlet-room.mcx-dashlet-room-locked {
  position: relative;
  background: var(--color-alert-background-alt);
}

.mcx-dashlet-room.mcx-dashlet-room-locked h4:after {
  /*
  content: " ";
  height: 32px;
  width: calc(100% - 36px);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block !important;
  position: absolute;
  background-image: url(../../js/abstracttimeline/stripe.png);
  background-size: 17px;
  background-color: $color-red-lighter;
  opacity: 0.125;
  */
}

.mcx-dashlet-room.mcx-dashlet-room-closed {
  opacity: 0.1;
}

.mcx-dashlet-room-headline {
  background: transparent;
  height: 32px;
}

.mcx-dashlet-room-headline h4 {
  padding: 0 10px;
  line-height: 32px;
  height: 32px;
  font-weight: 400;
  margin: 0;
  font-size: inherit;
  overflow: hidden;
}

.mcx-dashlet-room-description {
  position: absolute;
  top: 0;
  left: 50px;
  text-overflow: ellipsis;
  width: 204px;
  height: 32px;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  color: var(--color-font-minor-1);
}

.mcx-dashlet-room-locked .mcx-dashlet-room-headline h4 {
  /*color: $color-red-dark;*/
}

.mcx-dashlet-room-headline .mcx-dashlet-data-headline-tool {
  opacity: 0.1;
}

.mcx-dashlet-room-headline .mcx-dashlet-data-headline-tool:hover {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}

.mcx-dashlet-room-beds {
  background: var(--color-background);
}

.dashlet .dialog .row {
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  border-bottom: 1px solid var(--color-element-border-major);
}
.dashlet .dialog .row label {
  width: 100px;
  margin: 0;
  display: inline-block;
  float: none;
}
.dashlet .dialog .row input {
  height: 26px;
  line-height: 26px;
  border: none;
  padding: 0 10px;
  display: inline-block;
  border-radius: 0;
  width: 90px;
}
.dashlet .dialog .row input:focus, .dashlet .dialog .row input:hover, .dashlet .dialog .row input:active {
  border: none;
}
.dashlet .dialog .row input[type=number] {
  padding: 0;
}
.dashlet .dialog .row .mcx-dashboard-clear {
  display: none;
}
.dashlet .dialog .row .button {
  background-color: var(--color-element-background-minor-2) !important;
  margin: 1.5px 0;
  height: 22px;
  line-height: 22px;
}

.mcx-dashboard-pageset.has-panel.panel-closed .dashboard-panel {
  width: 40px;
}
.mcx-dashboard-pageset.has-panel.panel-closed .dashboard-panel .wrapper .toggler {
  right: 0 !important;
  top: 0 !important;
  padding-top: 20px !important;
  height: 100% !important;
  width: 40px !important;
  z-index: 1;
}
.mcx-dashboard-pageset.has-panel.panel-closed .dashboard-panel .wrapper .toggler .icon:before {
  content: "\f343";
}
.mcx-dashboard-pageset.has-panel.panel-closed .dashboard-panel .wrapper .headline-wrapper h3 {
  display: block;
  top: 68px;
  transform: rotate(-90deg);
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40px;
  padding: 0;
  width: 40px;
  top: 58px;
  position: absolute;
  left: 0;
  line-height: 40px;
  color: var(--color-font-major-3);
}
.mcx-dashboard-pageset.has-panel.panel-closed .dashboard-panel .wrapper .headline-wrapper h3 .icon {
  display: none;
}
.mcx-dashboard-pageset.has-panel.panel-closed .dashboard-panel .wrapper .content-wrapper {
  opacity: 0;
}
.mcx-dashboard-pageset.has-panel.panel-opened .dashboard-panel {
  width: 354px;
}
.mcx-dashboard-pageset.has-panel.panel-opened .dashboard-panel .toggler .icon:before {
  content: "\f344";
}
.mcx-dashboard-pageset.has-panel.panel-opened .dashboard-panel .headline-wrapper h3 {
  display: block;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel {
  transition: width 0.25s ease-in-out;
  background-color: var(--color-background-alt-minor);
  position: absolute;
  height: 100%;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper {
  padding: 0 32px;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .headline-wrapper .mcx-dashlet-page-headline {
  display: flex;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .headline-wrapper h3 {
  flex: 1 0;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .headline-wrapper .toggler {
  min-width: initial;
  position: absolute;
  right: 32px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding: 0;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .headline-wrapper .toggler .icon {
  margin: 0;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .headline-wrapper .toggler:hover {
  background: var(--color-element-background-major);
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper {
  overflow-x: hidden;
  margin-top: 10px;
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper select {
  border: none;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  margin: 0;
  width: 100%;
  outline: none;
  background: var(--color-element-background-minor-2-abs);
  appearance: none;
  position: relative;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper select option {
  background-color: var(--color-background-alt-minor);
  color: var(--color-font-major-1);
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper .select-wrapper {
  position: relative;
  line-height: 32px;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper .select-wrapper:after {
  content: "\f078";
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  font-size: 12px;
  width: 32px;
  height: 32px;
  right: 0;
  top: 0;
  position: absolute;
  pointer-events: none;
  text-align: center;
  background: var(--color-element-background-minor-2-abs);
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper input[type=date] {
  border: none;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  width: 100%;
  outline: none;
  background: transparent;
  position: relative;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper .date-input-container {
  display: flex;
  flex-direction: row;
  line-height: 32px;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper .date-input-container input[type=date] {
  flex: 0 0;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper .date-input-container .date-input-buttons {
  flex: 1 0;
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper .date-input-container .date-input-buttons a.mcx-dashboard-button {
  display: inline-block;
  min-width: initial;
  color: var(--color-font-minor-1);
  border-radius: 2px;
  text-align: center;
  height: 24px;
  font-size: 90%;
  line-height: 24px;
  margin-left: 5px;
  background: var(--color-element-background-major);
}
.mcx-dashboard-pageset.has-panel .dashboard-panel .wrapper .content-wrapper .date-input-container .date-input-buttons a.mcx-dashboard-button:hover {
  background: var(--color-element-background-minor-2);
  transition: all 0.15s ease-in-out;
}

.mcx-dashlet-page-focus-description {
  font-size: inherit;
  color: #666;
  margin: 10px 0 0 0;
}

.mcx-dashlet-page-focus-symbol {
  float: left;
  width: 80px;
  font-size: 60px;
  font-family: "HIS Glyphs";
  line-height: 70px;
  color: #999;
}

.mcx-dashlet-page-focus-label-wrapper {
  float: left;
  width: 820px;
}

.mcx-dashlet-page-focus-value {
  font-weight: 300;
  float: right;
  color: var(--color-gray-80) !important;
}

.mcx-dashlet-page-focus {
  border-bottom: 1px solid var(--color-element-border-major);
  background: var(--color-background);
}

.mcx-dashlet-page-focus-padding {
  padding: 20px 0;
}

.mcx-dashlet-page-focus-label {
  padding: 10px 0 !important;
  border-bottom: none !important;
}

.mcx-dashlet-page-focus .mcx-dashlet-page-inner,
.mcx-dashlet-page-tasks .mcx-dashlet-page-inner {
  width: 915px;
  margin: 0 auto;
}

.mcx-dashlet-page-focus-hint {
  /*
  border-radius: 5px;
  border: 2px var(--color-gray-80) dashed;
  */
  text-align: center;
  padding: 50px 0;
  font-size: 22px;
  color: var(--color-font-major-3);
  font-weight: 300;
}

.mcx-dashelt-page-focus-expanded .mcx-dashlet-page-inner {
  width: 100% !important;
}

.mcx-dashlet-page-focus-background {
  background: var(--color-background-alt);
}

.mcx-dashlet-page-focus-headline,
.mcx-dashlet-page-focus-value {
  margin: 0;
  font-size: 16px;
  color: var(--color-gray-30) !important;
  border: none;
}

.mcx-dashlet-page-focus-headline {
  font-weight: 400;
}

.mcx-dashlet-page-focus-value {
  font-weight: 300;
}

.mcx-dashlet-page-focus .mcx-dashboard-list-element {
  padding: 15px 0;
  border-bottom: none;
}

.page-focus {
  border-bottom: 1px solid var(--color-element-border-major);
  background: var(--color-background);
}
.page-focus.hidden {
  display: none;
}
.page-focus.visible {
  display: block;
}
.page-focus:not(.full-width) > div {
  padding: 20px 0;
  width: 915px;
}
.page-focus.full-width > div {
  width: calc(100% - 64px);
  padding: 16px 32px;
}
.page-focus > div {
  margin: 0 auto;
}
.page-focus > div .button {
  color: var(--color-toolbar-major);
  background: var(--color-element-background-major);
  display: inline-block;
  margin-right: 10px;
}
.page-focus > div .button span {
  text-align: center;
}
.page-focus > div .button:hover {
  background: var(--color-element-background-minor-1);
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.page-focus > div > p {
  margin-top: 0;
}
.page-focus > div > p:only-child {
  margin: 0;
}

.dashlet .generated-dashlet {
  color: var(--color-font-contrast-major-1);
  position: initial;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}
.dashlet .generated-dashlet:not(.has-content) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashlet .generated-dashlet:hover {
  cursor: pointer;
  filter: brightness(95%);
}
.dashlet .generated-dashlet.disabled {
  opacity: 0.25;
}
.dashlet .generated-dashlet:before {
  line-height: normal;
}
.dashlet .generated-dashlet.mcx-dashboard-icon {
  bottom: 0;
}
.dashlet .generated-dashlet.has-content {
  padding: 10px;
}
.dashlet .generated-dashlet.has-content .mcx-dashboard-icon {
  position: initial;
}

.mcx-dashboard-dialog input,
.mcx-dashboard-modal input,
.mcx-dashboard-dialog select,
.mcx-dashboard-input-mockup,
.mcx-dashboard-dialog textarea,
.userForm input,
.userForm select,
.userForm textarea {
  background: var(--color-background);
  color: var(--color-font-major-1);
  border: 1px solid var(--color-element-border);
  border-radius: 2px;
  display: flex;
  font-size: inherit;
  padding: 8px 10px;
  margin: 0 0 10px 0 !important;
  box-shadow: 0;
  -webkit-box-shadow: 0;
}

.mcx-dashboard-dialog input.mcx-code,
.mcx-dashboard-modal input.mcx-code,
.mcx-dashboard-input-mockup.mcx-code,
.mcx-dashboard-dialog textarea.mcx-code,
.userForm .mcx-dashboard-input-mockup.mcx-code {
  font-family: "Roboto Mono", monospace;
  font-size: 13.5px !important;
  padding: 6.25px 10px;
  font-weight: 600;
}

.mcx-dashboard-dialog input.mcx-code-bold,
.mcx-dashboard-modal input.mcx-code-bold,
.mcx-dashboard-input-mockup.mcx-code-bold,
.mcx-dashboard-dialog textarea.mcx-code-bold,
.mcx-dashboard-dialog input.mcx-code.mcx-code-bold,
.mcx-dashboard-modal input.mcx-code.mcx-code-bold,
.mcx-dashboard-input-mockup.mcx-code.mcx-code-bold,
.mcx-dashboard-dialog textarea.mcx-code.mcx-code-bold,
.userForm .mcx-dashboard-input-mockup.mcx-code-bold,
.userForm .mcx-dashboard-input-mockup.mcx-code.mcx-code-bold {
  font-family: "Roboto Mono", monospace;
  font-weight: 800;
}

.mcx-dashboard-dialog input.mcx-code-medium,
.mcx-dashboard-modal input.mcx-code-medium,
.mcx-dashboard-input-mockup.mcx-code-medium,
.mcx-dashboard-dialog textarea.mcx-code-medium,
.mcx-dashboard-dialog input.mcx-code.mcx-code-medium,
.mcx-dashboard-modal input.mcx-code.mcx-code-medium,
.mcx-dashboard-input-mockup.mcx-code.mcx-code-medium,
.mcx-dashboard-dialog textarea.mcx-code.mcx-code-medium,
.userForm .mcx-dashboard-input-mockup.mcx-code-medium,
.userForm .mcx-dashboard-input-mockup.mcx-code.mcx-code-medium {
  font-family: "Roboto Mono", monospace;
  font-weight: 600;
}

.mcx-dashboard-area-alert input,
.mcx-dashboard-area-alert select,
.mcx-dashboard-area-alert .mcx-dashboard-input-mockup,
.mcx-dashboard-area-alert textarea {
  color: var(--color-alert);
  font-weight: 600;
}

.mcx-dashboard-area-alert-background input,
.mcx-dashboard-area-alert-background select,
.mcx-dashboard-area-alert-background .mcx-dashboard-input-mockup,
.mcx-dashboard-area-alert-background textarea {
  background: var(--color-alert-background);
}

.mcx-dashboard-modal-misc input,
.mcx-dashboard-modal-misc select,
.mcx-dashboard-modal-misc .mcx-dashboard-input-mockup,
.mcx-dashboard-modal-misc textarea {
  margin: 0 !important;
}

.mcx-dashboard-input-mockup-disabled,
.mcx-dashboard-input-mockup-disabled:hover,
.userForm .mcx-dashboard-input-mockup-disabled,
.userForm .mcx-dashboard-input-mockup-disabled:hover {
  background: var(--color-background);
}

.mcx-dashboard-emphasized {
  font-weight: 600;
}

.mcx-dashboard-input-calculation {
  color: #000 !important;
}

.mcx-dashboard-input-calculation,
.mcx-dashboard-dialog input[disabled],
.mcx-dashboard-dialog input[disabled=disabled],
.mcx-dashboard-modal input[disabled],
.mcx-dashboard-modal input[disabled=disabled],
.mcx-dashboard-dialog select[disabled],
.mcx-dashboard-dialog select[disabled=disabled],
.mcx-dashboard-dialog textarea[disabled],
.mcx-dashboard-dialog textare[disabled=disabled],
.mcx-dashboard-input-mockup-disabled,
.mcx-dashboard-headline-search-disabled,
.mcx-dashlet-input textarea[disabled],
.mcx-dashlet-input input[disabled],
.userForm input[disabled],
.userForm input[disabled=disabled],
.userForm select[disabled],
.userForm select[disabled=disabled],
.userForm textarea[disabled],
.userForm textare[disabled=disabled],
.userForm .mcx-dashboard-input-mockup-disabled,
.mcx-dashboard-list-element.mcx-dashboard-list-element-is-field input[disabled],
.mcx-dashboard-list-element.mcx-dashboard-list-element-is-field input[disabled=disabled],
.element.is-field input[disabled],
.element.is-field input[disabled=disabled] {
  color: var(--color-font-minor-2) !important;
  /* border-style: dashed; */
  border-color: var(--color-element-border-minor) !important;
  background-color: transparent;
}

.mcx-dashboard-dialog input[disabled]:hover,
.mcx-dashboard-dialog input[disabled=disabled]:hover,
.mcx-dashboard-modal input[disabled]:hover,
.mcx-dashboard-modal input[disabled=disabled]:hover,
.mcx-dashboard-dialog select[disabled]:hover,
.mcx-dashboard-dialog select[disabled=disabled]:hover,
.mcx-dashboard-dialog textarea[disabled]:hover,
.mcx-dashboard-dialog textare[disabled=disabled]:hover,
.mcx-dashboard-input-mockup-disabled:hover,
.mcx-dashlet-input textarea:hover,
.mcx-dashlet-input input:hover,
.userForm input[disabled]:hover,
.userForm input[disabled=disabled]:hover,
.userForm select[disabled]:hover,
.userForm select[disabled=disabled]:hover,
.userForm textarea[disabled]:hover,
.userForm textare[disabled=disabled]:hover,
.userForm .mcx-dashboard-input-mockup-disabled:hover,
.mcx-dashboard-list-element.mcx-dashboard-list-element-is-field input[disabled]:hover,
.mcx-dashboard-list-element.mcx-dashboard-list-element-is-field input[disabled=disabled]:hover,
.element.is-field input[disabled]:hover,
.element.is-field input[disabled=disabled]:hover {
  background: var(--color-element-background-major);
  /* border-style: dashed; */
  border-color: var(--color-element-border-minor) !important;
}

.mcx-dashboard-dialog input:focus,
.mcx-dashboard-modal input:focus,
.mcx-dashboard-dialog select:focus,
.mcx-dashboard-dialog textarea:focus,
.mcx-dashboard-input-mockup-editable input:focus,
.mcx-dashboard-input-mockup-focus,
.mcx-dashlet-input textarea:focus,
.mcx-dashlet-input input:focus,
.userForm input:focus,
.userForm select:focus,
.userForm textarea:focus,
.userForm .mcx-dashboard-input-mockup-editable input:focus,
.userForm .mcx-dashboard-input-mockup-focus,
.mcx-dashboard-list-element.mcx-dashboard-list-element-is-field input:focus,
.element.is-field input:focus {
  border: 1px solid var(--color-toolbar-major);
  background: var(--color-element-background-major);
}

.mcx-dashboard-input-mockup:hover,
.mcx-dashboard-dialog input:hover,
.mcx-dashboard-modal input:hover .mcx-dashboard-headline-search:hover,
.mcx-dashboard-dialog select:hover,
.mcx-dashboard-dialog textarea:hover,
.mcx-dashlet-input textarea:hover,
.mcx-dashlet-input input:hover,
.userForm input:hover,
.userForm select:hover,
.userForm textarea:hover .userForm .mcx-dashboard-input-mockup:hover,
.mcx-dashboard-list-element.mcx-dashboard-list-element-is-field input:hover,
.element.is-field input:hover {
  border: 1px solid var(--color-toolbar-major);
  transition: border 0.15s ease-in-out;
}

.mcx-dashlet-input textarea[disabled],
.mcx-dashlet-input input[disabled],
.mcx-dashlet-input textarea:hover,
.mcx-dashlet-input input:hover,
.mcx-dashlet-input textarea:focus,
.mcx-dashlet-input input:focus {
  background: var(--color-font-contrast-major-1);
}

.mcx-dashlet-input textarea:hover,
.mcx-dashlet-input input:hover {
  border: 1px solid transparent !important;
}

.mcx-dashboard-input-mockup-editable input:focus {
  /* border: none; */
}

.mcx-dashboard-dialog textarea.mcx-dashboard-textarea-fullwidth,
textarea.mcx-dashboard-textarea-fullwidth .mcx-dashboard-textarea-fullwidth {
  border: 1px solid transparent;
  width: calc(100% - 20px);
  padding: 0 10px;
  height: 32px;
  border-bottom: 1px solid #dbdee1;
  line-height: 32px;
}

.mcx-dashboard-dialog textarea.mcx-dashboard-textarea-fullwidth[disabled],
textarea.mcx-dashboard-textarea-fullwidth[disabled] .mcx-dashboard-textarea-fullwidth[disabled] {
  border-color: transparent !important;
  border-bottom: 1px solid #dbdee1;
}

.mcx-dashboard-input-empathic {
  font-weight: 700;
}

input[type=color] {
  border: none;
  padding: 0;
  height: 32px;
  width: 32px !important;
  -webkit-appearance: none;
  outline: 0;
}
input[type=color]:hover, input[type=color]:focus, input[type=color]:active {
  border: none !important;
  cursor: pointer;
  background: transparent !important;
}

input:active,
input:focus {
  outline: none;
}

input {
  /*
  &::-webkit-datetime-edit
  &::-webkit-datetime-edit-fields-wrapper
  &::-webkit-datetime-edit-text
  &::-webkit-datetime-edit-month-field
  &::-webkit-datetime-edit-day-field
  &::-webkit-datetime-edit-year-field
  &::-webkit-inner-spin-button
  */
}
input::-webkit-time-picker-indicator, input::-webkit-calendar-picker-indicator {
  color: var(--color-font-minor-2);
}

.dark-schema {
  /*
  input {

      &::-webkit-time-picker-indicator,
      &::-webkit-calendar-picker-indicator {
          filter: invert(1);
      }
  }

  ::-ms-reveal {
      // According to https://stackoverflow.com/a/66646884
      filter: invert(100%);
  }
  */
}
.dark-schema select option,
.dark-schema textarea,
.dark-schema input {
  color-scheme: dark;
}

.mcx-dashboard-dialog-content .mcx-dashboard-input-mockup,
.userForm .mcx-dashboard-input-mockup {
  /* width: 697px; */
  position: relative;
  width: auto;
  flex-grow: 1;
  padding: 0 !important;
}

.userForm .mcx-dashboard-input-mockup.mcx-dashboard-datepicker {
  width: 356px !important;
  position: relative;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content.mcx-dashboard-modal-list .mcx-dashboard-input-mockup {
  width: 328px;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content .mcx-dashboard-input-mockup-has-flag {
  width: 364px;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content.mcx-dashboard-modal-list .mcx-dashboard-input-mockup-has-flag,
.userForm .mcx-dashboard-input-mockup-has-flag {
  width: 348px;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content input {
  width: auto;
}
.mcx-dashboard-modal .mcx-dashboard-dialog-content input:not(.input-center) {
  flex-grow: 1;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content.mcx-dashboard-modal-list input {
  width: 328px;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content .mcx-dashboard-input-mockup-has-flag input,
.userForm .mcx-dashboard-input-mockup-has-flag input {
  width: 282px !important;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content.mcx-dashboard-modal-list .mcx-dashboard-input-mockup-has-flag input,
.userForm .mcx-dashboard-input-mockup-has-flag input {
  width: 266px !important;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content textarea.mcx-dashboard-has-label {
  width: auto;
  flex-grow: 1;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content.mcx-dashboard-modal-list textarea.mcx-dashboard-has-label {
  width: 328px;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content textarea {
  width: 548px;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content.mcx-dashboard-modal-list textarea {
  width: 532px;
}

.mcx-dashboard-dialog-content .mcx-dashboard-input-mockup.mcx-dashboard-has-unit,
.userForm .mcx-dashboard-input-mockup.mcx-dashboard-has-unit {
  width: 238px;
}

.mcx-dashboard-dialog-content.mcx-dashboard-modal-list .mcx-dashboard-input-mockup.mcx-dashboard-has-unit {
  width: 222px;
}

.mcx-dashboard-dialog-content .mcx-dashboard-input-mockup.mcx-dashboard-has-unit input,
.mcx-dashboard-dialog-content input.mcx-dashboard-has-unit {
  width: 178px !important;
}

.mcx-dashboard-dialog-content input.has-prepend {
  width: 1px !important;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content .mcx-dashboard-input-mockup.mcx-dashboard-is-numeric input,
.mcx-dashboard-modal .mcx-dashboard-dialog-content input.mcx-dashboard-is-numeric {
  font-family: "Roboto Mono", monospace;
  text-align: right;
}

.mcx-dashboard-dialog-content.mcx-dashboard-modal-list .mcx-dashboard-input-mockup.mcx-dashboard-has-unit input,
.mcx-dashboard-dialog-content.mcx-dashboard-modal-list input.mcx-dashboard-has-unit {
  text-align: right;
}

.mcx-dashboard-modal .mcx-dashboard-dialog-content.mcx-dashboard-modal-list .mcx-dashboard-input-mockup.mcx-dashboard-is-numeric input,
.mcx-dashboard-modal .mcx-dashboard-dialog-content.mcx-dashboard-modal-list input.mcx-dashboard-is-numeric {
  font-family: "Roboto Mono", monospace;
  width: 162px;
}

.mcx-dashboard-dialog-content input.mcx-dashboard-has-unit {
  float: left;
}

.mcx-dashboard-input-center,
.input-center {
  text-align: center;
}

.mcx-dashboard-input-time {
  width: auto !important;
}

.mcx-dashboard-input-mockup input,
.mcx-dashboard-input-mockup span {
  cursor: pointer !important;
}

.mcx-dashboard-input-mockup-editable input {
  cursor: text !important;
}

.mcx-dashboard-input-mockup span:not(.mcx-dashboard-input-mockup-flag),
.userForm .mcx-dashboard-input-mockup span {
  width: 32px;
  font-size: 18px;
  text-align: center;
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  line-height: 32px;
  /* color: var(--color-font-major-2); */
  /* border-left: 1px solid var(--color-gray-90); */
  /* background: var(--color-element-background-major); */
  color: var(--color-toolbar-major);
  position: absolute;
  right: 0px;
  top: 0px;
}

.mcx-dashboard-input-mockup span:not(.mcx-dashboard-input-mockup-flag):hover,
.mcx-dashboard-input-mockup-editable span:not(.mcx-dashboard-input-mockup-flag):hover,
.userForm .mcx-dashboard-input-mockup span:hover,
.userForm .mcx-dashboard-input-mockup-editable span:hover {
  background: var(--color-element-background-major);
  color: var(--color-toolbar-major);
}

.mcx-dashboard-input-mockup-flag {
  width: 32px;
  line-height: 32px;
  height: 32px;
  display: inline-block;
  text-align: center;
  /*
  float: $dir-start !important;
  width: 12px !important;
  font-size: $font-size-normal !important;
  padding: 0 !important;
  margin-bottom: 0px !important;
  margin-top: 9px !important;
  margin-left: 10px !important;
  margin-right: 0px !important;
  line-height: 12px !important;
  font-family: inherit !important;
  border: none !important;
  border-radius: $border-radius;
  */
}

.mcx-dashboard-input-mockup.mcx-dashboard-datepicker {
  position: relative;
}

.mcx-dashboard-input-mockup-disabled span {
  color: var(--color-font-minor-3);
}

.mcx-dashboard-dialog-content .mcx-dashboard-input-mockup input,
.userForm .mcx-dashboard-input-mockup input {
  display: inline !important;
  border: none !important;
  background: transparent !important;
  margin: 0 !important;
}

.mcx-dashboard-timeinput {
  margin: 0 auto;
  text-align: center;
}

.mcx-dashboard-timeinput input {
  display: inline;
  text-align: center;
  width: 50px;
  font-size: 18px;
  color: var(--color-font-minor-1);
  margin-left: 10px !important;
}

.mcx-dashboard-checkbox {
  width: 60px;
  height: 32px;
  overflow: hidden;
  position: relative;
  border-radius: 1px;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 2px;
}

.mcx-dashboard-modal-misc .mcx-dashboard-checkbox {
  margin-bottom: 0;
  flex: 0 0 auto;
}

.mcx-dashboard-checkbox-on {
  background: var(--color-toolbar-major);
  color: var(--color-font-contrast-major-1);
  position: absolute;
  top: 0;
  width: 40px;
  height: 32px;
  padding: 0 10px;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
  z-index: 4999;
}

.mcx-dashboard-checkbox-disabled .mcx-dashboard-checkbox-on {
  background: var(--color-toolbar-major);
  opacity: 0.4;
}

.mcx-dashboard-checkbox-switch {
  position: absolute;
  display: none;
  top: 0;
  width: 0px;
  height: 32px;
  background: var(--color-background);
  z-index: 5000;
}

.mcx-dashboard-checkbox-off {
  background: var(--color-element-background-minor-2);
  color: var(--color-font-minor-1);
  position: absolute;
  top: 0;
  width: 40px;
  height: 32px;
  padding: 0 10px;
  line-height: 32px;
  font-weight: bold;
  text-align: center;
  z-index: 4999;
}

.mcx-dashboard-checkbox-disabled .mcx-dashboard-checkbox-off {
  background: var(--color-element-background-major);
}

.mcx-dashboard-checkbox-active .mcx-dashboard-checkbox-on {
  left: 0;
}
.mcx-dashboard-checkbox-active .mcx-dashboard-checkbox-off {
  left: 60px;
}

.mcx-dashboard-checkbox-inactive .mcx-dashboard-checkbox-on {
  left: -60px;
}
.mcx-dashboard-checkbox-inactive .mcx-dashboard-checkbox-off {
  left: 0px;
}

.mcx-dashboard-checkbox-on,
.mcx-dashboard-checkbox-off {
  font-family: "HIS Glyphs";
  font-size: 10px;
  font-weight: bold;
  line-height: 32px;
}

.mcx-dashboard-checkbox-has-description {
  float: left;
  margin-right: 10px;
}

.mcx-dashboard-checkbox-description {
  font-size: inherit;
  color: var(--color-font-major-2);
  line-height: 32px;
}

.mcx-dashboard-checkbox.mcx-dashboard-checkbox-has-emphasized-description .mcx-dashboard-checkbox-description {
  color: var(--color-font-major-1);
}

.mcx-dashboard-checkbox-description.mcx-dashboard-checkbox-description-is-block {
  line-height: initial;
}

.mcx-dashlet-checkbox .mcx-dashboard-checkbox-on {
  background: rgba(0, 0, 0, 0.4);
}
.mcx-dashlet-checkbox .mcx-dashboard-checkbox-off {
  background: rgba(0, 0, 0, 0.1);
}
.mcx-dashlet-checkbox .mcx-dashboard-checkbox-on,
.mcx-dashlet-checkbox .mcx-dashboard-checkbox-off {
  line-height: 24px;
}

html.dark-schema .mcx-dashlet-checkbox .mcx-dashboard-checkbox-on {
  background: rgba(255, 255, 255, 0.55);
}
html.dark-schema .mcx-dashlet-checkbox .mcx-dashboard-checkbox-off {
  background: rgba(255, 255, 255, 0.5);
}

.mcx-dashboard-radio-group {
  height: 32px;
  width: 340px;
  overflow: hidden;
  position: relative;
  border-radius: 1px;
  cursor: pointer;
  margin: 0 0 10px 0;
}

.mcx-dashboard-modal .mcx-dashboard-radio-group {
  width: 366px;
  margin-bottom: 0;
}

.mcx-dashboard-radio {
  text-decoration: none;
  border-right: none;
  color: var(--color-gray-30) !important;
  position: absolute;
  top: 0;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 10px !important;
  font-size: 95% !important;
  font-weight: normal;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  border-image: initial;
  background-color: var(--color-element-background-major);
  overflow: hidden;
  text-overflow: ellipsis;
}

.mcx-dashboard-radio-disabled {
  opacity: 0.25;
  cursor: default;
}

.mcx-dashboard-radio-first {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.mcx-dashboard-radio-last {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.mcx-dashboard-radio-selected {
  background: var(--color-toolbar-major) !important;
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashboard-radio:hover {
  background: var(--color-element-background-minor-2);
}

.mcx-dashboard-toolbar-element,
.mcx-dashboard-button,
.datepick-month a,
.datepick-month td span,
.datepick-cmd {
  display: block;
}

.mcx-dashboard-toolbar-element,
.mcx-dashboard-button,
.datepick-month a,
.datepick-month td span,
.datepick-cmd,
.mcx-dashboard-page-back {
  font-size: inherit;
  text-decoration: none !important;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
}

.mcx-dashboard-button:hover {
  cursor: pointer;
}

.mcx-dashlet-page-control .mcx-dashboard-button {
  padding: 7.5px 10px;
}

.mcx-dashboard-button,
.datepick-month a,
.datepick-month td span,
.datepick-cmd {
  border-radius: 2px;
}

.mcx-dashboard-dialog .mcx-dashboard-button {
  margin-top: 10px;
}

.mcx-dashboard-message .mcx-dashboard-button,
.mcx-dashboard-modal .mcx-dashboard-button,
.mcx-dashlet-page-control .mcx-dashboard-button,
.mcx-dashboard-abstract-dialog .mcx-dashboard-button {
  float: left;
  margin-left: 10px;
  text-align: center;
  border-radius: 2px;
}

.mcx-dashlet-page-control .mcx-dashboard-button {
  line-height: 32px;
  height: 32px;
  margin: 0;
  padding: 0 12px;
  color: var(--color-toolbar-major);
}
.mcx-dashlet-page-control .mcx-dashboard-button:hover {
  background-color: var(--color-element-background-major);
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}

.mcx-dashboard-modal-content .mcx-dashboard-button {
  float: none;
  margin: 0;
}

.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element:hover,
.datepick-cmd:hover,
.mcx-dashboard-component-inner-controls-inner .mcx-dashboard-toolbar-element::hover {
  color: var(--color-font-contrast-major-1) !important;
  background: #1e74c5;
}

.mcx-dashboard-toolbar-element span:not(.button-label, .inner-component),
.mcx-dashboard-button span:not(.button-label, .inner-component),
.datepick-cmd span:not(.button-label, .inner-component) {
  font-family: "HIS Glyphs";
  margin-right: 10px;
  width: 20px;
  font-size: 14px;
  vertical-align: baseline;
}

.mcx-dashboard-toolbar-element.mcx-dashboard-glyphs-native span:not(.button-label, .inner-component),
.mcx-dashboard-button.mcx-dashboard-glyphs-native span:not(.button-label, .inner-component) {
  font-family: "Roboto";
}

.mcx-dashboard-toolbar-element-enlarge span {
  width: 24px;
  font-size: 24px;
}

.mcx-dashboard-toolbar-element div {
  display: inline;
}

.mcx-dashboard-button-enlarge-icon span {
  font-size: 24px;
  line-height: 18px;
  display: block;
}

.mcx-dashboard-message .mcx-dashboard-button-iconized span,
.mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-iconized span,
.mcx-dashboard-modal .mcx-dashboard-button-iconized span,
.mcx-dashlet-page-control .mcx-dashboard-button-iconized span,
.mcx-dashboard-list-cell-control .mcx-dashboard-button-iconized span {
  margin-right: 0;
  font-size: 16px;
  line-height: 32px;
}

.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element:hover,
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element:hover span,
.mcx-dashboard-component-inner-controls-inner .mcx-dashboard-toolbar-element:hover span {
  color: var(--color-toolbar-major) !important;
  text-shadow: none;
}

.mcx-dashboard-toolbar-flyout .mcx-dashboard-toolbar-element:hover,
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element:hover,
.mcx-dashboard-component-inner-controls-inner .mcx-dashboard-toolbar-element:hover,
.mcx-dashlet-page-control .mcx-dashboard-toolbar-element:hover,
.mcx-dashboard-toolbar-flags a:hover,
.mcx-dashboard-toolbar-signals a:hover,
.mcx-dashboard-list-element-divider-switch .mcx-dashboard-list-symbol:hover {
  background: var(--color-element-background-major) !important;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}

.mcx-dashboard-headline-search span:hover {
  color: var(--color-font-contrast-major-1);
}

.mcx-dashboard-dialog-meta .mcx-dashboard-button {
  margin: 0 10px 10px 0;
  /*
  width: 207px;
  display: inline-block;
  */
  width: 234px;
  display: block;
  text-align: center;
}

.mcx-dashboard-button,
.mcx-dashboard-abstract-dialog .mcx-dashboard-button {
  min-width: 40px;
}

.mcx-dashboard-modal .mcx-dashboard-button-iconized,
.mcx-dashboard-abstract-dialog .mcx-dashboard-button-iconized {
  width: 20px !important;
  min-width: 20px !important;
}

.mcx-dashboard-modal .mcx-dashboard-button-iconized span,
.mcx-dashboard-abstract-dialog .mcx-dashboard-button-iconized span {
  margin-right: 0 !important;
}

.button.confirm,
.mcx-dashboard-button-common,
.mcx-dashboard-button-confirm,
.mcx-dashlet-page-control .mcx-dashboard-button-common {
  color: var(--color-confirm) !important;
  background: var(--color-background);
}

.mcx-dashboard-modal-controls-wrapper .mcx-dashboard-button-common,
.mcx-dashboard-modal-controls-wrapper .mcx-dashboard-button-confirm,
.mcx-dashboard-modal-controls-wrapper .button.confirm {
  background: transparent;
}

.button.confirm.invert {
  background: var(--color-confirm-background);
  color: var(--color-font-contrast-major-1) !important;
}
.button.confirm.invert:hover {
  background: var(--color-confirm-background-alt);
}

.button.confirm:hover,
.button.minor:hover,
.button.cancel:hover,
.mcx-dashboard-button-common:hover,
.mcx-dashboard-button-confirm:hover,
.mcx-dashboard-button-minor:hover,
.mcx-dashboard-button-cancel:hover,
.mcx-dashlet-page-control .mcx-dashboard-button-common:hover {
  background: var(--color-element-background-minor-2);
  transition: all 0.15s ease-in-out;
}

.mcx-dashboard-button-common:hover,
.mcx-dashboard-button-confirm:hover,
.mcx-dashlet-page-control .mcx-dashboard-button-common:hover {
  /*color: $color-green-darker-dark !important;*/
}

.mcx-dashboard-button-minor,
.button.minor {
  color: var(--color-font-minor-1);
}

.mcx-dashboard-dialog-meta .mcx-dashboard-button.mcx-dashboard-button-minor,
.mcx-dashboard-dialog-meta .mcx-dashboard-button {
  background-color: var(--color-gray-90);
}

.mcx-dashboard-dialog-meta .mcx-dashboard-button.mcx-dashboard-button-minor:hover,
.mcx-dashboard-dialog-meta .mcx-dashboard-button:hover {
  background-color: var(--color-gray-80);
}

.mcx-dashboard-dialog-meta .mcx-dashboard-button.mcx-dashboard-button-confirm,
.mcx-dashboard-dialog-meta .button.confirm {
  background-color: var(--color-confirm-background);
  color: var(--color-font-contrast-major-1) !important;
}
.mcx-dashboard-dialog-meta .mcx-dashboard-button.mcx-dashboard-button-confirm:hover,
.mcx-dashboard-dialog-meta .button.confirm:hover {
  background-color: var(--color-confirm-background-alt);
}
.mcx-dashboard-dialog-meta .mcx-dashboard-button.mcx-dashboard-button-disabled,
.mcx-dashboard-dialog-meta .button.disabled {
  background: var(--color-element-background-major);
  opacity: var(--disabled-opacity);
}

.mcx-dashboard-button-disabled,
.button.disabled {
  opacity: var(--disabled-opacity);
}

.mcx-dashboard-dialog-floating-controls .mcx-dashboard-dialog-meta .mcx-dashboard-button,
.mcx-dashboard-dialog-floating-controls .mcx-dashboard-dialog-meta .button {
  min-width: 160px;
  width: auto;
  text-align: center;
  float: left;
  display: inline-block;
  margin-right: 10px;
}

.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-disabled, .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.button.disabled {
  opacity: var(--disabled-opacity);
}
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-disabled:hover, .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.button.disabled:hover {
  opacity: var(--disabled-opacity);
  background: transparent !important;
}

.mcx-dashboard-button-minor:hover,
.button.minor:hover {
  color: var(--color-font-major-1);
}

.mcx-dashboard-button-alert {
  background: var(--color-alert-major) !important;
}
.mcx-dashboard-button-alert,
.mcx-dashboard-button-alert span {
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashboard-toolbar-inner .mcx-dashboard-button-alert,
.mcx-dashboard-toolbar-inner .mcx-dashboard-button-confirm.mcx-dashboard-button-alert,
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-alert {
  background: var(--color-alert-major) !important;
}
.mcx-dashboard-toolbar-inner .mcx-dashboard-button-alert,
.mcx-dashboard-toolbar-inner .mcx-dashboard-button-alert span,
.mcx-dashboard-toolbar-inner .mcx-dashboard-button-confirm.mcx-dashboard-button-alert,
.mcx-dashboard-toolbar-inner .mcx-dashboard-button-confirm.mcx-dashboard-button-alert span,
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-alert,
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-alert span {
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashboard-button-alert:hover {
  background: var(--color-alert-minor) !important;
}
.mcx-dashboard-button-alert:hover,
.mcx-dashboard-button-alert:hover span {
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-confirm.mcx-dashboard-button-alert:hover,
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-alert:hover {
  background: var(--color-alert-minor) !important;
}
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-confirm.mcx-dashboard-button-alert:hover,
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-confirm.mcx-dashboard-button-alert:hover span,
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-alert:hover,
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-button-alert:hover span {
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashboard-modal .mcx-dashboard-button-minor,
.button.minor {
  border-radius: 2px;
}

.mcx-dashboard-modal .mcx-dashboard-button-minor:hover,
.button.minor:hover {
  color: var(--color-font-major-1);
}

.mcx-dashboard-modal .mcx-dashboard-button-misc {
  font-weight: normal;
  color: var(--color-font-minor-1);
  background-color: var(--color-gray-90);
}

.mcx-dashboard-modal .mcx-dashboard-button-misc:hover {
  background-color: var(--color-gray-80);
}

.button.cancel,
.mcx-dashboard-button-cancel {
  color: #b4444b;
}

.button.cancel:hover,
.mcx-dashboard-button-cancel:hover {
  color: #8f363c;
}

.mcx-dashboard-dialog-element .mcx-dashboard-button {
  display: inline;
  background: var(--color-element-background-major);
  padding: 4px 10px;
}
.mcx-dashboard-dialog-element .mcx-dashboard-button:not(.inline) {
  margin-left: 204px;
}
.mcx-dashboard-dialog-element .mcx-dashboard-button.inline {
  margin-left: 3px;
}
.mcx-dashboard-dialog-element .mcx-dashboard-button.selected, .mcx-dashboard-dialog-element .mcx-dashboard-button.selected:hover {
  background: var(--color-toolbar-major);
  color: var(--color-font-contrast-major-1);
}

.mcx-dashboard-dialog-element .indent .mcx-dashboard-button.inline {
  margin-left: 0;
  margin-right: 3px;
}
.mcx-dashboard-dialog-element .indent .mcx-dashboard-button.inline .icon {
  font-size: 12px;
  width: initial;
  margin-right: 5px;
  color: var(--color-font-major-2);
}

.mcx-dashboard-dialog-element .mcx-dashboard-button:hover {
  background: var(--color-element-background-minor-2);
  transition: all 0.15s ease-in-out;
}

.button.text-underlined span.button-label {
  text-decoration: underline;
}

.mcx-dashboard-message .mcx-dashboard-button-iconized span.mcx-dashboard-icon,
.mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-iconized span.mcx-dashboard-icon,
.mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-has-icon span.mcx-dashboard-icon,
.mcx-dashboard-modal .mcx-dashboard-button-iconized span.mcx-dashboard-icon,
.mcx-dashlet-page-control .mcx-dashboard-button-iconized span.mcx-dashboard-icon,
.mcx-dashboard-list-cell-control .mcx-dashboard-button-iconized span.mcx-dashboard-icon {
  font-size: 12px;
}

.mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-iconized span.mcx-dashboard-icon {
  display: inline;
}

.mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-has-icon span.mcx-dashboard-icon {
  margin-right: 5px;
}

.mcx-dashlet-pageset-is-floating .mcx-dashlet-page-headline .mcx-dashlet-page-controls .mcx-dashlet-page-control .mcx-dashboard-button {
  width: 32px;
  margin-left: 10px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  padding: 0;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 5px;
  border-radius: 2px;
  background: var(--color-element-background-minor-2);
  outline: none;
  opacity: 0.75;
  transition: opacity 0.15s;
}
.slider:active, .slider:hover, .slider:focus {
  opacity: 1;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-toolbar-major);
  cursor: pointer;
}

.slider::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--color-toolbar-major);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

::-webkit-input-placeholder { /* Edge */
  color: var(--color-font-major-3);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--color-font-major-3);
}

::placeholder {
  color: var(--color-font-major-3);
}

.modal .image-upload {
  flex-grow: 1;
  width: auto;
}
.modal .image-upload .image-upload-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
}
.modal .image-upload .image-upload-wrapper .image-wrapper {
  margin-right: 10px;
}
.modal .image-upload .image-upload-wrapper .image-wrapper .image {
  width: 64px;
  height: 64px;
  background-size: cover;
  background-color: var(--color-element-background-minor-2);
}
.modal .image-upload .image-upload-wrapper .controls {
  flex-grow: 1;
  width: auto;
}
.modal .image-upload .image-upload-wrapper .controls .mcx-dashboard-button {
  margin: 0;
  margin-right: 3px;
}

.mcx-dashboard-bed {
  background: transparent !important;
  border-bottom: 1px solid var(--color-structure-border-minor);
  position: relative;
}
.mcx-dashboard-bed:after {
  content: "";
  display: table;
  clear: both;
}
.mcx-dashboard-bed div div {
  line-height: 20px;
  padding: 5px;
  background: var(--color-background);
  height: 20px;
}
.mcx-dashboard-bed .f {
  width: 5px;
  padding: 5px 0;
  float: left;
}
.mcx-dashboard-bed .k {
  color: var(--color-font-minor-1);
  font-size: 11px;
  width: 35px;
  text-align: center;
  float: left;
}
.mcx-dashboard-bed .c {
  margin-left: 50px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mcx-dashboard-bed.c:after {
  content: " ";
  height: 32px;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block !important;
  position: absolute;
  background-image: url(../../js/abstracttimeline/stripe.png);
  background-size: 17px;
  background-color: #c5666c;
  opacity: 0.125;
}
.mcx-dashboard-bed .i {
  height: 2px;
  margin-top: 0px;
  margin-left: 50px;
  line-height: 2px;
  padding: 0;
  font-size: 0px;
  display: none;
}
.mcx-dashboard-bed .i:after {
  content: "";
  display: table;
  clear: both;
}
.mcx-dashboard-bed .o {
  font-size: 95%;
  color: var(--color-font-major-1);
}
.mcx-dashboard-bed .o .i {
  margin-right: -2px;
}
.mcx-dashboard-bed .o .mcx-dashboard-male {
  color: var(--color-male);
}
.mcx-dashboard-bed .o .mcx-dashboard-female {
  color: var(--color-female);
}
.mcx-dashboard-bed .o.t .c, .mcx-dashboard-bed .o.t .k, .mcx-dashboard-bed .o.t .i {
  background-color: #3fc501 !important;
  color: var(--color-font-contrast-major-1) !important;
}
.mcx-dashboard-bed .l {
  padding: 0;
  height: 2px;
  line-height: 2px;
  float: left;
  font-size: 0px;
}
.mcx-dashboard-bed .l div {
  padding: 0;
  height: 2px;
  line-height: 2px;
  border-right: 1px solid white;
  background: var(--color-element-background-major);
}
.mcx-dashboard-bed .l.ex div {
  background: #f76c01;
}
.mcx-dashboard-bed:hover .e.s .c, .mcx-dashboard-bed:hover .e.s .k, .mcx-dashboard-bed:hover .e.s .i {
  background: var(--color-toolbar-major) !important;
  cursor: pointer;
  color: var(--color-font-contrast-major-1);
}
.mcx-dashboard-bed:hover .o .c, .mcx-dashboard-bed:hover .o .k, .mcx-dashboard-bed:hover .o .i,
.mcx-dashboard-bed:hover .o .mcx-dashboard-male,
.mcx-dashboard-bed:hover .o .mcx-dashboard-female {
  background: var(--color-toolbar-major) !important;
  cursor: pointer;
  color: var(--color-font-contrast-major-1);
}
.mcx-dashboard-bed:hover .o .l div {
  background: var(--color-element-background-major);
}
.mcx-dashboard-bed:hover .o .l.ex div {
  background: #de6101;
}
.mcx-dashboard-bed:hover .o.t .c, .mcx-dashboard-bed:hover .o.t .k, .mcx-dashboard-bed:hover .o.t .i {
  background-color: #309502 !important;
}

.mcx-dashboard-bed-em div div {
  background: var(--color-element-background-major);
}

html.dark-schema .mcx-dashboard-bed-em div div {
  background: var(--color-element-background-major);
}

.element.entry.access-granted .outer, .element.entry.access-denied .outer {
  border-left-width: 10px;
  border-left-style: solid;
  height: 100%;
}
.element.entry.access-granted {
  background-color: rgba(42, 130, 2, 0.125) !important;
}
.element.entry.access-granted .outer {
  border-left-color: rgba(42, 130, 2, 0.25) !important;
}
.element.entry.access-denied {
  background-color: rgba(197, 102, 108, 0.125) !important;
}
.element.entry.access-denied .outer {
  border-left-color: rgba(197, 102, 108, 0.25) !important;
}
.element.entry.rule-disabled {
  opacity: 0.45;
}
.mcx-dashboard-dialog-content-message.access-granted, .mcx-dashboard-dialog-content-message.access-denied {
  border-top: 1px solid #dbdee1;
  border-bottom: 1px solid #dbdee1;
}
.mcx-dashboard-dialog-content-message.access-granted {
  background-color: rgba(42, 130, 2, 0.125) !important;
}
.mcx-dashboard-dialog-content-message.access-denied {
  background-color: rgba(197, 102, 108, 0.125) !important;
}

.element.entry.invitation .outer {
  border-left-width: 0;
  border-left-style: solid;
  height: 100%;
}
.element.entry.invitation {
  background-color: rgba(37, 56, 145, 0.125) !important;
}
.element.entry.invitation .outer {
  border-left-color: rgba(37, 56, 145, 0.25) !important;
}
.element.entry.invitation .mcx-dashboard-list-symbol {
  min-height: 45px;
  margin-top: 5px;
}

.image-container .attachment.image {
  width: 400px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  flex: 0 0 400px;
}
.image-container .attachment.image.has-command:hover {
  cursor: pointer;
}

.cds-cards {
  padding: 0 20px 20px 20px;
}
.cds-cards .cds-card.is-collapsed .inner article {
  height: 0px;
  padding: 0 !important;
}
.cds-cards .cds-card {
  padding-top: 20px;
}
.cds-cards .cds-card.has-link:hover .outer {
  cursor: pointer;
}
.cds-cards .cds-card.has-link:hover .outer .indent {
  background: var(--color-element-background-major);
}
.cds-cards .cds-card .outer {
  background: var(--color-background);
  box-shadow: 0px 0px 10px var(--color-box-shadow-dashlets);
  display: flex;
  flex-direction: row;
}
.cds-cards .cds-card .outer .indent {
  width: 32px;
}
.cds-cards .cds-card .outer .indent div {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-bottom: 1px solid var(--color-structure-border-minor);
  border-right: 1px solid var(--color-structure-border-minor-2);
}
.cds-cards .cds-card .outer .indent div.control:hover {
  background: var(--color-element-background-major);
  cursor: pointer;
}
.cds-cards .cds-card .outer .inner {
  overflow: hidden;
  width: 100%;
}
.cds-cards .cds-card .outer .inner header {
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  white-space: nowrap;
  border-bottom: 1px solid var(--color-structure-border-minor);
}
.cds-cards .cds-card .outer .inner header .indicator {
  width: 32px;
  text-align: center;
}
.cds-cards .cds-card .outer .inner header .indicator.info {
  color: var(--color-indicator-info);
}
.cds-cards .cds-card .outer .inner header .indicator.warning {
  color: var(--color-indicator-warning);
}
.cds-cards .cds-card .outer .inner header .indicator.critical {
  color: var(--color-indicator-critical);
}
.cds-cards .cds-card .outer .inner article {
  padding: 10px 0;
  padding-right: 20px;
}
.cds-cards .cds-card .outer .inner article h4, .cds-cards .cds-card .outer .inner article h5, .cds-cards .cds-card .outer .inner article h6 {
  margin: 0;
}

.modal .workflow-tasks .mcx-dashboard-list-audit {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 8px 0 8px 10px;
  margin-right: 20px;
}

.mcx-dashboard-headline-search {
  background: var(--color-background);
  width: 332px;
  height: 32px;
  margin-top: -1px;
  margin-right: 10px;
  border: 1px solid var(--color-element-border);
  border-radius: 2px;
}
.mcx-dashboard-headline-search input {
  background: transparent;
  color: var(--color-font-major-1);
  border: none;
  font-size: inherit;
  padding: 0 10px;
  line-height: 32px;
  height: 32px; /* required by IE */
  width: 272px;
  border-radius: 1px;
}
.mcx-dashboard-headline-search input::-ms-clear {
  display: none;
}
.mcx-dashboard-headline-search span {
  cursor: pointer;
  float: right;
  width: 39px;
  margin: 0;
  font-size: 14px;
  height: 33px;
  text-align: center;
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  color: var(--color-toolbar-major);
  line-height: 32px;
}
.mcx-dashboard-headline-search span:hover {
  background: var(--color-element-background-major);
  color: var(--color-toolbar-major);
  /*color: $color-blue-light;*/
}
.mcx-dashboard-headline-search .description {
  display: none;
}
.mcx-dashboard-headline-search.mcx-dashboard-headline-search-is-hidden {
  display: none;
}
.mcx-dashboard-headline-search.mcx-dashboard-headline-search-focus {
  border: 1px solid var(--color-toolbar-major);
}
.mcx-dashboard-headline-search.mcx-dashboard-headline-search-has-focus.mcx-dashboard-headline-search-is-focussed {
  position: absolute;
  z-index: 9998;
  width: 500px;
  right: 500px;
  top: 500px;
  height: 50px;
  display: none;
}
.mcx-dashboard-headline-search.mcx-dashboard-headline-search-has-focus.mcx-dashboard-headline-search-is-focussed.ready {
  display: block;
}
.mcx-dashboard-headline-search.mcx-dashboard-headline-search-has-focus.mcx-dashboard-headline-search-is-focussed input {
  width: 480px;
  height: 50px;
  font-size: 24px;
  font-weight: 300;
  /*background-color: var(--color-background);*/
}
.mcx-dashboard-headline-search.mcx-dashboard-headline-search-has-focus.mcx-dashboard-headline-search-is-focussed span {
  display: none;
}
.mcx-dashboard-headline-search.mcx-dashboard-headline-search-has-focus.mcx-dashboard-headline-search-is-focussed .description {
  display: block;
  margin: 10px;
  color: var(--color-font-minor-2);
  line-height: initial;
  font-size: inherit;
}

.mcx-dashboard-list .mcx-dashboard-headline-search {
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--color-structure-border-minor);
  background: var(--color-element-background-major);
  height: auto;
  margin: 0.125px 0;
}
#dashboardheadline {
  margin: 0;
  line-height: 59px;
  color: var(--color-font-minor-1);
  position: relative;
  border-bottom: 1px solid var(--color-structure-border-minor);
}
#dashboardheadline,
#dashboardheadline h2 {
  height: 59px;
}

#dashboardheadline h2 {
  margin: 0;
  font-size: 22px;
  padding: 0 10px;
  font-weight: 500;
  float: left;
  min-width: 250px;
  color: var(--color-font-major-2);
}
#dashboardheadline h2 .entity-display {
  display: inline-block;
  margin: 0 10px;
  background: var(--color-element-background-major);
  color: var(--color-font-minor-1);
  line-height: 32px;
  padding: 0 10px;
  font-weight: 400;
  font-size: 18px;
}

#body.front-screen #dashboardheadline.mcx-dashboard-application-headline,
#body.front-screen #dashboardheadline.mcx-dashboard-application-headline h2 {
  height: auto;
}

.mcx-dashboard-application-headline-data {
  float: left;
  line-height: 16px;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 10px;
  color: var(--color-font-minor-2);
}
.mcx-dashboard-application-headline-data .headline-data-container {
  display: block;
  margin-bottom: 1px;
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-font-minor-2);
  width: 140px;
}
.mcx-dashboard-application-headline-data .headline-data-indicator,
.mcx-dashboard-application-headline-data .headline-data-value {
  display: inline-block;
  line-height: 20px;
}
.mcx-dashboard-application-headline-data .headline-data-indicator {
  background: var(--color-element-background-minor-1);
  font-weight: 600;
  padding: 0;
  line-height: 20px;
  height: 20px;
  width: 20px;
  text-align: center;
  margin-right: 5px;
  font-size: 10px;
}
.mcx-dashboard-application-headline-data .headline-data-indicator.alert {
  color: var(--color-alert);
}
.mcx-dashboard-application-headline-data .headline-data-value {
  white-space: nowrap;
  width: calc(100% - 25px);
}

.mcx-dashboard-application-headline-data span.mcx-dashboard-application-headline-data-alert {
  display: inline;
  color: var(--color-alert);
}

.mcx-dashboard-application-headline-data-double .headline-data-container {
  width: 240px;
}

.mcx-dashboard-application-headline-data-block {
  height: 32px;
}
.mcx-dashboard-application-headline-data-block .headline-data-container {
  display: flex;
  width: 240px;
  max-height: 40px;
}
.mcx-dashboard-application-headline-data-block .headline-data-container .headline-data-indicator {
  flex: 1 0 auto;
  align-self: auto;
}
.mcx-dashboard-application-headline-data-block .headline-data-container .headline-data-value {
  line-height: 21px;
  white-space: normal;
}

.mcx-dashboard-application-headline-data-flag {
  float: left;
  font-family: "HIS Glyphs";
  margin-right: 4px;
  font-size: 10px;
}

.mcx-dashboard-application-headline-indicator {
  height: 20px;
  width: 20px;
  display: block;
  float: left;
  margin: 20px 15px 20px 10px;
  font-weight: 300;
  font-size: 20px;
  line-height: 20px;
}

.mcx-dashboard-application-headline-hidden {
  display: none;
}

.mcx-dashboard-headline-placeholder {
  position: absolute;
  top: 50px;
  height: 50px;
  width: 100%;
  background: rgb(76, 147, 203);
}

.mcx-dashlet-page-headline-wrapper,
.mcx-dashboard-modal-headline {
  height: 32px;
}

.mcx-dashlet-page-headline-wrapper h3,
.mcx-dashboard-modal-headline h3,
.mcx-dashboard-application-headline-patient .mcx-dashboard-application-headline-patient-name {
  /*font-size: $font-size-titles;*/
  margin: 0;
  font-weight: normal;
  overflow: hidden;
}

.mcx-dashlet-page-headline-wrapper h3 {
  font-weight: 600;
}

.mcx-dashlet-page-headline-wrapper h3,
.mcx-dashboard-modal-headline h3 {
  line-height: 32px;
}

.mcx-dashboard-component.mcx-dashboard-component-is-workspace .mcx-dashlet-page-headline-wrapper {
  background: var(--color-background);
}

.mcx-dashboard-application-headline-patient {
  float: left;
  min-width: 250px;
  line-height: 60px;
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 15px;
  /*  background: var(--color-element-background-major);*/
}
.mcx-dashboard-application-headline-patient .mcx-dashboard-modal-image-wrapper {
  margin-top: 13px;
  margin-right: 20px;
  margin-bottom: 13px;
  margin-left: 0;
}
.mcx-dashboard-application-headline-patient .mcx-dashboard-application-headline-patient-name {
  color: var(--color-headline-major);
  font-size: 18px;
  font-weight: 600;
  margin-top: -8px;
  margin-bottom: -18px;
}
.mcx-dashboard-application-headline-patient .mcx-dashboard-application-headline-patient-name.mcx-dashboard-application-headline-patient-name-alert {
  /* color: var(--color-font-minor-1); */
  line-height: initial;
  font-weight: 400;
  height: 46px;
  padding-top: 14px;
  color: var(--color-alert);
  font-size: 95%;
}
.mcx-dashboard-application-headline-patient .mcx-dashboard-application-headline-patient-name.mcx-dashboard-application-headline-patient-name-alert span {
  display: block;
  color: var(--color-font-major-2);
}
.mcx-dashboard-application-headline-patient .mcx-dashboard-application-headline-patient-name.mcx-dashboard-application-headline-patient-name-anonymized {
  filter: blur(3px);
}
.mcx-dashboard-application-headline-patient .mcx-dashboard-application-headline-patient-details {
  margin-left: 52px;
  line-height: 16px;
  color: var(--color-headline-major);
}

.mcx-dashboard-application-headline-button {
  margin-top: 0 !important;
  margin-right: 10px !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  height: 33px;
  min-width: 23px !important;
  line-height: 33px;
  text-align: center;
  padding: 0 6px !important;
  background: var(--color-element-background-minor-1);
  color: var(--color-headline-major);
  font-size: inherit;
}
.mcx-dashboard-application-headline-button.mcx-dashboard-button-minor {
  color: var(--color-font-minor-1);
}

.mcx-dashboard-application-headline-button-wide {
  padding: 0 10px !important;
}

.mcx-dashboard-application-headline-button-separate {
  margin-left: 20px !important;
}

.mcx-dashlet-page-control .mcx-dashboard-application-headline-button.mcx-dashboard-button {
  margin-right: 10px !important;
}

.mcx-dashboard-application-headline-button:hover:not(.mcx-dashboard-application-headline-button-selected) {
  background: var(--color-element-background-major) !important;
  /*
      color: var(--color-font-contrast-major-1) !important;
      transition: all .15s ease-in-out !important;
      */
  cursor: pointer;
}

.mcx-dashboard-application-headline-button-selected {
  background: var(--color-toolbar-major) !important;
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashboard-application-headline-button-selected:hover:not(.mcx-dashboard-application-headline-button-selected) {
  color: var(--color-gray-40) !important;
}

.mcx-dashboard-application-headline-button.mcx-dashboard-button-disabled,
.mcx-dashboard-application-headline-button-disabled,
.mcx-dashboard-application-headline-button.mcx-dashboard-button-disabled:hover,
.mcx-dashboard-application-headline-button-disabled:hover {
  background: var(--color-element-background-minor-2) !important;
  color: var(--color-font-minor-3);
}

.mcx-dashboard-application-headline-messaging {
  background-color: var(--color-taskbar-background);
  color: var(--color-font-contrast-major-1) !important;
  padding: 0;
}
.mcx-dashboard-application-headline-messaging:hover {
  background-color: var(--color-taskbar-background-alt-hover) !important;
}
.mcx-dashboard-application-headline-messaging .mcx-dashboard-icon {
  font-size: 14px;
}

.mcx-dashboard-application-headline-help {
  padding: 0;
  margin-right: 10px !important;
}

.mcx-dashboard-application-headline-help,
.mcx-dashboard-modal .mcx-dashboard-button-help {
  background: #2a8202;
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashboard-application-headline-help:hover,
.mcx-dashboard-modal .mcx-dashboard-button-help:hover {
  background: #1e5b01 !important;
}

.mcx-dashboard-application-headline-help-hidden {
  display: none;
}

.mcx-dashboard-application-headline-help.active {
  background: var(--color-alert-major) !important;
}

.mcx-dashboard-application-headline .mcx-dashboard-toolbar-element {
  background: var(--color-taskbar-background);
  border-radius: 1px;
  line-height: 32px;
  padding: 0;
  width: 32px;
  height: 32px;
  margin: 14px 0px 0 10px;
}

.mcx-dashboard-application-headline .mcx-dashboard-toolbar-element span {
  color: var(--color-font-contrast-major-1);
}

.mcx-dashboard-application-headline .mcx-dashboard-toolbar-element:hover {
  cursor: pointer;
  background: var(--color-taskbar-background-hover);
}

#dashboardheader {
  background: var(--color-background);
}

#dashboardheader:after {
  content: "";
  display: table;
  clear: both;
}

#dashboardheader .mcx-dashlet-page-controls {
  margin: 13px 0;
  line-height: 32px;
}

.mcx-dashboard-page-back.mcx-dashboard-toolbar-element {
  float: left;
  cursor: pointer;
  width: 32px;
  padding: 0;
  display: none;
  overflow: hidden;
}
.mcx-dashboard-page-back.mcx-dashboard-toolbar-element:hover {
  background: var(--color-element-background-major) !important;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}

.mcx-dashlet-page-headline-controls h3 {
  float: left;
}

.mcx-dashlet-page-controls {
  /*  float: $dir-end;*/
  position: absolute;
  right: 0px;
}

.mcx-dashlet-page-controls:after {
  content: "";
  display: table;
  clear: both;
}

.mcx-dashlet-page-control {
  float: right;
  margin-left: 0;
}

body.hide-headline #dashboardheader {
  display: none;
}

body.dashboard:not(.front-screen) #dashboardheader {
  position: sticky;
  z-index: 9989;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
body.dashboard:not(.front-screen).has-intense-headline-shadow #dashboardheader {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.mcx-dashboard-list .mcx-dashboard-list-cell-control .mcx-dashboard-button-iconized {
  text-align: center;
}
.mcx-dashboard-list .mcx-dashboard-list-cell-control .mcx-dashboard-button-iconized,
.mcx-dashboard-list .mcx-dashboard-list-cell-control .mcx-dashboard-button-iconized span {
  width: 25px !important;
  min-width: 25px;
}
.mcx-dashboard-list .mcx-dashboard-list-cell-check,
.mcx-dashboard-list .mcx-dashboard-list-cell-check-value {
  font-weight: 300;
}
.mcx-dashboard-list .mcx-dashboard-list-cell-check span {
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  color: var(--color-font-minor-1);
}
.mcx-dashboard-list .mcx-dashboard-list-cell-check-value span {
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  padding-right: 10px;
}
.mcx-dashboard-list .mcx-dashboard-list-cell-check-value.alert {
  color: var(--color-alert-major);
}

.mcx-dashboard-list-cell-half {
  width: 450px;
}

.mcx-dashboard-list-cell-third {
  width: 300px;
}

.mcx-dashboard-list-cell-quarter {
  width: 225px;
}

.mcx-dashboard-list-cell-helper {
  margin-right: 10px;
  border-collapse: collapse;
  border-spacing: initial;
}

.mcx-dashboard-list-cell-main {
  width: 100%;
}

.mcx-dashboard-list-cell {
  overflow: hidden;
}
.mcx-dashboard-list-cell.minor {
  color: var(--color-font-major-2);
}
.mcx-dashboard-list-cell.minor.light {
  color: var(--color-font-major-3);
}
.mcx-dashboard-list-cell.is-centered {
  text-align: center;
}
.mcx-dashboard-list-cell.has-command:hover {
  background: var(--color-element-background-major);
  cursor: pointer;
}
.mcx-dashboard-list-cell.has-inline-controls {
  padding-top: 0;
  padding-bottom: 0;
}
.mcx-dashboard-list-cell.has-inline-controls .mcx-dashboard-list-cell-control {
  float: none;
  padding: 0;
}
.mcx-dashboard-list-cell.has-inline-controls .mcx-dashboard-list-cell-control .mcx-dashboard-button {
  float: none;
  height: auto;
  line-height: auto;
  background: transparent;
}
.mcx-dashboard-list-cell.has-inline-controls .mcx-dashboard-list-cell-control .mcx-dashboard-button:hover {
  background: var(--color-element-background-major);
}

.mcx-dashboard-list-cell-main-padding {
  padding-left: 10px !important;
}

.mcx-dashboard-list-cell-control {
  float: right;
}

.mcx-dashboard-list-cell-control .mcx-dashboard-button {
  background: var(--color-element-background-major);
  color: var(--color-symbol);
}

.mcx-dashboard-list-cell-control .mcx-dashboard-button:hover {
  background: var(--color-element-background-major);
}

.mcx-dashboard-list.is-floating {
  /**
  * List entries will be composed like a set of dashlets
  *
  */
}
.mcx-dashboard-list.is-floating.is-limited .group {
  max-height: 250px;
  position: relative;
}
.mcx-dashboard-list.is-floating.is-limited .group:after {
  background: var(--color-background-alt-fx);
  background: linear-gradient(to bottom, transparent 0%, var(--color-background-alt-fx) 100%);
  position: absolute;
  height: 68px;
  top: 183px;
  width: 100%;
  content: "";
  display: block;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner {
  padding: 0 96px;
  width: calc(100% - 192px);
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 20px 0;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider {
  flex: 0 0 100%;
  border: 0;
  padding: 0;
  margin-bottom: 10px;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider div {
  color: var(--color-font-major-2);
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider div .code, .mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider div kbd, .mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider div code {
  background: rgba(0, 0, 0, 0.05);
  color: #2a8202;
  display: inline-block;
  padding: 1px 5px;
  margin: -1px 1px;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider div:not([class]) {
  margin: 10px 0;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .components {
  float: none !important;
  clear: both;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .components > * {
  margin: 0 10px 0 0;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .components > .mcx-dashlet {
  margin: 0 10px 0 0;
  background: var(--color-element-background-major) !important;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .components > .mcx-dashlet:hover {
  background: var(--color-element-background-minor-2) !important;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .components > .mcx-dashlet .mcx-dashlet-symbol,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .components > .mcx-dashlet .mcx-dashboard-icon {
  color: #1e74c5 !important;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .inner,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .mcx-dashboard-list-inner {
  width: auto;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .inner .mcx-dashboard-list-main,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .mcx-dashboard-list-inner .mcx-dashboard-list-main {
  min-width: initial;
  max-width: initial;
  padding: 0;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .inner .mcx-dashboard-list-main h4,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .divider .mcx-dashboard-list-inner .mcx-dashboard-list-main h4 {
  color: var(--color-font-minor-1);
  line-height: 32px;
  font-size: 16px;
  font-weight: 300;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry {
  width: 290px;
  border-bottom: 0;
  background-color: var(--color-element-background-minor-1) !important;
  min-height: 65px;
  margin: 0 10px 10px 0;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry.is-double {
  width: 590px;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry[onclick]:hover .outer, .mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry[ondblclick]:hover .outer {
  background-color: var(--color-element-background-major) !important;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .outer {
  height: 100%;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .inner,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .mcx-dashboard-list-inner {
  width: auto;
  padding: 10px;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .inner .mcx-dashboard-list-key,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .inner .key,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .mcx-dashboard-list-inner .mcx-dashboard-list-key,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .mcx-dashboard-list-inner .key {
  float: none;
  width: 100%;
  font-size: 90% !important;
  color: var(--color-font-minor-2);
  font-weight: 600;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .inner .mcx-dashboard-list-main,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .inner .main,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .mcx-dashboard-list-inner .mcx-dashboard-list-main,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .mcx-dashboard-list-inner .main {
  float: none;
  min-width: initial;
  max-width: initial;
  display: block;
  color: var(--color-font-major-2);
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .inner *,
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry .mcx-dashboard-list-inner * {
  height: auto;
  padding: 0;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry.message {
  margin: 0;
  height: auto;
  min-height: auto;
}
.mcx-dashboard-list.is-floating .mcx-dashlet-page-inner-overflow.mcx-dashlet-page-inner .group .entry.message .inner {
  text-align: initial;
  padding: 0;
}

.mcx-dashboard-modal-actions .mcx-dashboard-list-image,
.mcx-dashboard-modal .mcx-dashboard-modal-actions .mcx-dashboard-list-element.mcx-dashboard-list-image,
.mcx-dashboard-list .mcx-dashboard-list-element.mcx-dashboard-list-image {
  padding: 0;
}

.mcx-dashboard-list .mcx-dashboard-list-image:not(.mcx-dashboard-list-image-has-thumbnail) .mcx-dashboard-list-status-helper,
.mcx-dashboard-modal-actions .mcx-dashboard-list-image:not(.mcx-dashboard-list-image-has-thumbnail) .mcx-dashboard-list-status-helper {
  height: 130px;
  background: var(--color-toolbar-major);
  opacity: 0.75;
  transition: opacity 0.25s ease-in-out;
}
.mcx-dashboard-list .mcx-dashboard-list-image.mcx-dashboard-list-image-revert-transition:not(.mcx-dashboard-list-image-has-thumbnail) .mcx-dashboard-list-status-helper,
.mcx-dashboard-modal-actions .mcx-dashboard-list-image.mcx-dashboard-list-image-revert-transition:not(.mcx-dashboard-list-image-has-thumbnail) .mcx-dashboard-list-status-helper {
  background: var(--color-element-background-major);
}
.mcx-dashboard-list .mcx-dashboard-list-image.mcx-dashboard-list-image-no-transition:not(.mcx-dashboard-list-image-has-thumbnail) .mcx-dashboard-list-status-helper,
.mcx-dashboard-modal-actions .mcx-dashboard-list-image.mcx-dashboard-list-image-no-transition:not(.mcx-dashboard-list-image-has-thumbnail) .mcx-dashboard-list-status-helper {
  height: auto;
  background: transparent;
  opacity: initial;
  transition: initial;
}
.mcx-dashboard-list .mcx-dashboard-list-image:not(.mcx-dashboard-list-image-has-thumbnail):hover .mcx-dashboard-list-status-helper,
.mcx-dashboard-modal-actions .mcx-dashboard-list-image:not(.mcx-dashboard-list-image-has-thumbnail):hover .mcx-dashboard-list-status-helper {
  opacity: 0;
}
.mcx-dashboard-list .mcx-dashboard-list-image.mcx-dashboard-list-image-double:not(.mcx-dashboard-list-image-has-thumbnail),
.mcx-dashboard-modal-actions .mcx-dashboard-list-image.mcx-dashboard-list-image-double:not(.mcx-dashboard-list-image-has-thumbnail) {
  height: 220px;
}
.mcx-dashboard-list .mcx-dashboard-list-image.mcx-dashboard-list-image-no-transition:not(.mcx-dashboard-list-image-has-thumbnail):hover .mcx-dashboard-list-status-helper,
.mcx-dashboard-modal-actions .mcx-dashboard-list-image.mcx-dashboard-list-image-no-transition:not(.mcx-dashboard-list-image-has-thumbnail):hover .mcx-dashboard-list-status-helper {
  opacity: initial;
}
.mcx-dashboard-list .mcx-dashboard-list-image:not(.mcx-dashboard-list-image-has-thumbnail) .mcx-dashboard-list-inner,
.mcx-dashboard-modal-actions .mcx-dashboard-list-image:not(.mcx-dashboard-list-image-has-thumbnail) .mcx-dashboard-list-inner {
  font-size: 95%;
  text-align: left !important;
  padding: 5px;
  color: var(--color-font-contrast-major-1);
}
.mcx-dashboard-list .mcx-dashboard-list-image.mcx-dashboard-list-image-has-file-information-focus .mcx-dashboard-list-inner,
.mcx-dashboard-modal-actions .mcx-dashboard-list-image.mcx-dashboard-list-image-has-file-information-focus .mcx-dashboard-list-inner {
  font-size: inherit !important;
}
.mcx-dashboard-list .mcx-dashboard-list-image.mcx-dashboard-list-image-revert-transition:not(.mcx-dashboard-list-image-has-thumbnail) .mcx-dashboard-list-inner,
.mcx-dashboard-modal-actions .mcx-dashboard-list-image.mcx-dashboard-list-image-revert-transition:not(.mcx-dashboard-list-image-has-thumbnail) .mcx-dashboard-list-inner {
  color: var(--color-font-minor-1);
}
.mcx-dashboard-list .mcx-dashboard-list-image.mcx-dashboard-list-image-bottom-description.mcx-dashboard-list-image-no-transition .mcx-dashboard-list-inner,
.mcx-dashboard-modal-actions .mcx-dashboard-list-image.mcx-dashboard-list-image-bottom-description.mcx-dashboard-list-image-no-transition .mcx-dashboard-list-inner {
  text-align: center !important;
  background: var(--color-toolbar-major);
  opacity: 0.75;
  bottom: 20px;
  color: var(--color-font-contrast-major-1) !important;
  position: absolute;
  width: 70%;
  margin: 0 15%;
}
.mcx-dashboard-list .mcx-dashboard-list-image.mcx-dashboard-list-image-no-transition .mcx-dashboard-list-inner,
.mcx-dashboard-modal-actions .mcx-dashboard-list-image.mcx-dashboard-list-image-no-transition .mcx-dashboard-list-inner {
  color: initial;
}

.mcx-dashboard-list-image-has-file-information .mcx-dashboard-list-inner span {
  display: block;
}

.mcx-dashboard-list-image-has-thumbnail .mcx-dashboard-list-image-thumbnail {
  width: 64px;
  height: 64px;
  margin: 10px;
  padding: 0;
}

.mcx-dashboard-list-element.mcx-dashboard-list-divider {
  border-bottom: 1px solid var(--color-structure-border-major);
  padding: 0 10px;
}
.mcx-dashboard-list-element.mcx-dashboard-list-divider.mcx-dashboard-list-element-predefined {
  padding: 0;
}
.mcx-dashboard-list-element.mcx-dashboard-list-divider.mcx-dashboard-list-element-predefined .mcx-dashboard-list-inner {
  padding: 0;
}
.mcx-dashboard-list-element.mcx-dashboard-list-divider.mcx-dashboard-list-divider-alert {
  background: #FCC;
}
.mcx-dashboard-list-element.mcx-dashboard-list-divider.mcx-dashboard-list-element-divider-accent .mcx-dashboard-badge {
  margin-top: -40px;
}
.mcx-dashboard-list-element.mcx-dashboard-list-divider.mcx-dashboard-list-element-divider-is-emphasized h4 {
  color: var(--color-font-minor-1);
  font-weight: 600;
}

.mcx-dashboard-list-table .mcx-dashboard-list-divider {
  background: transparent !important;
}

.dashboardfullwidth .mcx-dashboard-list-divider {
  width: auto;
}
.dashboardfullwidth .mcx-dashboard-list-divider .mcx-dashboard-list-inner {
  width: 100%;
}

.element.divider {
  position: relative;
}
.element.divider .components {
  position: absolute;
  top: 0;
  padding: 0;
  height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  right: 10px;
}
.element.divider .components div,
.element.divider .components .mcx-dashlet,
.element.divider .components .button {
  margin-left: 10px;
}
.element.divider .components .badge span {
  white-space: nowrap;
}
.element.divider .components .button:only-of-type {
  width: 32px;
  margin-right: -10px;
  min-width: inherit;
  padding: 0;
  text-align: center;
}
.element.divider .components .button:only-of-type span.icon {
  margin: 0;
  width: initial;
  text-align: center;
}

.mcx-dashboard-list-element-divider-accent .mcx-dashboard-list-symbol {
  padding: 0;
  line-height: 60px;
  background: var(--color-background);
}
.mcx-dashboard-list-element-divider-accent .mcx-dashboard-list-main h4 {
  line-height: 60px;
  font-size: 20px !important;
  font-weight: 300 !important;
}
.mcx-dashboard-list-element-divider-accent.mcx-dashboard-list-element-divider-has-dashlets .mcx-dashboard-list-main h4 {
  margin-bottom: 5px;
  line-height: initial;
}
.mcx-dashboard-list-element-divider-accent.mcx-dashboard-list-element-divider-has-dashlets .mcx-dashlet-wrapper {
  margin: 10px;
}
.mcx-dashboard-list-element-divider-accent.mcx-dashboard-list-element-divider-has-dashlets .mcx-dashlet-inner-control {
  background: var(--color-background) !important;
}
.mcx-dashboard-list-element-divider-accent.mcx-dashboard-list-element-divider-has-dashlets .mcx-dashlet-inner-control .mcx-dashlet-focussed div.mcx-dashlet-symbol,
.mcx-dashboard-list-element-divider-accent.mcx-dashboard-list-element-divider-has-dashlets .mcx-dashlet-inner-control .mcx-dashlet-focussed .mcx-dashboard-icon {
  color: var(--color-font-major-3) !important;
}
.mcx-dashboard-list-element-divider-accent.mcx-dashboard-list-element-divider-has-dashlets:hover .mcx-dashlet-inner-control:hover {
  background: var(--color-element-background-minor-2) !important;
  transition: background 0.25s ease-in-out;
}
.mcx-dashboard-list-element-divider-accent.mcx-dashboard-list-element-divider-has-dashlets:hover .mcx-dashlet-inner-control .mcx-dashlet-focussed div.mcx-dashlet-symbol,
.mcx-dashboard-list-element-divider-accent.mcx-dashboard-list-element-divider-has-dashlets:hover .mcx-dashlet-inner-control .mcx-dashlet-focussed .mcx-dashboard-icon {
  color: var(--color-toolbar-major) !important;
  transition: color 0.5s ease-in-out;
}

.mcx-dashboard-component-is-workspace .element.divider .components .mcx-dashlet.has-content {
  box-shadow: none;
}

.message-channel > * {
  display: none;
}
.message-channel.ready > * {
  display: block;
}
.message-channel .mcx-dashlet-page-inner-wrapper.timeline {
  padding: 20px;
  width: calc(100% - 40px) !important;
}
.message-channel .mcx-dashlet-page-inner-wrapper.timeline .mcx-dashboard-list-inner {
  width: 100%;
}
.message-channel .mcx-dashlet-page-focus {
  width: 100%;
  position: absolute;
  bottom: 0;
  border-top: 1px solid var(--color-element-border);
}
.message-channel .mcx-dashlet-page-focus.mcx-dashlet-page-focus-padding {
  padding: 0;
}
.message-channel .mcx-dashlet-page-focus .mcx-dashlet-page-inner {
  width: 100%;
}
.message-channel .mcx-dashlet-page-focus .mcx-dashlet-page-inner .mcx-dashboard-abstract-dialog {
  padding: 20px;
}
.message-channel .mcx-dashlet-page-focus .mcx-dashlet-page-inner .mcx-dashboard-abstract-dialog .mcx-dashboard-abstract-dialog-controls-wrapper {
  left: initial;
  right: initial;
}
.message-channel .mcx-dashlet-page-focus .mcx-dashlet-page-inner .mcx-dashboard-abstract-dialog .mcx-dashboard-abstract-dialog-controls-wrapper .mcx-dashboard-button {
  float: none;
  display: inline-block;
  margin-right: 10px;
  margin-left: 0;
}
.message-channel .mcx-dashlet-page-focus .mcx-dashlet-page-inner .mcx-dashboard-abstract-dialog .mcx-dashboard-abstract-dialog-controls-wrapper .mcx-dashboard-button:not(.mcx-dashboard-button-disabled) {
  background: var(--color-element-background-major);
}
.message-channel .mcx-dashlet-page-headline-inner .subject {
  display: inline-block;
  margin-left: 10px;
}
.message-channel .mcx-dashlet-page-headline-inner .subject .patient,
.message-channel .mcx-dashlet-page-headline-inner .subject .attachment {
  color: var(--color-toolbar-major);
}
.message-channel .mcx-dashlet-page-headline-inner .subject .patient {
  font-weight: 400;
}
.message-channel .mcx-dashlet-page-headline-inner .subject .attachment {
  font-weight: 400;
}
.message-channel .thread .involved-users,
.message-channel .mcx-dashlet-page-headline-inner .involved-users {
  margin-top: 5px;
  display: flex;
  flex-direction: row-reverse;
}
.message-channel .thread .involved-users .user,
.message-channel .mcx-dashlet-page-headline-inner .involved-users .user {
  display: flex;
  flex-direction: row;
  margin-left: 5px;
}
.message-channel .thread .involved-users .user .name,
.message-channel .mcx-dashlet-page-headline-inner .involved-users .user .name {
  display: inline-block;
  color: var(--color-font-minor-2);
  font-weight: 600;
}
.message-channel .thread .involved-users .user .avatar,
.message-channel .mcx-dashlet-page-headline-inner .involved-users .user .avatar {
  width: 16px;
  height: 16px;
  /* margin-right: 5px;*/
}
.message-channel .thread {
  background: var(--color-background-alt);
  padding: 10px;
  border-radius: 2px;
  text-align: left;
  position: relative;
  margin-bottom: 10px;
}
.message-channel .thread.selected:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  background: var(--color-toolbar-major);
  height: 100%;
  bottom: 0;
  content: "";
}
.message-channel .thread.unscoped {
  opacity: 0.4;
}
.message-channel .thread.selectable:hover {
  cursor: pointer;
  background: var(--color-background-alt-minor);
}
.message-channel .thread .avatar {
  display: inline-block;
  background-size: cover;
  background-color: var(--color-element-background-minor-2);
}
.message-channel .thread .main {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.message-channel .thread .main .sender {
  width: 40px;
}
.message-channel .thread .main .sender .avatar {
  width: 32px;
  height: 32px;
}
.message-channel .thread .main .wrapper {
  width: calc(100% - 40px);
  padding: 0 !important;
}
.message-channel .thread .main .wrapper .data > div {
  display: inline-block;
}
.message-channel .thread .main .wrapper .data .sender {
  font-weight: 600;
  width: auto;
}
.message-channel .thread .main .wrapper .data .date {
  margin-left: 5px;
  color: var(--color-font-minor-2);
  font-size: 85%;
}
.message-channel .thread .main .wrapper .subject {
  display: block;
  margin-bottom: 2.5px;
}
.message-channel .thread .main .wrapper .subject .objective-description {
  margin-left: 5px;
  color: var(--color-font-minor-2);
}
.message-channel .thread .main .wrapper .subject .patient,
.message-channel .thread .main .wrapper .subject .attachment {
  color: var(--color-toolbar-major);
}
.message-channel .thread .main .wrapper .subject .patient > div,
.message-channel .thread .main .wrapper .subject .attachment > div {
  /*
  display: inline-block;
  background-color: var(--color-element-background-major);
  border-radius: $border-radius;
  */
}
.message-channel .thread .main .wrapper .subject .patient .id,
.message-channel .thread .main .wrapper .subject .attachment .id {
  /*
  padding: 0 2.5px;
  */
}
.message-channel .thread .main .wrapper .subject .patient {
  /*font-size: $font-size-titles;*/
  font-weight: 400;
}
.message-channel .thread .main .wrapper .subject .attachment {
  font-weight: 400;
}
.message-channel .thread .main .wrapper .content {
  text-align: left;
  max-height: 100px;
  text-overflow: unset;
  overflow: hidden;
}
.message-channel .thread .main .wrapper .content .user.inline {
  display: inline-block;
  color: #979ea5;
  margin-right: 5px;
}
.message-channel .message {
  display: inline-block;
  height: auto;
  display: inline-block;
  max-width: 80%; /*61.8%;*/
  clear: both;
}
.message-channel .message .content {
  text-align: left;
  margin-bottom: 10px;
}
.message-channel .message .content,
.message-channel .message .translation {
  border-radius: 2px;
  padding: 5px 10px;
  overflow-wrap: break-word;
}
.message-channel .message.has-translation:not(.self) .content {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
}
.message-channel .message.has-translation:not(.self) .translation {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-bottom: 10px;
}
.message-channel .message .sender {
  display: inline-block;
  width: 100%;
  padding: 5px 0px;
  font-size: 85%;
  font-weight: 600;
  color: var(--color-font-minor-2);
}
.message-channel .message .sender.hidden {
  display: none;
}
.message-channel .message.self {
  float: right;
}
.message-channel .message.self .content {
  color: white; /* var(--color-font-contrast-major-1); */
  background: var(--color-taskbar-background-alt);
}
.message-channel .message.self .sender {
  text-align: right;
}
.message-channel .message.self .translation {
  display: none;
}
.message-channel .message.partner {
  float: left;
}
.message-channel .message.partner .content {
  background: var(--color-element-background-major);
}
.message-channel .message.partner .translation {
  color: var(--color-live-translated);
  background: var(--color-element-background);
}
.message-channel .message.partner .translation:before {
  margin-right: 7.5px;
  font-weight: 300;
  content: "\f086";
  display: inline-block;
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  font-size: 95%;
}
.message-channel .message.partner .sender {
  text-align: left;
}

.mcx-dashboard-list iframe.element {
  position: relative;
  border: 0;
  border-bottom: 1px solid var(--color-element-border-major);
  width: calc(100% - 6px);
  height: 50%;
  overflow-x: hidden;
}

.mcx-dashboard-list:not(.mcx-dashboard-list.is-area) .mcx-dashlet-page-inner-wrapper .mcx-dashboard-list-element:not(.mcx-dashboard-list-divider):nth-of-type(even):not(:hover) {
  background-color: initial;
}
.mcx-dashboard-list:not(.mcx-dashboard-list.is-area) .mcx-dashlet-page-inner-wrapper .mcx-dashboard-list-element:not(.mcx-dashboard-list-divider):nth-of-type(odd):not(:hover) {
  background-color: var(--color-list-background-em);
}
.mcx-dashboard-list.is-area {
  background-color: var(--color-background-alt-minor) !important;
}

/*
html.dark-schema {
    .mcx-dashboard-list {
        .mcx-dashlet-page-inner-wrapper    {
            .mcx-dashboard-list-element:not(.mcx-dashboard-list-divider):nth-of-type(odd) {
                background-color: transparent;
            }
        }
    }
}
*/
.mcx-dashboard-list-element[onclick]:hover,
.mcx-dashboard-list-element[ondblclick]:hover,
.mcx-dashboard-list-element[onclick]:hover,
.mcx-dashboard-list-element[ondblclick]:hover,
.mcx-dashboard-list-element[onclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(even),
.mcx-dashboard-list-element[onclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(odd),
.mcx-dashboard-list-element[ondblclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(even),
.mcx-dashboard-list-element[ondblclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(odd),
.mcx-dashboard-list-inner[onclick]:hover,
.mcx-dashboard-list-inner[ondblclick]:hover,
.mcx-dashboard-list-handle[onclick]:hover,
.mcx-dashboard-list-handle[ondblclick]:hover,
.mcx-dashboard-list-check[onclick]:hover,
.mcx-dashboard-list-check[ondblclick]:hover {
  cursor: pointer;
}
.mcx-dashboard-list-element[onclick]:hover:not(.mcx-dashboard-list-check),
.mcx-dashboard-list-element[ondblclick]:hover:not(.mcx-dashboard-list-check),
.mcx-dashboard-list-element[onclick]:hover:not(.mcx-dashboard-list-check),
.mcx-dashboard-list-element[ondblclick]:hover:not(.mcx-dashboard-list-check),
.mcx-dashboard-list-element[onclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(even):not(.mcx-dashboard-list-check),
.mcx-dashboard-list-element[onclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(odd):not(.mcx-dashboard-list-check),
.mcx-dashboard-list-element[ondblclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(even):not(.mcx-dashboard-list-check),
.mcx-dashboard-list-element[ondblclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(odd):not(.mcx-dashboard-list-check),
.mcx-dashboard-list-inner[onclick]:hover:not(.mcx-dashboard-list-check),
.mcx-dashboard-list-inner[ondblclick]:hover:not(.mcx-dashboard-list-check),
.mcx-dashboard-list-handle[onclick]:hover:not(.mcx-dashboard-list-check),
.mcx-dashboard-list-handle[ondblclick]:hover:not(.mcx-dashboard-list-check),
.mcx-dashboard-list-check[onclick]:hover:not(.mcx-dashboard-list-check),
.mcx-dashboard-list-check[ondblclick]:hover:not(.mcx-dashboard-list-check) {
  position: relative;
}
.mcx-dashboard-list-element[onclick]:hover::before,
.mcx-dashboard-list-element[ondblclick]:hover::before,
.mcx-dashboard-list-element[onclick]:hover::before,
.mcx-dashboard-list-element[ondblclick]:hover::before,
.mcx-dashboard-list-element[onclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(even)::before,
.mcx-dashboard-list-element[onclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(odd)::before,
.mcx-dashboard-list-element[ondblclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(even)::before,
.mcx-dashboard-list-element[ondblclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(odd)::before,
.mcx-dashboard-list-inner[onclick]:hover::before,
.mcx-dashboard-list-inner[ondblclick]:hover::before,
.mcx-dashboard-list-handle[onclick]:hover::before,
.mcx-dashboard-list-handle[ondblclick]:hover::before,
.mcx-dashboard-list-check[onclick]:hover::before,
.mcx-dashboard-list-check[ondblclick]:hover::before {
  background-color: var(--color-list-background-hover);
  transition: background-color 0.25s ease-in-out;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.mcx-dashboard-list-element[onclick]:hover.mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-element[ondblclick]:hover.mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-element[onclick]:hover.mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-element[ondblclick]:hover.mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-element[onclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(even).mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-element[onclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(odd).mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-element[ondblclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(even).mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-element[ondblclick]:not(.mcx-dashboard-list-divider):hover:nth-of-type(odd).mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-inner[onclick]:hover.mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-inner[ondblclick]:hover.mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-handle[onclick]:hover.mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-handle[ondblclick]:hover.mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-check[onclick]:hover.mcx-dashboard-list-selected .outer,
.mcx-dashboard-list-check[ondblclick]:hover.mcx-dashboard-list-selected .outer {
  background-color: var(--color-list-background-selected);
}

.mcx-dashboard-list-handle[onclick]:hover,
.mcx-dashboard-list-handle[ondblclick]:hover {
  position: absolute !important;
}

.mcx-dashboard-list-element[ondblclick]:hover a:hover,
.mcx-dashboard-list-element a:hover {
  text-decoration: underline;
}

.mcx-dashboard-list-element.mcx-dashboard-list-selected .outer {
  background-color: var(--color-list-background-selected);
}

.mcx-dashboard-list-element.mcx-dashboard-list-selected:hover .outer {
  background-color: var(--color-list-background-selected);
}

.mcx-dashboard-list-element.mcx-dashboard-list-selected:hover .mcx-dashboard-list-handle span,
.mcx-dashboard-list-element.mcx-dashboard-list-selected:hover .mcx-dashboard-list-check span {
  color: var(--color-font-major-3);
}

.mcx-dashboard-list-element-dragging {
  border: 1px solid var(--color-element-border);
  -webkit-box-shadow: 0 0 30px var(--color-box-shadow-common);
  -moz-box-shadow: 0 0 30px var(--color-box-shadow-common);
  box-shadow: 0 0 30px var(--color-box-shadow-common);
  background: var(--color-background);
  border-radius: 1px;
}

.mcx-dashboard-list-element-dragging .mcx-dashboard-list-element-dragging * {
  cursor: pointer;
}

.mcx-dashboard-list-element-dragging .mcx-dashboard-list-key,
.mcx-dashboard-list-element-dragging .mcx-dashboard-list-flag {
  display: none;
}

.mcx-dashboard-list-inner:after {
  content: "";
  display: table;
  clear: both;
}

.mcx-dashboard-list-element-predefined .inner > table.grid,
.generated-component > table.grid {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
}
.mcx-dashboard-list-element-predefined .inner > table.grid.fixed,
.generated-component > table.grid.fixed {
  width: 915px;
  margin: 0 auto;
}
.mcx-dashboard-list-element-predefined .inner > table.grid.fixed.scrollable,
.generated-component > table.grid.fixed.scrollable {
  width: 909px;
}

.generator.top,
.generator-top {
  vertical-align: top;
}

.generator.inner.no-padding, .custom.entry > *.no-padding {
  padding: 0;
}
.generator.inner.border, .custom.entry > *.border {
  border-right: 1px solid var(--color-element-border-minor);
}
.generator.inner.padding, .custom.entry > *.padding {
  padding: 8px 10px;
}
.generator.inner.emphasized, .custom.entry > *.emphasized {
  font-weight: 600;
}
.generator.inner.text-overflow, .custom.entry > *.text-overflow {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.generator.inner.flag, .custom.entry > *.flag {
  width: 32px;
  text-align: center;
}
.generator.inner.flag.start, .custom.entry > *.flag.start {
  width: 24px;
}
.generator.inner.contains-floating-badge, .custom.entry > *.contains-floating-badge {
  padding: 0 10px 5px 10px;
}
.generator.inner.contains-floating-badge .badge.floating, .custom.entry > *.contains-floating-badge .badge.floating {
  margin-top: 5px;
}
.generator.inner.contains-badge .badge, .custom.entry > *.contains-badge .badge {
  right: unset;
  top: 5px;
  min-width: initial;
}
.generator.inner.center, .custom.entry > *.center {
  text-align: center;
}
.generator.inner.number, .generator.inner.code, .custom.entry > *.number, .custom.entry > *.code {
  line-height: 15px;
  font-family: "Roboto Mono", monospace;
  font-size: 13.5px;
}
.generator.inner.number, .custom.entry > *.number {
  text-align: right;
}
.generator.inner .component, .custom.entry > * .component {
  display: block;
  float: none;
  width: fit-content;
}
.generator.inner .component.text, .custom.entry > * .component.text {
  padding: 0;
}
.generator.inner .component.text:not(:last-of-type), .custom.entry > * .component.text:not(:last-of-type) {
  padding-bottom: 7px;
}
.generator.inner .component.text.note, .custom.entry > * .component.text.note {
  color: var(--color-font-minor-1);
}
.generator.inner .component.text.note.editable, .custom.entry > * .component.text.note.editable {
  position: relative;
  cursor: pointer;
}
.generator.inner .component.text.note.editable:hover:before, .custom.entry > * .component.text.note.editable:hover:before {
  background-color: var(--color-list-background-hover);
  transition: background-color 0.25s ease-in-out;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.generator.inner .component.inline-block, .custom.entry > * .component.inline-block {
  display: inline-block;
}
.generator.inner.contains-image, .custom.entry > *.contains-image {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
}
.generator.inner.contains-image .image.persona, .custom.entry > *.contains-image .image.persona {
  width: 24px;
  height: 24px;
  background-size: cover;
  border-radius: 50%;
  padding: 0;
  background-color: var(--color-element-background-minor-2);
}
.generator.inner.compact.padding, .custom.entry > *.compact.padding {
  padding: 2px;
}
.generator.inner.compact .component.text.note, .custom.entry > *.compact .component.text.note {
  padding: 5px 7px;
}

.generator.inner,
.generator-inner {
  vertical-align: middle;
}

.generator.inner.audit,
.generator-inner.generator-audit,
.generator-audit,
.generator.audit div,
.generator-audit div {
  color: var(--color-font-major-3);
  padding: 8px 10px;
  font-size: 90% !important;
}

.mcx-dashboard-list-inner div,
.generator-inner,
.generator.inner {
  float: left;
  font-size: inherit;
  padding: 8px 0;
}

.custom.entry,
td.generator.inner,
td.generator-inner {
  float: none;
  vertical-align: top;
}
.custom.entry.fa, .custom.entry.fab, .custom.entry.fal, .custom.entry.far, .custom.entry.fas,
td.generator.inner.fa,
td.generator.inner.fab,
td.generator.inner.fal,
td.generator.inner.far,
td.generator.inner.fas,
td.generator-inner.fa,
td.generator-inner.fab,
td.generator-inner.fal,
td.generator-inner.far,
td.generator-inner.fas {
  display: table-cell;
}

.custom.entry .padding.end,
td.generator.inner.padding.end,
td.generator-inner-padding-right {
  padding-left: 10px;
}

.custom.entry .padding.start,
td.generator.inner.padding.start,
td.generator-inner-padding-left {
  padding-left: 10px;
}

.mcx-dashboard-list-inner div:first {
  margin-left: 10px;
}

.mcx-dashboard-list-inner div div {
  padding: 0;
  color: var(--color-font-minor-2);
  margin: 0;
}

.mcx-dashboard-list-symbol,
.mcx-dashboard-list-flag {
  width: 40px;
  margin-right: 10px;
}

.mcx-dashboard-list-tight .mcx-dashboard-list-symbol,
.mcx-dashboard-list-tight .mcx-dashboard-list-flag {
  margin-right: 0;
}

.mcx-dashboard-list-symbol-image {
  width: 70px;
  overflow: hidden;
  height: 40px;
  vertical-align: middle;
}

.mcx-dashboard-list-symbol-image img {
  height: 40px;
}

.mcx-dashboard-list-symbol span,
.mcx-dashboard-list-flag span,
.generator-symbol,
.generator.symbol {
  font-family: "HIS Glyphs";
}
.mcx-dashboard-list-symbol span.fa,
.mcx-dashboard-list-flag span.fa,
.generator-symbol.fa,
.generator.symbol.fa {
  font-size: 13px;
}

.mcx-dashboard-list-symbol.mcx-dashboard-glyphs-native span,
.mcx-dashboard-list-flag.mcx-dashboard-glyphs-native span,
.generator-symbol-native,
.generator.symbol-native {
  font-family: "Roboto";
}

.mcx-dashboard-list-symbol.mcx-dashboard-glyphs-fa span,
.mcx-dashboard-list-flag.mcx-dashboard-glyphs-fa span,
.generator.symbol-fa,
.generator-symbol-fa {
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  font-size: 14px !important;
  line-height: initial !important;
}

.generator.symbol-fa-small,
.generator-symbol-fa-small {
  font-size: 11px !important;
  line-height: 15px !important;
}
.generator.symbol-fa-small.fa-circle,
.generator-symbol-fa-small.fa-circle {
  font-size: 9px !important;
}

.mcx-dashboard-list-flag span {
  color: var(--color-font-major-2);
}

.mcx-dashboard-list-symbol span,
.generator-symbol,
.generator.symbol {
  color: var(--color-symbol);
}

.mcx-dashboard-list-disabled .mcx-dashboard-list-symbol span {
  color: var(--color-font-major-3);
}

.mcx-dashboard-list-symbol {
  width: 40px;
  text-align: center;
}

.mcx-dashboard-modal-body .mcx-dashboard-list-divider .mcx-dashboard-list-symbol,
.mcx-dashboard-list-narrow-symbol .mcx-dashboard-list-divider .mcx-dashboard-list-symbol {
  width: 20px;
}

.mcx-dashboard-list-narrow-symbol .mcx-dashboard-list-divider.mcx-dashboard-list-element-divider-switch .mcx-dashboard-list-symbol {
  width: 30px;
}

.mcx-dashboard-modal-body .mcx-dashboard-list-divider.mcx-dashboard-status-pending .mcx-dashboard-list-symbol,
.mcx-dashboard-modal-body .mcx-dashboard-list-divider.mcx-dashboard-status-okay .mcx-dashboard-list-symbol,
.mcx-dashboard-modal-body .mcx-dashboard-list-divider.mcx-dashboard-status-warning .mcx-dashboard-list-symbol,
.mcx-dashboard-modal-body .mcx-dashboard-list-divider.mcx-dashboard-status-alert .mcx-dashboard-list-symbol {
  font-size: inherit;
  content: "⬛";
  transition: color 0.25s ease-in-out;
}

.mcx-dashboard-status-pending.mcx-dashboard-list-symbol,
.mcx-dashboard-status-pending .mcx-dashboard-list-symbol {
  color: var(--color-font-major-1) !important;
}

.mcx-dashboard-status-alert.mcx-dashboard-list-symbol,
.mcx-dashboard-status-alert .mcx-dashboard-list-symbol {
  color: #c5666c !important;
}

.mcx-dashboard-status-warning.mcx-dashboard-list-symbol,
.mcx-dashboard-status-warning .mcx-dashboard-list-symbol {
  color: #f76c01 !important;
}

.mcx-dashboard-status-okay.mcx-dashboard-list-symbol,
.mcx-dashboard-status-okay .mcx-dashboard-list-symbol {
  color: #3fc501 !important;
}

.mcx-dashboard-list-symbol span {
  height: 50px;
  font-size: 30px;
}

.mcx-dashboard-list-symbol span.mcx-dashboard-icon {
  font-size: 24px;
  height: auto;
}

.modal .mcx-dashboard-list-compact .mcx-dashboard-list-symbol {
  margin-left: -8px;
  width: 32px;
}

.mcx-dashboard-list-compact .mcx-dashboard-list-symbol span,
.mcx-dashboard-list-compact .mcx-dashboard-list-symbol span.mcx-dashboard-icon,
.generator.symbol,
.generator-symbol {
  line-height: 12px;
  font-size: 12px;
  height: auto;
}

.mcx-dashboard-list-flag span {
  line-height: 1px;
  font-size: 16px;
}

.mcx-dashboard-modal .mcx-dashboard-list-flag {
  line-height: 28px;
}

.mcx-dashboard-modal .mcx-dashboard-list-compact .mcx-dashboard-list-flag,
.mcx-dashboard-modal .mcx-dashboard-list-simple .mcx-dashboard-list-flag {
  line-height: initial;
}

.mcx-dashboard-list-key,
.mcx-dashboard-list-measurement-date,
.mcx-dashboard-list-measurement-time {
  font-size: inherit !important;
}

.mcx-dashboard-list-key {
  width: 100px;
}

.mcx-dashboard-list-alert-key .mcx-dashboard-list-key,
.alert-key .key {
  color: var(--color-alert);
}

.mcx-dashboard-list-measurement-date {
  width: 80px;
}

.mcx-dashboard-list-measurement-time {
  width: 50px;
}

.mcx-dashboard-list-measurement-value,
.mcx-dashboard-list-measurement-value-integer,
.mcx-dashboard-list-measurement-value-decimal {
  font-weight: 600;
}

.mcx-dashboard-list-measurement-value,
.mcx-dashboard-list-measurement-value-integer {
  /*  font-size: 36px !important;*/
  /*  line-height: 30px;*/
  text-align: right;
}

.mcx-dashboard-list-measurement-value {
  width: 80px;
  margin-left: 20px !important;
}

.mcx-dashboard-list-measurement-value-integer {
  width: 63px;
  margin-left: 5px;
}

.mcx-dashboard-list-measurement-value-decimal {
  width: 12px;
  margin-left: 5px;
  vertical-align: super !important;
  font-size: 85% !important;
}

.mcx-dashboard-list-measurement-unit {
  width: 30px;
  font-size: inherit;
}

.mcx-dashboard-list-measurement-title {
  width: 150px;
  font-weight: 600;
}

.mcx-dashboard-list-transport-origin,
.mcx-dashboard-list-transport-destination,
.mcx-dashboard-list-transport-locations {
  font-weight: 700;
  width: 120px;
}

.mcx-dashboard-list-transport-details {
  width: 100px;
}

.mcx-dashboard-list-transport-data {
  font-weight: 700;
}

.mcx-dashboard-list-transport-outdated .mcx-dashboard-list-symbol span {
  color: red !important;
}

.mcx-dashboard-list-transport-outbound {
  background: #DFD;
}

.mcx-dashboard-list-transport-inbound {
  background: #FED;
}

.mcx-dashboard-list-main {
  min-width: 300px;
  max-width: 708px;
  white-space: normal;
}

.mcx-dashboard-list-table-column .mcx-dashboard-list-main,
.mcx-dashboard-list-flex-width .mcx-dashboard-list-main {
  min-width: inherit;
  max-width: inherit;
}

.mcx-dashboard-list-element-journal .mcx-dashboard-list-main {
  min-width: 400px;
}

.mcx-dashboard-list-references {
  width: 130px;
}

.mcx-dashboard-list-main h5,
.mcx-dashboard-list-divider h4,
.mcx-dashboard-list-message,
.mcx-dashboard-list-control,
.mcx-dashboard-list-table .mcx-dashboard-list-divider .mcx-dashboard-list-cell,
.mcx-dashboard-list-table .mcx-dashboard-list-divider .mcx-dashboard-list-cell-main {
  margin: 0;
  padding: 0;
  font-size: inherit;
}

.mcx-dashboard-list-text {
  max-width: 580px;
}

.mcx-dashboard-list-element-measurement .mcx-dashboard-list-text {
  max-width: 300px;
  margin-left: 20px;
}

.mcx-dashboard-list-element-measurement.mcx-dashboard-list-measurement-has-title .mcx-dashboard-list-text {
  max-width: 150px;
}

.mcx-dashboard-list-text a {
  text-decoration: none;
  color: blue;
}

.mcx-dashboard-list-text div {
  clear: both;
}

.mcx-dashboard-list-main h5,
.mcx-dashboard-list-divider h4,
.mcx-dashboard-list-table .mcx-dashboard-list-divider .mcx-dashboard-list-cell {
  font-weight: normal;
  color: var(--color-font-minor-1);
}

.mcx-dashboard-list-disabled h5,
.generator.minor,
.generator-minor {
  color: var(--color-font-major-2);
}

.generator.minor.light,
.generator-minor-light {
  color: var(--color-font-major-3);
}

.mcx-dashboard-list-divider h4,
.mcx-dashboard-list-table .mcx-dashboard-list-divider .mcx-dashboard-list-cell,
.mcx-dashboard-list-table .mcx-dashboard-list-divider .mcx-dashboard-list-cell-main {
  color: var(--color-headline-minor);
}

.mcx-dashboard-list-main div {
  font-size: inherit;
}

.mcx-dashboard-list-main div div {
  float: none;
  max-width: 300px;
}

.mcx-dashboard-list-element-journal .mcx-dashboard-list-main div div {
  max-width: 400px;
}

.mcx-dashboard-list-element-classification .mcx-dashboard-list-main div div {
  width: 600px !important;
  max-width: 600px;
}

.mcx-dashboard-list-element-has-badged-key .mcx-dashboard-list-key,
.has-badged-key .key {
  padding: 5.5px 0 !important;
}
.mcx-dashboard-list-element-has-badged-key .mcx-dashboard-list-key span,
.has-badged-key .key span {
  display: inline-block;
  padding: 2.5px 5px;
  background: var(--color-element-background-minor-2);
  color: var(--color-font-minor-1);
  font-size: 90%;
  font-weight: 600;
  white-space: nowrap;
}

.has-badged-key.alert-key .key span {
  background: var(--color-alert-background);
}

.mcx-dashboard-list-detail {
  font-size: inherit !important;
  margin-top: 10px;
  clear: both;
}

.mcx-dashboard-list-detail:after {
  content: "";
  display: table;
  clear: both;
}

.mcx-dashboard-list-detail span {
  width: 40px;
  font-size: 30px;
  font-family: "HIS Glyphs";
  color: var(--color-font-major-3);
  float: left;
  text-align: center;
  display: block;
  margin-right: 10px;
}

.mcx-dashboard-list-detail div {
  float: left;
  max-width: 758px;
}

.mcx-dashboard-list-detail h6 {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

.mcx-dashboard-list-element .mcx-dashlet-field-container {
  float: right;
}

.mcx-dashboard-list-minor {
  color: #1e74c5 !important;
}

.mcx-dashboard-list-main .mcx-dashboard-list-minor,
.mcx-dashboard-list-references .mcx-dashboard-list-minor {
  margin-top: 10px;
}

.mcx-dashboard-list-audit {
  float: right !important;
  color: var(--color-font-major-2);
  width: 12.5%;
  font-size: 90% !important;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}

.mcx-dashboard-list-separated-audit .mcx-dashboard-list-audit {
  clear: both;
  float: none !important;
  margin-left: 450px;
  width: auto;
  overflow: auto;
}

.mcx-dashboard-list-timeline .mcx-dashboard-list-audit {
  font-size: 95% !important;
  float: none;
  width: auto;
  position: absolute;
  left: 0;
  top: 18px;
  width: 138px;
  color: var(--color-font-minor-1);
  padding-left: 10px;
}

.mcx-dashboard-list-timeline .mcx-dashboard-list-audit:after {
  content: "";
  position: absolute;
  top: 3px;
  height: 10px;
  width: 10px;
  right: 10px;
  background: var(--color-element-background-major);
  border-radius: 50%;
  z-index: 1;
}

.mcx-dashboard-list-timeline .mcx-dashboard-list-audit-user {
  padding: 0;
  font-size: 95%;
  font-weight: 700;
  padding-top: 8px !important;
  display: block;
  clear: none;
  float: none;
  color: var(--color-font-minor-1);
}

.mcx-dashboard-list-timeline .mcx-dashboard-list-audit-time {
  padding: 0;
  font-size: 11px;
  display: block;
  clear: none;
  float: none;
  color: var(--color-font-minor-2);
}

.mcx-dashboard-list-handle,
.mcx-dashboard-list-status {
  float: right !important;
  text-align: center;
}

.mcx-dashboard-list-handle span,
.mcx-dashboard-list-status span {
  font-family: "HIS Glyphs";
  width: 30px;
  font-size: 30px;
  float: left;
  text-align: left;
  display: block;
  color: var(--color-font-minor-3);
}

.mcx-dashboard-list-status.mcx-dashboard-list-front {
  float: none;
}

.mcx-dashboard-list-check span {
  color: var(--color-element-border);
}

.mcx-dashboard-list-check[onclick]:hover span,
.mcx-dashboard-list-check[ondblclick]:hover span {
  color: var(--color-toolbar-major) !important;
}

.mcx-dashboard-list-check.mcx-dashboard-list-check-checked[onclick] span,
.mcx-dashboard-list-check.mcx-dashboard-list-check-checked[ondbclick] span,
.mcx-dashboard-list-check.mcx-dashboard-list-check-checked[onclick]:hover span,
.mcx-dashboard-list-check.mcx-dashboard-list-check-checked[ondbclick]:hover span,
.mcx-dashboard-list-check.mcx-dashboard-list-check-checked span {
  color: var(--color-toolbar-major) !important;
}

.mcx-dashboard-list-check.mcx-dashboard-list-check-disabled span {
  opacity: 0.2;
}

.mcx-dashboard-list-handle {
  width: 35px;
  padding: 5.5px 0;
  position: absolute;
  top: 0;
}

.mcx-dashboard-list-check {
  position: absolute;
  top: 0;
  width: 32px;
  padding: 0;
  border-right: 1px solid var(--color-element-border-minor);
  height: 100%;
}

.mcx-dashboard-list-handle {
  right: 0;
  float: none !important;
}

.mcx-dashboard-list-compact .mcx-dashboard-list-handle,
.mcx-dashboard-list-compact .mcx-dashboard-list-check {
  /* padding: 4px 0; */
}

.mcx-dashboard-list-handle span {
  width: 35px;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
}

.mcx-dashboard-list-check span {
  width: 32px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}

.mcx-dashboard-list-element-has-check .mcx-dashboard-list-inner {
  padding-left: 48px !important;
}

.mcx-dashboard-list-element-has-check .mcx-dashboard-list-inner .mcx-dashboard-list-flag {
  width: initial !important;
}

.mcx-dashboard-list-amount,
.mcx-dashboard-list-weight,
.mcx-dashboard-list-sum {
  text-align: right;
  font-size: inherit;
  float: right !important;
  font-family: "Roboto Mono", monospace;
  font-weight: 400;
}

.mcx-dashboard-list-amount {
  width: 4%;
}

.mcx-dashboard-list-weight {
  width: 8%;
}

.mcx-dashboard-list-sum {
  width: 8%;
}

.mcx-dashboard-list-positive .mcx-dashboard-list-sum,
span.mcx-dashboard-list-positive {
  color: green;
}

.mcx-dashboard-list-positive .mcx-dashboard-list-sum,
span.mcx-dashboard-list-neutral {
  color: inherit;
}

.mcx-dashboard-list-negative .mcx-dashboard-list-sum,
span.mcx-dashboard-list-negative {
  color: red;
}

.mcx-dashboard-list-message,
.mcx-dashboard-list-control {
  font-weight: normal;
  padding: 8px 0;
  background-color: transparent !important;
}
.mcx-dashboard-list-message:not(.is-divided),
.mcx-dashboard-list-control:not(.is-divided) {
  border: 0 !important;
}

.mcx-dashboard-list-message .mcx-dashboard-list-inner {
  text-align: center;
  color: var(--color-alert-minor);
}

.mcx-dashboard-list-message .mcx-dashboard-list-inner span {
  display: block;
  margin: 0;
  color: var(--color-font-minor-1);
}

.mcx-dashboard-list-control {
  text-align: center;
  background-color: transparent !important;
  border: none;
}

.mcx-dashboard-list-simple h5,
.mcx-dashboard-list-simple .mcx-dashboard-list-key {
  /* margin: 5px 0 !important; */
}

.mcx-dashboard-list-minor h5 {
  color: #666;
  font-weight: normal;
}

.mcx-dashboard-list-element-empathic {
  background-color: var(--color-element-background);
}

.mcx-dashboard-list-element {
  border-bottom: 1px solid var(--color-element-border-major);
  position: relative;
}

.mcx-dashboard-list-element-alert:after {
  content: " ";
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block !important;
  position: absolute;
  background-image: url(../../js/abstracttimeline/stripe.png);
  background-size: 17px;
  background-color: #c5666c;
  opacity: 0.125;
}

.mcx-dashboard-list-status-helper {
  border: none;
  background: transparent;
  width: initial;
  margin: 0;
  padding: 0;
  float: none;
}

.mcx-dashboard-list .mcx-dashboard-list-selected .mcx-dashboard-list-status-helper {
  position: relative;
}

.mcx-dashboard-list .mcx-dashboard-list-selected .mcx-dashboard-list-status-helper:after {
  width: 3px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: var(--color-toolbar-major);
  content: "";
}

.mcx-dashboard-list-element:after {
  content: "";
  display: table;
  clear: both;
}

.mcx-dashboard-list-element-fixed .mcx-dashboard-list-inner {
  overflow: hidden;
  margin-right: 7px;
}

.mcx-dashboard-list-element-fixed .mcx-dashboard-list-symbol {
  position: absolute;
}

.mcx-dashboard-list-element-fixed .mcx-dashboard-list-main {
  position: relative;
  left: 40px;
}

.mcx-dashboard-list-group {
  overflow: hidden;
}

.mcx-dashboard-list-group-dropping {
  background-color: var(--color-element-background-major) !important;
}

.mcx-dashboard-list-group-hidden {
  height: 0px;
}

.mcx-dashboard-list-group-placeholder {
  display: none;
}

.mcx-dashboard-list-group-placeholder-active {
  background-color: var(--color-element-background-minor-1) !important;
  display: block;
}

.mcx-dashboard-list-group-placeholder-accent {
  padding-top: 20px;
  padding-bottom: 20px;
}

.mcx-dashboard-list-group-placeholder-accent,
.mcx-dashboard-list-group-placeholder-accent * {
  color: var(--color-font-major-2) !important;
}

.mcx-dashboard-list-element-divider-empty {
  padding-top: 0px;
}

.mcx-dashboard-list-element.mcx-dashboard-list-element-divider-switch {
  padding-left: 0;
}

.mcx-dashboard-list-element-divider-switch .mcx-dashboard-list-symbol {
  border-right: 1px solid var(--color-element-border-minor);
  padding: 0;
  line-height: 31px;
  width: 32px;
  color: var(--color-font-minor-1);
}
.mcx-dashboard-list-element-divider-switch .mcx-dashboard-list-symbol:before {
  font-size: 12px;
}

.mcx-dashboard-list-element-divider-switch .mcx-dashboard-list-symbol:hover {
  color: var(--color-font-major-1);
}

.mcx-dashboard-list-divider.mcx-dashboard-list-element-divider-disabled h4 {
  color: var(--color-font-major-2);
}

.mcx-dashboard-list-divider.mcx-dashboard-list-element-divider-disabled.mcx-dashboard-list-main div {
  color: var(--color-font-minor-2);
}

.mcx-dashboard-list-element-has-fields {
  padding-bottom: 50px;
}

.mcx-dashboard-list-element-fields-helper {
  border: none;
  padding: 0;
  margin-top: -40px;
  margin-bottom: 40px;
}

.mcx-dashboard-list-deleted,
.mcx-dashboard-list-deleted * {
  /*background: #FEE;*/
  color: var(--color-font-major-3) !important;
}

.mcx-dashboard-list-deleted-striked {
  text-decoration: line-through !important;
}

.mcx-dashboard-list-dashlets {
  padding-bottom: 0 !important;
}

.mcx-dashboard-list-container {
  width: 910px;
}

.mcx-dashboard-list-table-bottom-padding .mcx-dashlet-page-inner-wrapper {
  padding-bottom: 20px;
}

.mcx-dashboard-list-dashlets .mcx-dashlet {
  margin-bottom: 0 !important;
}

.mcx-dashboard-list .mcx-dashlet-page-inner-wrapper .mcx-dashboard-list-dashlets.mcx-dashboard-list-element:nth-of-type(odd) {
  background-color: initial;
}

.mcx-dashboard-list-disabled > * {
  opacity: var(--disabled-opacity);
}

.mcx-dashboard-flex-table {
  display: table;
  border-collapse: collapse;
  margin: 32px;
}

.mcx-dashboard-flex-table-row {
  display: table-row;
}

.mcx-dashboard-flex-table-cell {
  display: table-cell;
  padding-right: 10px;
  padding-bottom: 10px;
}

.mcx-dashboard-list .mcx-dashboard-headline-search input {
  background: transparent;
  width: calc(100% - 59px);
}

.mcx-dashboard-list-element-hidden {
  display: none !important;
}

.mcx-dashboard-list-element-search-odd {
  display: none;
}

.mcx-dashboard-list-element-search-match {
  display: block;
}

.mcx-dashboard-list-element-search-match.mcx-dashboard-list-element-hidden {
  display: none;
}

.element.mcx-dashboard-list-element-is-field .mcx-dashboard-list-main, .element.is-field .mcx-dashboard-list-main {
  padding: 0;
  height: 32px;
}
.element.mcx-dashboard-list-element-is-field.mcx-dashboard-list-element-fixed .mcx-dashboard-list-inner, .element.is-field.mcx-dashboard-list-element-fixed .mcx-dashboard-list-inner {
  margin-right: 0;
}
.element.mcx-dashboard-list-element-is-field input, .element.is-field input {
  line-height: 30px;
  padding: 0;
  border: 1px solid var(--color-element-border);
  border-top-color: transparent;
  border-bottom: transparent;
  padding: 0 5px;
  color: #1e74c5;
  width: calc(100% - 122px);
}
.element.mcx-dashboard-list-element-is-field label, .element.is-field label {
  display: inline-block;
  width: 70px;
}
.element.mcx-dashboard-list-element-is-field.is-aligned-field h5, .element.is-field.is-aligned-field h5 {
  position: relative;
}
.element.mcx-dashboard-list-element-is-field.is-aligned-field label, .element.is-field.is-aligned-field label {
  height: 32px;
  line-height: 32px;
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.element.mcx-dashboard-list-element-is-field.is-aligned-field input, .element.is-field.is-aligned-field input {
  width: 40px;
  position: absolute;
  right: -20px;
  border: 1px solid transparent;
  border-left: 1px solid var(--color-element-border-major);
}

.mcx-dashboard-list-interaction {
  padding: 10px 0 20px 0 !important;
  background: var(--color-element-background-minor-2) !important;
}

.mcx-dashboard-list-message-helper .mcx-dashboard-list-inner h3,
.mcx-dashboard-list-interaction .mcx-dashboard-list-inner h3 {
  padding: 0;
  color: var(--color-font-minor-1);
  font-size: 16px;
  font-weight: 300;
  margin: 10px 0 20px 0;
}

.mcx-dashboard-list-message-helper-minor .mcx-dashboard-list-inner h3 {
  font-size: inherit;
}

.mcx-dashboard-list-interaction .mcx-dashboard-list-inner .mcx-dashboard-loading {
  height: 60px !important;
  clear: both;
  float: none;
  display: block;
}

.mcx-dashboard-list-message-helper .mcx-dashboard-list-inner .mcx-dashboard-button,
.mcx-dashboard-list-interaction .mcx-dashboard-list-inner .mcx-dashboard-button {
  margin: 10px auto 0 auto !important;
  width: 200px;
}

.mcx-dashboard-list-message-helper .mcx-dashboard-list-inner .mcx-dashboard-button {
  background: var(--color-element-background-major);
}

.mcx-dashboard-list-message-helper .mcx-dashboard-list-inner .mcx-dashboard-button:hover {
  background: var(--color-element-background-minor-2);
}

.mcx-dashboard-list-message-helper .mcx-dashboard-list-message-helper-symbol {
  width: 100%;
  text-align: center;
  margin: 40px 0 20px 0;
  padding: 0;
  float: none;
}

.mcx-dashboard-list-message-helper .mcx-dashboard-list-message-helper-symbol span {
  font-family: "HIS Glyphs";
  margin: 0 auto;
  display: block;
  font-size: 100px;
  color: var(--color-font-major-3);
}
.mcx-dashboard-list-message-helper .mcx-dashboard-list-message-helper-symbol span.mcx-dashboard-icon {
  font-size: 72px;
}

.mcx-dashboard-list-message-helper.hidden {
  display: none;
}
.mcx-dashboard-list-message-helper.mcx-dashboard-list-message-helper-minor span.mcx-dashboard-icon {
  font-size: 36px;
}

.mcx-dashboard-component-align-center .mcx-dashboard-list-message-helper .mcx-dashboard-list-message-helper-symbol {
  margin-top: 0;
}

.entry.message.is-divided {
  border-bottom: 1px solid var(--color-element-border-major);
}

.mcx-dashboard-list .mcx-dashlet-page-inner-wrapper,
.mcx-dashboard-list .mcx-dashlet-page-inner-overflow,
.mcx-dashboard-list .mcx-dashlet-page-inner-overflow .mcx-dashlet-page-inner-wrapper {
  width: 100%;
}

.mcx-dashboard-list-element.mcx-dashboard-list-patient.mcx-dashboard-list-patient-selected {
  background: var(--color-element-background-major) !important;
  border-bottom: 1px solid var(--color-border-invert) !important;
}

.mcx-dashboard-list-element.mcx-dashboard-list-patient.mcx-dashboard-list-patient-selected:hover {
  background: var(--color-toolbar-major) !important;
  color: var(--color-font-contrast-major-1) !important;
}

.is-area .mcx-dashboard-list-element, .is-area .mcx-dashboard-list-element.mcx-dashboard-list-divider {
  border-bottom-color: transparent;
}

.dashboardpseudodialog .mcx-dashboard-list-element-predefined .mcx-dashboard-list-inner {
  width: calc(100% - 20px);
  padding: 0 10px;
}

.custom.entry {
  height: 32px;
  line-height: 32px;
  display: flex;
  flex-direction: row;
}
.custom.entry h4 {
  padding: 0 10px;
}

.dashboard .atl-event-labels-visible .atl-event-label {
  display: block;
  font-weight: 600;
  white-space: nowrap;
}
.dashboard #atl {
  font-family: var(--font-sans) !important;
  margin: 0 !important;
}
.dashboard #atl-wrapper {
  margin: 0 !important;
  border: none !important;
  /*  margin-top: 33px !important;*/
}
.dashboard #atl-timeline {
  background: var(--color-background);
}
.dashboard .atl-timebar {
  background: var(--color-background);
}
.dashboard .atl-band-section {
  border-bottom: 1px solid var(--color-structure-border-major) !important;
  border-top: none !important;
}
.dashboard .atl-band-section-predecessor {
  border-bottom: 1px solid var(--color-structure-border-minor) !important;
}
.dashboard .atl-band-title,
.dashboard .atl-band-additional {
  padding: 2px;
  height: 14px;
  padding: 3px;
}
.dashboard .atl-band-title span {
  color: var(--color-font-minor-1) !important;
  font-weight: 600;
}
.dashboard #atl-visualizer {
  border-right: 1px solid var(--color-indicator-current-time);
  border-left: 0;
  background: transparent !important;
  width: 1px;
}
.dashboard #atl-clock {
  background: var(--color-indicator-current-time);
  padding: 0;
}
.dashboard #atl-clock div {
  color: var(--color-font-contrast-major-1);
  padding: 0 !important;
  line-height: 20px;
  height: 20px;
  font-size: 12px !important;
}
.dashboard .atl-double #atl-clock div {
  line-height: 41px;
  height: 41px;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 0 !important;
}
.dashboard .atl-bar-step-major .atl-bar-step-inner,
.dashboard .atl-bar-step-minor .atl-bar-step-inner {
  color: var(--color-font-major-1) !important;
}
.dashboard #atl-timeline-additionals {
  position: absolute;
  z-index: 95;
  top: 0;
  left: 211px;
}
.dashboard #atl-topbarmajor .atl-bar-step-major {
  width: 100%;
  background: var(--color-background);
  border-left: 1px solid var(--color-structure-border-major);
  border-right: 0;
}
.dashboard #atl-topbarmajor .atl-bar-step-major-selected .atl-bar-step-inner {
  color: var(--color-toolbar-major) !important;
}
.dashboard #atl-topbarmajor .atl-bar-step-major .atl-bar-step-inner {
  font-weight: 600;
}
.dashboard .atl-bar-step {
  color: var(--color-font-major-2);
}
.dashboard #atl-timeline-wrapper {
  top: 0;
}
.dashboard .atl-bar-step-current {
  background: var(--color-element-background-minor-1) !important;
}
.dashboard .atl-band-title-current.atl-band-title-current {
  background: var(--color-element-background-minor-1) !important;
}
.dashboard .atl-bar-step-selected {
  background: var(--color-toolbar-major);
  position: relative;
  height: 6px;
  top: -3px;
  z-index: 98;
}
.dashboard #atl-bottombar .atl-bar-step-selected {
  display: none;
}
.dashboard .atl-bar-step-current .atl-bar-step-selected {
  background: var(--color-toolbar-major) !important;
}
.dashboard .atl-indent #atl-timeline {
  border-top: 1px solid var(--color-structure-border-major);
  border-bottom: 1px solid var(--color-structure-border-major);
}
.dashboard .atl-indent #atl-topbarminor .atl-bar-step-minor:first-of-type,
.dashboard .atl-indent #atl-bottombar .atl-bar-step-minor:first-of-type,
.dashboard .atl-indent #atl-aggregation .atl-aggr-step:first-of-type {
  border-left-color: var(--color-structure-border-minor);
  border-right: 0;
}
.dashboard #atl-wrapper {
  margin: 0;
  border: none;
}
.dashboard #atl-timeline {
  background: none;
}
.dashboard #atl-topbarmajor {
  font-weight: 600;
}
.dashboard #atl-topbarmajor .atl-bar-step {
  border-bottom: 1px solid var(--color-structure-border-major);
}
.dashboard .atl-band-headline-1 {
  border-bottom: 1px solid var(--color-structure-border-major);
}
.dashboard .atl-event {
  /*
  display: flex;
  flex-direction: row;
  */
}
.dashboard .atl-event-inner {
  background: var(--color-element-background-major);
  top: 2px;
  height: 22px;
}
.dashboard .atl-event-task .atl-event-label {
  top: 5px;
}
.dashboard .atl-event-task .atl-task {
  top: 5px;
  height: 22px;
  font-weight: 600;
  background: var(--color-font-contrast-minor-1);
}
.dashboard .atl-event-task.atl-event-flag .atl-task {
  padding: 0;
  border: none;
}
.dashboard .atl-double .atl-event-task .atl-task {
  top: 7px;
  width: 50px;
  height: 50px;
}
.dashboard .atl-double .atl-event-task .atl-task .atl-task-inner {
  line-height: 50px;
  padding: 0;
}
.dashboard .atl-task-inner {
  line-height: 22px;
}
.dashboard .atl-double .atl-task {
  height: 35px;
}
.dashboard .atl-double .atl-event-task .atl-event-label {
  top: 7px;
  height: 50px;
  left: 60px;
}
.dashboard .atl-double .atl-event-label {
  height: 35px;
}
.dashboard .atl-double .atl-event-label-line {
  line-height: 25px;
  padding: 0;
}
.dashboard .atl-event-label-line {
  padding: 0;
  line-height: 22px;
}
.dashboard .atl-event:hover {
  background: var(--color-element-background-minor-2);
}
.dashboard .atl-event-highlight {
  background: var(--color-alert-background-alt);
}
.dashboard .atl-event-label {
  display: none;
  height: 22px;
  line-height: 22px;
  font-size: 13px;
  position: absolute;
  padding: 0 5px !important;
  top: 5px;
}
.dashboard .atl-aggr-step-inner {
  font-weight: 600;
}
.dashboard .atl-timeline-borders-display #atl-timeline-borders {
  display: block !important;
}
.dashboard .atl-timeline-borders-hidden #atl-timeline-borders {
  display: none !important;
}
.dashboard #atl-timeline-loading {
  background-color: var(--color-overlay-background-loading);
  background-size: 36px;
  background-image: var(--spinner);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 100;
  position: absolute;
  height: 100%;
}
.dashboard .atl-grid-minor,
.dashboard .atl-bar-step-minor,
.dashboard .atl-aggr-step {
  border-left: 1px solid var(--color-structure-border-minor-2);
  border-right: 0;
}
.dashboard .mcx-dashboard-module-ROSTER .atl-grid-minor,
.dashboard .mcx-dashboard-module-ROSTER .atl-bar-step-minor,
.dashboard .mcx-dashboard-module-ROSTER .atl-aggr-step {
  border-left: 1px solid var(--color-structure-border-minor);
  border-right: 0;
}
.dashboard .atl-band-parking {
  background: inherit;
}
.dashboard .atl-band-em {
  background-color: var(--color-element-background);
}
.dashboard .atl-grid-major {
  border-left: 1px solid var(--color-structure-border-major);
  border-right: 0;
}
.dashboard #atl-topbarmajor {
  border-bottom: 1px solid var(--color-structure-border-major);
}
.dashboard #atl-bottombar {
  border-top: 1px solid var(--color-structure-border-major);
}
.dashboard #atl-topbarminor {
  border-bottom: 1px solid var(--color-structure-border-minor);
}
.dashboard #atl-aggregation {
  border-top: 1px solid var(--color-structure-border-minor);
}
.dashboard .atl-band {
  border-bottom: 1px solid var(--color-structure-border-minor);
}
.dashboard .atl-band .atl-band-handle {
  height: 1px;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.dashboard .atl-grid-weekstart,
.dashboard .atl-bar-step.atl-grid-weekstart,
.dashboard .atl-aggr-step.atl-grid-weekstart {
  border-left: 1px solid var(--color-structure-border-major) !important;
}
.dashboard .atl-band-parking {
  background: var(--color-element-background-major);
}
.dashboard .atl-event-multi-1 {
  height: 41px !important;
}
.dashboard .atl-event-multi-2 {
  height: 62px !important;
}
.dashboard .atl-event-multi-inner-1 {
  top: 23px;
}
.dashboard .atl-event-multi-inner-2 {
  top: 44px;
}
.dashboard .atl-bar-step-minor,
.dashboard #atl-aggregation {
  background: transparent;
}
.dashboard #atl-timeline-events,
.dashboard #atl-timeline-grid,
.dashboard #atl-timeline-bands,
.dashboard #atl-timeline-additionals,
.dashboard #atl-timeline-titles,
.dashboard #atl-timeline-sums {
  left: 0;
  right: initial;
}
.dashboard .timeline-common .mcx-dashlet-page-inner-wrapper {
  height: 100%;
}
.dashboard .timeline-common.no-topbar-border-bottom #atl-topbarmajor {
  border-bottom: none;
}
.dashboard .timeline-common .titles-single .atl-indent #atl-timeline-additionals {
  left: calc(1 * 111px);
}
.dashboard .timeline-common .titles-single .atl-indent #atl-timeline-titles {
  width: calc(1 * 111px);
}
.dashboard .timeline-common .titles-single .atl-indent #atl-timeline-titles .atl-band-title {
  width: calc(1 * 111px - 1px);
}
.dashboard .timeline-common .titles-single .atl-indent #atl-timeline-events,
.dashboard .timeline-common .titles-single .atl-indent #atl-timeline-grid,
.dashboard .timeline-common .titles-single .atl-indent .atl-timebar,
.dashboard .timeline-common .titles-single .atl-indent #atl-aggregation,
.dashboard .timeline-common .titles-single .atl-indent #atl-timeline-sums {
  left: calc(1 * 111px);
}
.dashboard .timeline-common .titles-double .atl-indent #atl-timeline-additionals {
  left: calc(2 * 111px);
}
.dashboard .timeline-common .titles-double .atl-indent #atl-timeline-titles {
  width: calc(2 * 111px);
}
.dashboard .timeline-common .titles-double .atl-indent #atl-timeline-titles .atl-band-title {
  width: calc(2 * 111px - 1px);
}
.dashboard .timeline-common .titles-double .atl-indent #atl-timeline-events,
.dashboard .timeline-common .titles-double .atl-indent #atl-timeline-grid,
.dashboard .timeline-common .titles-double .atl-indent .atl-timebar,
.dashboard .timeline-common .titles-double .atl-indent #atl-aggregation,
.dashboard .timeline-common .titles-double .atl-indent #atl-timeline-sums {
  left: calc(2 * 111px);
}
.dashboard .timeline-common .titles-triple .atl-indent #atl-timeline-additionals {
  left: calc(3 * 111px);
}
.dashboard .timeline-common .titles-triple .atl-indent #atl-timeline-titles {
  width: calc(3 * 111px);
}
.dashboard .timeline-common .titles-triple .atl-indent #atl-timeline-titles .atl-band-title {
  width: calc(3 * 111px - 1px);
}
.dashboard .timeline-common .titles-triple .atl-indent #atl-timeline-events,
.dashboard .timeline-common .titles-triple .atl-indent #atl-timeline-grid,
.dashboard .timeline-common .titles-triple .atl-indent .atl-timebar,
.dashboard .timeline-common .titles-triple .atl-indent #atl-aggregation,
.dashboard .timeline-common .titles-triple .atl-indent #atl-timeline-sums {
  left: calc(3 * 111px);
}
.dashboard .timeline-common #atl-clock, .dashboard .timeline-common #atl-clock > div {
  height: 32px;
  line-height: 32px;
  font-size: 13px;
}
.dashboard .timeline-common .atl-indent #atl-timeline-additionals .atl-band-additional:hover:not(.atl-band-headline), .dashboard .timeline-common .atl-indent #atl-timeline-additionals .atl-band-additional.first-column-hover:not(.atl-band-headline) {
  cursor: pointer;
}
.dashboard .timeline-common .atl-indent #atl-timeline-additionals .atl-band-additional:hover:not(.atl-band-headline):not(.atl-band-title)::before, .dashboard .timeline-common .atl-indent #atl-timeline-additionals .atl-band-additional.first-column-hover:not(.atl-band-headline):not(.atl-band-title)::before {
  content: "";
  background: var(--color-element-background-minor-2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dashboard .timeline-common .atl-indent #atl-timeline-additionals .atl-band-additional.atl-band-headline {
  border-bottom: none;
}
.dashboard .timeline-common .atl-indent #atl-timeline-titles {
  height: 100%;
}
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-title,
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-additional {
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: transparent;
}
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-title span,
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-additional span {
  font-weight: 600;
}
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-title.atl-band-headline,
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-additional.atl-band-headline {
  border-bottom: none;
}
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-title.atl-band-headline span,
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-additional.atl-band-headline span {
  font-weight: 700;
  color: var(--color-toolbar-major) !important;
}
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-title:hover:not(.atl-band-headline), .dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-title.first-column-hover:not(.atl-band-headline),
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-additional:hover:not(.atl-band-headline),
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-additional.first-column-hover:not(.atl-band-headline) {
  cursor: pointer;
}
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-title:hover:not(.atl-band-headline):not(.atl-band-title)::before, .dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-title.first-column-hover:not(.atl-band-headline):not(.atl-band-title)::before,
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-additional:hover:not(.atl-band-headline):not(.atl-band-title)::before,
.dashboard .timeline-common .atl-indent #atl-timeline-titles .atl-band-additional.first-column-hover:not(.atl-band-headline):not(.atl-band-title)::before {
  content: "";
  background: var(--color-element-background-minor-2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dashboard .timeline-common #atl-timeline {
  background: var(--color-background) !important;
}
.dashboard .timeline-common #atl-timeline .atl-band-additional {
  position: absolute;
  border-left: 1px solid var(--color-element-background-minor-1);
}
.dashboard .timeline-common #atl-timeline .atl-band-title,
.dashboard .timeline-common #atl-timeline .atl-band-additional {
  height: 32px;
  line-height: 32px;
  padding: 0;
  font-size: inherit;
  background-color: var(--color-background);
}
.dashboard .timeline-common #atl-timeline .atl-band-title span,
.dashboard .timeline-common #atl-timeline .atl-band-additional span {
  padding: 0 10px;
}
.dashboard .timeline-common .atl-band {
  height: 32px;
  border-bottom: 1px solid var(--color-element-border-major);
}
.dashboard .timeline-common .atl-band:hover:not(.atl-band-headline), .dashboard .timeline-common .atl-band.atl-band-hover:not(.atl-band-headline) {
  background-color: var(--color-element-background-minor-2);
}
.dashboard .timeline-common .atl-grid-minor {
  border-left: 1px solid var(--color-element-background-minor-1);
}
.dashboard .timeline-common .atl-event {
  height: 32px;
}
.dashboard .timeline-common .atl-event .atl-event-inner {
  top: 5px;
}
.dashboard .timeline-common #atl-timeline-bands .atl-band-headline {
  background: initial;
  border-bottom: 1px solid var(--color-element-border);
}
.dashboard .timeline-common.event-indicators .atl-event {
  width: 32px;
  border-radius: 24px;
}
.dashboard .timeline-common.event-indicators .atl-event .atl-event-inner {
  width: 16px;
  left: 8px;
  border-radius: 24px;
  border: none;
  height: 16px;
  top: 8px;
}
.dashboard .timeline-common .atl-double #atl-timeline .atl-band-title,
.dashboard .timeline-common .atl-double #atl-timeline .atl-band-additional {
  height: 64px;
  line-height: 64px;
}
.dashboard .timeline-common .atl-double #atl-timeline .atl-band-title span {
  font-weight: 400;
  display: block;
  font-size: inherit;
  color: --color-font-major-2;
  width: 100%;
  text-align: center;
  padding: 0;
}
.dashboard .timeline-common .atl-double .atl-event {
  height: 64px;
}
.dashboard .timeline-common .atl-double .atl-event .atl-event-inner {
  top: 7px;
  height: 50px;
}
.dashboard .timeline-common .atl-double .atl-band {
  height: 64px;
}

.mcx-dashboard-module-TIMELINESCHEDULE #atl-timeline,
.mcx-dashboard-module-BEDPLAN #atl-timeline,
.mcx-dashboard-module-NURSINGIMPLEMENTATION #atl-timeline {
  background: var(--color-element-background-major);
}

.status-indicators .atl-band-title:not(.atl-band-headline) span:before {
  width: 32px;
  text-align: center;
  content: "";
  display: inline-block;
}
.status-indicators .atl-band-title:not(.atl-band-headline).atl-prop-status-disabled span:before {
  opacity: 1;
  color: var(--color-alert);
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  content: "\f28b";
}

.light-schema .dashboard .atl-aggr-step-number,
.dark-schema .dashboard .atl-aggr-step-number {
  background: var(--color-background);
}

#atl {
  font-family: Verdana, sans-serif;
  margin: 20px 0;
}

#atl-wrapper {
  margin: 0 20px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border: 1px solid #CCC;
  height: 100%;
}

#atl-timeline {
  height: 100%;
  background: #EEE;
  overflow: hidden;
  position: relative;
}

#atl-timeline-wrapper {
  position: absolute;
  top: 0;
  height: 100%;
}

.atl-timeline-scroll #atl-timeline-content {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

#atl-timeline-content {
  position: absolute;
  height: 100%;
}
#atl-timeline-content.has-topbar-major {
  height: calc(100% - 32px);
}
#atl-timeline-content.has-topbar-minor {
  height: calc(100% - 32px);
}
#atl-timeline-content.has-bottombar {
  height: calc(100% - 32px);
}
#atl-timeline-content.has-aggregation {
  height: calc(100% - 40px);
}
#atl-timeline-content.has-topbar-major.has-bottombar {
  height: calc(100% - 64px);
}
#atl-timeline-content.has-topbar-minor.has-bottombar {
  height: calc(100% - 64px);
}
#atl-timeline-content.has-topbar-major.has-aggregation {
  height: calc(100% - 72px);
}
#atl-timeline-content.has-topbar-minor.has-aggregation {
  height: calc(100% - 72px);
}
#atl-timeline-content.has-bottombar.has-aggregation {
  height: calc(100% - 72px);
}
#atl-timeline-content.has-topbar-major.has-bottombar.has-aggregation {
  height: calc(100% - 104px);
}
#atl-timeline-content.has-topbar-minor.has-bottombar.has-aggregation {
  height: calc(100% - 104px);
}

#atl-timeline-content.ui-state-disabled {
  opacity: 1;
  filter: none;
  background-image: inherit;
}

#atl-timeline-content.atl-move-h {
  cursor: e-resize;
}

#atl-timeline-content.atl-move-v {
  cursor: n-resize;
}

#atl-timeline-content.atl-move-hv {
  cursor: move;
}

#atl-timeline-events,
#atl-timeline-grid,
#atl-timeline-bands,
#atl-timeline-titles,
#atl-timeline-sums {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.atl-indent #atl-timeline-events,
.atl-indent #atl-timeline-grid,
.atl-indent #atl-timeline-titles,
.atl-indent .atl-timebar,
.atl-indent #atl-aggregation,
.atl-indent #atl-timeline-sums {
  left: 210px;
}

.atl-indent #atl-timeline-titles {
  left: 0;
  width: 204px;
}

.atl-indent #atl-timeline-titles .atl-band-title {
  width: 203px;
}

.atl-indent #atl-topbarminor {
  border-bottom: none;
}

.atl-indent #atl-bottombar {
  border-top: none;
}

.atl-indent #atl-timeline {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.atl-indent #atl-topbarminor .atl-bar-step-minor:first-of-type,
.atl-indent #atl-bottombar .atl-bar-step-minor:first-of-type,
.atl-indent #atl-aggregation .atl-aggr-step:first-of-type {
  border-left: 1px solid #CCC;
}

#atl-timeline-titles {
  z-index: 95;
}

#atl-timeline-sums {
  z-index: 94;
}

#atl-timeline-events {
  z-index: 90;
}

#atl-timeline-grid {
  z-index: 80;
}

#atl-timeline-zones {
  z-index: 70;
}

#atl-timeline-bands {
  z-index: 60;
}

.atl-timebar {
  height: 32px;
  position: relative;
}

.atl-bar-step {
  font-size: 12px;
  color: #999;
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: 0;
}

.atl-bar-step-major {
  border-left: 1px solid #CCC;
}

.atl-bar-step-minor {
  border-left: 1px solid #EEE;
  background: white;
  width: 100%;
}

.atl-bar-step-minor-control:hover {
  cursor: pointer;
  background-color: #C0FFC0;
}

.atl-bar-step-current {
  /* color: blue !important; */
  background: rgb(221, 223, 224) !important;
}

.atl-band-title-current {
  /* color: white; */
  background: rgb(221, 223, 224) !important;
}

.atl-bar-step-inner {
  padding: 0 4px;
}

#atl-topbarmajor {
  border-bottom: 1px solid #DDD;
}

#atl-topbarminor {
  border-bottom: 1px solid #CCC;
}

#atl-bottombar {
  border-top: 1px solid #CCC;
}

#atl-aggregation {
  height: 40px;
  border-top: 1px solid #CCC;
  background: #FFF;
  position: relative;
  display: none;
}

.atl-aggr-step {
  border-left: 1px solid #DDD;
  color: #999;
  height: 40px;
  position: absolute;
  top: 0;
}

.atl-aggr-step-inner {
  position: absolute;
  background: url(aggr.jpg) #DDD repeat-x bottom;
  z-index: 10;
  font-size: 0px;
  padding: 0;
  bottom: 0;
}

.atl-aggr-step-number {
  height: 40px;
  bottom: 0;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  background: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: bold;
  font-family: sans-serif;
  color: #666;
  z-index: 11;
  display: none;
  cursor: default !important;
}

.atl-aggr-step-number div {
  padding-top: 12px;
}

#atl-toolbar {
  height: 40px;
  border-top: 1px solid #CCC;
  background: #FFF;
}

.atl-band {
  height: 20px;
  padding: 0;
  border-bottom: 1px solid #E7E7E7;
  position: relative;
  z-index: 61;
}

.atl-double .atl-band {
  height: 41px;
}

.atl-band-section-predecessor {
  border-bottom: none !important;
}

.atl-band-section {
  border-top: 1px solid #CCC;
}

.atl-band-em {
  background: #F7F7F7;
}

.atl-band-parking {
  background: #EEF;
  border-bottom: 1px solid #CCC;
}

.atl-band-headline {
  background: white;
  border-bottom: 1px solid #999;
}

.atl-band-title {
  font-size: 11px;
  position: absolute;
  left: 0;
  width: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  height: 20px;
  padding: 3px;
}

.atl-band-headline {
  font-weight: bold;
}

.atl-band-headline-1 {
  text-transform: uppercase;
}

.atl-band-text {
  font-size: 11px;
  position: absolute;
  left: 50px;
  height: 20px;
  padding: 3px;
}

.atl-band-sum {
  font-size: 11px;
  position: absolute;
  right: 0;
  width: 60px;
  background-color: rgba(255, 255, 255, 0.5);
  height: 20px;
  padding: 3px;
}

.atl-double .atl-band-title,
.atl-double .atl-band-text,
.atl-double .atl-band-sum {
  height: 41px;
}

.atl-band-title-focus .atl-band-title-inner {
  position: relative;
  left: -2px;
  padding: 1px 2px;
  color: #FFF;
  background: #333;
}

.atl-event {
  position: absolute;
  height: 21px;
  font-size: 8px;
  z-index: 92;
  overflow: hidden;
}

.atl-double .atl-event,
.atl-double .atl-slot {
  height: 42px;
}

.atl-slot {
  position: absolute;
  height: 21px;
  font-size: 8px;
  z-index: 91;
  overflow: hidden;
}

.atl-event-flag .atl-event-inner {
  border-left-width: 5px;
  border-left-style: solid;
}

.atl-event-marker .atl-event-inner {
  border-right-width: 5px;
  border-right-style: solid;
}

.atl-event-task .atl-task {
  position: relative;
  top: 4px;
  width: 35px;
  font-size: 11px;
  background: #FFF;
  text-align: center;
  height: 12px;
  overflow: hidden;
  font-size: 10px;
}

.atl-event-label {
  position: relative;
  top: 2px;
  padding: 1px;
  font-size: 11px;
  color: #FFF;
  overflow: hidden;
  height: 15px;
}

.atl-event-flag .atl-event-label {
  left: 5px;
  border-left: 1px solid #FFF;
  padding-left: 2px;
}

.atl-event-task .atl-event-label {
  left: 40px;
  top: -10px;
}

.atl-double .atl-event-task .atl-event-label {
  top: -31px;
}

.atl-event-task.atl-event-flag .atl-event-label {
  left: 45px;
  border: none;
}

.atl-event-task.atl-event-flag .atl-task {
  border-left: 1px solid #FFF;
  padding-left: 2px;
  left: 5px;
}

.atl-task-inner {
  text-align: center;
}

.atl-event-outer {
  background-image: url(stripe.png);
  position: relative;
}

.atl-double .atl-event-outer {
  top: -67px;
  height: 35px;
}

.atl-double .atl-task-inner {
  padding: 9px 0;
  font-size: 12px;
}

.atl-event-label-line {
  padding: 2px 1px;
  overflow: hidden;
  white-space: nowrap;
}

.atl-double .atl-event-label {
  height: 32px;
}

.atl-double .atl-task {
  height: 33px;
}

.atl-event-label-contrast {
  color: #000;
}

.atl-event-deleted {
  display: none;
}

.atl-event-done .atl-event-inner {
  background: #DDD !important;
}

.atl-event-done .atl-event-label {
  color: #999 !important;
}

.atl-event.ui-draggable-dragging {
  z-index: 999;
}

.atl-event-inner {
  /* margin: 5px 0; */
  /*  width: 100%;*/
  left: 0;
  right: 0;
  position: absolute;
  top: 4px;
  height: 12px;
  font-size: 8px;
  background: #666;
  border-right: 1px solid #EEE;
}

.atl-slot .atl-event-inner {
  /* margin: 5px 0; */
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  top: 0px;
  height: 19px;
  font-size: 8px;
  background: #CCC;
  border-right: 1px solid #EEE;
}

.atl-double .atl-event-inner {
  height: 33px;
}

.atl-double .atl-slot .atl-event-inner {
  height: 39px;
}

.atl-event:hover,
.atl-event-move {
  background: #CCC;
  cursor: pointer;
}

.atl-event-filtered-hidden:hover {
  background: transparent !important;
  cursor: default !important;
}

.atl-slot:hover {
  background: #DDD;
  cursor: pointer;
}

.atl-disabled:hover {
  background: transparent !important;
  cursor: default !important;
}

.atl-event:hover .atl-event-inner,
.atl-event-move .atl-event-inner {
  background: #111;
}

.atl-event-highlight {
  background: #FCC;
}

.atl-event-highlight .atl-event-inner,
.atl-event.atl-event-highlight:hover .atl-event-inner {
  /* background: #000 !important */
}

#atl-log {
  display: none;
  background: #FFC;
  padding: 2px;
  font-size: 11px;
  border-top: 1px solid #CCC;
}

.atl-grid-major,
.atl-grid-minor {
  position: absolute;
  top: 0;
  height: 100%;
}

.atl-grid-major {
  border-left: 1px solid #CCC;
  z-index: 82;
}

.atl-grid-weekstart,
.atl-bar-step.atl-grid-weekstart,
.atl-aggr-step.atl-grid-weekstart {
  border-left: 1px solid #BBB !important;
}

.atl-grid-minor {
  border-left: 1px solid #EEE;
  z-index: 81;
}

#atl-visualizer {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  border-right: 1px solid #90CC90;
  z-index: 97;
  width: 1px;
  height: 100%;
}

.atl-visualizer-inner {
  width: 10px;
}

#atl-clock {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  background: #90CC90;
  height: 21px;
  z-index: 97;
  width: 70px;
  text-align: center;
}

#atl-clock div {
  color: #030;
  padding: 4px;
  font-weight: bold;
}

.atl-double #atl-clock {
  height: 41px;
  width: 120px;
}

.atl-double #atl-clock div {
  font-size: 20px;
  padding: 9px;
  font-weight: normal;
}

#atl-timeline-borders {
  display: none;
  z-index: 85;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
}

.atl-border {
  position: absolute;
  background: #C99;
  height: 100%;
  top: 0;
}

.atl-band-sum-count {
  display: block;
  width: 15px;
  float: left;
  color: #666;
}

.atl-tooltip {
  position: absolute;
  background: #CCC;
  overflow: hidden;
  z-index: 96;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.atl-tooltip-inner {
  padding: 0 100px;
}

.atl-tooltip-loader {
  text-align: center;
  vertical-align: middle;
  padding: 15px 0;
  color: #666;
}

#atl-message {
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#atl-message .wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#atl-message.has-message {
  display: block;
}

.dashboard .mcx-ckeditor-target {
  display: none;
}
.dashboard .cke_bottom {
  display: none;
}
.dashboard .cke_top {
  margin-top: 32px;
}
.dashboard .cke_top {
  padding: 0;
  white-space: normal;
  border-bottom: none;
  /* display: none; */
  /* background: var(--color-background); */
}
.dashboard .cke_toolgroup {
  float: left;
  margin: 0;
  border: none;
  border-bottom-color: none;
  background: inherit;
}
.dashboard .cke_button {
  padding: 8px 10px;
  cursor: pointer;
}
.dashboard .cke_combo_button {
  margin: 0;
  border-bottom: none;
  border-top: none;
  background: inherit;
  cursor: pointer;
}
.dashboard .cke_combo_text {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 32px;
  color: var(--color-font-minor-1);
  text-shadow: none;
  width: 90px;
}
.dashboard .cke_combo_off a.cke_combo_button:focus, .dashboard .cke_combo_off a.cke_combo_button:hover {
  background: var(--color-element-background-minor-1);
}
.dashboard a.cke_button_off:focus, .dashboard a.cke_button_off:active, .dashboard a.cke_button_off:hover {
  background: var(--color-element-background-minor-1);
}
.dashboard .cke_button_on {
  background: var(--color-element-background-minor-2);
}
.dashboard .cke_button_on:focus, .dashboard .cke_button_on:active, .dashboard .cke_button_on:hover {
  background: var(--color-element-background-minor-1);
}
.dashboard .cke_button_on a.cke_combo_button:focus, .dashboard .cke_button_on a.cke_combo_button:active, .dashboard .cke_button_on a.cke_combo_button:hover {
  background: var(--color-element-background-minor-2);
}
.dashboard .cke_combo_off a.cke_combo_button:active,
.dashboard .cke_combo_on a.cke_combo_button {
  background: var(--color-element-background-minor-2);
}
.dashboard .cke_combo_arrow {
  margin: 14px 0 0;
}
.dashboard .cke_combo_text,
.dashboard .cke_combo_open {
  cursor: pointer;
}
.dashboard .cke_contents#cke_1_contents {
  padding: 16px 16px 16px 16px;
  margin: -16px;
}
.dashboard .cke_inner {
  background: transparent;
}
.dashboard .cke_wysiwyg_frame {
  border: 1px solid var(--color-structure-border-major);
  box-shadow: 0 0 10px 2px var(--color-structure-border-minor);
}
.dashboard .editor-audit {
  position: absolute;
  top: -32px;
  padding: 0;
  width: 100%;
}

.sidebar-visible .editor-sidebar,
.sidebar-visible .mcx-dashboard-component .mcx-dashboard-component.editor-sidebar {
  background: var(--color-background);
  border-left: 1px solid var(--color-element-border);
}
.sidebar-visible .editor-sidebar .mcx-dashboard-page-back {
  display: block;
}
.sidebar-visible .editor-sidebar .image-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.sidebar-visible .editor-sidebar .image-container .image {
  background: black;
  height: calc(100% - 200px);
  border-bottom: 1px solid var(--color-element-border);
  overflow: hidden;
}
.sidebar-visible .editor-sidebar .image-container .image-description {
  height: 200px;
  overflow-y: scroll;
  padding: 10px;
}

.editor-value-input,
.mcx-dashboard-modal .mcx-dashboard-dialog-content input.editor-value-input {
  display: inline;
  padding: 0 2.5px;
  height: 20px;
  line-height: 20px;
  width: 75px;
  text-align: center;
  font-weight: 600;
  margin: 0 5px !important;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--color-element-border);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.editor-value-input:hover, .editor-value-input:focus,
.mcx-dashboard-modal .mcx-dashboard-dialog-content input.editor-value-input:hover,
.mcx-dashboard-modal .mcx-dashboard-dialog-content input.editor-value-input:focus {
  border: none;
  outline: none;
  border-bottom: 1px solid var(--color-toolbar-major);
}

.mcx-dashboard-module-PATIENTDASHBOARD.mcx-dashboard-has-timeline #EPR {
  border-top: 1px solid var(--color-element-border);
}

.contains-timeline,
.contains-timeline .mcx-dashlet-page-inner-wrapper {
  width: 100%;
}
.contains-timeline.events-semibold .vis-item {
  font-weight: 600;
}
.contains-timeline.events-hover-fx .vis-item:hover {
  cursor: pointer;
  box-shadow: 0 0 10px 5px var(--color-box-shadow-dashlets);
}

.dashboard.has-timeline .point-dots .vis-timeline .vis-item.vis-point {
  border-radius: 50%;
  width: 16px;
  height: 16px;
}
.dashboard.has-timeline .vis-timeline {
  border: none;
  background: var(--color-element-background-major);
  font-size: inherit;
}
.dashboard.has-timeline .vis-timeline .vis-foreground .vis-group,
.dashboard.has-timeline .vis-timeline .vis-labelset .vis-label {
  border-bottom-color: var(--color-element-border-major);
}
.dashboard.has-timeline .vis-timeline .vis-time-axis {
  font-size: 90%;
}
.dashboard.has-timeline .vis-timeline .vis-time-axis .vis-text {
  color: var(--color-font-major-2);
}
.dashboard.has-timeline .vis-timeline .vis-time-axis.vis-foreground {
  background-color: var(--color-background);
}
.dashboard.has-timeline .vis-timeline .vis-top .vis-minor {
  border-top: 1px solid var(--color-element-border-minor);
}
.dashboard.has-timeline .vis-timeline .vis-bottom .vis-minor {
  border-bottom: 1px solid var(--color-element-border-minor);
}
.dashboard.has-timeline .vis-timeline .vis-top .vis-day1,
.dashboard.has-timeline .vis-timeline .vis-bottom .vis-day1 {
  border-left: 1px solid var(--color-element-border-major);
}
.dashboard.has-timeline .vis-timeline .vis-top .vis-major.vis-saturday, .dashboard.has-timeline .vis-timeline .vis-top .vis-major.vis-sunday,
.dashboard.has-timeline .vis-timeline .vis-bottom .vis-major.vis-saturday,
.dashboard.has-timeline .vis-timeline .vis-bottom .vis-major.vis-sunday {
  background-color: var(--color-background);
}
.dashboard.has-timeline .vis-timeline .vis-labelset .vis-label {
  color: var(--color-font-minor-1);
}
.dashboard.has-timeline .vis-timeline .vis-item {
  border-color: var(--color-element-background-minor-1);
  /*$color-blue-lighter*/
  background-color: var(--color-element-border-major);
}
.dashboard.has-timeline .vis-timeline .vis-item .vis-item-content {
  padding: 0 5px;
  line-height: 18px;
  /* height: 18px; */
  text-align: left;
  font-size: 90%;
}
.dashboard.has-timeline .vis-timeline .vis-item .vis-item-content b,
.dashboard.has-timeline .vis-timeline .vis-item .vis-item-content strong {
  font-weight: 600;
}
.dashboard.has-timeline .vis-timeline .vis-item.vis-box, .dashboard.has-timeline .vis-timeline .vis-item.vis-point {
  border-radius: 2px;
}
.dashboard.has-timeline .vis-timeline .vis-current-time {
  background-color: var(--color-alert-major);
  width: 1px;
}
.dashboard.has-timeline .vis-timeline .vis-time-axis .vis-grid.vis-major,
.dashboard.has-timeline .vis-timeline .vis-panel.vis-bottom,
.dashboard.has-timeline .vis-timeline .vis-panel.vis-center,
.dashboard.has-timeline .vis-timeline .vis-panel.vis-left,
.dashboard.has-timeline .vis-timeline .vis-panel.vis-right,
.dashboard.has-timeline .vis-timeline .vis-panel.vis-top {
  border-color: var(--color-element-border-major);
}
.dashboard.has-timeline .vis-timeline .vis-grid.vis-major {
  border-color: var(--color-element-border);
}
.dashboard.has-timeline .vis-timeline .vis-grid.vis-minor {
  border-color: var(--color-element-border-minor);
}
.dashboard.has-timeline .vis-timeline div.vis-tooltip {
  background-color: var(--color-background);
  border: 1px solid var(--color-element-border-minor);
  color: var(--color-font-minor-1);
  font-size: 95%;
  font-family: var(--font-sans);
  border-radius: 0;
  padding: 5px 10px;
  box-shadow: none;
}

.datepick-rtl {
  direction: rtl;
}

.datepick-popup {
  z-index: 1000;
}

.datepick-disable {
  position: absolute;
  z-index: 100;
  background: var(--color-background);
}

.datepick a {
  text-decoration: none;
}

.datepick a.datepick-disabled {
  color: var(--color-font-major-2);
  cursor: auto;
}

.datepick-nav,
.datepick-ctrl {
  float: left;
  width: 100%;
}

.modal .datepick-nav {
  width: 570px;
}
.modal .datepick-ctrl {
  width: 560px;
}
.modal .datepick-month {
  width: 560px;
}

.datepick-cmd {
  text-align: center;
  color: var(--color-font-minor-1);
  background: var(--color-element-background-minor-2);
  width: 160px;
  margin-right: 10px;
}

.datepick-cmd-prevJump,
.datepick-cmd-nextJump {
  width: 8%;
}

button.datepick-cmd {
  text-align: center;
}

.datepick-cmd-prev,
.datepick-cmd-prevJump,
.datepick-cmd-clear {
  float: left;
}

.datepick-cmd-current,
.datepick-cmd-today {
  float: left;
  text-align: center;
}

.datepick-cmd-next,
.datepick-cmd-nextJump,
.datepick-cmd-close {
  float: right;
}

.datepick-rtl .datepick-cmd-prev,
.datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
  float: right;
}

.datepick-rtl .datepick-cmd-current,
.datepick-rtl .datepick-cmd-today {
  float: right;
}

.datepick-rtl .datepick-cmd-next,
.datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
  float: left;
}

.datepick-month-nav {
  float: left;
  text-align: center;
}

.datepick-month-nav div {
  float: left;
  width: 100%;
  margin: 2.5px;
  padding: 2.5px;
}

.datepick-month-row {
  clear: left;
}

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

.datepick-month-header {
  font-size: 14px;
  padding: 15px 10px;
  color: var(--color-headline-major);
}

.datepick-month-header,
.datepick-month-header input {
  border: none;
}

.datepick-month-header select {
  background: var(--color-background);
  border: 2px solid var(--color-gray-80);
  font-size: inherit;
  padding: 5px;
}

.datepick-month-header input {
  border: none;
}

.datepick-month-header input {
  position: absolute;
  display: none;
}

.datepick-month table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
}

.datepick-month th {
  font-size: 13px;
  color: var(--color-font-minor-1);
  font-weight: normal;
}

.datepick-month a {
  display: block;
  padding: 0 5px;
  font-size: 13px !important;
  font-weight: 600;
}

.datepick-month a:hover {
  background: var(--color-toolbar-major);
  color: var(--color-font-contrast-major-1);
}

.datepick-month td span {
  display: block;
  padding: 0 5px;
  color: var(--color-font-minor-2);
  font-size: 14px !important;
  background: var(--color-background);
}

.datepick-month td .datepick-other-month {
  background: var(--color-background);
}

.datepick-month a {
  color: var(--color-font-major-1);
  background-color: var(--color-gray-95);
  /*  background-color: var(--color-gray-90);*/
}

.datepick-month td .datepick-today {
  position: relative;
}
.datepick-month td .datepick-today:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 2px solid #f76c01;
}

.datepick-month td .datepick-highlight {
  font-weight: normal !important;
}

.datepick-month td .datepick-selected {
  font-weight: normal !important;
}

.datepick-status {
  clear: both;
  text-align: center;
}

.datepick-clear-fix {
  clear: both;
}

.datepick-cover {
  display: none;
}

.mcx-dashboard-modal-datepicker {
  height: 410px;
}

.mcx-dashboard-modal-datepicker-select {
  height: 435px;
}

.mcx-dashboard-modal-datetimepicker {
  height: 565px;
}

.mcx-dashboard-calendar-triple .mcx-cmp-cal {
  float: left;
  width: 305px;
  margin-top: 16px;
}

.mcx-cmp-cal-bottom {
  margin-bottom: 0 !important;
}

.mcx-cmp-cal h3 {
  margin-top: 0 !important;
  text-align: left;
}

.mcx-cmp-cal table {
  border-spacing: 10px;
  border-collapse: separate;
  width: 100%;
  margin: 0 -10px;
  table-layout: fixed;
  margin-top: -20px;
}

.mcx-cmp-cal table th {
  font-weight: normal;
  text-align: center;
  font-weight: 300;
  color: var(--color-font-minor-2);
}

.mcx-cmp-cal table td {
  height: 65px;
  width: 125px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  padding: 0;
  vertical-align: top !important;
}

.mcx-dashboard-calendar-triple .mcx-cmp-cal table td {
  height: 26px;
}

.mcx-cmp-cal-date {
  display: block;
  padding: 5px;
}

.mcx-cmp-cal-xindicate .mcx-cmp-cal-date {
  font-size: 9px;
  text-align: left;
  padding: 0 1px;
}

.mcx-cmp-cal-day:hover {
  cursor: pointer;
  background-color: var(--color-element-background-major);
}

.mcx-cmp-cal-noday {
  color: var(--color-font-minor-3);
}

.mcx-cmp-cal-noday:hover[onclick] {
  background-color: var(--color-element-background-major);
  cursor: pointer;
}

.mcx-dashboard-calendar-triple .mcx-cmp-cal-day {
  border: 2px solid transparent;
}

.mcx-dashboard-calendar-triple .mcx-cmp-cal-noday {
  color: var(--color-font-minor-3);
  border: 2px solid transparent;
}

.mcx-dashboard-calendar-triple .mcx-cmp-cal-noday:hover[onclick] {
  background-color: var(--color-element-background-major);
}

.mcx-dashboard-calendar-triple .mcx-cmp-cal-today {
  position: relative;
}
.mcx-dashboard-calendar-triple .mcx-cmp-cal-today:after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 2px solid var(--color-alert);
}

.mcx-cmp-cal-over {
  background-color: var(--color-element-background-major);
}

.mcx-cmp-cal-indicator {
  text-align: left;
  font-size: 14px !important;
  margin-top: 1px !important;
  padding: 2px !important;
}

.mcx-cmp-cal-indicate {
  background: var(--color-toolbar-major);
  color: var(--color-font-contrast-major-1);
}

.mcx-cmp-cal-indicate:hover {
  background: var(--color-toolbar-major);
}

.mcx-cmp-cal-selected:not(.mcx-cmp-cal-noday),
.mcx-cmp-cal-selected:hover:not(.mcx-cmp-cal-noday),
.mcx-cmp-cal-focus:not(.mcx-cmp-cal-noday),
.mcx-cmp-cal-focus:hover:not(.mcx-cmp-cal-noday) {
  background: var(--color-toolbar-major);
  color: var(--color-font-contrast-major-1);
}

.mcx-cmp-cal-description {
  color: var(--color-font-minor-1);
}

.mcx-cmp-cal-description-before {
  padding-bottom: 10px;
}

.mcx-cmp-cal-description-after {
  padding-top: 10px;
}

.mcx-cmp-cal-flag-black {
  background-image: url(./../../../gui/img/common/default/ppd_flag_black.gif);
}

.mcx-cmp-cal-flag-green {
  background-image: url(./../../../gui/img/common/default/ppd_flag_green.gif);
}

.mcx-cmp-cal-flag-red {
  background-image: url(./../../../gui/img/common/default/ppd_flag_red.gif);
}

.mcx-cmp-cal-flag-blue {
  background-image: url(./../../../gui/img/common/default/ppd_flag_blue.gif);
}

.mcx-cmp-cal-flag-gold {
  background-image: url(./../../../gui/img/common/default/ppd_flag_gold.gif);
}

.mcx-cmp-cal-flag-violet {
  background-image: url(./../../../gui/img/common/default/ppd_flag_violet.gif);
}

.mcx-cmp-cal-entry {
  text-align: left;
  color: black;
  font-size: 11px !important;
  margin-top: 1px !important;
  padding: 2px !important;
}

.mcx-cmp-cal-noday .mcx-cmp-cal-entry {
  color: var(--color-font-major-2);
}

.mcx-cmp-cal-entry-time,
mcx-cmp-cal-entry-pat {
  color: var(--color-font-minor-1);
}

.mcx-cmp-cal-entry-count {
  text-align: left;
  padding: 5px;
  width: 110px;
}

.mcx-cmp-cal-xindicate .mcx-cmp-cal-entry-count {
  padding: 0 1px;
  text-align: right;
  font-size: 9px;
  font-weight: 700;
  width: auto;
}

.mcx-cmp-cal-entry-count span {
  display: inline;
  font-family: "HIS Glyphs";
  text-align: center;
  /*  padding: 5px 0;*/
  color: var(--color-font-minor-1);
  font-size: inherit;
}

.mcx-cmp-cal-entry-pat {
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  width: 110px;
}

.mcx-cmp-cal-day:hover .mcx-cmp-cal-entry-time {
  color: var(--color-font-minor-3);
}

.mcx-cmp-cal-day.mcx-cmp-cal-heatmap {
  background-color: transparent !important;
  background-image: url(../../../gui/img/common/default/values.jpg);
  background-repeat: repeat-x;
}

.mcx-dashboard-pageset .calendar-component.year {
  padding: 0;
  margin: 0;
  width: 100%;
}
.mcx-dashboard-pageset .calendar-component.year .month th,
.mcx-dashboard-pageset .calendar-component.year .month td {
  width: 26px;
  height: 26px;
  line-height: 26px;
}

.calendar-component.year {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
  margin: 0 auto;
  width: 1100px;
}
.calendar-component.year .month {
  flex: 1 0 21%;
  margin: 10px;
}
.calendar-component.year .month h4 {
  margin: 10px 0;
  padding: 0;
  color: var(--color-font-major-2);
  font-weight: 300;
  font-size: 16px;
  text-align: center;
}
.calendar-component.year .month table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
}
.calendar-component.year .month table th,
.calendar-component.year .month table td {
  text-align: center;
  height: 32px;
  line-height: 32px;
}
.calendar-component.year .month table th {
  font-weight: 300;
  color: var(--color-font-minor-2);
  font-size: 11px;
}
.calendar-component.year .month table td.out-of-month {
  color: var(--color-font-minor-3);
}
.calendar-component.year .month table td.active:hover {
  background-color: var(--color-element-background-major);
  cursor: pointer;
}
.calendar-component.year .month table td.today {
  position: relative;
}
.calendar-component.year .month table td.today:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 2px solid var(--color-alert);
}
.calendar-component.year .month table td.has-events {
  background: var(--color-toolbar-major);
  color: var(--color-font-contrast-major-1);
}
.calendar-component.year .month table td.has-events:hover {
  background: var(--color-toolbar-major);
}

.dashboard {
  /**
   * Styles for FullCalender Resource branch
   * Works on FullCalender Version 2.0.2
   */
  /*
  .fc-widget-header,
  .fc-widget-content {
      border-color: var(--color-structure-border-major);
  }
  */
}
.dashboard .fc .fc-center {
  display: block;
}
.dashboard .fc .fc-content {
  margin-left: -1px;
}
.dashboard .fc h2 {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  margin: 0;
  font-weight: 600;
  font-size: inherit;
  color: var(--color-headline-major);
  /*
  color: var(--color-font-contrast-major-1);
  background: $color-blue-light;
  */
  width: 100%;
  text-align: left;
  /*  border-bottom: 1px solid var(--color-gray-95);*/
}
.dashboard .fc-unthemed th,
.dashboard .fc-unthemed td,
.dashboard .fc-unthemed thead,
.dashboard .fc-unthemed tbody,
.dashboard .fc-unthemed .fc-divider,
.dashboard .fc-unthemed .fc-row,
.dashboard .fc-unthemed .fc-popover {
  border-color: var(--color-structure-border-major);
}
.dashboard .fc-widget-header th,
.dashboard thead th.fc-widget-header {
  height: 32px;
  line-height: 32px;
  font-size: inherit;
  font-weight: normal;
}
.dashboard .fc-view-month th.fc-day-header,
.dashboard .fc-view-month th.fc-first {
  border-top: 0;
}
.dashboard .fc-view-month {
  border-top: 1px solid var(--color-structure-border-major);
}
.dashboard .fc-view-month td.fc-widget-content,
.dashboard .fc-view-month th.fc-day-header {
  border-left: none;
}
.dashboard .fc-view-month th.fc-day-header {
  text-align: left;
}
.dashboard .fc-view-month.fc-grid .fc-day-number,
.dashboard .fc-view-month .fc-week-number div {
  line-height: 32px;
  float: none;
}
.dashboard thead th.fc-widget-header div {
  height: 32px;
  overflow: hidden;
}
.dashboard .fc-agenda-axis.fc-widget-header {
  font-size: inherit;
}
.dashboard .fc-toolbar {
  margin: 0 !important;
}
.dashboard .fc .fc-toolbar > * > * {
  float: none;
}
.dashboard .fc-day-grid-event .fc-time {
  font-weight: normal;
}
.dashboard .fc-grid .fc-day-number,
.dashboard .fc .fc-week-number div {
  font-size: inherit;
}
.dashboard .fc-view-month .fc-week-number {
  color: var(--color-font-major-3);
  width: 32px;
}
.dashboard .fc-view-month.fc-grid .fc-day-content {
  padding-top: 0;
  padding-right: 2px;
  padding-bottom: 1px;
  padding-left: 1px;
}
.dashboard td.fc-widget-content,
.dashboard td.fc-widget-header {
  border-left-width: 0px;
  border-right-width: 0px;
}
.dashboard td.fc-widget-content td.fc-widget-content {
  border-left-width: 1px;
  border-right-width: 1px;
}
.dashboard .fc-event,
.dashboard .fc-event.fc-event-block.fc-event-block-has-flags {
  font-size: 95% !important;
  background-color: var(--color-element-background-major);
  border: 1px solid var(--color-structure-border-major);
  color: var(--color-font-major-2) !important;
  border-radius: 0;
}
.dashboard .fc-event:hover:not(.fc-event-block.fc-event-block-has-flags) {
  background-color: var(--color-font-major-1);
  transition: background-color 0.15s ease-in-out;
}
.dashboard .fc-event .fc-event-time {
  font-weight: normal;
  font-size: 85% !important;
  color: var(--color-font-major-1);
}
.dashboard .fc-event .fc-event-title {
  font-weight: normal;
  font-weight: 600;
  font-size: 95% !important;
}
.dashboard .fc-event .fc-event-desc {
  font-weight: normal;
  font-size: 95% !important;
}
.dashboard .fc-event .fc-event-inner {
  padding: 1px;
}
.dashboard .fc-event.fc-event-inverse-color .fc-event-title,
.dashboard .fc-event.fc-event-inverse-color .fc-event-time,
.dashboard .fc-event.fc-event-inverse-color .fc-event-desc {
  color: var(--color-font-contrast-major-1) !important;
}
.dashboard .fc-event.fc-event-ready,
.dashboard .fc-event.fc-event-block.fc-event-ready {
  opacity: 0.5;
}
.dashboard .fc-indicator {
  width: 7px;
  border: none;
}
.dashboard .fc-event.fc-event-block {
  background-color: var(--color-alert-background);
  border: 1px solid var(--color-alert-background);
  opacity: 0.85;
}
.dashboard .fc-agenda-slots tr.fc-minor th,
.dashboard .fc-agenda-slots tr.fc-minor td {
  border-top-style: solid;
  border-top-color: var(--color-structure-border-minor-2);
}
.dashboard .fc-ltr .fc-event-hori.fc-event-end,
.dashboard .fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dashboard .fc-ltr .fc-event-hori.fc-event-start,
.dashboard .fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dashboard .fc-event-hori {
  overflow: hidden;
  white-space: nowrap;
}
.dashboard .fc-widget-header.fc-widget-header-restricted {
  color: var(--color-gray-60) !important;
}
.dashboard .fc-widget-content.fc-widget-header-restricted {
  background-color: var(--color-background);
}
.dashboard .fc-event-restricted,
.dashboard .fc-event-ready {
  cursor: pointer !important;
}
.dashboard .fc-header-helper-row th.fc-widget-header {
  height: 60px;
  text-align: left;
  line-height: normal;
  overflow: hidden;
  padding: 0;
}
.dashboard .fc-header-helper-row th.fc-header-data-edit:hover {
  cursor: pointer;
  background-color: var(--color-structure-border-major);
  transition: background-color 0.15s ease-in-out;
}
.dashboard .fc-header-data-target-global {
  font-weight: 600;
  color: var(--color-alert);
  display: block;
}
.dashboard .fc-header-right .fc-header-notes {
  background: var(--color-element-background-major);
  color: var(--color-alert);
  font-size: inherit;
  padding: 0 10px;
  line-height: 32px;
  display: block;
  border-left: 1px solid var(--color-border-invert);
}
.dashboard .fc-header-helper-row th.fc-widget-header div {
  font-size: inherit;
  white-space: normal;
  line-height: normal;
  height: auto;
  padding: 5px 5px 0 5px;
}
.dashboard .fc-widget-header-link:hover {
  cursor: pointer;
  background-color: var(--color-element-background-minor-1) !important;
  transition: background-color 0.15s ease-in-out;
}
.dashboard .fc-header-left,
.dashboard .fc-header-right {
  width: 0%;
}
.dashboard .fc-header-center {
  width: 100%;
  text-align: left;
}
.dashboard td.fc-widget-content {
  border-left-width: 1px;
}
.dashboard .fc-event-vert.fc-event-start,
.dashboard .fc-event-vert.fc-event-end {
  border-radius: 0;
}
.dashboard .fc-border-separate th.fc-last,
.dashboard .fc-border-separate td.fc-last {
  border-right-width: 0;
}
.dashboard.fullcalendarfaded .fc-event {
  color: var(--color-structure-border-major) !important;
}
.dashboard .fc-view:not(.fc-view-resourceDay) .fc-today {
  background-color: var(--color-element-background-major);
}
.dashboard .fc-view.fc-view-resourceDay .fc-today {
  background-color: transparent;
}
.dashboard .fc-widget-header .fc-agenda-divider-inner {
  background-color: var(--color-element-background);
}

.dark-schema .dashboard thead th.fc-widget-header,
.dark-schema .dashboard .fc-widget-header th {
  filter: brightness(0.35);
  color: var(--color-font-contrast-major-1);
}

/*
html.dark-schema {
    .dashboard {

        .fc-widget-header,
        .fc-widget-content {
            border-color: var(--color-gray-95);
        }

        .fc-agenda-slots {

            tr.fc-minor th,
            tr.fc-minor td {
                border-top-color: var(--color-gray-9x);
            }
        }

        .fc-today {
            background-color: rgba(255, 255, 255, .03);
        }
    }
}
*/
.mcx-dashboard-tree,
ul.tree {
  border-bottom: 1px solid var(--color-element-border-major);
}
.mcx-dashboard-tree,
.mcx-dashboard-tree ul,
ul.tree,
ul.tree ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
.mcx-dashboard-tree,
ul.tree {
  margin-top: -1px;
}
.mcx-dashboard-tree,
.mcx-dashboard-tree li,
.mcx-dashboard-tree li.node,
ul.tree,
ul.tree li,
ul.tree li.node {
  clear: both;
}
.mcx-dashboard-tree li,
.mcx-dashboard-tree li.node,
ul.tree li,
ul.tree li.node {
  border-top: 1px solid var(--color-element-border-major);
  display: table;
  width: 100%;
  position: relative;
}
.mcx-dashboard-tree li .container,
.mcx-dashboard-tree li.node .container,
ul.tree li .container,
ul.tree li.node .container {
  display: table;
  width: 100%;
}
.mcx-dashboard-tree > ul:nth-child(1) > li:nth-child(1),
ul.tree > ul:nth-child(1) > li:nth-child(1) {
  border-top: none;
}
.mcx-dashboard-tree .mcx-dashboard-tree-inner,
.mcx-dashboard-tree .inner,
ul.tree .mcx-dashboard-tree-inner,
ul.tree .inner {
  font-size: inherit;
  padding: 8px 0;
}
.mcx-dashboard-tree .mcx-dashboard-tree-inner.has-component,
.mcx-dashboard-tree .inner.has-component,
ul.tree .mcx-dashboard-tree-inner.has-component,
ul.tree .inner.has-component {
  padding: 0;
}
.mcx-dashboard-tree .mcx-dashboard-tree-inner table,
.mcx-dashboard-tree .inner table,
ul.tree .mcx-dashboard-tree-inner table,
ul.tree .inner table {
  border-spacing: 0;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node,
.mcx-dashboard-tree .node,
ul.tree .mcx-dashboard-tree-node,
ul.tree .node {
  width: 100%;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node .is-search-match,
.mcx-dashboard-tree .node .is-search-match,
ul.tree .mcx-dashboard-tree-node .is-search-match,
ul.tree .node .is-search-match {
  display: block;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node .is-not-search-match,
.mcx-dashboard-tree .node .is-not-search-match,
ul.tree .mcx-dashboard-tree-node .is-not-search-match,
ul.tree .node .is-not-search-match {
  display: none;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node.handle,
.mcx-dashboard-tree .node.handle,
ul.tree .mcx-dashboard-tree-node.handle,
ul.tree .node.handle {
  line-height: 31px;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node.handle .icon,
.mcx-dashboard-tree .node.handle .icon,
ul.tree .mcx-dashboard-tree-node.handle .icon,
ul.tree .node.handle .icon {
  padding: 0px 18px 0 5px;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node.handle:hover,
.mcx-dashboard-tree .node.handle:hover,
ul.tree .mcx-dashboard-tree-node.handle:hover,
ul.tree .node.handle:hover {
  cursor: pointer;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node.disabled > .container > .inner,
.mcx-dashboard-tree .mcx-dashboard-tree-node.disabled > .container > .inner td:not(.generator.minor.light),
.mcx-dashboard-tree .node.disabled > .container > .inner,
.mcx-dashboard-tree .node.disabled > .container > .inner td:not(.generator.minor.light),
ul.tree .mcx-dashboard-tree-node.disabled > .container > .inner,
ul.tree .mcx-dashboard-tree-node.disabled > .container > .inner td:not(.generator.minor.light),
ul.tree .node.disabled > .container > .inner,
ul.tree .node.disabled > .container > .inner td:not(.generator.minor.light) {
  color: var(--color-font-minor-2);
}
.mcx-dashboard-tree .mcx-dashboard-tree-node .badge-container,
.mcx-dashboard-tree .node .badge-container,
ul.tree .mcx-dashboard-tree-node .badge-container,
ul.tree .node .badge-container {
  display: inline-block;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node .badge-container .badge,
.mcx-dashboard-tree .node .badge-container .badge,
ul.tree .mcx-dashboard-tree-node .badge-container .badge,
ul.tree .node .badge-container .badge {
  display: inline-block;
  position: initial;
  margin-left: 5px;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node .badge-container .badge span,
.mcx-dashboard-tree .node .badge-container .badge span,
ul.tree .mcx-dashboard-tree-node .badge-container .badge span,
ul.tree .node .badge-container .badge span {
  background: var(--color-element-background);
  color: var(--color-font-minor-2);
  padding: 1px 4px;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node.down-play-controls .controls .control,
.mcx-dashboard-tree .node.down-play-controls .controls .control,
ul.tree .mcx-dashboard-tree-node.down-play-controls .controls .control,
ul.tree .node.down-play-controls .controls .control {
  opacity: 0.25;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node.down-play-controls:hover .controls .control,
.mcx-dashboard-tree .node.down-play-controls:hover .controls .control,
ul.tree .mcx-dashboard-tree-node.down-play-controls:hover .controls .control,
ul.tree .node.down-play-controls:hover .controls .control {
  opacity: 1;
}
.mcx-dashboard-tree .mcx-dashboard-tree-inner-headline,
ul.tree .mcx-dashboard-tree-inner-headline {
  display: table-cell;
}
.mcx-dashboard-tree .mcx-dashboard-tree-inner-headline.mcx-dashboard-tree-inner-headline-root,
ul.tree .mcx-dashboard-tree-inner-headline.mcx-dashboard-tree-inner-headline-root {
  font-weight: 600;
}
.mcx-dashboard-tree .mcx-dashboard-tree-control,
.mcx-dashboard-tree .tree-control,
ul.tree .mcx-dashboard-tree-control,
ul.tree .tree-control {
  width: 32px;
  height: 28px;
  border-right: 1px solid var(--color-element-border-minor);
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.mcx-dashboard-tree .mcx-dashboard-tree-control.fa,
.mcx-dashboard-tree .tree-control.fa,
ul.tree .mcx-dashboard-tree-control.fa,
ul.tree .tree-control.fa {
  color: var(--color-toolbar-major);
  font-size: 85%;
}
.mcx-dashboard-tree .mcx-dashboard-tree-inner-details,
.mcx-dashboard-tree .details,
ul.tree .mcx-dashboard-tree-inner-details,
ul.tree .details {
  font-size: 11px;
  color: var(--color-font-major-2);
  display: none;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-container:hover,
.mcx-dashboard-tree .container:hover,
.mcx-dashboard-tree .container-hover,
.mcx-dashboard-tree .mcx-dashboard-tree-node-link:hover,
.mcx-dashboard-tree .link:hover,
ul.tree .mcx-dashboard-tree-node-container:hover,
ul.tree .container:hover,
ul.tree .container-hover,
ul.tree .mcx-dashboard-tree-node-link:hover,
ul.tree .link:hover {
  cursor: pointer;
  background-color: var(--color-element-background-major);
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-container:after,
.mcx-dashboard-tree .container:after,
ul.tree .mcx-dashboard-tree-node-container:after,
ul.tree .container:after {
  content: "";
  display: table;
  clear: both;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-selected, .mcx-dashboard-tree .mcx-dashboard-tree-node-selected:hover,
.mcx-dashboard-tree .node-selected,
.mcx-dashboard-tree .node-selected:hover,
ul.tree .mcx-dashboard-tree-node-selected,
ul.tree .mcx-dashboard-tree-node-selected:hover,
ul.tree .node-selected,
ul.tree .node-selected:hover {
  background-color: var(--color-list-background-selected);
}
.mcx-dashboard-tree .mcx-dashboard-tree-link-input,
ul.tree .mcx-dashboard-tree-link-input {
  padding: 0 5px;
  background-color: rgba(255, 255, 0, 0.5);
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-controls,
.mcx-dashboard-tree .controls,
ul.tree .mcx-dashboard-tree-node-controls,
ul.tree .controls {
  position: absolute;
  top: 0;
  right: 0px;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-controls,
.mcx-dashboard-tree .mcx-dashboard-tree-node-controls .control,
.mcx-dashboard-tree .controls,
.mcx-dashboard-tree .controls .control,
ul.tree .mcx-dashboard-tree-node-controls,
ul.tree .mcx-dashboard-tree-node-controls .control,
ul.tree .controls,
ul.tree .controls .control {
  height: 30px;
  line-height: 30px;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-controls .control,
.mcx-dashboard-tree .controls .control,
ul.tree .mcx-dashboard-tree-node-controls .control,
ul.tree .controls .control {
  display: inline-block;
  width: 32px;
  text-align: center;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-controls .control.button:hover,
.mcx-dashboard-tree .controls .control.button:hover,
ul.tree .mcx-dashboard-tree-node-controls .control.button:hover,
ul.tree .controls .control.button:hover {
  background-color: var(--color-element-background-major);
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-controls .control.button.quiet,
.mcx-dashboard-tree .controls .control.button.quiet,
ul.tree .mcx-dashboard-tree-node-controls .control.button.quiet,
ul.tree .controls .control.button.quiet {
  color: var(--color-font-major-3);
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-controls .control.button.quiet:hover,
.mcx-dashboard-tree .controls .control.button.quiet:hover,
ul.tree .mcx-dashboard-tree-node-controls .control.button.quiet:hover,
ul.tree .controls .control.button.quiet:hover {
  color: var(--color-font-major-2);
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-controls .control.button.iconized,
.mcx-dashboard-tree .controls .control.button.iconized,
ul.tree .mcx-dashboard-tree-node-controls .control.button.iconized,
ul.tree .controls .control.button.iconized {
  padding: 0;
}
.mcx-dashboard-tree .mcx-dashboard-tree-node-controls .control.button.iconized .icon,
.mcx-dashboard-tree .controls .control.button.iconized .icon,
ul.tree .mcx-dashboard-tree-node-controls .control.button.iconized .icon,
ul.tree .controls .control.button.iconized .icon {
  margin: 0;
}

.ui-tooltip, .ui-tooltip-arrow:after {
  background: var(--color-background);
  border: none;
}

.ui-tooltip {
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  padding: 8px 10px;
  border: none;
  color: var(--color-font-minor-1);
  border-radius: 1px;
  font-weight: 600;
  font-size: 11px;
  /*box-shadow: 0 0 7px var(--color-element-border);*/
}

.ui-tooltip-arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -33px;
  bottom: -16px;
}

.ui-tooltip-arrow.top {
  top: -16px;
  bottom: auto;
}

.ui-tooltip-arrow.left {
  left: 20%;
}

.ui-tooltip-arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  /*box-shadow: 6px 5px 9px -9px var(--color-element-border);*/
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ui-tooltip-arrow.top:after {
  bottom: -20px;
  top: auto;
}

.highcharts-tooltip {
  font-family: var(--font-sans);
  font-size: 95%;
  color: var(--color-font-minor-1);
  border: 1px solid var(--color-gray-80);
}

.dashboard .popover[class*=tour-] {
  z-index: 11102;
}
.dashboard .popover {
  z-index: 11060;
  font-family: var(--font-sans);
  border-radius: 2px;
  border: 0;
  padding: 0;
  font-size: inherit;
  background: var(--color-background);
}
.dashboard .popover .arrow {
  border-color: transparent !important;
}
.dashboard .popover.bottom > .arrow:after {
  border-bottom-color: var(--color-background);
}
.dashboard .popover.top > .arrow:after {
  border-top-color: var(--color-background);
}
.dashboard .popover.left > .arrow:after {
  border-left-color: var(--color-background);
}
.dashboard .popover.right > .arrow:after {
  border-right-color: var(--color-background);
}
.dashboard .popover.popover-wide {
  max-width: 400px;
}
.dashboard .popover-title {
  border: none;
  font-weight: 600;
  font-size: 110%;
  background: transparent;
  font-weight: 400;
  color: var(--color-headline-major);
}
.dashboard .popover-content {
  padding: 10px 15px;
}
.dashboard .popover-content h1 {
  line-height: inherit;
  margin: 10px 0;
  padding: 0;
  height: auto;
  background: transparent;
}
.dashboard .popover-content a {
  text-decoration: none;
  color: #1e74c5;
}
.dashboard .popover-content a:hover {
  background: var(--color-element-background-minor-2) !important;
}
.dashboard .popover-content dl {
  margin: 0;
}
.dashboard .popover-content dl dt {
  font-weight: 600;
  display: block;
}
.dashboard .popover-content dl dd {
  margin: 0 0 10px 0;
}
.dashboard .mcx-dashboard-dialog-custom-content .popover-content dd {
  margin: 0 0 0 80px;
}
.dashboard .popover[class*=tour-] .popover-navigation,
.dashboard .popover-navigation {
  background: var(--color-element-background-major) !important;
  padding: 8px 15px;
}
.dashboard .popover-navigation button {
  font-family: var(--font-sans);
  font-size: inherit;
}
.dashboard .btn-sm,
.dashboard .btn-group-sm > .btn {
  border-radius: 2px;
  border: none;
  box-shadow: none;
  background: transparent !important;
}
.dashboard .btn-default, .dashboard .btn-default:active, .dashboard .btn-default:focus, .dashboard .btn-default.focus {
  color: var(--color-font-major-1);
  border: none;
  outline: none !important;
  outline-offset: 0;
  outline-color: transparent;
  box-shadow: none !important;
}
.dashboard .btn-default:hover,
.dashboard .btn-sm:hover,
.dashboard .btn-group-sm > .btn:hover {
  background: var(--color-element-background-major) !important;
}
.dashboard .tour-backdrop {
  z-index: 11100;
  background-color: var(--color-overlay-background);
  opacity: 0.5;
}
.dashboard .tour-step-background {
  z-index: 11100;
}
.dashboard .tour-step-backdrop {
  z-index: 11100;
}

.dashboard .mcx-dashlet-page.tour-step-backdrop,
.dashboard .mcx-dashboard-pageset .mcx-dashboard-custom-module.tour-step-backdrop {
  position: absolute;
}

.has-modal .dashboard .tour-backdrop {
  display: none;
}

.mcx-dashboard-toolbar-signals {
  float: none;
  display: inline-block;
  position: absolute;
  right: 0px;
}

mcx-signals {
  display: inline-block;
}

.mcx-dashboard-toolbar-signals mcx-signals {
  height: 31px;
  min-width: 160px;
}

.mcx-dashboard-signal {
  margin-right: 5px;
}

.mcx-dashboard-signal-inactive {
  opacity: 0.35;
}

.mcx-dashboard-badge > span {
  padding: 3px 9px;
  /*  background: $color-blue-light;*/
  background: var(--color-indicator-alert);
  color: var(--color-font-dark-background-major);
  border-radius: 1px;
  font-size: 11px;
  font-weight: 600;
  display: block;
  min-width: 20px;
  text-align: center;
}

.mcx-dashboard-badge.mcx-dashboard-badge-expanded {
  width: 100%;
}

.mcx-dashboard-badge-dark > span {
  color: var(--color-font-minor-1);
}

.mcx-dashboard-badge-floating,
.badge.floating {
  margin-top: 6px !important;
  margin-right: 5px !important;
  float: left;
}

.generator.inner .mcx-dashboard-badge,
.generator-inner .mcx-dashboard-badge {
  padding: 0;
}

.mcx-dashboard-badge-key {
  background: var(--color-element-background-minor-1);
  border-radius: 2px;
  display: block;
  margin-right: 5px;
  padding: 2px 5px;
  font-size: 90%;
  font-weight: 700;
  width: 35px;
  text-align: center;
}

.taskbar .mcx-taskbar-element-wrapper .badge,
.mcx-dashboard-badge-service,
.mcx-dashboard-list-inner div.mcx-dashboard-badge-service {
  /*  background: $color-blue-light;*/
  background: #c0392b;
  color: var(--color-font-contrast-major-1);
  font-size: 90%;
  font-weight: 600;
  display: block;
  border-radius: 18px;
  min-width: 18px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  position: absolute;
  top: -6px;
  right: -8px;
  display: none;
}

.taskbar .mcx-taskbar-element-wrapper .badge.has-value,
.mcx-dashboard-badge-service-has-value,
.mcx-dashboard-list-inner div.mcx-dashboard-badge-service-has-value {
  display: inline-block;
}

.mcx-dashboard-measurement-badge {
  background: var(--color-element-background-minor-1);
  border-radius: 2px;
  margin: 5px 0;
  display: block;
  margin-right: 5px;
  padding: 2px 5px;
  font-size: inherit;
  text-align: center;
}

.mcx-dashboard-measurement-badge-transparent {
  background: transparent;
}

.mcx-dashboard-badge-key-mono {
  font-family: "Roboto Mono", monospace;
  font-weight: 800;
}

.element.divider > .mcx-dashboard-badge {
  right: 6px;
  top: 6px;
  position: absolute;
}

.dark-schema .mcx-dashboard-badge > span {
  filter: saturate(50%);
  color: var(--color-font-major-1);
}
.dark-schema .taskbar .mcx-taskbar-element-wrapper .badge {
  color: var(--color-font-major-1);
}

.contains-badge .badge {
  position: absolute;
  right: 7px;
  top: 6.5px;
  display: inline-block;
  min-width: 80px;
}
.contains-badge.contains-character-count-indicator .badge {
  right: 39px;
}

.badge.hidden {
  display: none;
}
.badge.quiet > span {
  background: var(--color-element-background-minor-1);
  color: var(--color-font-major-1);
}
.badge.inline {
  float: none;
  padding: 0;
  display: inline-block;
}
.badge .flag {
  margin-right: 5px;
}
.badge .flag span {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 8px;
  height: 8px;
  min-width: initial;
  max-width: initial;
}

.taskbar .mcx-taskbar-element-wrapper .badge {
  position: absolute;
  height: 18px;
  top: 5px;
  right: 0px;
}

.mcx-dashboard-dialog-element .indent .badge.quiet.inline > span, .mcx-dashboard-dialog-element .code-container-tools .badge.quiet.inline > span {
  font-size: 13px;
  padding: 4px 10px;
  font-weight: 400;
}
.mcx-dashboard-dialog-element .indent .inline, .mcx-dashboard-dialog-element .code-container-tools .inline {
  margin-right: 2.5px;
}

.mcx-dashboard-datatable th {
  color: var(--color-font-minor-1);
  font-weight: normal;
  font-size: inherit;
  padding: 0px 10px !important;
  height: 32px;
  text-align: left;
}

.mcx-dashboard-datatable th .mcx-dashboard-datatable-headline-span {
  display: block;
  font-size: 90%;
  color: var(--color-font-minor-2);
}

.mcx-dashboard-datatable th .mcx-dashboard-datatable-headline-span-before {
  margin-bottom: 5px;
}

.mcx-dashboard-datatable th .mcx-dashboard-datatable-headline-span-after {
  margin-top: 5px;
}

.mcx-dashboard-datatable td {
  font-size: inherit;
}

.dataTables_filter,
.dataTables_scrollFoot {
  display: none;
}

.mcx-dashboard-datatable.dataTable.stripe tbody tr.odd,
.mcx-dashboard-datatable.dataTable.display tbody tr.odd,
.mcx-dashboard-datatable.dataTable.stripe tbody tr.even,
.mcx-dashboard-datatable.dataTable.display tbody tr.even {
  background-color: var(--color-background);
}

.mcx-dashboard-datatable.dataTable tbody tr[data-command]:hover {
  cursor: pointer;
}

.mcx-dashboard-datatable.dataTable.row-border tbody th,
.mcx-dashboard-datatable.dataTable.row-border tbody td,
.mcx-dashboard-datatable.dataTable.display tbody th,
.mcx-dashboard-datatable.dataTable.display tbody td {
  border-top: 1px solid var(--color-element-border-major);
}

.mcx-dashboard-datatable.dataTable tbody td:not(.list-check) {
  padding: 8px 10px;
  vertical-align: top;
}
.mcx-dashboard-datatable.dataTable tbody td.list-check {
  padding: 0;
  width: 32px;
  border-right: 1px solid var(--color-element-border-minor);
}
.mcx-dashboard-datatable.dataTable tbody td.list-check span {
  width: 32px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  color: var(--color-element-border);
}
.mcx-dashboard-datatable.dataTable tbody td.list-check:hover {
  cursor: pointer;
  background-color: var(--color-list-background-hover);
  transition: background-color 0.25s ease-in-out;
}
.mcx-dashboard-datatable.dataTable tbody td.list-check:hover span {
  color: var(--color-toolbar-major) !important;
}
.mcx-dashboard-datatable.dataTable tbody td.list-check:hover span:before {
  content: "\f14a";
}

.mcx-dashboard-datatable.dataTable.hover tbody tr:hover,
.mcx-dashboard-datatable.dataTable.hover tbody tr.odd:hover,
.mcx-dashboard-datatable.dataTable.hover tbody tr.even:hover,
.mcx-dashboard-datatable.dataTable.display tbody tr:hover,
.mcx-dashboard-datatable.dataTable.display tbody tr.odd:hover,
.mcx-dashboard-datatable.dataTable.display tbody tr.even:hover {
  background-color: var(--color-list-background-hover) !important;
}

.mcx-dashboard-datatable-column-highlight {
  background-color: var(--color-list-background-hover) !important;
}

.mcx-dashboard-datatable.dataTable.display tbody tr.odd > .sorting_1,
.mcx-dashboard-datatable.dataTable.display tbody tr.even > .sorting_1,
.mcx-dashboard-datatable.dataTable.order-column.stripe tbody tr.odd > .sorting_1 .mcx-dashboard-datatable.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: inherit;
}

.mcx-dashboard-datatable.dataTable.display tbody tr.even > .sorting_1,
.mcx-dashboard-datatable.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  /*  background-color: var(--color-gray-98);*/
  background-color: inherit;
}

.mcx-dashboard-datatable.dataTable.display tbody tr:hover.even > .sorting_1,
.mcx-dashboard-datatable.dataTable.order-column.stripe tbody tr:hover.even > .sorting_1 {
  /*  background-color: var(--color-gray-90);*/
  background-color: inherit;
}

.mcx-dashboard-datatable.dataTable.display tbody tr:hover.odd > .sorting_1,
.mcx-dashboard-datatable.dataTable.order-column.stripe tbody tr:hover.odd > .sorting_1 {
  /*  background-color: var(--color-gray-90);*/
  background-color: inherit;
}

.mcx-dashboard-datatable.dataTable thead th,
.mcx-dashboard-datatable.dataTable thead td,
.dataTables_scrollHeadInner {
  border-bottom: 1px solid var(--color-element-border);
  font-weight: normal;
}

.mcx-dashboard-datatable.dataTable tfoot th,
.mcx-dashboard-datatable.dataTable tfoot td,
.dataTables_scrollFootInner {
  border-top: 1px solid var(--color-element-border);
  font-weight: normal;
}

.dataTables_scroll .mcx-dashboard-datatable.dataTable thead th,
.dataTables_scroll .mcx-dashboard-datatable.dataTable thead td,
.dataTables_scroll .mcx-dashboard-datatable.dataTable tfoot th,
.dataTables_scroll .mcx-dashboard-datatable.dataTable tfoot td {
  border-bottom: none;
  border-top: none;
  color: var(--color-font-minor-1);
}

.mcx-dashboard-datatable.dataTable tbody .divider th,
.mcx-dashboard-datatable.dataTable tbody .divider td {
  border-bottom: 1px solid var(--color-element-border);
}

.mcx-dashboard-datatable.dataTable tbody tr.divider:hover,
.mcx-dashboard-datatable.dataTable tbody tr.divider:hover {
  background-color: transparent;
}

.mcx-dashboard-datatable.dataTable tbody .divider-bold th,
.mcx-dashboard-datatable.dataTable tbody .divider-bold td {
  font-weight: 600 !important;
  color: var(--color-gray-10) !important;
}

.mcx-dashboard-datatable-minor {
  color: var(--color-font-minor-1);
}

.mcx-dashboard-datatable-border-right {
  border-right: 1px solid var(--color-element-border);
}

.mcx-dashboard .dt-buttons button, .mcx-dashboard .dt-buttons button:hover, .mcx-dashboard .dt-buttons button:active, .mcx-dashboard .dt-buttons button:focus {
  margin: 0;
  height: 32px;
  line-height: 32px;
  border-radius: 0 !important;
  font-size: inherit;
  padding: 0 12px;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  outline: none;
  color: var(--color-toolbar-major);
  text-shadow: none !important;
}
.mcx-dashboard .dt-buttons button:hover, .mcx-dashboard .dt-buttons button:active, .mcx-dashboard .dt-buttons button:focus, .mcx-dashboard .dt-buttons button:hover:hover, .mcx-dashboard .dt-buttons button:hover:active, .mcx-dashboard .dt-buttons button:hover:focus, .mcx-dashboard .dt-buttons button:active:hover, .mcx-dashboard .dt-buttons button:active:active, .mcx-dashboard .dt-buttons button:active:focus, .mcx-dashboard .dt-buttons button:focus:hover, .mcx-dashboard .dt-buttons button:focus:active, .mcx-dashboard .dt-buttons button:focus:focus {
  background: var(--color-element-background-major) !important;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
  outline: none;
  box-shadow: none !important;
}
.mcx-dashboard .DTFC_LeftBodyWrapper,
.mcx-dashboard table.DTFC_Cloned thead,
.mcx-dashboard table.DTFC_Cloned tfoot {
  background-color: initial !important;
}

.live-translation.origin {
  display: none !important;
}
.live-translation.translated, .live-translation.translated[disabled], .live-translation.translated[disabled=disabled] {
  display: initial;
  color: var(--color-live-translated) !important;
}

.popper-trigger.popper-active.mcx-taskbar-element, .popper-trigger.popper-active.mcx-taskbar-element:hover {
  background: var(--color-background) !important;
  color: var(--color-font-major-1) !important;
}

.dark-schema .roster-container .received {
  filter: invert(1);
  color: var(--color-font-contrast-major-1);
}

.roster-container .inline-component.badge {
  display: inline-block;
  padding: 1px 2.5px;
  background: var(--color-element-background-minor-2);
  color: var(--color-font-minor-1);
  font-size: 90%;
  font-weight: 600;
  white-space: nowrap;
}
.roster-container .missing {
  color: var(--color-alert);
}
.roster-container .mcx-dashboard-list-main {
  width: auto;
  min-width: initial;
  max-width: initial;
}
.roster-container .mcx-dashlet-page-headline-sub {
  float: none;
  margin-left: 10px;
  color: var(--color-font-major-1);
}
.roster-container .mcx-dashlet-page-headline-sub div {
  display: inline-block;
}
.roster-container .mcx-dashlet-page-headline-sub div span {
  display: inline;
  padding: 2.5px 7.5px;
  background: var(--color-element-background-minor-2);
  color: var(--color-font-minor-1);
  font-weight: 600;
  white-space: nowrap;
  margin-right: 10px;
}
.roster-container .component-draggable {
  cursor: pointer;
}
.roster-container .roster.editable .receivable {
  position: relative;
  cursor: pointer;
}
.roster-container .roster.editable .receivable:hover {
  /*background: var(--color-element-background);*/
}
.roster-container .roster.editable .receivable:hover::after {
  content: "";
  top: 0px;
  left: 0px;
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  border: 2px solid var(--color-element-border);
  position: absolute;
  border-radius: 2px;
  box-shadow: 0 0 10px var(--color-box-shadow-dashlets);
}
.roster-container .roster.editable .receivable.ui-droppable-hover {
  background: var(--color-element-background-minor-1);
}
.roster-container .roster.editable .receivable .received {
  z-index: 1;
}
.roster-container .roster.editable .receivable .received:hover {
  filter: brightness(0.85);
  cursor: pointer;
}
.roster-container .ui-draggable-dragging {
  width: initial;
  max-width: 200px;
  border: 1px solid var(--color-element-border);
  background: var(--color-background);
}
.roster-container table.roster {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
}
.roster-container table.roster .fourth, .roster-container table.roster .fifth, .roster-container table.roster .result {
  display: none;
}
.roster-container table.roster.has-calculations .fourth, .roster-container table.roster.has-calculations .fifth, .roster-container table.roster.has-calculations .result {
  display: table-cell;
}
.roster-container table.roster.month th.weekday,
.roster-container table.roster.month td.weekday {
  width: 32px;
}
.roster-container table.roster.month th .name-full,
.roster-container table.roster.month th .name-short,
.roster-container table.roster.month th .date,
.roster-container table.roster.month td .name-full,
.roster-container table.roster.month td .name-short,
.roster-container table.roster.month td .date {
  display: none;
}
.roster-container table.roster.month th .received,
.roster-container table.roster.month td .received {
  max-width: 24px;
}
.roster-container table.roster.month th.weekday .date {
  display: inline-block;
}
.roster-container table.roster.week th.weekday,
.roster-container table.roster.week td.weekday {
  width: 150px;
}
.roster-container table.roster.week th.weekday .name-full {
  display: inline-block;
}
.roster-container table.roster thead tr th {
  height: 31px;
  background: var(--color-background);
  border-bottom: 1px solid var(--color-structure-border-major);
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 1;
  cursor: default;
}
.roster-container table.roster thead tr th.weekday {
  text-align: center;
}
.roster-container table.roster thead tr th::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-background);
  z-index: -2;
}
.roster-container table.roster thead tr th.saturday::before, .roster-container table.roster thead tr th.sunday::before, .roster-container table.roster thead tr th.holiday::before, .roster-container table.roster thead tr th.today::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.roster-container table.roster thead tr th.holiday::before, .roster-container table.roster thead tr th.saturday::before, .roster-container table.roster thead tr th.sunday::before {
  background: var(--color-alert-background-light);
}
.roster-container table.roster thead tr th.holiday {
  cursor: help;
}
.roster-container table.roster thead tr th.holiday .date {
  color: var(--color-alert);
}
.roster-container table.roster thead tr th.today {
  color: var(--color-font-contrast-major-1);
}
.roster-container table.roster thead tr th.today::after {
  background: var(--color-headline-major);
}
.roster-container table.roster thead tr th.result span, .roster-container table.roster thead tr th.third span, .roster-container table.roster thead tr th.fourth span, .roster-container table.roster thead tr th.fifth span {
  color: var(--color-font-major-3);
}
.roster-container table.roster th,
.roster-container table.roster td {
  padding: 0;
}
.roster-container table.roster th.weekday, .roster-container table.roster th.spacer,
.roster-container table.roster td.weekday,
.roster-container table.roster td.spacer {
  /* border-left: 1px solid var(--color-element-border-minor); */
}
.roster-container table.roster th.saturday, .roster-container table.roster th.sunday, .roster-container table.roster th.holiday,
.roster-container table.roster td.saturday,
.roster-container table.roster td.sunday,
.roster-container table.roster td.holiday {
  background: var(--color-alert-background-light);
}
.roster-container table.roster th.first, .roster-container table.roster th.second,
.roster-container table.roster td.first,
.roster-container table.roster td.second {
  padding: 0 10px;
}
.roster-container table.roster th.first,
.roster-container table.roster td.first {
  width: 168px;
}
.roster-container table.roster th.second,
.roster-container table.roster td.second {
  width: 85px;
  color: var(--color-font-minor-2);
}
.roster-container table.roster th.third,
.roster-container table.roster td.third {
  color: var(--color-font-minor-2);
}
.roster-container table.roster th.fourth,
.roster-container table.roster td.fourth {
  color: var(--color-font-minor-2);
}
.roster-container table.roster th.fifth,
.roster-container table.roster td.fifth {
  border-right: 1px solid var(--color-element-border-minor);
  color: var(--color-font-minor-2);
}
.roster-container table.roster th.result,
.roster-container table.roster td.result {
  text-align: center;
}
.roster-container table.roster th.third, .roster-container table.roster th.fourth, .roster-container table.roster th.fifth, .roster-container table.roster th.result,
.roster-container table.roster td.third,
.roster-container table.roster td.fourth,
.roster-container table.roster td.fifth,
.roster-container table.roster td.result {
  width: 56px;
}
.roster-container table.roster th.result-first,
.roster-container table.roster td.result-first {
  border-left: 1px solid var(--color-element-border-minor);
}
.roster-container table.roster tbody tr:nth-child(even) {
  background: var(--color-background-alt-minor);
}
.roster-container table.roster tbody tr.divider td {
  border-bottom: 1px solid var(--color-structure-border-major);
  vertical-align: center;
  line-height: 31px;
}
.roster-container table.roster tbody tr.divider td.first {
  font-weight: bold;
}
.roster-container table.roster tbody tr.focussed td {
  background: var(--color-list-background-selected-alt);
}
.roster-container table.roster tbody tr td {
  height: 32px;
  /* border-bottom: 1px solid var(--color-element-border-major); */
  vertical-align: top;
}
.roster-container table.roster tbody tr td.first > div, .roster-container table.roster tbody tr td.second > div, .roster-container table.roster tbody tr td.third > div, .roster-container table.roster tbody tr td.fourth > div, .roster-container table.roster tbody tr td.fifth > div {
  line-height: 31px;
  height: 31px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.roster-container table.roster tbody tr td.result {
  line-height: 31px;
}
.roster-container table.roster tbody tr td.result .value {
  display: block;
  line-height: 31px;
  height: 31px;
}
.roster-container table.roster tbody tr td.spacer {
  width: auto;
}
.roster-container table.roster tbody tr td.divider {
  /*
  border-bottom: 1px solid var(--color-structure-border-major);
  font-size: 0;

  div {
      color: var(--color-headline-major);
      display: inline-block;
      font-size: $font-size-default;
      height: 32px;
      line-height: 32px;
      padding: 0 10px;
  }

  .label {
      padding: 0 10px;
      width: 291px;
  }

  .controls {
      padding: 0;
      width: 78px;
      border-right: 1px solid var(--color-element-border-minor);
      text-align: right;

      a {
          display: inline-block;
          float: none;

          &:hover {
              background-color: var(--color-element-background-major) !important;
              cursor: pointer;
          }
      }
  }

  .day-span {
      width: calc(100% - 391px);
  }

  .spacer {
      width: calc(100% - 391px);
      border-left: 1px solid var(--color-element-border-minor);
  }

  &.second-level>div {
      color: var(--color-font-minor-1);
  }
  */
}
.roster-container table.roster tbody tr td .received {
  line-height: 24px;
  overflow: hidden;
  padding: 0 5px;
  height: 24px;
  text-overflow: hidden;
  white-space: nowrap;
  margin: 4px;
  border-radius: 2px;
  position: relative;
  font-weight: 600;
  font-size: 11px;
}
.roster-container table.roster tbody tr td .received.task {
  cursor: pointer;
}
.roster-container table.roster tbody tr td .received.shift, .roster-container table.roster tbody tr td .received.leave {
  padding: 0;
  text-align: center;
}
.roster-container table.roster tbody tr td .received.edited::after {
  content: "";
  font-size: 3px;
  background-color: var(--color-alert);
  width: 4px;
  height: 4px;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  border-radius: 2px;
}
.roster-container table.roster tbody tr td .received .component-flags {
  position: absolute;
  /*
  top: calc(4px / 2);
  left: calc(4px / 2);
  */
  top: 0;
  left: 0;
}
.roster-container table.roster tbody tr td .received .component-flags .component-flag {
  border-radius: 50%;
  height: 4px;
  width: 4px;
  margin-right: calc(4px / 2);
}
.roster-container table.roster tbody tr td .received .component-flags .component-flag.change-after-finalization {
  background-color: red;
}
.roster-container table.roster tbody tr td.selected {
  position: relative;
}
.roster-container table.roster tbody tr td.selected::after {
  content: " ";
  width: calc(100% - 3px);
  height: calc(100% - 3px);
  border: 2px solid var(--color-alert) !important;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px;
  box-shadow: 0 0 10px var(--color-box-shadow-dashlets);
}
.roster-container table.roster tbody tr:last-of-type td {
  border-bottom: 1px solid var(--color-structure-border-major);
}
.roster-container .data-loading {
  position: relative;
  margin: 8px 0;
  display: inline-block;
  background: var(--color-element-background);
  width: 100%;
  height: 16px;
  line-height: 16px;
}
.roster-container .data-loading-indicator {
  position: absolute;
  width: 50%;
  height: 16px;
  background: var(--color-element-background);
  top: 0;
  left: -25%;
  animation: data-loading-indicator 1s ease-in;
  animation-iteration-count: infinite;
  z-index: 1;
}
.roster-container .data-loading-indicator.ready {
  opacity: 0;
}

@keyframes data-loading-indicator {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}
.modal .shift-available .mcx-dashboard-list-main > div {
  font-size: 90%;
  font-weight: 600;
  color: var(--color-font-major-3);
}
.modal .period-adjust {
  margin-top: -10px;
}
.modal .period-adjust .container {
  width: 50%;
  display: inline-block;
  position: relative;
  height: 42px;
}
.modal .period-adjust .container label {
  width: initial;
  float: none;
  position: absolute;
  top: 0;
  left: 10px;
  padding: 0;
  margin: 0;
  line-height: 36px;
  height: 36px;
  z-index: 1;
  color: var(--color-font-minor-2);
}
.modal .period-adjust .container input {
  position: absolute;
  padding-left: 70px;
  width: calc(100% - 92px);
  left: 0;
  z-index: 0;
}
.modal .period-adjust .container .mcx-dashboard-dialog-clear {
  clear: both;
}

.dashboard .sp-container {
  margin-top: -1px;
  background-color: var(--color-background);
  border-color: var(--color-element-border);
}
.dashboard .sp-container .sp-palette .sp-thumb-el {
  border: none;
}
.dashboard .sp-container, .dashboard .sp-container * {
  font-family: var(--font-sans);
  color: var(--color-font-minor-1);
}
.dashboard .sp-container .sp-color, .dashboard .sp-container .sp-hue, .dashboard .sp-container .sp-clear {
  border: none;
}
.dashboard .sp-container .sp-palette-container,
.dashboard .sp-container .sp-picker-container {
  border: none;
}
.dashboard .sp-container .sp-button-container {
  margin-top: 5px;
}
.dashboard .sp-container .sp-cancel {
  margin-right: 10px;
}
.dashboard .sp-container .sp-cancel, .dashboard .sp-container .sp-cancel:hover, .dashboard .sp-container .sp-cancel:active,
.dashboard .sp-container button,
.dashboard .sp-container button:hover,
.dashboard .sp-container button:active {
  border: none;
  font-size: 13px;
  text-decoration: none !important;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  border-radius: 2px;
  background: transparent;
  background-color: transparent;
  background-image: none;
  cursor: pointer;
  border: none;
  color: var(--color-font-minor-1) !important;
  text-shadow: none;
  display: inline-block;
}
.dashboard .sp-container .sp-cancel:active, .dashboard .sp-container .sp-cancel:hover, .dashboard .sp-container .sp-cancel:hover:active, .dashboard .sp-container .sp-cancel:hover:hover, .dashboard .sp-container .sp-cancel:active:active, .dashboard .sp-container .sp-cancel:active:hover,
.dashboard .sp-container button:active,
.dashboard .sp-container button:hover,
.dashboard .sp-container button:hover:active,
.dashboard .sp-container button:hover:hover,
.dashboard .sp-container button:active:active,
.dashboard .sp-container button:active:hover {
  background: var(--color-element-background-minor-2);
  transition: all 0.15s ease-in-out;
}
.dashboard .sp-replacer {
  margin: 0;
}
.dashboard .sp-replacer {
  border-color: var(--color-element-border);
  background: transparent;
}
.dashboard .sp-replacer.sp-active, .dashboard .sp-replacer:hover {
  border-color: var(--color-toolbar-major);
}
.dashboard .sp-dd {
  display: none;
}
.dashboard .sp-preview {
  width: 12px;
  height: 12px;
  border: none;
  margin: 4px;
}

div.flag {
  display: inline-block;
  float: none;
  padding: 0;
}
div.flag span {
  border-radius: 50%;
  padding: 0;
}

.dashboard .CodeMirror {
  height: 400px;
  /*
  border: 1px solid var(--color-element-border);

  &:hover,
  &:focus,
  &:active {
      border-color: var(--color-toolbar-major);
  }
  */
}
.dashboard .CodeMirror,
.dashboard .CodeMirror * {
  font-family: "Roboto Mono", monospace;
  font-size: 13.5px !important;
}
.dashboard .CodeMirror .CodeMirror-line,
.dashboard .CodeMirror * .CodeMirror-line {
  font-weight: 600;
}
.dashboard .CodeMirror .CodeMirror-linenumber,
.dashboard .CodeMirror * .CodeMirror-linenumber {
  background: transparent;
}
.dashboard .CodeMirror .CodeMirror-gutters,
.dashboard .CodeMirror * .CodeMirror-gutters {
  background: transparent;
  border-color: var(--color-element-border-major);
}
.dashboard .mcx-dashboard-modal .mcx-dashboard-modal-wrapper fieldset.mcx-dashboard-dialog-fieldset.code-container {
  float: none;
}
.dashboard .mcx-dashboard-modal .mcx-dashboard-modal-wrapper fieldset.mcx-dashboard-dialog-fieldset.code-container .mcx-dashboard-dialog-element {
  padding: 0;
  margin: 0;
  display: block;
}
.dashboard .mcx-dashboard-modal .mcx-dashboard-modal-wrapper fieldset.mcx-dashboard-dialog-fieldset.code-container .mcx-dashboard-dialog-element label {
  float: none;
  display: block;
  width: 100%;
  padding: 0 15px;
  line-height: 32px;
  border-top: 1px solid var(--color-element-border-minor);
  margin: 0;
}
.dashboard .mcx-dashboard-modal .mcx-dashboard-modal-double.mcx-dashboard-modal-wrapper fieldset.mcx-dashboard-dialog-fieldset.code-container {
  width: calc(100% - 20px);
}
.dashboard .mcx-dashboard-modal .mcx-dashboard-modal-wrapper:not(.mcx-dashboard-modal-double) .mcx-dashboard-dialog fieldset.mcx-dashboard-dialog-fieldset {
  margin-bottom: 0 !important;
}
.dashboard .mcx-dashboard-modal .mcx-dashboard-modal-wrapper:not(.mcx-dashboard-modal-double) .mcx-dashboard-dialog fieldset.mcx-dashboard-dialog-fieldset.code-container {
  width: 100%;
}

.dashboard .jsoneditor {
  border: none;
  margin: 10px -15px -15px -15px;
  width: calc(100% + 30px);
  height: calc(100% + 20px);
  background-color: var(--color-background-alt);
}

.head-chart .wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.head-chart .wrapper .header {
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid var(--color-structure-border-major);
  display: flex;
  flex-direction: row;
}
.head-chart .wrapper .header .columns {
  display: flex;
  flex-direction: row;
}
.head-chart .wrapper .header .columns .column.column-7 {
  width: 14.2857142857%;
  border-left: 1px solid var(--color-structure-border-major);
}
.head-chart .wrapper .header .columns .column .wrapper {
  padding: 0 10px;
}
.head-chart .wrapper .section {
  border-bottom: 1px solid var(--color-structure-border-major);
  display: flex;
}
.head-chart .wrapper .section.toggleable .headline:hover {
  background: var(--color-element-background-major) !important;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.head-chart .wrapper .section .headline {
  overflow: hidden;
}
.head-chart .wrapper .section .headline .title {
  display: flex;
  color: var(--color-headline-minor);
}
.head-chart .wrapper .section .headline .title h4 {
  font-weight: normal;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  line-height: 32px;
}
.head-chart .wrapper .section .headline .title .icon {
  width: 32px;
  text-align: center;
  font-size: 12px;
  line-height: 32px;
  border-right: 1px solid var(--color-element-border-minor);
  margin-right: 10px;
}
.head-chart .wrapper .section.expanded {
  flex-direction: row;
}
.head-chart .wrapper .section.expanded .headline {
  width: 32px;
  display: flex;
  border-right: 1px solid var(--color-element-border-major);
}
.head-chart .wrapper .section.expanded .headline .title {
  flex: 0 0 32px;
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.head-chart .wrapper .section.expanded .headline .title h4 {
  transform: rotate(-90deg);
}
.head-chart .wrapper .section.expanded .headline .icon {
  display: none;
}
.head-chart .wrapper .section.expanded .container {
  width: calc(100% - 32px);
  display: block;
}
.head-chart .wrapper .section.collapsed {
  flex-direction: column;
}
.head-chart .wrapper .section.collapsed .headline {
  height: 32px;
  line-height: 32px;
}
.head-chart .wrapper .section.collapsed .container {
  display: none;
}
.head-chart .wrapper .section.chart .container {
  background: var(--color-background-alt);
}

html {
  --opacity-slot-off-focus: .35;
}
html .call-for-action {
  margin-right: 10px;
}
html .dashboard.has-timeline .vis-timeline .vis-item {
  left: 5px;
}
html .dashboard.has-timeline .vis-timeline .vis-item .vis-dot {
  display: none;
}
html .dashboard.has-timeline .vis-timeline .vis-item.slot-available {
  color: var(--color-text-slot-available);
  background-color: var(--color-background-slot-available);
}
html .dashboard.has-timeline .vis-timeline .vis-item.slot-available:hover {
  cursor: pointer;
}
html .dashboard.has-timeline .vis-timeline .vis-item.slot-unavailable {
  color: var(--color-text-slot-unavailable);
  background-color: var(--color-background-slot-unavailable);
}
html .vis-time-axis .vis-grid.vis-vertical:hover {
  background-color: var(--color-background-alt);
}
html.dark-schema {
  --color-background-slot-available: #4f7e41;
  --color-text-slot-available: white;
  --color-background-slot-unavailable: #636363;
  --color-text-slot-unavailable: var(--color-font-major-3);
}
html.dark-schema .vis-time-axis .vis-saturday,
html.dark-schema .vis-time-axis .vis-sunday {
  background-color: rgba(146, 135, 135, 0.1);
}
html.light-schema {
  --color-background-slot-available: #7fac71;
  --color-text-slot-available: white;
  --color-background-slot-unavailable: #e0d6d6;
  --color-text-slot-unavailable: var(--color-font-major-3);
}
html.light-schema .vis-time-axis .vis-saturday,
html.light-schema .vis-time-axis .vis-sunday {
  background-color: rgba(243, 174, 174, 0.2);
}
html .dashboard.has-timeline .vis-timeline {
  border: none;
  background: initial;
}

.data-card-set {
  width: 915px;
  margin: 40px auto 0 auto;
  overflow: hidden;
}
.data-card-set > .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.data-card-set > .wrapper .data-card {
  width: 440px;
  margin-right: 10px;
  margin-bottom: 40px;
}
.data-card-set > .wrapper .data-card.has-command:hover {
  cursor: pointer;
}
.data-card-set > .wrapper .data-card header {
  height: 48px;
  display: flex;
  flex-direction: row;
}
.data-card-set > .wrapper .data-card header > * {
  line-height: 48px;
}
.data-card-set > .wrapper .data-card header .icon {
  width: 48px;
  font-size: 24px;
  color: var(--color-font-minor-2);
}
.data-card-set > .wrapper .data-card header .title {
  font-weight: 700;
  padding: 0;
  margin: 0;
  color: var(--color-font-minor-2);
}
.data-card-set > .wrapper .data-card.persona header {
  height: initial;
}
.data-card-set > .wrapper .data-card.persona header .image-container {
  height: 96px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.data-card-set > .wrapper .data-card.persona header .image-container .image {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: center no-repeat;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.data-card-set > .wrapper .data-card.persona header > * {
  line-height: initial;
}
.data-card-set > .wrapper .data-card section .row {
  display: flex;
  flex-direction: row;
}
.data-card-set > .wrapper .data-card section .row:not(:last-of-type) {
  margin-bottom: 10px;
}
.data-card-set > .wrapper .data-card section .row .label {
  width: 120px;
  overflow: hidden;
  margin: 0;
  font-size: inherit;
  color: var(--color-font-major-3);
  font-weight: 500;
  text-overflow: ellipsis;
}
.data-card-set > .wrapper .data-card section .row .value {
  width: 100%;
}
.data-card-set > .wrapper .data-card section .row .value .value-part:not(:last-of-type) {
  margin-bottom: 5px;
}
.data-card-set > .wrapper .data-card section .row .value .value-part.message {
  margin-left: -10px;
  margin-right: -10px;
  line-height: 18px;
}
.data-card-set > .wrapper .data-card section .row .value .value-part.message.notice {
  background-color: var(--color-indicator-background-notice);
  padding: 10px;
}
.data-card-set > .wrapper .data-card.has-icon section {
  margin-left: 48px;
}
.data-card-set.separated > .wrapper .data-card {
  background: var(--color-element-background);
  width: 400px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px 20px 20px 20px;
}

.dashlet.mcx-dashlet-x6 .data-card-set {
  margin: 0;
  width: 890px;
}
.dashlet.mcx-dashlet-x6 .data-card-set.persona-card-set .data-card {
  width: 148.3333333333px;
  height: 148.3333333333px;
  text-align: center;
  margin: 0;
}
.dashlet.mcx-dashlet-x6 .data-card-set.persona-card-set .data-card header {
  display: block;
}
.dashlet.mcx-dashlet-x6 .data-card-set.persona-card-set .data-card:hover {
  background-color: var(--color-element-background-major);
}

mcx-snack,
.snack.component {
  display: inline;
  float: none;
  width: 100%;
  height: auto;
}
mcx-snack.loading,
.snack.component.loading {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
mcx-snack.loaded,
.snack.component.loaded {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  background: initial;
  border-radius: 0;
  height: auto;
  width: auto;
}
mcx-snack.loaded:has(*),
.snack.component.loaded:has(*) {
  display: inline-block;
}
mcx-snack.loaded.block,
.snack.component.loaded.block {
  display: block;
}
mcx-snack.empty,
.snack.component.empty {
  display: none;
}
mcx-snack .component,
.snack.component .component {
  float: none;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-help {
  cursor: help;
}

.cursor-crosshair {
  cursor: crosshair;
}

.cursor-progress {
  cursor: progress;
}

.cursor-cell {
  cursor: cell;
}

.cursor-alias {
  cursor: alias;
}

.cursor-copy {
  cursor: copy;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

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

.cursor-row-resize {
  cursor: row-resize;
}

.cursor-n-resize {
  cursor: n-resize;
}

.cursor-e-resize {
  cursor: e-resize;
}

.cursor-s-resize {
  cursor: s-resize;
}

.cursor-w-resize {
  cursor: w-resize;
}

.cursor-ne-resize {
  cursor: ne-resize;
}

.cursor-nw-resize {
  cursor: nw-resize;
}

.cursor-se-resize {
  cursor: se-resize;
}

.cursor-sw-resize {
  cursor: sw-resize;
}

.cursor-ew-resize {
  cursor: ew-resize;
}

.cursor-ns-resize {
  cursor: ns-resize;
}

.cursor-nesw-resize {
  cursor: nesw-resize;
}

.cursor-nwse-resize {
  cursor: nwse-resize;
}

.invisible-component {
  display: none;
}

.show-invisible-components .invisible-component {
  display: initial;
}

.mcx-dashboard-modal-content {
  padding: 20px 15px 30px 15px;
  font-size: inherit;
  color: var(--color-font-minor-1);
  position: relative;
}

.mcx-dashboard-modal-audit-inner {
  padding-top: 10x;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 15px;
  color: var(--color-font-major-2);
  font-size: 90%;
}

.mcx-dashboard-modal-audit-symbol {
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  margin-right: 5px;
  font-size: 90%;
  color: var(--color-font-major-3);
}

.mcx-dashboard-modal-audit-value {
  margin-right: 10px;
}

.modal .dashlets.has-dashlets {
  background: var(--color-element-background-major);
  padding: 10px 15px 0px 15px;
  min-height: 70px;
}
.modal .dashlets .mcx-dashlet,
.modal .dashlets .dashlet {
  float: none;
  display: inline-block;
}

.modal .wrapper > .controls {
  text-align: right;
  background: var(--color-element-background-major);
  position: relative;
  height: 48px;
}
.modal .wrapper > .controls .wrapper {
  position: absolute;
  right: 15px;
  top: 8px;
}
.modal .wrapper > .controls .auto-control {
  position: absolute;
  height: 48px;
  line-height: 48px;
  padding-left: 15px;
}
.modal .wrapper > .controls .auto-control input[type=checkbox] {
  vertical-align: text-bottom;
  border: 2px solid var(--color-element-border);
  outline: 0;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: transparent;
  margin: initial !important;
  display: inline-block;
  transition: all 0.1s ease-in;
  padding: 0;
}
.modal .wrapper > .controls .auto-control input[type=checkbox][type=radio] {
  border-radius: 100%;
}
.modal .wrapper > .controls .auto-control input[type=checkbox][type=radio]:checked:before {
  border-radius: 100%;
}
.modal .wrapper > .controls .auto-control input[type=checkbox]:checked:before {
  content: " ";
  width: 10px;
  height: 10px;
  display: block;
  background-color: var(--color-toolbar-major);
  margin-top: 2px;
  margin-left: 2px;
}
.modal .wrapper > .controls .auto-control input[type=checkbox]:hover, .modal .wrapper > .controls .auto-control input[type=checkbox]:focus {
  border-color: var(--color-toolbar-major);
}
.modal .wrapper > .controls .auto-control input[type=checkbox]:active {
  transform: scale(1.25);
}
.modal .wrapper > .controls .auto-control label {
  padding-left: 10px;
  cursor: pointer;
  color: var(--color-font-major-2);
}

.mcx-dashboard-modal-datetimepicker .mcx-dashboard-timeinput-wrapper {
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: 560px;
}

pre {
  margin: 0;
}
pre code.hljs {
  padding: 20px;
  font-weight: 600;
}

.mcx-dashboard-modal-code pre {
  height: 685px;
  color: #3fc501;
  margin: 15px;
  font-size: inherit;
}

.mcx-dashboard-modal-code textarea,
.mcx-dashboard-modal-misc.mcx-dashboard-modal-code textarea {
  background: var(--color-element-background-minor-2);
  color: var(--color-font-major-1);
  padding: 15px;
  border: none;
  font-family: "Roboto Mono", monospace;
  width: 570px;
  height: 400px;
  margin: 0 -15px -15px -15px !important;
  direction: ltr;
}

.mcx-dashboard-modal-double .mcx-dashboard-modal-misc.mcx-dashboard-modal-code textarea {
  width: 1190px;
}

.mcx-json-tree {
  direction: ltr;
}

.mcx-json-tree a.json-toggle:before {
  color: var(--color-font-minor-2);
  width: 16px;
  left: -16px;
}

.mcx-dashboard-modal .mcx-json-tree {
  height: 450px;
  width: calc(100% - 10px);
  padding: 15px 20px;
  overflow: hidden;
  overflow-y: scroll;
  margin: 0 -15px -15px -15px;
  border: none;
  background: var(--color-element-background-minor-2);
}

.mcx-dashboard-modal-headline h3 {
  color: var(--color-headline-major);
}

.mcx-dashboard-modal-misc .mcx-dashboard-modal-headline,
.mcx-dashboard-modal-list .mcx-dashboard-modal-headline {
  padding: 10px 15px 5px 15px;
}

.mcx-dashboard-modal-misc .mcx-dashboard-modal-headline-subjected,
.mcx-dashboard-modal-list .mcx-dashboard-modal-headline-subjected {
  padding-bottom: 0;
}

.mcx-dashboard-modal-headline-value {
  color: var(--color-font-minor-1);
  cursor: default;
  position: absolute;
  background: var(--color-background);
  padding-left: 10%;
  right: 15px;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, var(--color-background-transparent) 0%, var(--color-background) 25%);
}
.mcx-dashboard-modal-headline-value > span {
  font-size: inherit;
  margin-left: 7.5px;
  border-radius: 1px;
  color: var(--color-font-major-3);
}

.mcx-dashboard-modal-headline-value-label.is-emphasized {
  color: var(--color-font-minor-2);
  font-weight: 600;
}
.mcx-dashboard-modal-headline-value-label:hover {
  background: var(--color-element-background-major);
  transition: background 0.125s ease-in-out;
}

.mcx-dashboard-modal-image-wrapper {
  width: 32px;
  height: 32px;
  float: left;
  border-radius: 50%;
  margin-right: 15px;
  background: var(--color-avatar-background-taskbar);
}

.mcx-dashboard-modal-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.modal .mcx-dashboard-modal-list-fixed.mcx-dashboard-modal-list-fixed-prepend input.search {
  width: calc(100% - 30px);
  font-weight: 600;
  margin: 0 !important;
  border-radius: 0;
  padding: 7px 15px;
}
.modal .mcx-dashboard-modal-list-fixed.mcx-dashboard-modal-list-fixed-prepend input.search, .modal .mcx-dashboard-modal-list-fixed.mcx-dashboard-modal-list-fixed-prepend input.search:focus, .modal .mcx-dashboard-modal-list-fixed.mcx-dashboard-modal-list-fixed-prepend input.search:hover, .modal .mcx-dashboard-modal-list-fixed.mcx-dashboard-modal-list-fixed-prepend input.search:active {
  border-left: none;
  border-right: none;
}

.modal.modal-popping > .wrapper {
  margin: 0;
  position: absolute;
}
.modal.modal-popping .controls {
  display: none;
}

.modal.modal-flex > .wrapper {
  max-width: 350px;
  box-shadow: 0 10px 10px var(--color-box-shadow-modal);
}
.modal.modal-flex .mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content {
  background: transparent;
  padding: 0;
  margin: 10px;
}
.modal.modal-flex .mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content .button {
  display: inline-block;
  background: var(--color-element-background-major);
  margin: 10px auto 0 auto;
}
.modal.modal-flex .mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content .button:hover {
  background: var(--color-element-background-minor-2);
}
.modal.modal-flex .mcx-dashboard-modal-misc .mcx-dashboard-modal-headline,
.modal.modal-flex .mcx-dashboard-modal-list .mcx-dashboard-modal-headline {
  padding-left: 10px;
  padding-right: 10px;
}
.modal.modal-flex .mcx-dashboard-modal-subject {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0;
}
.modal.modal-flex .mcx-dashboard-list-element:last-of-type {
  border-bottom: none;
}
.modal.modal-flex .mcx-dashboard-list-element.mcx-dashboard-list-divider .mcx-dashboard-list-inner .mcx-dashboard-list-main {
  padding-left: 0;
  padding-right: 0;
}
.modal.modal-flex .mcx-dashboard-modal-list {
  height: initial;
}
.modal.modal-flex .mcx-dashboard-list-inner {
  width: 100%;
}
.modal.modal-flex .mcx-dashboard-list-inner .mcx-dashboard-list-main {
  min-width: initial;
  max-width: initial;
  padding-left: 10px;
  padding-right: 10px;
}
.modal.modal-flex .mcx-dashboard-list-inner .mcx-dashboard-list-key,
.modal.modal-flex .mcx-dashboard-list-inner .mcx-dashboard-list-symbol,
.modal.modal-flex .mcx-dashboard-list-inner .mcx-dashboard-list-flag {
  margin: 0;
  margin-left: 10px;
  width: 32px;
}

.modal .mcx-dashboard-modal-inline-list {
  display: inline-block;
  width: 364px;
  overflow-x: hidden;
  overflow-y: scroll;
  border-top: 1px solid var(--color-element-border);
  border-left: 1px solid var(--color-element-border);
  border-bottom: 1px solid var(--color-element-border);
  background-color: var(--color-background);
}
.modal .mcx-dashboard-modal-inline-list input {
  width: initial;
  display: inline;
  border-left: none;
  border-bottom: none;
  border-radius: 0;
  background-color: transparent;
}
.modal .mcx-dashboard-modal-inline-list input:hover, .modal .mcx-dashboard-modal-inline-list input:active, .modal .mcx-dashboard-modal-inline-list input:focus {
  border-color: var(--color-element-border) !important;
}
.modal .mcx-dashboard-modal-inline-list .mcx-dashboard-list-inner,
.modal .mcx-dashboard-modal-inline-list .mcx-dashboard-list-main {
  width: 100%;
  max-width: initial;
}
.modal .mcx-dashboard-modal-inline-list .mcx-dashboard-list-element-inline {
  border-bottom: none;
}
.modal .mcx-dashboard-modal-inline-list .mcx-dashboard-list-element-inline:first-of-type input {
  border-top: none;
}
.modal .mcx-dashboard-modal-inline-list .mcx-dashboard-list-element-inline .mcx-dashboard-list-inner, .modal .mcx-dashboard-modal-inline-list .mcx-dashboard-list-element-inline .mcx-dashboard-list-inner .mcx-dashboard-list-main {
  padding: 0;
}
.modal .mcx-dashboard-modal-inline-list .entry.message .inner {
  padding: 0 10px;
  text-align: left;
}
.modal .mcx-dashboard-modal-inline-list .entry.has-icon .mcx-dashboard-list-symbol {
  width: 24px;
  margin: 0;
}
.modal .mcx-dashboard-modal-inline-list .entry.has-icon .mcx-dashboard-list-symbol span.mcx-dashboard-icon {
  font-size: 11px;
  line-height: 15px;
}
.modal .mcx-dashboard-modal-inline-list .entry.has-icon .mcx-dashboard-list-main {
  width: calc(100% - 24px);
}
.modal .mcx-dashboard-modal-inline-list .entry.has-icon .mcx-dashboard-list-handle {
  width: 32px;
  padding: 0;
}
.modal .mcx-dashboard-modal-inline-list .entry.has-icon .mcx-dashboard-list-handle span {
  width: 32px;
  font-size: 16px;
  line-height: 30px;
}

.modal .mcx-dashboard-modal-actions .has-inner-overflow .mcx-dashboard-list-inner {
  width: 100%;
}
.modal .mcx-dashboard-modal-actions .inner .mcx-dashboard-list-symbol {
  width: 100%;
}
.modal .mcx-dashboard-modal-actions .inner .mcx-dashboard-list-symbol span {
  font-size: 42px;
  line-height: 48px;
}
.modal .mcx-dashboard-modal-actions .inner .mcx-dashboard-list-symbol span.mcx-dashboard-icon {
  font-size: 32px;
}
.modal .mcx-dashboard-modal-actions .inner .mcx-dashboard-list-key {
  width: 100%;
}
.modal .mcx-dashboard-modal-actions .inner .mcx-dashboard-list-key span {
  font-size: 28px;
  font-weight: 300;
  line-height: 48px;
  color: var(--color-symbol);
}
.modal .mcx-dashboard-modal-actions .mcx-dashboard-modal-list-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.modal .mcx-dashboard-modal-actions .mcx-dashboard-list:after {
  content: "";
  display: table;
  clear: both;
}
.modal .mcx-dashboard-modal-actions .mcx-dashboard-list-element {
  width: 100%;
  margin: 0;
  border-bottom: none;
  min-height: 110px;
}
.modal .mcx-dashboard-modal-actions .mcx-dashboard-list-inner {
  width: 100%;
  margin: 0;
  text-align: center;
  padding: 15px 0 10px 0;
}
.modal .mcx-dashboard-modal-actions .mcx-dashboard-list-inner div {
  float: none;
}
.modal .mcx-dashboard-modal-actions .mcx-dashboard-list-inner .mcx-dashboard-list-main {
  width: 100%;
  min-width: 0%;
  max-width: 100%;
}
.modal .mcx-dashboard-modal-actions .mcx-dashboard-list-inner .mcx-dashboard-list-main h5,
.modal .mcx-dashboard-modal-actions .mcx-dashboard-list-inner .mcx-dashboard-list-main div {
  padding: 0 10px;
}
.modal .mcx-dashboard-modal-actions .mcx-dashboard-list-status-helper {
  border-left: none !important;
}
.modal .mcx-dashboard-modal-actions .mcx-dashboard-list-selected .mcx-dashboard-list-status-helper {
  border-left: none !important;
}
.modal .mcx-dashboard-modal-actions .mcx-dashboard-list-selected .mcx-dashboard-list-status-helper:after {
  display: none;
}
.modal .mcx-dashboard-modal-actions.mcx-dashboard-modal-actions-two .mcx-dashboard-list-element {
  width: 50%;
}
.modal .mcx-dashboard-modal-actions.mcx-dashboard-modal-actions-two .mcx-dashboard-list-element .mcx-dashboard-list-inner .mcx-dashboard-list-main h5,
.modal .mcx-dashboard-modal-actions.mcx-dashboard-modal-actions-two .mcx-dashboard-list-element .mcx-dashboard-list-inner .mcx-dashboard-list-main div {
  padding: 0 20px;
}
.modal .mcx-dashboard-modal-actions.mcx-dashboard-modal-actions-three .mcx-dashboard-list-element {
  width: 33.33%;
}
.modal .mcx-dashboard-modal-actions.mcx-dashboard-modal-actions-four .mcx-dashboard-list-element {
  width: 25%;
}
.modal .mcx-dashboard-modal-actions.mcx-dashboard-modal-actions-five .mcx-dashboard-list-element {
  width: 20%;
}

.modal .mcx-dashboard-modal-list {
  height: 685px;
}
.modal .mcx-dashboard-modal-list.separated-top .mcx-dashboard-modal-headline {
  border-bottom: 1px solid var(--color-element-border-major);
}
.modal .mcx-dashboard-modal-list.mcx-dashboard-modal-actions {
  height: auto;
}
.modal .mcx-dashboard-modal-list.mcx-dashboard-modal-actions.mcx-dashboard-modal-actions-scrollable {
  height: 685px;
}
.modal .mcx-dashboard-list-inner {
  width: 569px;
}
.modal .mcx-dashboard-list-element-has-check .mcx-dashboard-list-inner {
  width: 553px;
}
.modal .mcx-dashboard-list-main {
  max-width: 504px;
}
.modal .has-inner-overflow {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.modal .has-inner-overflow .mcx-dashboard-list-inner {
  width: calc(569px - 6px);
}

.modal-draggable-handle {
  width: 100%;
  padding: 5px 15px;
  background-color: var(--color-element-background);
  cursor: move;
}

.modal {
  /* display: flex; */
  position: absolute;
  width: 100%;
  display: none;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
}
.modal.modal-visible {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
}
.modal.modal-visible > .wrapper {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.modal > .wrapper {
  margin: 0 auto;
  width: 600px;
  background: var(--color-background);
  border-radius: 2px;
  /* border: 1px solid var(--color-gray-60); */
  -webkit-box-shadow: 0 10px 30px var(--color-box-shadow-modal);
  -moz-box-shadow: 0 10px 30px var(--color-box-shadow-modal);
  box-shadow: 0 10px 30px var(--color-box-shadow-modal);
}
.modal > .wrapper.mcx-dashboard-modal-double {
  width: 1220px;
}
.modal > .wrapper.mcx-dashboard-modal-double .mcx-dashboard-modal-misc .mcx-dashboard-modal-body:not(.has-inner-overflow) {
  margin-right: -20px;
}
.modal > .wrapper.mcx-dashboard-modal-double .mcx-dashboard-modal-misc .mcx-dashboard-modal-body:after {
  content: "";
  display: table;
  clear: both;
}
.modal > .wrapper.mcx-dashboard-modal-double .mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content,
.modal > .wrapper.mcx-dashboard-modal-double .mcx-dashboard-list-fixed {
  padding: 20px 15px 10px 15px;
  background: var(--color-element-background-major);
}
.modal > .wrapper.mcx-dashboard-modal-double .mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content.is-fieldset-row,
.modal > .wrapper.mcx-dashboard-modal-double .mcx-dashboard-list-fixed.is-fieldset-row {
  padding-top: 5px;
  background: var(--color-background-white);
}
.modal > .wrapper.mcx-dashboard-modal-double .mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content.is-fieldset-row fieldset,
.modal > .wrapper.mcx-dashboard-modal-double .mcx-dashboard-list-fixed.is-fieldset-row fieldset {
  width: 50%;
  float: left;
}
.modal > .wrapper.mcx-dashboard-modal-double .mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content.is-fieldset-row:after,
.modal > .wrapper.mcx-dashboard-modal-double .mcx-dashboard-list-fixed.is-fieldset-row:after {
  content: "";
  display: block;
  clear: both;
}
.modal > .wrapper .is-resizable.is-shrunk .is-hidden-in-shrunk-modals {
  display: none;
}
.modal > .wrapper .content {
  padding: 20px 15px 30px 15px;
  font-size: inherit;
  color: var(--color-font-minor-1);
  position: relative;
}
html.dark-schema .modal > .wrapper {
  -webkit-box-shadow: 0 0 30px var(--color-box-shadow-modal);
  -moz-box-shadow: 0 0 30px var(--color-box-shadow-modal);
  box-shadow: 0 0 30px var(--color-box-shadow-modal);
  /*            background: var(--color-element-background-major);*/
}

.mcx-dashboard-modal-misc,
.mcx-dashboard-modal-list {
  padding: 0;
}

.mcx-dashboard-modal-list .mcx-dashboard-modal-body,
.mcx-dashboard-modal-code .mcx-dashboard-modal-body {
  padding: 0 !important;
}

.mcx-dashboard-modal-misc .mcx-dashboard-modal-body {
  /*  padding: 10px 15px 20px 15px;*/
}

.mcx-dashboard-modal-datepicker .mcx-dashboard-modal-body {
  padding: 10px 15px 20px 15px;
}

.mcx-dashboard-modal-misc .mcx-dashboard-modal-body .mcx-dashboard-dialog-element {
  padding: 0 15px;
  margin-bottom: 10px;
}
.mcx-dashboard-modal-misc .mcx-dashboard-modal-body .mcx-dashboard-dialog-element,
.mcx-dashboard-modal-misc .mcx-dashboard-modal-body .mcx-dashboard-dialog-element .element-wrapper.flex-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
}

.mcx-dashboard-modal-list-fixed,
.mcx-dashboard-list-fixed {
  overflow: hidden;
}

.mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content,
.mcx-dashboard-list-fixed {
  padding: 20px 15px 10px 15px;
  background: var(--color-element-background-major);
}

.dark-schema .mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content,
.dark-schema .mcx-dashboard-list-fixed {
  background: var(--color-element-background-minor-1);
}

.mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content.mcx-dashboard-area-alert {
  /* background: $color-red-gray-light; */
}

.mcx-dashboard-modal-list-fixed .mcx-dashboard-dialog-content.mcx-dashboard-dialog-content-message {
  padding: 10px 15px;
}

.mcx-dashboard-modal-misc.mcx-dashboard-dialog .mcx-dashboard-dialog-content.mcx-dashboard-dialog-content-message {
  margin-bottom: 20px;
  width: 100%;
}

.mcx-dashboard-modal-body p {
  margin: 0 0 10px 0;
}

.mcx-dashboard-modal-body p:last-child {
  margin: 0;
}

.mcx-dashboard-modal-subject {
  font-size: inherit;
  padding-top: 5px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-top: -10px !important;
  color: var(--color-font-minor-1);
}

.mcx-dashboard-modal-message .mcx-dashboard-modal-body {
  width: 50%;
  text-align: center;
  margin: 0 auto;
}

.mcx-dashboard-modal-message-symbol {
  width: 100%;
  text-align: center;
  margin: 10px 0 20px 0;
}

.mcx-dashboard-modal-message-symbol span {
  font-family: "HIS Glyphs";
  border-radius: 50%;
  margin: 0 auto;
  display: block;
  font-size: 32px;
  line-height: 60px;
  width: 60px;
  height: 60px;
  color: var(--color-font-contrast-major-1);
  background: #a8b6c5;
}

.mcx-dashboard-modal-headline-has-image .mcx-dashboard-modal-subject {
  padding-left: 62px;
}

html.allow-modal-dragging .modal .mcx-dashboard-modal-content:not(.mcx-dashboard-dialog-is-help) .mcx-dashboard-modal-headline {
  cursor: move;
}

.mainpanel {
  display: none;
}

.dashboardwithpanel .mainpanel {
  display: block;
  /*float: $dir-start;*/
  position: absolute;
  top: 32px;
  bottom: 0;
  background-color: var(--color-background-panel);
}
.dashboardwithpanel .mainpanel .mcx-dashboard-component {
  background: transparent !important;
}
.dashboardwithpanel .mainpanel .mcx-dashlet-wrapper {
  padding: 0 0 10px 0;
}
.dashboardwithpanel .mainpanel .mcx-dashlet-page-inner-wrapper {
  margin: 10px !important;
  width: auto;
}
.dashboardwithpanel .mainpanel .mcx-dashlet {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.dashboardwithpanel .mainpanel .mcx-dashlet-data-chart-loading {
  background-image: var(--spinner-alt) !important;
  background-size: 36px;
}
.dashboardwithpanel .mainpanel td.mcx-dashlet-data-content,
.dashboardwithpanel .mainpanel td.mcx-dashlet-data-single {
  background: transparent !important;
}
.dashboardwithpanel .mainpanel .mcx-dashlet-data-headline {
  padding: 0 !important;
  background: transparent !important;
}
.dashboardwithpanel .mainpanel .mcx-dashlet h4 {
  color: rgba(0, 0, 0, 0.55);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dashboardwithpanel .mainpanel .mcx-dashlet-half {
  height: 70px;
}
.dashboardwithpanel .mainpanel .mcx-dashlet-half .mcx-dashlet-data-helper {
  height: initial !important;
}
.dashboardwithpanel .mainpanel .mcx-dashlet-half .mcx-dashlet-data-content {
  height: 35px !important;
  padding: 0 !important;
}
.dashboardwithpanel .mainpanel .mcx-dashlet-half .mcx-dashlet-data-value {
  text-align: right;
  color: var(--color-font-minor-1);
  font-size: 18px;
  font-weight: 600;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
}
.dashboardwithpanel .mainpanel .mcx-dashlet-chart .mcx-dashlet-wrapper,
.dashboardwithpanel .mainpanel .mcx-dashlet-chart canvas {
  background: transparent;
}
.dashboardwithpanel .mainpanel .mcx-dashlet-data-helper {
  /* border-bottom: 1px solid rgba(255,255,255,.25); */
}
.dashboardwithpanel.dashboardpanelclosed .mainpanel {
  width: 40px;
}
.dashboardwithpanel.dashboardpanelclosed .application > .header, .dashboardwithpanel.dashboardpanelclosed .application > .content {
  margin-left: 40px;
}
.dashboardwithpanel.dashboardpanelclosed .mcx-taskbar-system {
  width: 40px;
}
.dashboardwithpanel.dashboardpanelopened .mainpanel {
  width: 160px;
}
.dashboardwithpanel.dashboardpanelopened .application > .header, .dashboardwithpanel.dashboardpanelopened .application > .content {
  margin-left: 160px;
}
.dashboardwithpanel.dashboardpanelopened .mcx-taskbar-system {
  width: 160px;
}
.dashboardwithpanel .mcx-taskbar-system {
  background: #1e74c5;
}

.dashboardpanelclosed #dashboardmainpanel .mcx-dashboard-component,
.dashboardpanelclosed #dashboardmainpanel .mcx-dashlet-page {
  display: none;
}

.frame-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.frame-wrapper {
  top: 32px;
  left: 0;
  right: 0;
  z-index: 9999;
  position: absolute;
  border-radius: 0;
  display: none;
}
.frame-wrapper.active {
  width: 100%;
  height: 100%;
  display: block;
}
.frame-wrapper.active .inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: initial;
}
.frame-wrapper.active .inner .application-frame {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 100%;
}
.frame-wrapper.active .inner .frame-controls {
  display: flex;
  position: absolute;
  top: -32px;
  width: calc(100% - 80px);
}
.frame-wrapper .application-frame {
  width: 100%;
  height: auto;
  display: none;
  background: var(--color-background);
  background-image: var(--spinner) !important;
  background-size: 36px;
  background-position: center;
  background-repeat: no-repeat;
}
.frame-wrapper .application-frame > iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.frame-wrapper.frame-as-dialog {
  top: 0;
  padding: 48px 0 128px 0;
}
.frame-wrapper.frame-as-dialog .inner {
  height: calc(100% - 128px);
  align-items: center;
}
.frame-wrapper.frame-as-dialog .inner .application-frame {
  box-shadow: 0 0 30px var(--color-box-shadow-frame);
  width: 935px;
}
.frame-wrapper.frame-as-dialog .inner .application-frame, .frame-wrapper.frame-as-dialog .inner .application-frame > iframe {
  border-radius: 2px;
}
.frame-wrapper.frame-as-dialog .inner .frame-controls {
  position: initial;
  top: initial;
  width: 935px;
}
.frame-wrapper.frame-as-dialog.wide .application-frame {
  width: 1250px;
}
.frame-wrapper.frame-as-dialog.extra-wide .application-frame {
  width: calc(100% - 128px * 2);
}

.messaging-active .application-frame {
  width: calc(100% - 345px - 1px);
}
.messaging-active.color-schema-switch-available.messaging-available .frame-controls .control.right, .messaging-active.color-schema-switch-available .frame-controls .control.right, .messaging-active.messaging-available .frame-controls .control.right {
  right: 345px;
}

.messaging-inactive.color-schema-switch-available.messaging-available:not(.live-translation-available) .frame-controls .control.right, .messaging-inactive.color-schema-switch-available.live-translation-available:not(.messaging-available) .frame-controls .control.right, .messaging-inactive.live-translation-available.messaging-available:not(.color-schema-switch-available) .frame-controls .control.right {
  right: 120px;
}
.messaging-inactive.color-schema-switch-available.live-translation-available.messaging-available .frame-controls .control.right {
  right: 160px;
}
.messaging-inactive.color-schema-switch-available:not(.messaging-available):not(.live-translation-available) .frame-controls .control.right, .messaging-inactive.live-translation-available:not(.messaging-available):not(.color-schema-switch-available) .frame-controls .control.right, .messaging-inactive.messaging-available:not(.color-schema-switch-available):not(.live-translation-available) .frame-controls .control.right {
  right: 80px;
}

.frame-controls {
  z-index: 10000;
  width: auto;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 32px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
}
.frame-controls .mcx-dashboard-button {
  max-width: initial;
  min-width: initial;
  background: var(--color-framecontrol-background);
  border-radius: 0;
  float: left;
  padding: 0 15px;
}
.frame-controls .mcx-dashboard-button:hover {
  background: var(--color-framecontrol-background-hover);
}
.frame-controls .mcx-dashboard-button .mcx-dashboard-icon {
  font-size: 13px;
  margin-right: 0;
}
.frame-controls .control {
  flex: 0 1 auto;
}
.frame-controls .control.left {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}
.frame-controls .control.left .mcx-dashboard-button {
  margin-right: 1px;
}
.frame-controls .control.left .mcx-dashboard-button-main {
  width: 61px;
  min-width: 61px;
  max-width: 61px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.frame-controls .control.right {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
}
.frame-controls .control.right .mcx-dashboard-button {
  margin-left: 1px;
}
.frame-controls .control.right .mcx-dashboard-button .button-icon-indicator {
  margin: 0;
  margin-right: 10px;
  padding: 2.5px 0;
  border-radius: 1px;
  width: 18px;
  text-align: center;
  line-height: 1rem;
  height: 1rem;
  display: inline-block;
}
.frame-controls .control.right .mcx-dashboard-button .button-icon-indicator.close {
  background: var(--color-alert-major);
  color: white;
}
.frame-controls .control.right .mcx-dashboard-button .button-icon-indicator span {
  width: 18px;
}
.frame-controls .control.tabs .mcx-dashboard-button {
  margin-left: 1px;
  width: 61px;
  min-width: 61px;
  max-width: 61px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.frame-controls .control.tabs .mcx-dashboard-button .mcx-dashboard-button-indicator {
  position: absolute;
  width: 0%;
  height: 32px;
  background: var(--color-framecontrol-background-indicator);
  top: 0;
  left: 0;
  opacity: 0.1;
  animation: pinned_button_indicator 5s;
  animation-iteration-count: infinite;
}
.frame-controls .control.tabs .mcx-dashboard-button .mcx-dashboard-button-indicator.mcx-dashboard-button-indicator-ready {
  opacity: 0;
}
.frame-controls .control.left .mcx-dashboard-button.mcx-dashboard-button-active,
.frame-controls .control.tabs .mcx-dashboard-button.mcx-dashboard-button-active {
  background-color: var(--color-framecontrol-background);
}

.frame-wrapper.frame-as-dialog .frame-controls {
  top: 64px;
}
.frame-wrapper.frame-as-dialog.extra-wide .frame-controls {
  width: calc(100% - 128px * 2);
}
.frame-wrapper.frame-as-dialog.wide .frame-controls {
  width: 1250px;
}

@keyframes pinned_button_indicator {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.mcx-dashboard-has-plugin.mcx-dashboard-plugin-visible .application {
  top: 90px;
}

.plugin {
  display: none;
}

.mcx-dashboard-plugin-visible .plugin {
  display: block;
}

.mcx-dashboard-plugin {
  height: 90px;
  overflow: hidden;
  position: relative;
  background: var(--color-gray-30);
  z-index: 10000;
}
.mcx-dashboard-plugin .mcx-dashlet-label {
  background: var(--color-gray-30);
}

.mcx-dashboard-plugin-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px;
}

.application > .message {
  z-index: 9999;
  position: absolute;
  width: 100%;
  top: 15px;
  display: none;
}
.application > .message .mcx-dashboard-button {
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashboard-status-message {
  overflow: hidden;
  display: block;
  text-align: center;
  font-size: 18px;
  font-family: "HIS Glyphs";
  color: var(--color-font-minor-3);
  width: 20px;
  height: 32px;
  padding: 0 10px;
}

.mcx-dashboard-status-message div {
  line-height: 32px;
}

.mcx-dashboard-message-wrapper {
  margin: 0 auto;
  padding: 10px;
  font-size: inherit;
  color: #333;
  width: 900px;
  background-color: #fed330;
  -webkit-box-shadow: 0 0 30px var(--color-box-shadow-modal);
  -moz-box-shadow: 0 0 30px var(--color-box-shadow-modal);
  box-shadow: 0 0 30px var(--color-box-shadow-modal);
}

.mcx-dashboard-message-error .mcx-dashboard-message-wrapper {
  color: var(--color-font-contrast-major-1) !important;
  background-color: #CD5C5C;
}
.mcx-dashboard-message-error .mcx-dashboard-button {
  color: var(--color-font-contrast-major-1) !important;
}

.mcx-dashboard-message-inner {
  float: left;
}
.mcx-dashboard-message-inner div:first-of-type {
  font-weight: 600;
}

.mcx-dashboard-message-controls {
  float: right;
  text-align: right;
}

.flyout.vertical {
  position: absolute;
  top: 92px;
  left: 0px;
  width: 460px;
  height: 100%;
  z-index: 9996;
  display: none;
}
.flyout.vertical .mcx-dashboard-toolbar-element-common-tab {
  /*
  border: 1px solid var(--color-structure-border-major) !important;
  border-top-left-radius: $border-radius;
  border-top-right-radius: $border-radius;
  border-bottom: 1px solid var(--color-background) !important;
  margin-top: -1px;
  */
  position: relative;
  transition: background-color 0.15s ease-in-out;
}
.flyout.vertical .mcx-dashboard-toolbar-element-common-tab:after {
  content: "";
  width: 100%;
  background-color: var(--color-toolbar-major);
  left: 0;
  height: 2px;
  bottom: 0;
  position: absolute;
}
.flyout.vertical .mcx-dashboard-toolbar-element-common-tab:hover {
  background-color: transparent !important;
}
.flyout.vertical .mcx-dashboard-toolbar-element-common-tab.mcx-dashboard-toolbar-element-common-tab-timeline {
  background-color: var(--color-gray-99);
  border-bottom: 1px solid var(--color-structure-border-major);
}
.flyout.vertical .mcx-dashboard-toolbar-element-common-tab.mcx-dashboard-toolbar-element-common-tab-timeline:hover {
  background-color: var(--color-element-background-major) !important;
}
.flyout.vertical .mcx-dashboard-toolbar-element-common-tab .mcx-dashboard-list-element.mcx-dashboard-list-element-divider-switch {
  padding-left: 0;
}
.flyout.vertical .mcx-dashboard-list-element {
  padding: 0;
}
.flyout.vertical .mcx-dashboard-list-element:first-of-type:after {
  top: 20px;
}
.flyout.vertical .mcx-dashboard-list-element-predefined {
  padding: 0;
}
.flyout.vertical .mcx-dashboard-toolbar-inner:after {
  content: "";
  display: table;
  clear: both;
}
.flyout.vertical .mcx-dashboard-toolbar-element-info {
  width: 20px;
  min-width: 20px;
}
.flyout.vertical .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-element-info, .flyout.vertical .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-element-info:hover {
  color: var(--color-gray-10) !important;
  background: transparent !important;
}
.flyout.vertical .mcx-dashboard-list-key {
  width: 30px;
}
.flyout.vertical .mcx-dashboard-list-element:not(.mcx-dashboard-list-image) .mcx-dashboard-list-inner {
  width: auto;
  padding: 0 10px;
}
.flyout.vertical .mcx-dashboard-list-message .mcx-dashboard-list-inner {
  padding: 10px;
}
.flyout.vertical .mcx-dashboard-list-element-divider-switch .mcx-dashboard-list-inner,
.flyout.vertical .mcx-dashboard-list-element-divider-switch .mcx-dashboard-badge {
  padding: 0 !important;
}
.flyout.vertical .mcx-dashboard-modal-list-inner.mcx-dashboard-list-timeline {
  background: var(--color-element-background-major);
}
.flyout.vertical .mcx-dashboard-modal-list-inner.mcx-dashboard-list-timeline .mcx-dashboard-list-element {
  border: none;
  padding: 10px 0 10px 138px;
}
.flyout.vertical .mcx-dashboard-modal-list-inner.mcx-dashboard-list-timeline .mcx-dashboard-list-element:after {
  content: "";
  position: absolute;
  left: 132.5px;
  width: 1px;
  background: var(--color-element-background-minor-1);
  top: 0;
  bottom: -10px;
  display: block;
}
.flyout.vertical .mcx-dashboard-modal-list-inner.mcx-dashboard-list-timeline .mcx-dashboard-list-element:last-of-type:after {
  bottom: initial;
  height: 20px;
}
.flyout.vertical .mcx-dashboard-modal-list-inner.mcx-dashboard-list-timeline .mcx-dashboard-list-element .mcx-dashboard-list-status-helper {
  position: relative;
}
.flyout.vertical .mcx-dashboard-modal-list-inner.mcx-dashboard-list-timeline .mcx-dashboard-list-element[onclick]:hover {
  background: var(--color-element-background-minor-1);
}
.flyout.vertical .mcx-dashboard-modal-list-inner.mcx-dashboard-list-timeline .mcx-dashboard-list-element[onclick]:hover:after {
  background: var(--color-element-background-minor-2);
}
.flyout.vertical .mcx-dashboard-modal-list-inner.mcx-dashboard-list-timeline .mcx-dashboard-list-element .mcx-dashboard-list-inner div {
  padding-top: 0px;
  padding-bottom: 0px;
}
.flyout.vertical .mcx-dashboard-modal-list-inner.mcx-dashboard-list-timeline .mcx-dashboard-list-element .mcx-dashboard-list-inner div:last-of-type {
  padding-bottom: 5px;
}
.flyout.vertical .mcx-dashboard-modal-list-inner.mcx-dashboard-list-timeline .mcx-dashboard-list-element .mcx-dashboard-list-symbol-image {
  margin: 5px 0;
  display: block;
  width: 100%;
  text-align: left;
}

.flyout.horizontal {
  position: absolute;
  top: 35px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9996;
  display: none;
}

.flyout.vertical .mcx-dashboard-list-main,
.list-compressed .mcx-dashboard-list-main {
  width: 180px;
  min-width: inherit;
}
.flyout.vertical .mcx-dashboard-list-cell,
.list-compressed .mcx-dashboard-list-cell {
  color: var(--color-font-minor-1);
}
.flyout.vertical .mcx-dashboard-list-flag,
.list-compressed .mcx-dashboard-list-flag {
  padding: 0;
  width: 16px;
  text-align: left;
}
.flyout.vertical .mcx-dashboard-list-flag span,
.list-compressed .mcx-dashboard-list-flag span {
  height: auto;
  line-height: 32px;
  font-size: 13px;
}

.mcx-dashboard-flyout-wrapper {
  clear: both;
  border-left: 1px solid var(--color-structure-border-major);
  background: var(--color-background);
}

.dashboardflyoutright .mcx-dashboard-flyout-wrapper {
  border-left: 1px solid var(--color-structure-border-major);
}

.dashboardflyoutleft .mcx-dashboard-flyout-wrapper {
  border-right: 1px solid var(--color-structure-border-major);
}

.mcx-dashboard-flyout-scroll .mcx-dashboard-flyout-wrapper {
  /* overflow-y: hidden !important; */
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.mcx-dashboard-flyout-wrapper.mcx-dashboard-flyout-wrapper-contains-timeline {
  background-color: var(--color-background-alt);
}

.mcx-dashboard-flyout-container {
  padding: 10px 0 10px 10px;
}

.dashboardfixedflyoutright .mcx-dashboard-component {
  margin-right: 345px !important;
  width: auto;
}

.dashboardfixedflyoutright .mcx-dashboard-component .mcx-dashboard-component {
  margin-right: 0 !important;
}

.dashboardfixedflyoutright #dashboardheader .mcx-dashlet-page-controls,
.dashboardflyoutright #dashboardheader .mcx-dashlet-page-controls {
  padding: 13px 0px 13px 0;
  margin: 0;
}

.dashboardflyoutright #dashboardverticalflyout .mcx-dashboard-toolbar-inner,
.dashboardfixedflyoutright #dashboardverticalflyout .mcx-dashboard-toolbar-inner {
  float: none;
  clear: both;
  width: 100%;
  border-bottom: 1px solid transparent;
  height: 32px;
}

.mcx-dashboard-toolbar-loading,
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-loading:hover,
#dashboardverticalflyout .mcx-dashboard-toolbar-element-info.mcx-dashboard-toolbar-loading,
#dashboardverticalflyout .mcx-dashboard-toolbar-element-info.mcx-dashboard-toolbar-loading:hover {
  background-image: var(--spinner) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  background-size: 18px !important;
  /*padding: 0 20px !important;*/
  min-width: 36px;
}

.dashboardfixedflyoutright #dashboardverticalflyout {
  position: absolute !important;
  top: 92px !important;
  left: auto !important;
  right: 0px !important;
  width: 345px !important;
  height: 100%;
  z-index: 9997 !important;
  display: block;
}

.dashboardfixedflyoutright #dashboardverticalflyout .mcx-dashboard-flyout-container {
  padding: 0;
}

.dashboardflyoutright #dashboardverticalflyout {
  position: absolute !important;
  top: 92px !important;
  left: auto !important;
  right: 0px !important;
  width: 345px !important;
  height: 100%;
  z-index: 9997 !important;
  display: block;
}

.dashboardflyoutright.dashboardnotaskbar #dashboardverticalflyout,
.dashboardnotaskbar #dashboardverticalflyout {
  top: 60px !important;
}

.dashboardflyoutright #dashboardverticalflyout .mcx-dashboard-flyout-container {
  padding: 0;
}

body.dashboardfixedflyoutright .mcx-dashboard-toolbar-signals {
  right: 345px;
}

.application > .header > .status {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
}
.application > .header > .status .wrapper {
  display: none;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 12px;
  color: #3fc501;
}

.no-toolbar .application > .header > .status {
  display: none;
}

.mcx-dashboard-dialog-headline {
  font-size: 18px;
  margin: 20px 0 10px 0;
  border-bottom: 1px solid var(--color-gray-80);
  padding: 0 0 10px 0;
  font-weight: normal;
  color: var(--color-font-major-2);
}

.mcx-dashboard-dialog p {
  font-size: inherit;
  line-height: 20px;
}

.mcx-dashboard-dialog-clear {
  clear: left;
}

.mcx-dashboard-dialog-meta form {
  padding-top: 10px;
}
.mcx-dashboard-dialog-meta input {
  width: 288px;
}
.mcx-dashboard-dialog-meta .mcx-dashboard-dialog-inner {
  padding-left: 191px;
  margin-bottom: 40px;
  margin-right: -10px;
}
.mcx-dashboard-dialog-meta .mcx-dashboard-dialog-inner p {
  color: var(--color-font-minor-1);
}

.mcx-dashboard-dialog-inner p {
  padding: 10px 0 0 0;
}

.mcx-dashboard-dialog-element .prepend {
  line-height: 32px;
  margin-right: 10px;
}

.mcx-dashboard-dialog label,
.mcx-dashboard-unit {
  font-size: inherit;
  color: var(--color-font-minor-1);
  margin: 7.5px 0;
  float: left;
}

.mcx-dashboard-unit {
  margin-left: 10px;
  margin-top: 10px;
}

.mcx-dashboard-dialog label {
  width: 171px;
  padding-right: 20px;
}

.mcx-dashboard-modal .mcx-dashboard-dialog label {
  width: 184px;
  flex: 0 0 auto;
}

.mcx-dashboard-dialog-error {
  color: var(--color-alert) !important;
}

.mcx-dashboard-dialog-error-message {
  color: var(--color-alert) !important;
  display: inline-block;
  margin: 8px 0 3px 0;
}

.mcx-dashboard-dialog-error-message-badge {
  position: absolute;
  right: 7px;
  top: 6.5px;
  display: inline-block;
  padding: 3px;
  color: var(--color-alert);
  background: var(--color-element-background-major);
  border-radius: 1px;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
}

.mcx-dashboard-dialog fieldset {
  border: none;
  padding: 0 !important;
  margin: 0 !important;
}
.mcx-dashboard-dialog fieldset.mcx-dashboard-dialog-fieldset {
  margin-bottom: 32px !important;
}
.mcx-dashboard-dialog fieldset.mcx-dashboard-dialog-fieldset legend {
  padding: 0;
  margin: 0;
}

.mcx-dashboard-modal-double fieldset.mcx-dashboard-dialog-fieldset {
  float: left;
  margin-bottom: 0 !important;
  margin-right: 20px !important;
  width: 600px;
}

.modal > .wrapper.mcx-dashboard-modal-double .has-inner-overflow fieldset.mcx-dashboard-dialog-fieldset:nth-of-type(2):not(.code-container) {
  margin-right: -10px !important;
}

.mcx-dashboard-dialog.mcx-dashboard-dialog-no-fieldsets fieldset.mcx-dashboard-dialog-fieldset {
  margin-bottom: 0px !important;
}

.mcx-dashboard-dialog form {
  margin: 0;
  padding: 0;
  position: relative;
}

.mcx-dashboard-dialog-content input {
  width: 702px;
}
.mcx-dashboard-dialog-content form {
  padding-top: 20px;
  width: 915px;
  margin: 0 auto;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element-group {
  display: flex;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element-group .mcx-dashboard-dialog-element:not(:first-of-type) label {
  width: 151px;
  margin-left: 20px;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element-group.mcx-dashboard-dialog-element-group-2 input {
  width: 232px;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element-group.mcx-dashboard-dialog-element-group-2 .mcx-dashboard-input-mockup {
  width: 252px;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element-group.mcx-dashboard-dialog-element-group-2 .mcx-dashboard-input-mockup input {
  width: 193px !important;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element-group.mcx-dashboard-dialog-element-group-2 .mcx-dashboard-radio-group {
  overflow: initial;
  width: 254px;
  float: right;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element .indent {
  margin-left: 204px;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element > .is-hidden {
  display: none;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element .wrapper,
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element .element-wrapper {
  display: flex;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element > div:first-of-type {
  position: relative;
}
.mcx-dashboard-dialog-content .mcx-dashboard-dialog-element > div:first-of-type:not(.mcx-dashboard-dialog-clear):not(.mcx-dashboard-checkbox):not(.mcx-dashboard-color-picker):not(.sp-replacer) {
  flex-grow: 1;
}

.module-help.container .wrapper .help-control,
.mcx-dashboard-dialog-custom-content .help-control,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help .help-control {
  font-size: 95% !important;
  font-weight: 600;
  background: var(--color-element-background-major) !important;
  display: inline-block;
  padding: 0.5px 4px;
  color: var(--color-toolbar-major);
  border-radius: 3px;
}
.module-help.container .wrapper .help-icon,
.mcx-dashboard-dialog-custom-content .help-icon,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help .help-icon {
  color: var(--color-toolbar-major);
  width: 20px;
  text-align: center;
}
.module-help.container .wrapper *:not(.hero):not(.help-control):not(.emphasize):not(.popover-navigation):not(h1),
.mcx-dashboard-dialog-custom-content *:not(.hero):not(.help-control):not(.emphasize):not(.popover-navigation):not(h1),
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help *:not(.hero):not(.help-control):not(.emphasize):not(.popover-navigation):not(h1) {
  background: transparent;
}
.module-help.container .wrapper .mcx-dashboard-dialog-element,
.mcx-dashboard-dialog-custom-content .mcx-dashboard-dialog-element,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help .mcx-dashboard-dialog-element {
  padding-top: 0;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
}
.module-help.container .wrapper h2,
.mcx-dashboard-dialog-custom-content h2,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help h2 {
  padding: 10px 15px;
  border-bottom: 1px solid var(--color-element-border-major);
  margin: 15px -15px;
}
.module-help.container .wrapper h2:first-of-type,
.mcx-dashboard-dialog-custom-content h2:first-of-type,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help h2:first-of-type {
  margin-top: 0;
}
.module-help.container .wrapper p,
.mcx-dashboard-dialog-custom-content p,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help p {
  /* color: initial !important; */
  text-align: left !important;
  padding: initial !important;
}
.module-help.container .wrapper a,
.mcx-dashboard-dialog-custom-content a,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help a {
  color: inherit !important;
}
.module-help.container .wrapper dt,
.mcx-dashboard-dialog-custom-content dt,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help dt {
  float: left;
}
.module-help.container .wrapper .hero,
.mcx-dashboard-dialog-custom-content .hero,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help .hero {
  height: 75px;
  margin: 0 -15px 15px -15px;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}
.module-help.container .wrapper .emphasize,
.mcx-dashboard-dialog-custom-content .emphasize,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help .emphasize {
  background: var(--color-background-alt) !important;
  margin: -15px -15px 0px -15px;
  padding: 15px !important;
}
.module-help.container .wrapper .columns,
.mcx-dashboard-dialog-custom-content .columns,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help .columns {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  margin-left: -15px;
}
.module-help.container .wrapper .columns .column,
.mcx-dashboard-dialog-custom-content .columns .column,
.mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help .columns .column {
  order: 0;
  flex: 1 1 auto;
  align-self: stretch;
  padding-left: 15px;
}

.dark-schema .mcx-dashboard-dialog-custom-content.mcx-dashboard-dialog-is-help .hero {
  filter: brightness(0.5);
}

.mcx-dashboard-dialog-custom-content h1,
.mcx-dashboard-dialog-custom-content h2,
.mcx-dashboard-dialog-custom-content h3,
.mcx-dashboard-dialog-custom-content h4,
.mcx-dashboard-dialog-custom-content h5,
.mcx-dashboard-dialog-custom-content h6,
.dashboard .popover-content h1,
.dashboard .popover-content h2,
.dashboard .popover-content h3,
.dashboard .popover-content h4,
.dashboard .popover-content h5,
.dashboard .popover-content h6,
.module-help .wrapper h1,
.module-help .wrapper h2,
.module-help .wrapper h3,
.module-help .wrapper h4,
.module-help .wrapper h5,
.module-help .wrapper h6 {
  font-weight: 400 !important;
}
.mcx-dashboard-dialog-custom-content h2,
.dashboard .popover-content h2,
.module-help .wrapper h2 {
  font-weight: 600;
  font-size: 110%;
  color: var(--color-font-major-1);
}

.mcx-dashboard .popover-content h1,
.module-help .wrapper h1 {
  font-weight: 600;
  font-size: 110%;
  color: var(--color-headline-major);
}

.contains-remark,
.contains-badge,
.contains-character-count-indicator {
  position: relative;
}

.mcx-dashboard-abstract-dialog textarea {
  width: calc(100% - 22px);
}

.mcx-dashboard-abstract-dialog-controls {
  clear: both;
  height: 40px;
  position: relative;
}

.mcx-dashboard-abstract-dialog-controls-wrapper {
  position: absolute;
  right: 0px;
  top: 0px;
}

.textarea-remark {
  position: absolute;
  bottom: 0;
  padding: 5px 10px;
  background: var(--color-element-background-minor-2);
  font-size: 95%;
  right: 0px;
}

.form-message {
  padding: 10px;
  background-color: var(--color-element-background);
}
.form-message.info, .form-message.information {
  background-color: var(--color-indicator-background-info);
}
.form-message.notice {
  background-color: var(--color-indicator-background-notice);
}
.form-message.warning {
  background-color: var(--color-indicator-background-warning);
}
.form-message.overflow {
  max-width: 346px;
  overflow-x: scroll;
}
.form-message hr {
  margin: 5px 0;
  padding: 0;
  height: 1px;
  border: none;
  border-top: 1px solid var(--color-element-border-major);
}

.character-count-indicator {
  position: absolute;
  right: 7px;
  top: 6.5px;
  display: inline-block;
}
.character-count-indicator span {
  padding: 3px;
  color: var(--color-font-major-2);
  background: var(--color-element-background-major);
  border-radius: 1px;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
  width: 20px;
  display: inline-block;
}

.mcx-dashboard-dialog input[required]:placeholder-shown {
  border-color: var(--color-alert);
}

.dialog.is-centered {
  margin: 0 auto;
}
.dialog.flex form {
  width: 796px;
}
.dialog.flex .dialog-element input,
.dialog.flex .dialog-element textarea {
  width: calc(100% - 22px);
}
.dialog.flex .dialog-element label {
  margin-bottom: 0 0 5px 0;
  font-weight: 600;
  display: block;
  width: 100%;
}
.dialog.flex fieldset,
.dialog.flex .mcx-dashboard-dialog-fieldset {
  padding: 0 0 20px 0 !important;
  margin: 0 0 20px 0 !important;
  min-inline-size: unset;
  border-bottom: 1px solid var(--color-structure-border-major);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
.dialog.flex fieldset > .header,
.dialog.flex .mcx-dashboard-dialog-fieldset > .header {
  order: 0;
  flex: 0 1 280px;
  align-self: auto;
  padding-right: 40px;
}
.dialog.flex fieldset > .header h5,
.dialog.flex fieldset > .header legend,
.dialog.flex .mcx-dashboard-dialog-fieldset > .header h5,
.dialog.flex .mcx-dashboard-dialog-fieldset > .header legend {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 20px;
  color: var(--color-font-minor-1);
}
.dialog.flex fieldset > .header .description,
.dialog.flex .mcx-dashboard-dialog-fieldset > .header .description {
  color: var(--color-font-minor-1);
}
.dialog.flex fieldset > .wrapper,
.dialog.flex .mcx-dashboard-dialog-fieldset > .wrapper {
  order: 0;
  flex: 1 0 auto;
  align-self: auto;
}
.dialog.inline .mcx-dashboard-dialog-clear {
  margin-bottom: 10px;
}
.dialog.inline .mcx-dashboard-dialog-inner {
  padding: 10px 20px;
}
.dialog.inline label {
  float: none;
  clear: both;
  line-height: 32px;
  width: auto;
  margin: 0;
}
.dialog.inline .mcx-dashboard-dialog-content .mcx-dashboard-dialog-element-group .mcx-dashboard-dialog-element:not(:last-of-type) {
  margin-right: 10px;
}
.dialog.inline .mcx-dashboard-dialog-content .mcx-dashboard-dialog-element-group .mcx-dashboard-dialog-element label {
  width: auto;
  margin: 0;
}
.dialog.inline .mcx-dashboard-dialog-content textarea {
  width: calc(100% - 22px);
}
.dialog.inline .mcx-dashboard-dialog-content .mcx-dashboard-input-mockup {
  width: 100%;
}
.dialog.inline .mcx-dashboard-dialog-content .mcx-dashboard-input-mockup input {
  width: 100% !important;
}
.dialog.inline .mcx-dashboard-dialog-content .mcx-dashboard-input-mockup.mcx-dashboard-datepicker {
  width: calc(100% - 2px);
}
.dialog.inline .mcx-dashboard-dialog-content .mcx-dashboard-input-mockup.mcx-dashboard-datepicker input {
  width: calc(100% - 59px) !important;
}

.mcx-dashboard-alert-page * {
  width: 100%;
  text-align: center;
}

.mcx-dashboard-alert-page-symbol {
  font-size: 100px;
  margin-top: 100px;
  color: #f76c01;
}

.mcx-dashboard-alert-page-alert {
  font-size: 22px;
  margin-top: 25px;
}

.mcx-dashboard-alert-page-details {
  font-size: inherit;
  margin: 10px auto;
  width: 915px;
}

.mcx-dashboard-alert-page-details:first-of-type {
  margin-top: 25px;
}

.mcx-keyboard {
  margin: 20px auto 0 auto;
}

.mcx-keyboard-wrapper {
  overflow: hidden;
}

.mcx-keyboard .mcx-keyboard-key {
  width: 33.3%;
  float: left;
}

.mcx-keyboard-row {
  clear: both;
}

.mcx-keyboard .mcx-keyboard-key a {
  text-decoration: none;
  margin-right: 10px;
  margin-bottom: 10px;
  display: block;
  font-size: 30px;
  text-align: center;
  padding: 15px 0;
  font-weight: normal !important;
  border-radius: 1px;
}

.mcx-dashboard-help {
  font-size: inherit;
  background: var(--color-background-alt);
  border-bottom: none;
  border-top: 1px solid var(--color-gray-90);
}

.mcx-dashboard-help.mcx-dashboard-help-important {
  background-color: #f6e6e7;
}

.mcx-dashboard-help.mcx-dashboard-help-unaligned .mcx-dashlet-page-inner {
  width: 100% !important;
  padding-left: 10px;
  padding-right: 10px;
}

.mcx-dashboard-help.mcx-dashboard-help-unaligned .mcx-dashlet-page-inner .mcx-dashlet-page-inner-wrapper {
  width: 100%;
}

.mcx-dashboard-help-before-focus {
  border-bottom: none;
}

.mcx-dashboard-help *:first-child {
  margin-top: 0;
}

.mcx-dashboard-component-align-center .mcx-dashlet-page-inner {
  display: flex;
  align-items: center;
}

.mcx-dashboard-component-align-center .mcx-dashlet-page-inner .mcx-dashlet-page-inner-wrapper {
  text-align: center;
}

.mcx-dashboard-component-is-workspace,
.mcx-dashboard-component.mcx-dashboard-component-is-workspace,
.mcx-dashboard-component .mcx-dashboard-component.mcx-dashboard-component-is-workspace {
  background: var(--color-background-alt);
}

.mcx-dashboard-component-is-workspace .mcx-dashboard-workspace-area {
  padding-top: 32px;
}

.mcx-dashboard-workspace-area {
  clear: both;
}

.mcx-dashboard-workspace-area h3 {
  font-size: inherit;
  height: 32px;
  line-height: 32px;
  margin: 0 0 10px 0;
  padding: 0;
  color: var(--color-font-minor-2);
  font-weight: 600;
}

.mcx-dashboard-workspace-area-inner:after {
  content: "";
  display: table;
  clear: both;
}

.mcx-dashboard-component-inner-controls {
  width: 100%;
  height: 40px;
  border-top: 1px solid var(--color-gray-95);
}

.mcx-dashboard-component-inner-controls-inner {
  width: 100%;
  padding: 4px 4px;
}

.container-wrapper {
  /*
  display: flex;
  flex-direction: row;
  height: 100%;
  */
  position: relative;
  height: 100%;
}

.mcx-dashboard-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*background: var(--color-element-background-major);*/
}

/*
#body.dashpagebody {
  background: var(--color-background-white);
}
*/
.dashpagebody .mcx-dashboard-container {
  width: 100%;
}

.mcx-dashboard-container iframe {
  width: 100%;
  height: 100%;
}

/*
.dashboard {
  .content {
    .container {
      &.collapsed-on-messaging {
        width: calc(100% - 345px);
      }
    }
  }
}
*/
.mcx-dashboard-component {
  text-align: left;
  /*  margin: 20px;*/
  background: var(--color-background);
  position: relative;
}
.mcx-dashboard-component.has-top-shadow {
  box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.1);
}

.mcx-dashboard-component-hidden {
  display: none;
}

.dashboardfullwidth .mcx-dashboard-component {
  border: 0;
  margin: 0;
}

.mcx-dashboard-component-inner-divided .mcx-dashboard-component {
  border-right: 1px solid var(--color-structure-border-major) !important;
}

.dashboardfullwidth .mcx-dashboard-component.separated-top,
.mcx-dashboard-component.separated-top {
  border-top: 1px solid var(--color-structure-border-major) !important;
}

.dashboardfullwidth .mcx-dashboard-component.separated-bottom,
.mcx-dashboard-component.separated-bottom {
  border-bottom: 1px solid var(--color-structure-border-major) !important;
}

.mcx-dashboard-component .mcx-dashboard-component {
  border: none;
  background-color: transparent;
  margin: 0;
}

.mcx-dashboard-component.mcx-dashboard-component-inner-divided > .page-container > .mcx-dashlet-page-wrapper > .mcx-dashlet-page-inner > .mcx-dashlet-page-inner-wrapper,
.mcx-dashboard-component.is-row > .page-container > .mcx-dashlet-page-wrapper > .mcx-dashlet-page-inner > .mcx-dashlet-page-inner-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-end;
  align-items: flex-start;
}
.mcx-dashboard-component.mcx-dashboard-component-inner-divided > .page-container > .mcx-dashlet-page-wrapper > .mcx-dashlet-page-inner > .mcx-dashlet-page-inner-wrapper > .mcx-dashboard-component,
.mcx-dashboard-component.is-row > .page-container > .mcx-dashlet-page-wrapper > .mcx-dashlet-page-inner > .mcx-dashlet-page-inner-wrapper > .mcx-dashboard-component {
  order: 0;
  flex: 0 1 auto;
  align-self: stretch;
}

.mcx-dashboard-component .component-prepend.list-headers .generated-component {
  border-bottom: 1px solid var(--color-structure-border-major);
}
.mcx-dashboard-component .component-prepend.list-headers .generated-component.force-vertical-overflow {
  overflow-y: scroll;
}
.mcx-dashboard-component .component-prepend.list-headers .generated-component.hidden {
  display: none;
}
.mcx-dashboard-component .component-prepend.list-headers .grid {
  line-height: 32px;
  height: 32px;
}
.mcx-dashboard-component .component-prepend.list-headers .grid td {
  color: var(--color-font-major-3);
  font-weight: 400;
  font-size: 90%;
  overflow: hidden;
  position: relative;
}
.mcx-dashboard-component .component-prepend.list-headers .grid td.generator.inner {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 32px;
  height: 32px;
}
.mcx-dashboard-component .component-prepend.list-headers .grid td:not(.no-overflow-fade):after {
  content: "";
  display: block;
  height: 100%;
  width: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(to right, transparent, var(--color-background) 100%);
}
.mcx-dashboard-component.mcx-dashboard-component-is-workspace .component-prepend.list-headers .grid td:after {
  background: linear-gradient(to right, transparent, var(--color-background-alt-fix) 100%);
}

.has-inner-component {
  position: relative;
}
.has-inner-component .inner-component {
  position: absolute;
  height: 100%;
  z-index: 1;
}
.has-inner-component .inner-component.inner-component-before {
  top: 0;
  left: 0;
}
.has-inner-component .inner-component.inner-component-after {
  top: 0;
  right: 0;
}

.mcx-dashboard-progress-wrapper {
  margin-bottom: 10px;
  margin-top: 10px;
}

.mcx-dashboard-progress {
  margin-right: -1px;
}

.mcx-dashboard-progress div {
  width: 5%;
  float: left;
}

.mcx-dashboard-progress div span {
  display: block;
  margin-right: 1px;
  height: 5px;
}

.dbpb-default {
  background-color: var(--color-gray-98);
  transition: all 0.5s ease-in-out;
}

.mcx-dashboard-dialog-content .dbpb-default {
  background-color: var(--color-background);
}

.dbpb-focus, .mcx-dashboard-dialog-content .dbpb-focus {
  /* background-color: var(--color-gray-80); */
  background-color: var(--color-toolbar-major);
  transition: all 0.15s ease-in-out;
}

.dbpb-near, .mcx-dashboard-dialog-content .dbpb-near {
  background-color: var(--color-element-background-major);
  transition: all 0.15s ease-in-out;
}

.dbpb-far, .mcx-dashboard-dialog-content .dbpb-far {
  background-color: var(--color-element-background-minor-1);
  transition: all 0.15s ease-in-out;
}

.dashboardfullwidth .mcx-dashlet-page-inner-overflow,
.dashboardfullwidth .mcx-dashlet-page-inner-overflow .mcx-dashlet-page-inner-wrapper,
.dashboardfullwidth .mcx-dashlet-page-inner-wrapper,
.mcx-dashlet-page-inner-fullwidth,
.mcx-dashlet-page-inner-fullwidth .mcx-dashlet-page-inner-wrapper,
.mcx-dashlet-page-inner-fullwidth .mcx-dashlet-page-inner-overflow .mcx-dashlet-page-inner-wrapper,
.mcx-dashboard-list-element-predefined .mcx-dashboard-list-inner,
.mcx-dashlet-page-inner-overflow .mcx-dashboard-list-element-predefined .mcx-dashboard-list-inner {
  width: 100%;
  height: inherit;
}

.mcx-dashlet-page-inner-wrapper,
.mcx-dashboard-list-inner {
  margin: 0 auto;
}

.mcx-dashboard-list-full-width .mcx-dashboard-list-inner {
  padding: 0 10px;
  width: initial !important;
}
.mcx-dashboard-list-full-width.is-area .inner {
  padding: 0 20px;
}

.mcx-dashboard-list-full-width .mcx-dashboard-list-divider.mcx-dashboard-list-element-divider-switch .mcx-dashboard-list-inner {
  padding: 0;
}

.mcx-dashboard-list-no-padding .mcx-dashboard-list-inner {
  padding: 0;
}

.mcx-dashboard-list-full-width .mcx-dashboard-list-divider {
  padding: 0;
}

.application > .content > .interval,
#dashboardintervalindicatorcontainer {
  width: 100%;
  height: 1px;
  background: var(--color-structure-border-major);
}

.application > .content > .interval > .wrapper,
#dashboardintervalindicator {
  background: #de6101;
  width: 0px;
  height: 1px;
}

.hide-headline .application > .content > .interval,
.hide-headline #dashboardintervalindicatorcontainer {
  display: none;
}

.dark-schema .application > .content > .interval > .wrapper,
.dark-schema #dashboardintervalindicator {
  background: var(--color-toolbar-major);
}

.no-toolbar .application .application > .content > .interval,
.no-toolbar #dashboardintervalindicatorcontainer {
  background: transparent;
}

.inline-panel {
  padding: 20px;
  font-size: inherit;
  overflow: hidden;
}
.inline-panel .panel-item {
  width: 100%;
}
.inline-panel .panel-item .header {
  margin-bottom: 20px;
  /*
  padding-bottom: 20px;
  border-bottom: 1px solid $color-gray-95;
  */
}
.inline-panel .panel-item .header .fa {
  color: #979ea5;
  margin-right: 10px;
  width: 20px;
}
.inline-panel .panel-item .header h3 {
  margin: 5px 0 10px 0;
  color: #34383c;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
}
.inline-panel .panel-item .prop {
  color: #585e65;
  line-height: initial;
  margin-left: 30px;
}
.inline-panel .panel-item .prop .key {
  display: block;
  font-size: 85%;
  font-weight: 600;
  color: #a5aab1;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.inline-panel .panel-item .prop .value {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
  overflow: hidden;
  max-width: 260px;
}
.inline-panel .panel-item .mcx-dashboard-button {
  margin-left: 30px;
  margin-bottom: 5px;
}
.inline-panel .panel-item .mcx-dashboard-button:first-of-type {
  margin-top: 20px;
}
.inline-panel .panel-item .mcx-dashboard-button.mcx-dashboard-button-minor {
  background: var(--color-element-background-major);
}
.inline-panel .panel-item .mcx-dashboard-button.mcx-dashboard-button-minor:hover {
  background: var(--color-element-background-minor-2);
}

.image-container {
  display: flex;
}
.image-container.horizontal {
  flex-direction: row;
  overflow-y: hidden;
  overflow-x: scroll;
}
.snackbar {
  position: absolute;
  left: 10px;
  right: 10px;
}
.snackbar .wrapper {
  border-radius: 2px;
  display: block;
  padding: 10px;
  margin: 0 auto;
  min-width: 305px;
  width: 305px;
  background: var(--color-background);
  box-shadow: 0 0 10px var(--color-box-shadow-dashlets);
}
.snackbar.top {
  top: 10px;
}
.snackbar.bottom {
  bottom: 10px;
}

.app-loading {
  display: none;
  position: absolute;
  z-index: 9999;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--color-background) var(--spinner-alt) center no-repeat !important;
  background-size: 36px;
  align-self: stretch;
  flex: 1 1 auto;
}

.app-ready {
  /*
  transition: border-width .25s ease-in;
  border-style: solid;
  border-color: #000;
  border-width: 0px;
  */
  align-self: stretch;
  flex: 1 1 auto;
  position: relative;
}

.has-active-overlay {
  /*
  .app-ready {
      border-width: 16px;
  }
  */
  /*
  .overlay {
      display: none !important;
  }
  */
}

.app-locked {
  display: none;
}

.has-loading-indicator {
  position: relative;
}

.loading-indicator,
.has-loading-indicator:after {
  background: var(--color-background);
  display: none;
  z-index: 9997;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background-image: var(--spinner);
  background-size: 36px;
  background-repeat: no-repeat;
  background-position: center;
}

.has-loading-indicator:after {
  content: "";
  display: block;
  top: 0;
  height: 100%;
  opacity: 0.5;
}

.loading-indicator .mcx-dashboard-loading-message {
  font-size: inherit;
  position: absolute;
  top: calc(50% + 32px);
  text-align: center;
  width: 100%;
  font-weight: 400;
}
.loading-indicator .mcx-dashboard-loading-message .mcx-dashboard-loading-message-log {
  color: var(--color-font-major-2);
}

.dashboardnotaskbar .loading-indicator {
  top: 93px;
}
.dashboardnotaskbar .loading-indicator .mcx-dashboard-loading-message {
  top: 50%;
}

.overlay {
  background: var(--color-overlay-background);
  display: none;
  z-index: 9998;
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  width: 100%;
}
.overlay.mcx-dashboard-overlay-full {
  top: 0;
}

.mcx-dashboard-background-overlay {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: var(--color-overlay-background-image);
}

.mcx-dashboard-login-loading {
  width: 100%;
  display: block;
  background: var(--spinner-alt) center no-repeat transparent !important;
  background-size: 36px !important;
}

.mcx-dashboard-loading {
  background-image: var(--spinner) !important;
  background-size: 36px;
  background-position: center;
  background-repeat: no-repeat;
}

.front-screen .mcx-taskbar-system span,
.front-screen .mcx-taskbar-system img {
  display: none !important;
}
.front-screen .mcx-dashlet-page-inner {
  font-size: inherit;
}
.front-screen .mcx-dashlet-pages .mcx-dashlet-page-headline-wrapper h3 {
  font-size: 36px;
  color: #778899;
  font-weight: 300;
}
.front-screen .mcx-dashlet-page-headline-wrapper {
  padding: 0;
  margin-bottom: 0;
}
.front-screen .mcx-dashboard-dialog-meta {
  width: auto;
  margin: 0;
  float: none;
}
.front-screen .mcx-dashboard-dialog-meta .mcx-dashboard-dialog-inner {
  padding: 0;
}
.front-screen .mcx-dashboard-dialog .mcx-dashboard-button {
  margin: 0;
  margin-top: 10px;
  padding: 0 10px;
  background: rgba(255, 255, 255, 0.25) !important;
  color: var(--color-font-contrast-major-1) !important;
}
.front-screen .mcx-dashboard-dialog-error-message {
  margin-bottom: 10px;
  color: var(--color-font-contrast-major-1);
  padding: 0 5px;
}
.front-screen .mcx-dashboard-dialog:not(.mcx-dashboard-dialog-is-help):not(.mcx-dashboard-dialog-custom-content) p {
  color: var(--color-font-contrast-major-1);
  padding: 10px;
  text-align: center;
  background: var(--color-taskbar-background-alt);
}
.front-screen .mcx-dashboard-dialog:not(.mcx-dashboard-dialog-is-help):not(.mcx-dashboard-dialog-custom-content) p a,
.front-screen .mcx-dashboard-dialog:not(.mcx-dashboard-dialog-is-help):not(.mcx-dashboard-dialog-custom-content) p a:hover {
  text-decoration: underline;
  color: var(--color-font-contrast-major-1);
}
.front-screen .mcx-dashboard-dialog:not(.mcx-dashboard-dialog-is-help):not(.mcx-dashboard-dialog-custom-content) p a:hover {
  cursor: pointer;
}
.front-screen .mcx-dashlet-page-headline,
.front-screen .mcx-dashboard-module-LOGOUT .mcx-dashlet-page-headline,
.front-screen .mcx-dashlet-page-inner-wrapper,
.front-screen .mcx-dashboard-module-LOGOUT .mcx-dashlet-page-inner-wrapper {
  width: 300px;
}
.front-screen .mcx-dashboard-dialog-content input,
.front-screen .mcx-dashboard-dialog .mcx-dashboard-button {
  width: 280px;
}
.front-screen .mcx-dashboard-dialog-content input:hover, .front-screen .mcx-dashboard-dialog-content input:focus, .front-screen .mcx-dashboard-dialog-content input:active {
  background: var(--color-background) !important;
}
.front-screen .mcx-dashboard-dialog-content form {
  width: initial;
}
.front-screen .mcx-dashboard-dialog .mcx-dashboard-button:hover {
  background: var(--color-taskbar-background-hover) !important;
}
.front-screen #dashboardfixed .mcx-dashlet-page-wrapper {
  margin-top: 20px !important;
}
.front-screen .mcx-dashboard-application-wrapper {
  width: 320px;
  padding: 40px 60px 20px 60px;
  margin: auto;
  display: none;
}
.front-screen .mcx-dashboard-application-wrapper, .front-screen .mcx-dashboard-application-wrapper > .content {
  height: initial;
}
.front-screen.mcx-dashboard-application-has-image-headline .mcx-dashboard-application-wrapper {
  padding: 0 60px;
}
.front-screen .mcx-dashboard-application-wrapper {
  background: var(--color-front-background) !important;
  border-radius: 2px;
}
.front-screen #dashboardheader,
.front-screen .mcx-dashboard-component,
.front-screen .mcx-dashboard-container {
  background: transparent !important;
}

#body.front-screen.mcx-dashboard-application-has-image-headline #dashboardheadline {
  line-height: initial;
  height: initial;
}
#body.front-screen #dashboardtaskbar {
  display: none;
}
#body.front-screen .mcx-dashboard-component,
#body.front-screen #dashboardheader {
  border: none;
}
#body.front-screen #dashboardheadline {
  border-bottom: 1px solid transparent;
  height: auto !important;
  margin-bottom: 10px;
}
#body.front-screen #dashboardintervalindicatorcontainer {
  background: transparent;
}
#body.front-screen .mcx-taskbar-wrapper {
  background: transparent !important;
}
#body.front-screen .mcx-dashboard-application-headline h2 {
  text-align: center;
  color: var(--color-font-contrast-major-1) !important;
  float: none;
}
#body.front-screen .mcx-dashboard-application-headline h2 img {
  margin-top: 40px;
  max-width: 300px;
}
#body.front-screen .mcx-dashboard-dialog input {
  border: none;
}
#body.front-screen .mcx-dashboard-status {
  display: none;
}

html.mcx-document-has-background-image #body.front-screen .mcx-taskbar-aux, html.mcx-document-has-background-image #body.front-screen .mcx-taskbar-aux .mcx-taskbar-control {
  background: transparent;
}

.dark-schema #body.front-screen .mcx-dashboard-application-headline h2 {
  color: var(--color-font-major-1) !important;
}
.dark-schema .front-screen .mcx-dashboard-dialog .mcx-dashboard-button:hover {
  color: var(--color-font-minor-1) !important;
}
.dark-schema .front-screen .mcx-dashboard-dialog p, .dark-schema .front-screen .mcx-dashboard-dialog ul, .dark-schema .front-screen .mcx-dashboard-dialog ol, .dark-schema .front-screen .mcx-dashboard-dialog li, .dark-schema .front-screen .mcx-dashboard-dialog td, .dark-schema .front-screen .mcx-dashboard-dialog a {
  color: var(--color-font-minor-2) !important;
}

#body.mcx-dashboard-module-LOGOUT #dashboardheader,
#body.mcx-dashboard-module-LOGOUT #dashboardcontainer,
#body.mcx-dashboard-module-LOGOUT .mcx-dashboard-component,
#body.mcx-dashboard-module-LOGOUT .mcx-dashlet-page-wrapper {
  background-color: transparent !important;
}
#body.mcx-dashboard-module-LOGOUT .mcx-dashboard-component,
#body.mcx-dashboard-module-LOGOUT #dashboardheader,
#body.mcx-dashboard-module-LOGOUT .mcx-dashboard-status {
  display: none;
}
#body.mcx-dashboard-module-LOGOUT #dashboardheadline {
  border-bottom: 1px solid transparent;
  height: auto !important;
}
#body.mcx-dashboard-module-LOGOUT #dashboardintervalindicatorcontainer {
  background: transparent;
}

html.mcx-document-module-DASHBOARDLOGIN,
html.mcx-document-module-INSTALL,
html.mcx-document-module-REGISTRATION {
  background: var(--color-front-background) !important;
}

html.mcx-document-module-DASHBOARDLOGIN,
html.mcx-document-module-INSTALL,
html.mcx-document-module-REGISTER,
html.mcx-document-module-PASSWORDFORGOT,
html.mcx-document-module-PASSWORDRESET,
html.mcx-document-module-VERIFY {
  background: var(--color-front-background) center center no-repeat !important;
  /* background-image:  var(--spinner-alt); // Does not work */
  background-size: 36px;
  min-height: 100%;
}

html.mcx-document-module-DASHBOARDLOGIN.mcx-document-has-background-image,
html.mcx-document-module-INSTALL.mcx-document-has-background-image,
html.mcx-document-module-REGISTER.mcx-document-has-background-image,
html.mcx-document-module-PASSWORDFORGOT.mcx-document-has-background-image,
html.mcx-document-module-PASSWORDRESET.mcx-document-has-background-image,
html.mcx-document-module-VERIFY.mcx-document-has-background-image {
  background: var(--color-front-background) center center no-repeat !important;
  background-size: cover !important;
}

.dashboard.mcx-dashboard-module-OTWIZARD .wzd-slot {
  border: none !important;
  margin-top: 1px;
  margin-right: 1px;
  margin-bottom: 0;
  margin-left: 0;
  background: #3fc501;
}
.dashboard.mcx-dashboard-module-OTWIZARD .wzd-slot:hover {
  cursor: pointer;
  background: #309502;
}
.dashboard.mcx-dashboard-module-OTWIZARD .wzd-slot .fc-title {
  text-align: center;
}
.dashboard.mcx-dashboard-module-OTWIZARD .wzd-slot .fc-time,
.dashboard.mcx-dashboard-module-OTWIZARD .wzd-slot .fc-event-time {
  display: none;
}
.dashboard.mcx-dashboard-module-OTWIZARD .fc-ltr .fc-time-grid .fc-event-container {
  margin-top: 0;
  margin-right: -1px;
  margin-bottom: -1px;
  margin-left: 0;
}

.dashboard.mcx-dashboard-module-RESULTS #DASHBOARDPAGEfilter .inner {
  display: flex;
}
.dashboard.mcx-dashboard-module-RESULTS #DASHBOARDPAGEfilter .inner .mcx-dashboard-list-key {
  width: 40px;
  order: 2;
}
.dashboard.mcx-dashboard-module-RESULTS #DASHBOARDPAGEfilter .inner .mcx-dashboard-list-key span {
  width: 32px;
  text-align: center;
}
.dashboard.mcx-dashboard-module-RESULTS #DASHBOARDPAGEfilter .inner .mcx-dashboard-list-main {
  min-width: 187px;
  max-width: 187px;
  order: 1;
}

* {
  font-family: var(--font-sans);
}

textarea, input[type=text], input[type=password] {
  -webkit-appearance: none;
  outline: none;
}

select, input, textarea {
  font-size: inherit;
}

.female {
  color: brown;
}

.male {
  color: darkblue;
}

strong, b {
  font-weight: 700;
  font-size: inherit;
}

.mcx-dashboard-icon {
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free" !important;
}

.mcx-dashboard-inline-icon {
  margin-left: 4px;
  margin-right: 4px;
  display: inline-block;
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free" !important;
  font-size: 75%;
  opacity: 0.75;
}

.mcx-dashboard-symbol {
  font-family: "HIS Glyphs" !important;
}

.mcx-dashboard-symbol.mcx-dashboard-glyphs-native {
  font-family: "Roboto" !important;
}

.mcx-dashboard-common-audit {
  color: var(--color-font-major-2);
  font-size: 95%;
}

.mcx-code, .mcx-code *,
code,
code *,
kbd,
kbd * {
  font-family: "Roboto Mono", monospace;
  font-size: inherit !important;
}

.mcx-code-medium,
.mcx-code.mcx-code-medium {
  font-family: "Roboto Mono", monospace;
  font-weight: 600;
}

.mcx-code-bold,
.mcx-code-bold.mcx-code-medium {
  font-family: "Roboto Mono", monospace;
  font-weight: 700;
}

.mcx-uppercase {
  text-transform: uppercase;
}

.mcx-dashboard-alert {
  color: var(--color-alert) !important;
}

.female {
  color: var(--color-female);
}

.male {
  color: var(--color-male);
}

.mcx-dashboard .editor-audit,
.mcx-component-audit {
  height: 32px;
  background: transparent;
  line-height: 32px;
  font-size: 11px;
  color: var(--color-font-major-2);
}

body.dashboard > footer {
  display: none;
}
body.dashboard.has-footer > footer {
  display: block;
  margin: 15px 0;
  flex: 0 1 auto;
  width: 100%;
}
body.dashboard.has-footer.front-screen > footer .wrapper {
  margin: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
}
body.dashboard.has-footer.front-screen > footer .wrapper, body.dashboard.has-footer.front-screen > footer .wrapper > a {
  color: var(--color-font-contrast-minor-2);
}
body.dashboard.has-footer.front-screen > footer .wrapper > * {
  margin: 0 10px;
  text-align: center;
}
body.dashboard.has-footer.front-screen > footer .wrapper a {
  order: 0;
  flex: 0 1 auto;
  align-self: stretch;
  font-weight: 600;
  text-decoration: none;
}
body.dashboard.has-footer.front-screen > footer .wrapper a:active, body.dashboard.has-footer.front-screen > footer .wrapper a:visited, body.dashboard.has-footer.front-screen > footer .wrapper a:hover {
  color: inherit;
}
body.dashboard.has-footer.front-screen > footer .wrapper a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.dark-schema body.dashboard.has-footer.front-screen > footer .wrapper, .dark-schema body.dashboard.has-footer.front-screen > footer .wrapper > a {
  color: var(--color-font-minor-2);
}

.status-indicator.progress-good {
  color: var(--color-status-progress-good);
}
.status-indicator.progress-constant {
  color: var(--color-status-progress-constant);
}
.status-indicator.progress-bad {
  color: var(--color-status-progress-bad);
}
.status-indicator.record-status-disabled {
  opacity: 0.75;
}
.status-indicator.record-status-disabled:before {
  color: var(--color-alert);
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  content: "\f28b";
  margin-right: 5px;
  opacity: 1;
}

.module-help.container {
  position: absolute;
  top: 0;
  right: 0px;
  width: 500px;
  background: var(--color-background-alt-fx);
  z-index: 9997;
  display: none;
  border-left: 1px solid var(--color-element-border);
  box-shadow: 0 0 10px 5px var(--color-structure-border-minor);
  text-align: left;
}
.module-help.container .expanded {
  width: 1024px;
}
.module-help.container .mcx-dashboard-button {
  display: inline-block;
  background: var(--color-element-background-major);
}
.module-help.container .mcx-dashboard-button:hover {
  background: var(--color-element-background-minor-2);
}
.module-help.container.active {
  display: block;
  overflow: hidden;
  overflow-y: scroll;
  height: 100%;
}
.module-help.container h3 {
  padding: 0 15px;
  margin: 0;
  line-height: 48px;
  width: 470px;
  background: var(--color-background-alt-fx) !important;
  border-bottom: 1px solid var(--color-element-border-major);
  color: var(--color-headline-major);
  font-size: 110%;
  font-weight: 400;
}
.module-help.container h3 #help-expander {
  position: absolute;
  right: 10px;
  top: 7.5px;
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}
.module-help.container h3 #help-expander::before {
  content: "\f344";
}
.module-help.container h3 #help-expander:hover {
  cursor: pointer;
  background: var(--color-element-background-major) !important;
}
.module-help.container .wrapper {
  padding: 15px;
  height: calc(100% - 79px);
  width: calc(100% - 30px);
}
.module-help.container .wrapper, .module-help.container .wrapper > *:not(h1), .module-help.container .wrapper p, .module-help.container .wrapper a, .module-help.container .wrapper ul, .module-help.container .wrapper li {
  line-height: 1.4rem;
}
.module-help.container .wrapper > iframe {
  margin: -15px;
  height: 100%;
  width: calc(100% + 30px);
  border: none;
}

html.help-active.help-expanded .module-help.container {
  width: calc(100% - 150px);
}
html.help-active.help-expanded #help-expander::before {
  content: "\f343";
}

html {
  background-color: var(--color-background);
}

html, body {
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  font-family: var(--font-sans);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  height: 100%;
}

body, td {
  color: var(--color-font-major-1);
}

body.dashboard {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}

#body {
  background: transparent;
}

.application > .content {
  text-align: center;
  clear: both;
}

#dashboardfixed {
  position: absolute;
  display: none;
}

.mcx-dashboard-fixed-main {
  font-size: 16px;
  line-height: 22px;
  background: #F5F5F5;
  font-weight: 600;
  padding: 20px;
  color: #778899;
  text-align: center;
}

.mcx-clear {
  clear: both;
  float: none;
}

.ui-helper-hidden-accessible {
  display: none;
}

.pinned #XPIN {
  color: #3fc501;
}

#dashboard {
  position: relative;
}

.no-styles {
  all: unset !important;
}

#body.mcx-dashboard-module-LOGOUT .mcx-taskbar-aux .mcx-taskbar-control {
  background: var(--color-taskbar-background-alt);
}

#body.mcx-dashboard-module-LOGOUT .mcx-taskbar-aux .mcx-taskbar-control:hover,
#body.front-screen .mcx-taskbar-aux .mcx-taskbar-control:hover {
  background: var(--color-taskbar-background-alt-hover) !important;
  transition: all 0.15s ease-in-out;
}

.dashboardwithpanel .mcx-taskbar-system {
  background: #175a99 !important;
}

.dashboardwithpanel .mcx-taskbar-system .mcx-taskbar-element:hover {
  background: #1e74c5 !important;
}

.dashboardwithpanel.dashboardpanelclosed .mcx-taskbar-system span,
.dashboardwithpanel.dashboardpanelclosed .mcx-taskbar-system img {
  display: none;
}

.mcx-taskbar-panelcontrol .mcx-taskbar-symbol {
  font-size: 18px !important;
}

.dashboardwithpanel.dashboardpanelopened .mcx-taskbar-panelcontrol .mcx-taskbar-symbol:before {
  content: "◨";
}

.dashboardwithpanel.dashboardpanelclosed .mcx-taskbar-panelcontrol .mcx-taskbar-symbol:before {
  content: "◧";
}

.taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account {
  /*color: var(--color-font-contrast-major-1);*/
  text-align: right;
  padding: 0 15px;
  font-size: inherit;
  padding-left: 0;
}
.taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account:hover {
  cursor: pointer;
  background: var(--color-taskbar-background) -alt-hover;
  transition: all 0.15s ease-in-out;
}
.taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account.mcx-taskbar-account-simulation {
  background: #c5666c !important;
}
.taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account.mcx-taskbar-account-simulation:hover {
  background: #b4444b !important;
}
.taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account .mcx-taskbar-account-avatar {
  width: 32px;
  height: 32px;
  background: var(--color-avatar-background-taskbar);
  float: left;
  margin-right: 15px;
  padding: 0;
  overflow: hidden;
}
.taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account span {
  padding: 0;
}

.taskbar > .wrapper .mcx-taskbar-language {
  font-size: inherit !important;
}
.taskbar > .wrapper .mcx-taskbar-language .mcx-taskbar-symbol {
  font-family: var(--font-sans);
}

.rtc.container {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 350px;
  height: 450px;
  background: var(--color-background);
  z-index: 9998;
  display: none;
  -webkit-box-shadow: 0 10px 30px var(--color-box-shadow-modal);
  -moz-box-shadow: 0 10px 30px var(--color-box-shadow-modal);
  box-shadow: 0 10px 30px var(--color-box-shadow-modal);
  border: 1px solid var(--color-element-border);
  border-radius: 2px;
}
.rtc.container.active {
  display: block;
}
.rtc.container > div:first-child {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.rtc.container > div:first-child:not(.message) {
  width: 350px;
}
.rtc.container .chat,
.rtc.container .list {
  position: absolute;
  top: 0;
  width: 350px;
  height: 100%;
  transition: left 0.25s ease-in;
}
.rtc.container .chat {
  left: calc(350px * 1);
}
.rtc.container .chat.active {
  left: 0px;
}
.rtc.container .chat .controls {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid var(--color-element-border-major);
}
.rtc.container .chat .controls .control-chat-close {
  width: 40px;
  text-align: center;
  color: var(--color-toolbar-major);
  line-height: 40px;
  transition: all 0.15s ease-in-out;
}
.rtc.container .chat .controls .control-chat-close:hover {
  background: var(--color-element-background-major);
  cursor: pointer;
}
.rtc.container .chat .controls .control-chat-peer-name {
  padding-left: 10px;
}
.rtc.container .chat .timeline {
  overflow-y: scroll;
  height: calc(100% - 107px);
  padding: 10px;
  width: calc(100% - 20px);
  display: block;
  position: relative;
}
.rtc.container .chat .timeline .message {
  height: auto;
  display: inline-block;
  max-width: 61.8%;
  clear: both;
  padding: 2.5px 5px;
  border-radius: 2px;
  text-align: left;
  margin-bottom: 5px;
}
.rtc.container .chat .timeline .message.self {
  float: right;
  color: var(--color-font-contrast-major-1);
  background: var(--color-taskbar-background-alt);
}
.rtc.container .chat .timeline .message.partner {
  float: left;
  background: #eee;
}
.rtc.container .chat .input {
  background: var(--color-element-background-major);
  width: 100%;
  height: 56px;
  border: none;
  position: relative;
}
.rtc.container .chat .input textarea {
  width: calc(100% - 5px);
  padding: 5px;
  padding-right: 40px;
  height: 46px;
  border: none;
  background: transparent;
}
.rtc.container .chat .input button {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  color: var(--color-toolbar-major);
}
.rtc.container .chat .input button:hover {
  background: var(--color-element-background-major);
  cursor: pointer;
}
.rtc.container > .message {
  padding: 0px 20px;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: calc(350px - 20px);
}
.rtc.container > .message > * {
  flex: 0 1 auto;
  align-self: auto;
}
.rtc.container > .message > *:not(:last-child) {
  margin-bottom: 10px;
}
.rtc.container > .message .alert {
  color: var(--color-alert);
  font-size: 110%;
}
.rtc.container > .message .alert-desc {
  color: var(--color-font-minor-2);
}
.rtc.container > .message .button {
  background: var(--color-toolbar-major);
  color: var(--color-font-contrast-major-1);
}
.rtc.container .list {
  left: calc(350px * -1);
  height: 100%;
  overflow-y: scroll;
}
.rtc.container .list.active {
  left: 0px;
}
.rtc.container .list .entry {
  width: 100%;
  border-bottom: 1px solid var(--color-element-border-major);
}
.rtc.container .list .entry[onclick]:hover {
  cursor: pointer;
}
.rtc.container .list .entry .outer {
  padding: 0 10px;
}
.rtc.container .list .entry .outer .inner {
  width: 100%;
  padding: 8px 0;
}

.thread-list.container,
.global-messages.container {
  text-align: left;
  position: relative;
  /*
  -webkit-box-shadow: 0 10px 30px var(--color-box-shadow-modal);
  -moz-box-shadow: 0 10px 30px var(--color-box-shadow-modal);
  box-shadow: 0 10px 30px var(--color-box-shadow-modal);

  border-radius: $border-radius;
  */
}
.thread-list.container .mcx-dashboard-button,
.global-messages.container .mcx-dashboard-button {
  display: inline-block;
  background: var(--color-element-background-major);
}
.thread-list.container .mcx-dashboard-button:hover,
.global-messages.container .mcx-dashboard-button:hover {
  background: var(--color-element-background-minor-2);
}
.thread-list.container.active,
.global-messages.container.active {
  display: block;
  overflow: hidden;
}
.thread-list.container .timeline,
.global-messages.container .timeline {
  width: 100% !important;
  overflow-y: scroll;
}
.thread-list.container .timeline .wrapper,
.global-messages.container .timeline .wrapper {
  padding: 10px;
  height: calc(100% - 10px * 2);
}
.thread-list.container .timeline .wrapper .alert,
.global-messages.container .timeline .wrapper .alert {
  font-weight: 300;
  padding: 8px 0;
  width: 100%;
  text-align: center;
}
.thread-list.container .timeline .wrapper .controls,
.global-messages.container .timeline .wrapper .controls {
  text-align: center;
}
.thread-list.container .timeline .wrapper .controls .mcx-dashboard-button,
.global-messages.container .timeline .wrapper .controls .mcx-dashboard-button {
  margin: 10px auto 0 auto;
}
.thread-list.container .headline,
.global-messages.container .headline {
  height: 32px;
  border-bottom: 1px solid var(--color-element-border);
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.thread-list.container .headline .mcx-dashboard-page-back,
.global-messages.container .headline .mcx-dashboard-page-back {
  display: none;
  position: relative;
}
.thread-list.container .headline .mcx-dashboard-page-back .badge,
.global-messages.container .headline .mcx-dashboard-page-back .badge {
  background: #c0392b;
  color: var(--color-font-contrast-major-1);
  font-size: 90%;
  font-weight: 600;
  display: block;
  border-radius: 18px;
  min-width: 18px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  position: absolute;
  top: 6px;
  right: 0px;
  display: none;
}
.thread-list.container .headline .mcx-dashboard-page-back .badge.has-value,
.global-messages.container .headline .mcx-dashboard-page-back .badge.has-value {
  display: inline-block;
}
.thread-list.container .headline .content,
.global-messages.container .headline .content {
  display: inline-block;
  padding: 0 10px;
  line-height: 32px;
}
.thread-list.container .headline .controls,
.global-messages.container .headline .controls {
  position: absolute;
  /*border-left: 1px solid var(--color-element-border-major);*/
  right: 0px;
  top: 0px;
  height: 32px;
}
.thread-list.container .chat,
.thread-list.container .threads,
.global-messages.container .chat,
.global-messages.container .threads {
  height: calc(100% - 32px);
  position: absolute;
  width: 100%;
  top: 32px;
  transition: left 0.25s ease-in-out;
}
.thread-list.container .chat .timeline,
.thread-list.container .threads .timeline,
.global-messages.container .chat .timeline,
.global-messages.container .threads .timeline {
  height: 100%;
}
.thread-list.container .threads,
.global-messages.container .threads {
  left: 0;
}
.thread-list.container.chat-active .headline .mcx-dashboard-page-back,
.global-messages.container.chat-active .headline .mcx-dashboard-page-back {
  display: inline-block;
}
.thread-list.container.chat-active .threads,
.global-messages.container.chat-active .threads {
  left: calc(345px * -1);
}
.thread-list.container.chat-active .chat,
.global-messages.container.chat-active .chat {
  left: 0;
}
.thread-list.container .chat,
.global-messages.container .chat {
  left: 345px;
}
.thread-list.container.has-video > .chat .timeline,
.global-messages.container.has-video > .chat .timeline {
  height: calc(100% - 345px);
}
.thread-list.container.has-video > .chat .video-container,
.global-messages.container.has-video > .chat .video-container {
  display: block;
  height: 345px;
  border-top: 1px solid var(--color-element-border);
}
.thread-list.container.has-video > .chat .video-container .wrapper,
.global-messages.container.has-video > .chat .video-container .wrapper {
  padding: 0;
  position: relative;
}
.thread-list.container.has-video > .chat .video-container .wrapper .message-video-area,
.global-messages.container.has-video > .chat .video-container .wrapper .message-video-area {
  min-height: initial;
  max-height: initial;
  height: calc(345px);
  position: relative;
  overflow: hidden;
  background-image: var(--spinner-small);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}
.thread-list.container.has-video > .chat .video-container .wrapper .message-video-area iframe,
.global-messages.container.has-video > .chat .video-container .wrapper .message-video-area iframe {
  position: absolute;
  top: -1px;
  left: -2px;
  border: 0;
  width: calc(100% + 2px);
  height: calc(100% + 1px);
}
.thread-list.container.has-video.has-input > .chat .timeline,
.global-messages.container.has-video.has-input > .chat .timeline {
  height: calc(100% - 345px - 150px);
}
.thread-list.container.has-input > .chat .timeline,
.global-messages.container.has-input > .chat .timeline {
  height: calc(100% - 150px);
}
.thread-list.container.has-input > .chat .input-container,
.global-messages.container.has-input > .chat .input-container {
  display: block;
  height: 150px;
  border-top: 1px solid var(--color-element-border);
}
.thread-list.container.has-input > .chat .input-container .wrapper,
.global-messages.container.has-input > .chat .input-container .wrapper {
  padding: 10px;
  padding-bottom: 0;
  position: relative;
}
.thread-list.container.has-input > .chat .input-container .wrapper .message-input-area,
.global-messages.container.has-input > .chat .input-container .wrapper .message-input-area {
  min-height: initial;
  max-height: initial;
  height: calc(150px - 10px * 4);
}
.thread-list.container.has-input > .chat .input-container .wrapper .area-controls,
.global-messages.container.has-input > .chat .input-container .wrapper .area-controls {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.thread-list.container.has-input > .chat .input-container .wrapper .area-controls .mcx-dashboard-button,
.global-messages.container.has-input > .chat .input-container .wrapper .area-controls .mcx-dashboard-button {
  margin-left: 10px;
}

.global-messages.container {
  position: absolute;
  top: 32px;
  right: 0px;
  width: 345px;
  height: calc(100% - 32px);
  background: var(--color-background);
  z-index: 9997;
  display: none;
  border-left: 1px solid var(--color-element-border);
}

.dashboardnotaskbar .global-messages.container {
  top: 93px;
  height: calc(100% - 93px);
}

.message-input-area {
  width: calc(100% - 20px);
  min-height: 100px;
  max-height: 300px;
  overflow-y: scroll;
  margin-bottom: 0;
  -webkit-appearance: none;
  outline: none;
  background: var(--color-background);
  color: var(--color-font-major-1);
  border: 1px solid var(--color-element-border);
  border-radius: 2px;
  display: block;
  font-size: inherit;
  padding: 8px 10px;
}
.message-input-area:hover {
  border: 1px solid var(--color-toolbar-major);
  transition: border 0.15s ease-in-out;
}
.message-input-area:focus {
  border: 1px solid var(--color-toolbar-major);
  background: var(--color-element-background-major);
}
.message-input-area .user {
  display: inline-block;
  font-weight: 600;
}
.message-input-area .user.inline {
  color: var(--color-toolbar-major);
  margin-right: 5px;
}
.message-input-area .user.boxed {
  padding: 2.5px 5px;
  border-radius: 2px;
  margin-right: 10px;
  color: white; /* var(--color-font-contrast-major-1); */
  background: var(--color-taskbar-background-alt);
}
.message-input-area .user.boxed .control {
  font-size: 90%;
  font-weight: 400;
  margin-left: 5px;
}
.message-input-area .user.boxed .control:hover {
  cursor: pointer;
}

.message-input-inner-component {
  position: absolute;
  display: none;
  /*
  margin-top: 1.5rem;
  */
  margin-left: -1rem;
  width: 350px;
}
.message-input-inner-component .wrapper {
  border: 1px solid var(--color-element-border);
  padding: 5px 10px;
  background: var(--color-background);
  box-shadow: 0px 0px 50px var(--color-element-border);
}

.contains-attachment {
  width: 100%;
  height: 100%;
  background-color: black;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.dark-schema .thread-list.container .headline .mcx-dashboard-page-back .badge,
.dark-schema .global-messages.container .headline .mcx-dashboard-page-back .badge {
  color: var(--color-font-major-1);
}

.mcx-taskbar-element {
  /*transition: opacity .25s ease-in;*/
}

.has-active-overlay .taskbar .mcx-taskbar-aux .mcx-taskbar-element:not(.mcx-taskbar-logout):not(.mcx-taskbar-color-schema-switch):not(.mcx-taskbar-messaging):not(.mcx-taskbar-translation) {
  display: none;
}

.taskbar {
  z-index: 9990;
  width: 100%;
  position: relative;
}
.taskbar * {
  height: 32px;
  line-height: 32px;
}
.taskbar .wrapper {
  background: var(--color-taskbar-background) !important;
  position: relative;
}
.taskbar .wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.taskbar .wrapper .mcx-taskbar-main {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: 99;
}
.taskbar .wrapper .mcx-taskbar-aux {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  background: var(--color-taskbar-background-alt);
}
.taskbar .wrapper .mcx-taskbar-constructor td {
  vertical-align: middle;
  height: 32px;
  border-radius: 1px;
  padding: 0;
}
.taskbar .wrapper .mcx-taskbar-element {
  float: left;
}
.taskbar .wrapper .mcx-taskbar-element-wrapper {
  position: relative;
}
.taskbar .wrapper .mcx-taskbar-element-wrapper table {
  border-spacing: 0;
  border-collapse: collapse;
  overflow: hidden;
}
.taskbar .wrapper .mcx-taskbar-element span {
  white-space: nowrap;
  padding-right: 15px;
}
.taskbar .wrapper .mcx-taskbar-element-no-icon .mcx-taskbar-element-wrapper {
  padding: 0 15px;
}
.taskbar .wrapper .mcx-taskbar-spacer {
  width: auto;
}
.taskbar .wrapper .mcx-taskbar-control:hover {
  cursor: pointer;
  background: var(--color-taskbar-background-hover);
  transition: all 0.15s ease-in-out;
}
.taskbar .wrapper .mcx-taskbar-control:hover .mcx-taskbar-symbol {
  /*
  font-size: 190%;
  transition: all .25s ease-in-out;
  */
}
.taskbar .wrapper .mcx-taskbar-aux .mcx-taskbar-control:hover {
  cursor: pointer;
  background: var(--color-taskbar-background-alt-hover);
  transition: all 0.15s ease-in-out;
}
.taskbar .wrapper .mcx-taskbar-hidden {
  display: none;
}
.taskbar .wrapper .mcx-taskbar-symbol {
  width: 40px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  float: left;
  font-family: "HIS Glyphs";
}
.taskbar .wrapper .mcx-taskbar-symbol.fa {
  font-family: "Font Awesome 6 Sharp", "Font Awesome 6 Pro", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "Font Awesome 5 Free";
  font-size: 14px !important;
}
.taskbar .wrapper .mcx-taskbar-symbol-no-padding {
  padding-right: 0 !important;
}
.taskbar .wrapper .mcx-dashboard td.fa,
.taskbar .wrapper .mcx-dashboard td.fab,
.taskbar .wrapper .mcx-dashboard td.fal,
.taskbar .wrapper .mcx-dashboard td.far,
.taskbar .wrapper .mcx-dashboard td.fas {
  display: table-cell;
}
.taskbar .wrapper .mcx-taskbar-reduced {
  width: 40px !important;
  text-align: center;
}
.taskbar .wrapper .mcx-taskbar-reduced .mcx-taskbar-element-wrapper {
  padding: 0;
}
.taskbar .wrapper .mcx-taskbar-reduced .mcx-taskbar-element-label {
  display: none;
}
.taskbar .wrapper .mcx-taskbar-reduced .mcx-taskbar-symbol {
  padding: 0;
  width: 40px;
}
.taskbar .wrapper .mcx-taskbar-reduced.mcx-taskbar-patients-nav, .taskbar .wrapper .mcx-taskbar-reduced.mcx-taskbar-start {
  width: 40px;
}
.taskbar .wrapper .mcx-taskbar-reduced.mcx-taskbar-patients-nav .mcx-taskbar-symbol, .taskbar .wrapper .mcx-taskbar-reduced.mcx-taskbar-start .mcx-taskbar-symbol, .taskbar .wrapper .mcx-taskbar-reduced.mcx-taskbar-plugin .mcx-taskbar-symbol, .taskbar .wrapper .mcx-taskbar-reduced.mcx-taskbar-link .mcx-taskbar-symbol {
  width: 40px;
}
.taskbar .wrapper .mcx-taskbar-system {
  text-align: left;
  padding: 0 !important;
  font-size: inherit;
  width: 5px;
  color: var(--color-font-contrast-major-1);
  width: 120px;
  /* box-shadow: inset -5px 0px 30px 0px rgba(0,0,0,0.15); */
}
.taskbar .wrapper .mcx-taskbar-system .mcx-taskbar-element {
  float: right;
  cursor: pointer;
}
.taskbar .wrapper .mcx-taskbar-system.mcx-taskbar-element img {
  height: 24px !important;
  margin-top: 4px;
  width: 120px;
}
.taskbar .wrapper .mcx-taskbar-system span {
  padding: 0 10px !important;
}
.taskbar .wrapper .mcx-taskbar-start {
  color: var(--color-font-contrast-major-1);
}
.taskbar .wrapper .mcx-taskbar-link {
  color: var(--color-font-contrast-major-1);
  font-size: inherit;
}
.taskbar .wrapper .mcx-taskbar-start:hover,
.taskbar .wrapper .mcx-taskbar-plugin:hover,
.taskbar .wrapper .mcx-taskbar-link:hover {
  color: var(--color-font-contrast-major-1);
}
.taskbar .wrapper .mcx-taskbar-patients {
  background: #3fc501;
  color: var(--color-font-contrast-major-1);
}
.taskbar .wrapper .mcx-taskbar-patients .mcx-taskbar-element-wrapper,
.taskbar .wrapper .mcx-taskbar-patient .mcx-taskbar-element-wrapper {
  padding-left: 0;
}
.taskbar .wrapper .mcx-taskbar-patients-nav {
  color: var(--color-font-contrast-major-1);
  background: var(--color-toolbar-major);
}
.taskbar .wrapper .mcx-taskbar-patients-nav-disabled, .taskbar .wrapper .mcx-taskbar-patients-nav-disabled:hover {
  background: var(--color-toolbar-major);
  color: var(--color-font-minor-2);
}
.taskbar .wrapper .mcx-taskbar-patients {
  font-weight: 700 !important;
}
.taskbar .wrapper .mcx-taskbar-patients:hover {
  background: #309502;
}
.taskbar .wrapper .mcx-taskbar-plugin,
.taskbar .wrapper .mcx-taskbar-language-control,
.taskbar .wrapper .mcx-taskbar-identity-control {
  color: var(--color-font-contrast-major-1);
  transition: all 0.15s ease-in-out;
}
.taskbar .wrapper .mcx-taskbar-plugin:hover,
.taskbar .wrapper .mcx-taskbar-language-control:hover,
.taskbar .wrapper .mcx-taskbar-identity-control:hover {
  color: var(--color-font-contrast-major-1);
}
.taskbar .wrapper .mcx-taskbar-language,
.taskbar .wrapper .mcx-taskbar-identity {
  font-weight: normal;
  color: var(--color-font-contrast-major-1);
}
.taskbar .wrapper .mcx-taskbar-language-current,
.taskbar .wrapper .mcx-taskbar-identity-current,
.taskbar .wrapper .mcx-taskbar-start-current,
.taskbar .wrapper .mcx-taskbar-link-current {
  color: var(--color-font-major-1) !important;
  background: var(--color-background) !important;
}
.taskbar .wrapper .mcx-taskbar-language-current:hover,
.taskbar .wrapper .mcx-taskbar-identity-current:hover,
.taskbar .wrapper .mcx-taskbar-start-current:hover,
.taskbar .wrapper .mcx-taskbar-link-current:hover {
  color: var(--color-font-major-1) !important;
  background: var(--color-background);
  transition: all 0.15s ease-in-out;
}
.taskbar .wrapper .mcx-taskbar-link-current {
  color: var(--color-font-major-1) !important;
  background: var(--color-background) !important;
}
.taskbar .wrapper .mcx-taskbar-identity span {
  font-family: var(--font-sans) !important;
  color: var(--color-font-contrast-major-1);
}
.taskbar .wrapper .mcx-taskbar-grouped {
  display: block;
}
.taskbar .wrapper .mcx-taskbar-group {
  float: left;
  overflow: hidden;
  width: 0px;
}
.taskbar .wrapper .mcx-taskbar-messages {
  background: #999;
  color: var(--color-font-contrast-major-1);
}
.taskbar .wrapper .mcx-taskbar-login,
.taskbar .wrapper .mcx-taskbar-logout,
.taskbar .wrapper .mcx-taskbar-rtc,
.taskbar .wrapper .mcx-taskbar-messaging,
.taskbar .wrapper .mcx-taskbar-translation,
.taskbar .wrapper .mcx-taskbar-color-schema-switch {
  color: var(--color-font-contrast-major-1);
}
.taskbar .wrapper .mcx-taskbar-color-schema-switch .mcx-taskbar-symbol:before {
  content: "\f186";
}
.taskbar .wrapper .mcx-taskbar-print {
  background: #999;
  color: var(--color-font-contrast-major-1);
}
.taskbar .wrapper .mcx-taskbar-switch {
  color: var(--color-font-minor-1);
  font-size: inherit;
  padding: 0 20px;
  background-color: var(--color-background);
}
.taskbar .wrapper .mcx-taskbar-switch .mcx-dashboard-badge {
  display: inline-block;
}
.taskbar .wrapper .mcx-taskbar-switch .mcx-dashboard-badge span {
  line-height: 18px !important;
  height: 18px !important;
  padding-right: 9px !important;
  margin-left: 10px !important;
}
.taskbar .wrapper .mcx-taskbar-aux .mcx-taskbar-switch.mcx-taskbar-control:hover {
  background-color: var(--color-background);
}
.taskbar .wrapper .mcx-taskbar-aux .aux-primary {
  float: left;
}
.taskbar .wrapper .mcx-taskbar-patients .mcx-taskbar-symbol,
.taskbar .wrapper .mcx-taskbar-patient .mcx-taskbar-symbol,
.taskbar .wrapper .mcx-taskbar-print .mcx-taskbar-symbol {
  font-size: 18px;
  font-weight: normal;
}
.taskbar .wrapper .mcx-taskbar-messages .mcx-taskbar-symbol {
  font-size: 50px;
  line-height: 30px;
  padding-top: 5px;
}
.taskbar .wrapper .mcx-taskbar-language-control .mcx-taskbar-symbol,
.taskbar .wrapper .mcx-taskbar-identity-control .mcx-taskbar-symbol,
.taskbar .wrapper .mcx-taskbar-link .mcx-taskbar-symbol,
.taskbar .wrapper .mcx-taskbar-plugin .mcx-taskbar-symbol {
  font-size: 18px;
}
.taskbar .wrapper .mcx-taskbar-patients-nav .mcx-taskbar-symbol {
  font-size: 18px;
}
.taskbar .wrapper .mcx-taskbar-login .mcx-taskbar-symbol,
.taskbar .wrapper .mcx-taskbar-logout .mcx-taskbar-symbol {
  font-size: 18px;
}
.taskbar .wrapper .mcx-taskbar-patient {
  background: var(--color-background);
  width: 250px;
  font-family: var(--font-sans) !important;
  font-size: inherit;
}
.taskbar .wrapper .mcx-taskbar-patient-unselected {
  font-family: var(--font-sans) !important;
  color: #1e74c5;
  background: #add1f2 !important;
}
.taskbar .wrapper .mcx-taskbar-patient-unselected .mcx-taskbar-element-wrapper div {
  padding: 0 10px;
}
.taskbar .wrapper .mcx-taskbar-patient.mcx-taskbar-patient-unselected .mcx-taskbar-element-wrapper {
  background: transparent !important;
  /*  height: 31px;*/
  /*  border-bottom: 1px solid $color-blue-light;*/
}
.taskbar .wrapper .mcx-taskbar-patient .mcx-taskbar-element-wrapper {
  background: var(--color-background) !important;
}
.taskbar .wrapper .mcx-taskbar-patient span {
  font-size: inherit;
}
.taskbar .wrapper .mcx-taskbar-patient-indicator {
  background: #999 !important;
}
.taskbar .wrapper .mcx-taskbar-patient-indicator:hover {
  background: #666 !important;
}
.taskbar .wrapper .mcx-taskbar-patient-male {
  color: #4682B4;
}
.taskbar .wrapper .mcx-taskbar-patient-male:hover {
  color: #266294;
  background: var(--color-background);
}
.taskbar .wrapper .mcx-taskbar-patient-female {
  color: #CD5C5C;
}
.taskbar .wrapper .mcx-taskbar-patient-female:hover {
  color: #AD3C3C;
  transition: all 0.15s ease-in-out;
  background: var(--color-background);
}
.taskbar .wrapper .mcx-taskbar-patients {
  font-family: var(--font-sans) !important;
  /*  text-transform: uppercase;*/
  font-size: inherit;
}
.taskbar .wrapper .mcx-taskbar-translation.selected {
  background-color: var(--color-confirm-background);
}
.taskbar .wrapper .mcx-taskbar-translation.selected:hover {
  background-color: var(--color-confirm-background-alt);
}

.dashboardnotaskbar #dashboardtaskbar {
  display: none !important;
}

.dashboardnotaskbar #XCLOSE {
  /*  display: none;*/
}

html.messaging-active .taskbar .wrapper .mcx-taskbar-messaging, html.messaging-active .taskbar .wrapper .mcx-taskbar-messaging:hover {
  background: var(--color-background);
  color: var(--color-font-major-1);
}

html.dark-schema .taskbar .mcx-taskbar-system {
  color: var(--color-font-minor-1);
}
html.dark-schema .taskbar .mcx-taskbar-link,
html.dark-schema .taskbar .mcx-taskbar-logout,
html.dark-schema .taskbar .mcx-taskbar-login,
html.dark-schema .taskbar .mcx-taskbar-identity-control,
html.dark-schema .taskbar .mcx-taskbar-language,
html.dark-schema .taskbar .mcx-taskbar-language-control,
html.dark-schema .taskbar .mcx-taskbar-color-schema-switch,
html.dark-schema .taskbar .mcx-taskbar-rtc,
html.dark-schema .taskbar .mcx-taskbar-translation:not(.selected),
html.dark-schema .taskbar .mcx-taskbar-messaging,
html.dark-schema .taskbar .mcx-taskbar-start {
  color: var(--color-font-minor-1);
}
html.dark-schema .taskbar .mcx-taskbar-link:hover,
html.dark-schema .taskbar .mcx-taskbar-logout:hover,
html.dark-schema .taskbar .mcx-taskbar-login:hover,
html.dark-schema .taskbar .mcx-taskbar-identity-control:hover,
html.dark-schema .taskbar .mcx-taskbar-language:hover,
html.dark-schema .taskbar .mcx-taskbar-language-control:hover,
html.dark-schema .taskbar .mcx-taskbar-color-schema-switch:hover,
html.dark-schema .taskbar .mcx-taskbar-rtc:hover,
html.dark-schema .taskbar .mcx-taskbar-translation:not(.selected):hover,
html.dark-schema .taskbar .mcx-taskbar-messaging:hover,
html.dark-schema .taskbar .mcx-taskbar-start:hover {
  color: var(--color-font-major-1);
}
html.dark-schema .taskbar .mcx-taskbar-color-schema-switch .mcx-taskbar-symbol:before {
  content: "\f185";
}

body.has-active-overlay .taskbar .mcx-taskbar-main {
  opacity: 0.5;
}

.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-inner {
  position: absolute;
  bottom: 20px;
  right: 40px;
  z-index: 1000;
}
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element {
  margin-top: 20px;
  vertical-align: middle;
  line-height: 40px;
  height: 40px;
  padding: 0 64px;
  float: none;
  background: var(--color-taskbar-background);
  color: var(--color-font-contrast-major-1);
  font-weight: 600;
  box-shadow: 0px 5px 10px var(--color-box-shadow-dashlets);
}
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-disabled, .mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-disabled:hover {
  background: var(--color-element-background-minor-2) !important;
}
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element:hover,
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-element:hover {
  color: var(--color-font-contrast-major-1) !important;
  background: var(--color-taskbar-background-hover) !important;
}
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element:hover span,
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-element:hover span {
  color: inherit !important;
}
.mcx-dashboard-toolbar-focussed.mcx-dashboard-toolbar-focussed-floating .mcx-dashboard-toolbar-element {
  float: left;
  margin-top: 0;
  margin-left: 20px;
}
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-signals .mcx-dashboard-toolbar-element {
  margin-top: inherit;
  vertical-align: inherit;
  line-height: inherit;
  height: inherit;
  padding: 0 12px;
  float: left;
  background: inherit;
  color: inherit;
}
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-signals .mcx-dashboard-toolbar-element:hover {
  color: inherit !important;
  background: inherit !important;
}
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-disabled, .mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-disabled:hover,
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-signals .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-disabled,
.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-signals .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-disabled:hover {
  background: inherit;
}

.no-toolbar .toolbar {
  display: none;
}

.toolbar .switch {
  display: none;
}
.toolbar .wrapper {
  overflow: hidden;
}
.toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.toolbar .flags {
  padding-left: 32px;
}
.toolbar .flags .mcx-dashboard-toolbar-element {
  background: none !important;
  padding: 0;
  width: 36px;
}
.toolbar .flags .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-flag-active {
  background: var(--color-toolbar-major) !important;
}
.mcx-dashboard-toolbar-flags .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-iconized,
.mcx-dashboard-toolbar-flyout .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-iconized,
.mcx-dashboard-page-back {
  text-shadow: none;
  line-height: 32px;
  height: 32px;
}

.mcx-dashboard-toolbar-element {
  text-align: center;
  float: left;
  color: var(--color-toolbar-major);
  font-family: var(--font-sans) !important;
  font-size: inherit;
  padding: 0 12px;
  line-height: 32px;
  height: 32px;
  background: var(--color-background);
}
.mcx-dashboard-toolbar-element span.pointer {
  display: none;
}

.mcx-dashboard-toolbar-element-tab {
  position: relative;
}
.mcx-dashboard-toolbar-element-tab span.pointer {
  display: block;
  margin: 0 auto;
  margin-top: -19px;
  vertical-align: bottom;
  padding: 0;
  color: var(--color-font-minor-3);
  font-size: 20px;
}

.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-element-tab:hover span.pointer {
  color: var(--color-gray-90) !important;
}

.mcx-dashboard-toolbar-element-rotate-90 span,
.mcx-dashboard-toolbar-element-rotate-180 span,
.mcx-dashboard-toolbar-element-rotate-270 span {
  width: auto !important;
  display: block;
}

.mcx-dashboard-toolbar-element-rotate-90 span {
  transform: rotate(90deg);
}

.mcx-dashboard-toolbar-element-rotate-180 span {
  transform: rotate(180deg);
}

.mcx-dashboard-toolbar-element-rotate-270 span {
  transform: rotate(270deg);
}

.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-label, .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-label:hover {
  background: inherit !important;
  cursor: default;
  color: var(--color-font-major-2) !important;
}
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-label.mcx-dashboard-toolbar-group-title {
  font-weight: 300 !important;
}
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-label.mcx-dashboard-toolbar-group-title, .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-label.mcx-dashboard-toolbar-group-title > .icon {
  color: var(--color-font-minor-2) !important;
}
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-selected, .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-selected:hover {
  background: var(--color-toolbar-major) !important;
  color: var(--color-font-contrast-major-1) !important;
  text-shadow: none;
}
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-selected span, .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-selected:hover span {
  color: var(--color-font-contrast-major-1) !important;
}
.mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-disabled, .mcx-dashboard-toolbar-inner .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-disabled:hover {
  opacity: var(--disabled-opacity) !important;
  background: inherit !important;
  cursor: default;
}
.mcx-dashboard-toolbar-inner .mcx-dashboard-button-confirm,
.mcx-dashboard-toolbar-inner .mcx-dashboard-button-cancel {
  color: var(--color-toolbar-major) !important;
}

.mcx-dashboard-toolbar-group {
  float: left;
  margin: 0 24px;
  /* border-top: 1px solid var(--color-element-border-major);*/
}
.mcx-dashboard-toolbar-group.mcx-dashboard-toolbar-group-empty {
  border-top: 1px solid transparent;
}
.mcx-dashboard-toolbar-group:first-child {
  margin-left: 0;
}
.mcx-dashboard-toolbar-group.separated {
  border-left: 1px solid var(--color-structure-border-minor);
  border-right: 1px solid var(--color-structure-border-minor);
}

.dark-schema .mcx-dashboard-toolbar-group {
  border-top-color: transparent;
}

/*.mcx-dashboard-toolbar-group .mcx-dashboard-toolbar-element,*/
.mcx-dashboard-toolbar-flags .mcx-dashboard-toolbar-group .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-iconized,
.mcx-dashboard-toolbar-signals .mcx-dashboard-toolbar-group .mcx-dashboard-toolbar-element.mcx-dashboard-toolbar-iconized {
  height: 32px;
  line-height: 32px;
}

.mcx-dashboard-toolbar-hidden {
  display: none;
}

.mcx-dashboard-toolbar-loading * {
  display: none !important;
}

.dashboard .slimScrollBar,
.dashboard .slimScrollRail {
  width: 5px !important;
  padding: 0 !important;
  margin: 0px !important;
  border-radius: 0 !important;
}
.dashboard .slimScrollDiv {
  padding: 0 !important;
}
.dashboard .slimScrollBar {
  margin: 2px !important;
}
.dashboard .dashlet .slimScrollBar {
  margin: inherit !important;
}

::-webkit-scrollbar {
  width: 6px; /* for vertical scrollbars */
  height: 6px; /* for horizontal scrollbars */
  background: rgba(0, 0, 0, 0.05);
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.35);
}

html {
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.05);
}

.userForm {
  padding: 20px 0;
}
.userForm h1,
.userForm h2,
.userForm h3 {
  font-weight: 600;
  margin: 0 0 10px 0;
}
.userForm h1 {
  font-size: 18px;
}
.userForm h2 {
  font-size: 16px;
}
.userForm h3 {
  font-size: inherit;
}
.userForm .row {
  margin-bottom: 10px;
  clear: both;
}
.userForm button {
  margin-top: 10px;
}
.userForm label {
  width: 171px;
  padding-dir-end: 20px;
  font-size: inherit;
  color: var(--color-font-minor-1);
  margin: 7.5px 0;
  float: left;
}
.userForm fieldset {
  margin-bottom: 32px !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.userForm.double fieldset {
  float: left;
  margin-bottom: 0 !important;
  margin-dir-end: 20px !important;
  width: 600px;
}
.userForm input {
  width: 675px;
}

.mcx-dashboard-custom-form .mcx-dashlet-page-wrapper {
  background: cornsilk;
}

@media only screen and (max-width: 1023px) {
  .front-screen .mcx-dashboard-application-wrapper {
    width: 100%;
    padding: 40px 0;
  }
  .front-screen.mcx-dashboard-application-has-image-headline .mcx-dashboard-application-wrapper {
    padding: 40px 0;
  }
  .mcx-dashboard-modal-wrapper {
    width: 100%;
    max-height: 100%;
  }
  html {
    overflow-x: hidden;
  }
  html:not(.pseudo-dialog) {
    overflow-y: auto;
  }
  html.pseudo-dialog {
    overflow-y: hidden;
  }
  body {
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
  }
  body.front-screen {
    overflow-y: auto;
  }
  html.has-modal {
    overflow: hidden;
  }
  .mcx-taskbar-main .mcx-taskbar-element:not(.mcx-taskbar-start) {
    display: none;
  }
  .mcx-document-module-MAINDASHBOARD .mcx-dashboard-headline-search {
    display: none;
  }
  html:not(.pseudo-dialog).small-screen-disallow, html:not(.pseudo-dialog).small-screen-disallow body {
    overflow: hidden;
  }
  html:not(.pseudo-dialog).small-screen-disallow #dashboardlock {
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    right: 0;
    height: calc(100% - 32px);
    width: 100%;
    background: var(--color-background);
    z-index: 99999;
    overflow: auto;
  }
  html:not(.pseudo-dialog).small-screen-disallow .mcx-taskbar-main .mcx-taskbar-element:not(.mcx-taskbar-system),
  html:not(.pseudo-dialog).small-screen-disallow .mcx-taskbar-aux .mcx-taskbar-element:not(.mcx-taskbar-logout) {
    display: none;
  }
}
html.mod-simplified body:not(.front-screen) {
  /*
  .content .container > .mcx-dashboard-component {
      background: var(--color-background-alt);
  }
  .content .container > .mcx-dashboard-component .mcx-dashboard-component {
      background: initial;
  }
  */
}
html.mod-simplified body:not(.front-screen) #XCLOSE .mcx-dashboard-icon:before {
  content: "\f00d";
}
html.mod-simplified body:not(.front-screen):not(.dashboardnotaskbar) #XCLOSE {
  display: none;
}
html.mod-simplified body:not(.front-screen):not(.dashboardnotaskbar) .application {
  width: calc(100% - 240px);
}
html.mod-simplified body:not(.front-screen):not(.dashboardnotaskbar) .loading-indicator {
  left: 240px !important;
  width: calc(100% - 240px) !important;
}
html.mod-simplified body:not(.front-screen):not(.dashboardnotaskbar) .app-ready {
  display: flex;
  flex-direction: row;
}
html.mod-simplified body:not(.front-screen) .taskbar {
  width: 240px;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper {
  position: absolute;
  width: 240px;
  height: 100%;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-element {
  float: none;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-system {
  width: 240px;
  height: 100px;
  background: var(--color-taskbar-background-alt);
  /* box-shadow: 0px 5px 10px rgba(0,0,0,0.1); */
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-system.mcx-taskbar-element img {
  width: calc(100% - 20px) !important;
  height: calc(100% - 40px) !important;
  padding: 20px 10px !important;
  margin: 0;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-main {
  position: relative;
  height: 100%;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-main .mcx-taskbar-reduced {
  width: 100% !important;
  text-align: left;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-aux {
  background: var(--color-taskbar-background-alt);
  position: absolute;
  right: initial;
  top: initial;
  bottom: 0;
  min-height: 150px;
  width: 240px;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-aux * {
  height: initial;
  line-height: initial;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-aux .aux-primary {
  float: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-aux .aux-primary .mcx-taskbar-element, html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-aux .aux-primary .mcx-taskbar-element.mcx-taskbar-reduced,
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-aux .aux-primary .mcx-taskbar-element .mcx-taskbar-symbol {
  width: 60px !important;
  height: 60px !important;
  line-height: 60px !important;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-aux .aux-primary .mcx-taskbar-element .mcx-taskbar-symbol {
  font-size: large !important;
}
html.mod-simplified body:not(.front-screen) .application > .message {
  left: 0;
}
html.mod-simplified body:not(.front-screen) .application,
html.mod-simplified body:not(.front-screen) .loading-indicator {
  width: 100%;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-aux .mcx-taskbar-element.mcx-taskbar-account {
  height: 92px;
  /*
  position: absolute;
  top: 0;
  */
  width: 240px;
  padding: 0;
  border-bottom: 1px solid var(--color-element-background-minor-2);
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account .mcx-taskbar-element-wrapper {
  height: 92px;
  flex-direction: column;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-element-wrapper,
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-reduced .mcx-taskbar-element-wrapper {
  text-align: left;
  padding: 0 10px;
  display: flex;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-element-no-icon .mcx-taskbar-element-wrapper {
  padding-left: 50px;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-main .mcx-taskbar-reduced .mcx-taskbar-element-label {
  display: inline-block;
  color: var(--color-font-contrast-major);
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-reduced.mcx-taskbar-current .mcx-taskbar-element-label,
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-reduced.mcx-taskbar-link-current .mcx-taskbar-element-label,
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-reduced.mcx-taskbar-start-current .mcx-taskbar-element-label {
  color: var(--color-font-minor-1) !important;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account,
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account:hover {
  /*background: var(--color-background);*/
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account .mcx-taskbar-account-avatar {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  margin-top: 16px;
  height: 40px;
  float: none;
  display: block;
  background: transparent;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account .mcx-taskbar-account-avatar img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: white;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-element.mcx-taskbar-account span {
  color: var(--color-font-contrast-major);
  display: block;
  text-align: center;
  margin-top: 10px;
}
html.mod-simplified body:not(.front-screen) .taskbar .wrapper .mcx-taskbar-aux .mcx-taskbar-element {
  width: 40px;
}
html.mod-simplified body:not(.front-screen) .interval {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(240px + 100%);
  z-index: 9999;
}
html.mod-simplified body:not(.front-screen) .application > .content > .interval, html.mod-simplified body:not(.front-screen) #dashboardintervalindicatorcontainer {
  background: transparent;
}
html.mod-simplified body:not(.front-screen) #dashboardheader.header {
  /* background: var(--color-background-alt);*/
  /* box-shadow: 0px 5px 10px rgba(0,0,0,0.1); */
  background: var(--color-background-alt);
}
html.mod-simplified body:not(.front-screen) #dashboardtools.toolbar {
  height: 40px;
}
html.mod-simplified body:not(.front-screen) .toolbar:not(.mcx-dashboard-toolbar-focussed) .mcx-dashboard-toolbar-element {
  margin-left: 10px;
  border-radius: 2px;
}
html.mod-simplified body:not(.front-screen) .toolbar:not(.mcx-dashboard-toolbar-focussed) .mcx-dashboard-toolbar-element:not(#XCLOSE) {
  background: var(--color-element-background-minor-1);
}
html.mod-simplified body:not(.front-screen) .toolbar.mcx-dashboard-toolbar-focussed .mcx-dashboard-toolbar-element {
  background: var(--color-toolbar-major);
}
html.mod-simplified body:not(.front-screen) .application > .header > .status {
  position: absolute;
  top: initial;
  bottom: 10px;
  z-index: 9999;
  width: 32px;
  left: initial;
  right: 10px;
  float: none;
}
html.mod-simplified body:not(.front-screen) .application > .header .mcx-dashboard-application-headline .mcx-dashboard-toolbar-element span {
  color: var(--color-toolbar-major) !important;
}
html.mod-simplified body:not(.front-screen) .mcx-dashboard-toolbar-group {
  border-top: none;
}
html.mod-simplified body:not(.front-screen) .mcx-dashboard-component-inner-divided .mcx-dashboard-component {
  border-left: none !important;
  border-right: none !important;
}
html.mod-simplified body:not(.front-screen) .mcx-dashboard-component {
  background: initial;
}
html.mod-simplified body:not(.front-screen) .mcx-dashlet-page-headline-wrapper {
  border: none;
}
html.mod-simplified body:not(.front-screen) .mcx-dashboard-headline-search:not(.mcx-dashboard-headline-search.mcx-dashboard-headline-search-has-focus) {
  background: var(--color-background-alt);
  border: none;
}

@media only screen and (max-width: 767px) {
  .mod-simplified.small-screen-disallow #dashboardlock {
    top: 0;
    height: 100%;
  }
}
html {
  direction: ltr;
}

/*# sourceMappingURL=main-ltr.css.map */