@import "bootstrap.css";
@import "dijit.css";
@import "../../../dgrid/css/dgrid.css";
@import "../../../dojox/grid/resources/Grid.css";
@import "../../../dojox/grid/enhanced/resources/Common.css";
@import "../../../dojox/image/resources/LightboxNano.css";
@import "../../icons/editorIcons.css" /* sprite for editor icons to be used by all themes */;
@media (max-width: 549px) {
  .col-xxs-1 {
    width: 8.333333333333334%;
  }
  .col-xxs-2 {
    width: 16.666666666666668%;
  }
  .col-xxs-3 {
    width: 25%;
  }
  .col-xxs-4 {
    width: 33.333333333333336%;
  }
  .col-xxs-5 {
    width: 41.666666666666664%;
  }
  .col-xxs-6 {
    width: 50%;
  }
  .col-xxs-7 {
    width: 58.333333333333336%;
  }
  .col-xxs-8 {
    width: 66.66666666666667%;
  }
  .col-xxs-9 {
    width: 75%;
  }
  .col-xxs-10 {
    width: 83.33333333333333%;
  }
  .col-xxs-11 {
    width: 91.66666666666667%;
  }
  .col-xxs-12 {
    width: 100%;
  }
}
*,
p,
label,
h1,
h2,
h3,
h4,
h5,
h6,
input,
.dijitReset,
.dijitTitlePaneTextNode,
.umc .dijitDialogTitle,
.umcModuleTitle,
.umc .umcUDMDetailPage .umcPageHeader h2 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  color: inherit;
}
.dijitReset {
  line-height: inherit;
}
input[type="checkbox"],
input[type="radio"] {
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: var(--cursor-disabled);
}
.dijitHidden {
  display: none !important;
}
.dijitReadOnly *,
.dijitDisabled *,
.dijitReadOnly,
.dijitDisabled {
  cursor: var(--cursor-disabled);
}
.dijitTabController {
  font-size: var(--font-size-3);
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url("fonts/OpenSans-Regular.woff2") format('woff2'), url("fonts/OpenSans-Regular.woff") format('woff'), url("fonts/OpenSans-Regular.ttf") format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url("fonts/OpenSans-Italic.woff2") format('woff2'), url("fonts/OpenSans-Italic.woff") format('woff'), url("fonts/OpenSans-Italic.ttf") format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url("fonts/OpenSans-SemiBold.woff2") format('woff2'), url("fonts/OpenSans-SemiBold.woff") format('woff'), url("fonts/OpenSans-SemiBold.ttf") format('truetype'); /* Safari, Android, iOS */
}
html {
  font-size: var(--font-size-html);
}
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  line-height: var(--font-lineheight-normal);
  font-size: var(--font-size-body);
  color: var(--font-color-contrast-high);
}
html,
body {
  background-color: var(--bgc-content-body);
}
body {
  overflow-x: hidden;
  min-height: 100vh;
}
.umcCard2,
.umc .umcPKGDBPage .umcPageNavContent {
  padding: calc(2 * var(--layout-spacing-unit));
  background-color: var(--bgc-content-container);
  border-radius: var(--border-radius-container);
}
a,
.ucsLinkButton .dijitButtonText {
  color: inherit;
  transition: color 250ms, text-decoration-thickness 250ms;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}
a:hover,
.ucsLinkButton .dijitButtonText:hover,
a:focus,
.ucsLinkButton .dijitButtonText:focus {
  text-decoration-thickness: 3px;
}
a:active,
.ucsLinkButton .dijitButtonText:active {
  text-decoration: none;
}
p {
  margin-bottom: 0.7rem;
}
h1,
.umcModuleTitle,
.umc .umcUDMDetailPage .umcPageHeader h2 {
  font-size: var(--font-size-1);
  line-height: var(--font-lineheight-header);
  font-weight: 600;
}
h2,
h3,
h4,
h5,
h6,
.dijitTitlePaneTextNode,
.umc .dijitDialogTitle {
  font-size: var(--font-size-2);
  line-height: var(--font-lineheight-normal);
  font-weight: 600;
}
ul,
ol {
  padding-inline-start: 2ch;
  margin-bottom: var(--layout-spacing-unit);
  list-style-position: outside;
}
ul {
  list-style-type: disc;
}
ul li::marker {
  color: var(--font-color-contrast-low);
}
ol li::marker {
  color: var(--font-color-contrast-high);
}
i,
em {
  font-style: italic;
}
pre,
code {
  padding: 0.8em 0.5em;
  margin: 0;
  font-size: var(--font-size-4);
  line-height: var(--font-lineheight-compact);
  word-wrap: normal;
  color: inherit;
  background-color: var(--bgc-content-body);
  border: none;
  border-radius: var(--border-radius-container);
}
.ucsButton {
  --bgc: transparent;
  margin: 0;
  font-size: var(--button-font-size);
  border-radius: var(--button-border-radius);
  background: var(--bgc);
  transition: opacity 250ms, var(--button-bgc-transition);
  color: var(--font-color-contrast-high);
}
.dijitButtonNode {
  border: none;
  border-radius: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dijitButtonContents {
  height: var(--button-size);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dijitButtonText {
  color: var(--button-text-color, inherit);
  transition: color 250ms;
  font-weight: 600;
  text-transform: uppercase;
}
.dijitDropDownButton .dijitArrowButtonInner {
  display: none;
}
.ucsNormalButton,
.ucsButton:not(.ucsNormalButton):not(.ucsTextButton):not(.ucsPrimaryButton):not(.ucsIconButton):not(.ucsIconButtonHighlighted):not(.ucsLinkButton):not(.ucsMenuButton):not(.umcCategoryButton):not(.ucsFillButton) {
  --bgc: var(--button-bgc);
}
.ucsNormalButton.dijitHover,
.ucsButton:not(.ucsNormalButton):not(.ucsTextButton):not(.ucsPrimaryButton):not(.ucsIconButton):not(.ucsIconButtonHighlighted):not(.ucsLinkButton):not(.ucsMenuButton):not(.umcCategoryButton):not(.ucsFillButton).dijitHover,
.ucsNormalButton.dijitFocused,
.ucsButton:not(.ucsNormalButton):not(.ucsTextButton):not(.ucsPrimaryButton):not(.ucsIconButton):not(.ucsIconButtonHighlighted):not(.ucsLinkButton):not(.ucsMenuButton):not(.umcCategoryButton):not(.ucsFillButton).dijitFocused {
  --bgc: var(--button-bgc-hover);
}
.ucsNormalButton.dijitActive,
.ucsButton:not(.ucsNormalButton):not(.ucsTextButton):not(.ucsPrimaryButton):not(.ucsIconButton):not(.ucsIconButtonHighlighted):not(.ucsLinkButton):not(.ucsMenuButton):not(.umcCategoryButton):not(.ucsFillButton).dijitActive {
  --bgc: var(--button-bgc-active);
}
.ucsNormalButton.dijitDisabled,
.ucsButton:not(.ucsNormalButton):not(.ucsTextButton):not(.ucsPrimaryButton):not(.ucsIconButton):not(.ucsIconButtonHighlighted):not(.ucsLinkButton):not(.ucsMenuButton):not(.umcCategoryButton):not(.ucsFillButton).dijitDisabled {
  --bgc: var(--button-bgc-disabled);
  opacity: 0.4;
}
.ucsFillButton {
  --bgc: var(--button-bgc);
}
.ucsFillButton.dijitHover,
.ucsFillButton.dijitFocused {
  --bgc: var(--button-bgc-hover);
}
.ucsFillButton.dijitActive {
  --bgc: var(--button-bgc-active);
}
.ucsFillButton.dijitDisabled {
  --bgc: var(--button-bgc-disabled);
  opacity: 0.4;
}
.ucsFillButton,
.ucsFillButton .dijitButtonNode {
  width: 100%;
  height: 100%;
}
.ucsTextButton {
  --bgc: var(--button-text-bgc);
}
.ucsTextButton.dijitHover,
.ucsTextButton.dijitFocused {
  --bgc: var(--button-text-bgc-hover);
}
.ucsTextButton.dijitActive {
  --bgc: var(--button-text-bgc-active);
}
.ucsTextButton.dijitDisabled {
  --bgc: var(--button-text-bgc-disabled);
  opacity: 0.4;
}
.ucsTextButton .dijitButtonContents {
  padding: 0 0.5rem;
}
.ucsPrimaryButton {
  --bgc: var(--button-primary-bgc);
}
.ucsPrimaryButton.dijitHover,
.ucsPrimaryButton.dijitFocused {
  --bgc: var(--button-primary-bgc-hover);
}
.ucsPrimaryButton.dijitActive {
  --bgc: var(--button-primary-bgc-active);
}
.ucsPrimaryButton.dijitDisabled {
  --bgc: var(--button-primary-bgc-disabled);
  opacity: 0.4;
}
.ucsPrimaryButton,
.ucsNormalButton,
.ucsButton:not(.ucsNormalButton):not(.ucsTextButton):not(.ucsPrimaryButton):not(.ucsIconButton):not(.ucsIconButtonHighlighted):not(.ucsLinkButton):not(.ucsMenuButton):not(.umcCategoryButton):not(.ucsFillButton) {
  box-shadow: var(--box-shadow);
}
.ucsPrimaryButton .featherIcon,
.ucsNormalButton .featherIcon,
.ucsTextButton .featherIcon,
.ucsButton:not(.ucsNormalButton):not(.ucsTextButton):not(.ucsPrimaryButton):not(.ucsIconButton):not(.ucsIconButtonHighlighted):not(.ucsLinkButton):not(.ucsMenuButton):not(.umcCategoryButton):not(.ucsFillButton) .featherIcon {
  margin-right: 0.4rem;
}
.ucsPrimaryButton .featherIcon,
.ucsNormalButton .featherIcon,
.ucsTextButton .featherIcon,
.ucsIconButton .featherIcon,
.ucsSimpleIconButton .featherIcon,
.ucsFillButton .featherIcon,
.ucsIconButtonHighlighted .featherIcon,
.ucsButton:not(.ucsNormalButton):not(.ucsTextButton):not(.ucsPrimaryButton):not(.ucsIconButton):not(.ucsIconButtonHighlighted):not(.ucsLinkButton):not(.ucsMenuButton):not(.umcCategoryButton):not(.ucsFillButton) .featherIcon {
  width: var(--button-icon-size);
  height: var(--button-icon-size);
}
.ucsPrimaryButton .dijitButtonContents,
.ucsNormalButton .dijitButtonContents,
.ucsButton:not(.ucsNormalButton):not(.ucsTextButton):not(.ucsPrimaryButton):not(.ucsIconButton):not(.ucsIconButtonHighlighted):not(.ucsLinkButton):not(.ucsMenuButton):not(.umcCategoryButton):not(.ucsFillButton) .dijitButtonContents {
  padding: 0 1rem;
}
.ucsSimpleIconButton {
  --bgc: transparent;
  width: var(--button-size);
  height: var(--button-size);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bgc);
  border-radius: var(--button-icon-border-radius);
  transition: var(--button-bgc-transition);
}
.ucsSimpleIconButton:hover,
.ucsSimpleIconButton:focus {
  --bgc: var(--button-icon-bgc-hover);
}
.ucsSimpleIconButton:active {
  --bgc: var(--button-icon-bgc-active);
}
.ucsIconButton,
.ucsIconButtonHighlighted {
  --bgc: transparent;
  box-shadow: none;
  border-radius: var(--button-icon-border-radius);
}
.ucsIconButton.dijitHover,
.ucsIconButtonHighlighted.dijitHover,
.ucsIconButton.dijitFocused,
.ucsIconButtonHighlighted.dijitFocused {
  --bgc: var(--button-icon-bgc-hover);
}
.ucsIconButton.dijitActive,
.ucsIconButtonHighlighted.dijitActive {
  --bgc: var(--button-icon-bgc-active);
}
.ucsIconButton.dijitDisabled,
.ucsIconButtonHighlighted.dijitDisabled {
  --bgc: var(--button-icon-bgc-disabled);
  opacity: 0.4;
}
.ucsIconButton .dijitButtonContents,
.ucsIconButtonHighlighted .dijitButtonContents {
  width: var(--button-size);
}
.ucsIconButtonToFontSize,
.ucsIconButtonHighlightedToFontSize {
  --button-size: 1em;
}
.ucsIconButtonHighlighted {
  --bgc: var(--button-icon-highlighted-bgc);
}
.ucsIconButtonHighlighted.dijitHover,
.ucsIconButtonHighlighted.dijitFocused {
  --bgc: var(--button-icon-highlighted-bgc-hover);
}
.ucsIconButtonHighlighted.dijitActive {
  --bgc: var(--button-icon-highlighted-bgc-active);
}
.ucsIconButtonHighlighted.dijitDisabled {
  --bgc: var(--button-icon-highlighted-bgc-disabled);
  opacity: 0.4;
}
.ucsLinkButton {
  --button-size: auto;
}
.ucsLinkButton .dijitButtonText {
  text-transform: none;
}
.dijitToggleButtonChecked .dijitButtonNode {
  box-shadow: 0 0 0 2px var(--color-accent);
}
.ucsButton--textfieldAligned {
  position: relative;
  bottom: calc((var(--inputfield-size) - var(--button-size)) / 2);
}
.dijitUploader input {
  cursor: pointer;
}
.dijitTextBox,
.dijitSelect {
  --color: var(--font-color-contrast-high);
  --border-color: transparent;
  --local-icon-color: var(--color);
  --bgc: var(--bgc-inputfield-on-container);
  position: relative;
  height: var(--inputfield-size);
  width: 100%;
  color: var(--color);
  font-size: var(--font-size-3);
  background-color: var(--bgc);
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-interactable);
  transition: background-color, color, border;
  transition-duration: 250ms;
  outline: none;
}
.dijitTextBoxHover,
.dijitSelectHover,
.dijitTextBoxFocused,
.dijitSelectFocused {
  --border-color: var(--font-color-contrast-low);
}
.dijitTextBoxDisabled,
.dijitSelectDisabled {
  --color: var(--font-color-contrast-middle);
  --bgc: transparent;
  border-color: var(--font-color-contrast-low);
  border-style: dashed;
}
.dijitTextBoxError,
.dijitSelectError {
  --border-color: var(--font-color-error);
  --local-icon-color: var(--border-color);
}
.umcTextBox__validationIcon,
.umcTextBox__downArrowButton,
.dijitSpinnerButtonContainer {
  color: var(--local-icon-color);
}
.umcStandbySvgWrapper.udmComboBox__standbyCircle {
  width: 1.6em;
  height: 1.6em;
}
.umcStandbySvgWrapper.udmComboBox__standbyCircle .umcStandbySvg {
  width: 1em;
  height: 1em;
}
.dijitTextBox > .ucsIconButton,
.dijitSelect > .ucsIconButton {
  --button-size: 2em;
}
.umcStandbySvgWrapper.udmComboBox__standbyCircle {
  margin-right: var(--layout-spacing-unit);
}
.umcTextBox__downArrowButton {
  margin-right: var(--layout-spacing-unit);
}
.umcTextBox__downArrowButton .dijitButtonContents {
  outline: none;
}
.dijitTextBoxDisabled .umcTextBox__downArrowButton,
.dijitSelectDisabled .umcTextBox__downArrowButton,
.umcTextBox__validationIcon {
  pointer-events: none;
}
.umcTextBoxOnBody,
.umcTextBoxOnBody > .dijitDateTextBox,
.umcLiveSearchDark .umcSearchBox {
  --bgc: var(--bgc-inputfield-on-body);
}
.dijitTextBox {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.dijitTextBox > * {
  flex: 0 0 auto;
}
.dijitTextBox .dijitInputContainer {
  flex: 1 1 auto;
  height: 100%;
}
.dijitTextBox .dijitInputContainer .dijitInputInner,
.dijitTextBox .dijitInputContainer .umcInlineLabel,
.dijitTextBox .dijitInputContainer .dijitPlaceHolder {
  height: 100%;
  text-overflow: ellipsis;
  padding: 0 calc(3 * var(--layout-spacing-unit-small)) !important;
}
.dijitTextBox .dijitInputContainer .umcInlineLabel,
.dijitTextBox .dijitInputContainer .dijitPlaceHolder {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  color: var(--font-color-contrast-low);
  font-style: inherit;
}
.dijitTextBox .dijitInputContainer .umcInlineLabel {
  visibility: hidden;
}
.dijitTextBox .dijitInputContainer .umcInlineLabel.umcEmptyValue {
  visibility: visible;
}
.dijitTextArea {
  padding: var(--layout-spacing-unit);
  height: 110px;
}
.dijitTextBox:not(.dijitTextBoxError) .umcTextBox__validationIcon {
  display: none;
}
.dijitTextBox .umcTextBox__validationIcon {
  margin-right: calc(2 * var(--layout-spacing-unit));
}
.dijitComboBox .umcTextBox__validationIcon {
  margin-right: var(--layout-spacing-unit);
}
.dj_safari .dijitTextBoxDisabled .dijitInputInner,
.dj_safari .dijitTextArea.dijitTextBoxDisabled {
  -webkit-text-fill-color: var(--font-color-contrast-middle);
}
.dijitTooltipContainer {
  max-width: 400px;
  font-size: var(--font-size-4);
  color: var(--font-color-contrast-high);
  border-radius: var(--border-radius-tooltip);
  border: none;
  padding: var(--layout-spacing-unit);
  background: var(--bgc-popup);
  overflow-wrap: break-word;
}
.dijitTooltipAbove {
  padding-bottom: var(--layout-spacing-unit);
}
.dijitTooltipBelow {
  padding-top: var(--layout-spacing-unit);
}
.dijitTooltipLeft {
  padding-right: var(--layout-spacing-unit);
}
.dijitTooltipRight {
  padding-right: var(--layout-spacing-unit);
}
.mobileMenu {
  overflow: hidden;
  position: fixed;
  top: var(--layout-height-header);
  bottom: 0;
  right: 0;
  width: 80%;
  max-width: 360px;
  border: 0px solid var(--bgc-content-body);
  border-top-width: var(--layout-height-header-separator);
  background-color: var(--bgc-content-header);
  transition: transform cubic-bezier(0.4, 0, 0.6, 1) 0.15s;
  z-index: 31;
  transform: translate3d(110%, 0, 0);
  -ms-transform: translate(110%, 0);
  display: flex;
  flex-direction: column;
  box-shadow: var(--box-shadow);
}
.mobileMenu .fullWidthTile {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1em 0;
}
.mobileMenu .menuLoginHeader {
  padding: 8px 0;
  border-bottom: var(--layout-spacing-unit-small) solid var(--bgc-content-body);
}
.mobileMenu .menuLoginHeader--loggedout {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobileMenu .menuLoginHeader--loggedin {
  padding: 8px 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.mobileMenu .menuLoginHeader--loggedin .menuLoginHeader__logo {
  width: 60px;
  height: 60px;
  background: var(--bgc-content-body);
  border-radius: 100%;
  margin-left: 20px;
  margin-right: 20px;
  background-image: url("/univention/portal/icons/avatar_white.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  display: none;
}
.mobileMenu .menuLoginHeader--loggedin .menuLoginHeader__username {
  margin-left: 20px;
  font-weight: bold;
}
.mobileMenu .menuLoginHeader--loggedin .menuLoginHeader__logoutButton {
  margin-left: 20px;
  font-size: var(--font-size-4);
}
.mobileMenu .menuSlideHeader {
  cursor: default;
  padding-left: 15px;
  margin-bottom: 8px;
  font-weight: 500;
  text-transform: uppercase;
}
.mobileMenu .menuSlideHeader.subMenu {
  cursor: pointer;
}
.mobileMenu .menuSlideHeader .featherIcon {
  margin-right: 0.5rem;
}
.mobileMenu .menuSlideHeader,
.mobileMenu .menuSlideItemsContainer .menuItem {
  cursor: pointer;
  padding-left: 20px;
  transition: background 250ms;
}
.mobileMenu .menuSlideHeader:hover,
.mobileMenu .menuSlideItemsContainer .menuItem:hover {
  background-color: var(--bgc-user-menu-item-hover);
}
.mobileMenu .menuSlideHeader:active,
.mobileMenu .menuSlideItemsContainer .menuItem:active {
  background-color: var(--bgc-user-menu-item-active);
}
.mobileMenu .menuSlideHeader.menuItemActive,
.mobileMenu .menuSlideItemsContainer .menuItem.menuItemActive {
  background-color: var(--bgc-user-menu-item-active);
}
.mobileMenu .menuSlideHeader.menuItemActiveTransition,
.mobileMenu .menuSlideItemsContainer .menuItem.menuItemActiveTransition {
  transition: background-color 0.3s;
}
.mobileMenu .menuSlides,
.mobileMenu .menuSlide {
  position: absolute;
  z-index: 0;
  background: inherit;
}
.mobileMenu .menuSlides {
  position: relative;
  flex: 1 0 auto;
  overflow: hidden;
}
.mobileMenu .menuSlides .menuSlide {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  transition: transform cubic-bezier(0.4, 0, 0.6, 1) 0.15s;
}
.mobileMenu .menuSlides .menuSlide.mainSlide .menuSlideHeader {
  display: none;
}
.mobileMenu .menuSlides .menuSlide .menuSlideItemsContainer .menuItem {
  cursor: pointer;
  padding-left: 20px;
}
.mobileMenu .menuSlides .menuSlide .menuSlideItemsContainer .popupMenuItem .childItemsCounter {
  position: absolute;
  right: 0;
  margin-right: 40px;
  display: inline;
}
.mobileMenu .menuSlides .menuSlide .menuSlideItemsContainer .popupMenuItem .popupMenuItemArrow {
  content: '';
  position: absolute;
  right: 0;
  margin-right: 12px;
  display: inline;
}
.mobileMenu .menuSlides .menuSlide .menuSlideItemsContainer .separator {
  padding: 0;
  height: var(--layout-spacing-unit-small);
  cursor: default;
  background-color: var(--bgc-content-body);
}
.mobileMenu .menuSlides.popupSlideNormalTransition .menuSlide {
  transform: translate3d(100%, 0, 0);
  -ms-transform: translate(100%, 0);
}
.mobileMenu .menuSlides.overlappedSlidePushTransition .menuSlide.overlappedSlide {
  transform: translate3d(-30%, 0, 0);
  -ms-transform: translate(-30%, 0);
  -webkit-transform: translate3d(-30%, 0, 0);
}
.mobileMenu .menuSlides .hiddenSlide {
  display: none !important;
}
.mobileMenu .menuSlides .topLevelSlide {
  z-index: 1;
}
.mobileMenu .menuSlides .menuSlide.visibleSlide {
  transform: translate3d(0, 0, 0) scale(1, 1);
  -ms-transform: translate(0, 0) scale(1, 1);
  transition: transform cubic-bezier(0, 0, 0.2, 1) 0.15s;
}
.mobileMenuActive.hasScrollbar {
  overflow-y: hidden;
}
.mobileMenuActive .mobileMenu {
  transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  transition: transform cubic-bezier(0, 0, 0.2, 1) 0.15s;
}
.ucsMenuButton {
  width: 100%;
  border-radius: 0;
  --bgc: transparent;
  --button-size: auto;
}
.ucsMenuButton.dijitHover,
.ucsMenuButton.dijitFocused {
  --bgc: var(--bgc-user-menu-item-hover);
}
.ucsMenuButton .dijitButtonNode {
  height: auto;
  padding: 1em 0 1em 20px;
  justify-content: left;
}
.ucsMenuButton .dijitButtonContents {
  outline: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
}
.ucsMenuButton .dijitButtonText {
  flex: 1 0 auto;
  text-align: left;
}
.ucsMenuButton .dijitIcon {
  margin-right: 12px;
  font-size: var(--font-size-button-icon, inherit);
  height: 1em;
  width: 1em;
}
.umc .dijitCalendar {
  background-color: var(--bgc-popup);
  padding: 0.5em 0;
/* Styling for month container (previous/next month and month dropdown button) */
/* Styling for the date cells */
/* Styling for year container */
}
.umc .dijitCalendar .dijitCalendarMonthContainer {
  padding-bottom: 8px;
/* Styling for month arrows */
/* Styling for month DropDownButton */
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow {
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease {
  background: url("images/icons-small.svg") -72px -12px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
}
html.dj_trident .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease,
html.dj_ie .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease {
  background-image: url("images/icons-small.png");
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease {
  background: url("images/icons-small.svg") -48px -12px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
}
html.dj_trident .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease,
html.dj_ie .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease {
  background-image: url("images/icons-small.png");
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowHover {
  opacity: 0.66;
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowHover .dijitCalendarIncrease {
  background: url("images/icons-small.svg") -84px -12px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
}
html.dj_trident .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowHover .dijitCalendarIncrease,
html.dj_ie .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowHover .dijitCalendarIncrease {
  background-image: url("images/icons-small.png");
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowHover .dijitCalendarDecrease {
  background: url("images/icons-small.svg") -60px -12px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
}
html.dj_trident .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowHover .dijitCalendarDecrease,
html.dj_ie .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowHover .dijitCalendarDecrease {
  background-image: url("images/icons-small.png");
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowActive {
  opacity: 1;
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowActive .dijitCalendarIncrease {
  background: url("images/icons-small.svg") -84px -12px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
}
html.dj_trident .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowActive .dijitCalendarIncrease,
html.dj_ie .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowActive .dijitCalendarIncrease {
  background-image: url("images/icons-small.png");
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowActive .dijitCalendarDecrease {
  background: url("images/icons-small.svg") -60px -12px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
}
html.dj_trident .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowActive .dijitCalendarDecrease,
html.dj_ie .umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow.dijitCalendarArrowActive .dijitCalendarDecrease {
  background-image: url("images/icons-small.png");
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitCalendarArrow .dijitA11ySideArrow {
/* text +/- labels instead of arrow icons, for high contrast mode */
  display: none;
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitDropDownButton {
  margin: 0;
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitDropDownButton .dijitArrowButtonInner {
  background: url("images/icons-small.svg") 0px -12px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
}
html.dj_trident .umc .dijitCalendar .dijitCalendarMonthContainer .dijitDropDownButton .dijitArrowButtonInner,
html.dj_ie .umc .dijitCalendar .dijitCalendarMonthContainer .dijitDropDownButton .dijitArrowButtonInner {
  background-image: url("images/icons-small.png");
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitDropDownButton.dijitDropDownButtonHover .dijitArrowButtonInner {
  background: url("images/icons-small.svg") -12px -12px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
  opacity: 0.66;
}
html.dj_trident .umc .dijitCalendar .dijitCalendarMonthContainer .dijitDropDownButton.dijitDropDownButtonHover .dijitArrowButtonInner,
html.dj_ie .umc .dijitCalendar .dijitCalendarMonthContainer .dijitDropDownButton.dijitDropDownButtonHover .dijitArrowButtonInner {
  background-image: url("images/icons-small.png");
}
.umc .dijitCalendar .dijitCalendarMonthContainer .dijitDropDownButton.dijitDropDownButtonActive .dijitArrowButtonInner {
  background: url("images/icons-small.svg") -12px -12px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
  opacity: 1;
}
html.dj_trident .umc .dijitCalendar .dijitCalendarMonthContainer .dijitDropDownButton.dijitDropDownButtonActive .dijitArrowButtonInner,
html.dj_ie .umc .dijitCalendar .dijitCalendarMonthContainer .dijitDropDownButton.dijitDropDownButtonActive .dijitArrowButtonInner {
  background-image: url("images/icons-small.png");
}
.umc .dijitCalendar table {
  width: 100%;
/* day label style (monday - sunday) */
/* date cells style - basic*/
/* Dates of previous next months */
/* Hovored date */
/* :focus date */
/* Active date */
/* Selected date */
/* Disabled Calendar Style*/
}
.umc .dijitCalendar table .dijitCalendarDayLabelTemplate {
  text-align: center;
  border-bottom: 1px solid var(--font-color-contrast-low);
  padding: 0 0 2px;
}
.umc .dijitCalendar table .dijitCalendarDateTemplate {
  text-align: center;
  border-radius: var(--border-radius-interactable);
}
.umc .dijitCalendar table .dijitCalendarDateTemplate .dijitCalendarDateLabel {
  display: block;
  padding: 0.5em;
}
.umc .dijitCalendar table .dijitCalendarPreviousMonth .dijitCalendarDateLabel,
.umc .dijitCalendar table .dijitCalendarNextMonth .dijitCalendarDateLabel {
  color: var(--font-color-contrast-middle);
}
.umc .dijitCalendar table .dijitCalendarHoveredDate {
  background-color: var(--bgc-popup-item-hover);
}
.umc .dijitCalendar table .dijitCalendarDateTemplate:focus {
  outline: none;
  background-color: var(--bgc-popup-item-hover);
}
.umc .dijitCalendar table .dijitCalendarActiveDate {
  background-color: var(--bgc-popup-item-active);
}
.umc .dijitCalendar table .dijitCalendarSelectedDate {
  background-color: var(--bgc-popup-item-selected);
  box-shadow: inset 0 0 0 1px var(--font-color-contrast-high);
}
.umc .dijitCalendar table .dijitCalendarDisabledDate {
  color: var(--font-color-contrast-low);
}
.umc .dijitCalendar .dijitCalendarYearContainer {
  padding-top: var(--layout-spacing-unit);
}
.umc .dijitCalendar .dijitCalendarYearContainer .dijitCalendarYearLabel {
  display: flex;
}
.umc .dijitCalendar .dijitCalendarYearContainer .dijitCalendarYearLabel .dijitCalendarNextYear,
.umc .dijitCalendar .dijitCalendarYearContainer .dijitCalendarYearLabel .dijitCalendarPreviousYear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: var(--font-size-4);
  color: var(--font-color-contrast-middle);
}
.umc .dijitCalendar .dijitCalendarYearContainer .dijitCalendarYearLabel .currentYearInput {
  background-color: transparent;
  border-color: var(--font-color-contrast-middle);
}
.umc .dijitCalendar .dijitCalendarYearContainer .dijitCalendarYearLabel .currentYearInput .dijitInputInner {
  text-align: center;
}
.umc .dijitCalendarMonthMenu {
  text-align: center;
  background-image: none;
}
.umc .dijitCalendarMonthMenu .dijitCalendarMonthLabel {
  padding: 2px 0;
}
.umc .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
  background-color: var(--bgc-popup-item-hover);
}
.umc .dijitCalendarMonthMenu .dijitCalendarMonthLabelActive {
  background-color: var(--bgc-popup-item-active);
}
.umc .calendarHotKeysTable th {
  font-weight: bold;
}
.dijitCheckBox {
  --local-border-color: var(--font-color-contrast-low);
  --local-background-color: transparent;
  width: var(--font-size-3);
  height: var(--font-size-3);
  border: 2px solid var(--local-border-color);
  border-radius: 2px;
  background-color: var(--local-background-color);
  transition: opacity 250ms, background-color 250ms, border-color 250ms;
  position: relative;
}
.dijitCheckBox .featherIcon {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 250ms, color 250ms;
  pointer-events: none;
  color: var(--local-border-color);
  stroke-width: 3;
}
.dijitCheckBoxChecked,
.dijitCheckBoxIndeterminate {
  --local-border-color: var(--color-accent);
}
.dijitCheckBoxChecked .icon-check {
  opacity: 1;
}
.dijitCheckBoxIndeterminate .icon-check {
  opacity: 0;
}
.dijitCheckBoxIndeterminate .icon-minus {
  opacity: 1;
}
.dojoxGridCellOver .dijitCheckBox,
.dijitCheckBoxHover,
.dijitCheckBoxActive {
  --local-background-color: var(--bgc-checkbox-hover);
}
.dijitCheckBoxFocused {
  --local-background-color: var(--bgc-checkbox-focus);
}
.dijitCheckBoxDisabled {
  --local-border-color: var(--font-color-contrast-low);
  opacity: 0.4;
}
.dijitCheckBoxInputStretcher {
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}
.dijitCheckBoxInput {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.dijitComboBoxHighlightMatch {
  background-color: var(--bgc-popup-item-selected);
}
.umcImage {
  width: 100%;
  border-radius: 2px;
  background: var(--bgc-checkerboard);
}
.umcImageEmpty {
  background: var(--bgc-inputfield-on-container);
}
.umcImage img,
.umcImage .umcImageEmpty__message {
  max-width: 100%;
  max-height: 250px;
  pointer-events: none;
  box-sizing: content-box;
}
.umcImage .umcImageEmpty__message {
  display: flex;
  align-items: center;
}
.umcImage .umcImage__styleWrapper {
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.umcImage--2to1Aspect img,
.umcImage--2to1Aspect .umcImageEmpty__message {
  max-height: 100%;
  position: absolute;
  padding-bottom: 50%;
}
.umcImage--2to1Aspect .umcImageEmpty__message {
  min-height: auto;
}
.umcImage--2to1Aspect .umcImage__styleWrapper {
  padding-top: 50%;
}
.umcImageUploader .dijitButton {
  margin-top: 0.5rem;
}
.umcImageUploader .dijitButton:not(:last-child) {
  margin-right: 0.5rem;
}
.umcLabelPane {
  display: inline-block;
  vertical-align: bottom;
}
.umcLabelPane > .umcLabelPaneLabelNode {
  --local-color-normal: var(--font-color-contrast-middle);
  --local-color: var(--local-color-normal);
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size-4);
  color: var(--local-color);
  transition: color 250ms;
}
.umcLabelPane > .umcLabelPaneLabelNodeTop {
  margin-bottom: var(--layout-spacing-unit-small);
}
.umcLabelPane > .umcLabelPaneLabelNodeRight {
  margin-left: var(--layout-spacing-unit);
}
.umcLabelPane > .umcLabelPaneLabelNodeBottom {
  margin-top: var(--layout-spacing-unit-small);
}
.umcLabelPaneError > .umcLabelPaneLabelNode {
  --local-color: var(--font-color-error);
}
.umcLabelPaneDisabled > .umcLabelPaneLabelNode {
  --local-color: var(--font-color-contrast-low);
}
.umcLabelPane .umcToolTip {
  background-position: 0 -36px;
}
.umcLabelPane .umcToolTip .umcToolTipHover {
  background-position: -12px -36px;
  opacity: 0.66;
}
.umcLabelPane .umcToolTip .umcToolTipClicked {
  background-position: -48px -36px;
}
.umcDescriptionIcon {
  flex: 0 0 auto;
  height: 1em;
  width: 1em;
  margin-left: var(--layout-spacing-unit);
  transition: opacity 250ms;
  cursor: pointer;
}
.umcLabelPane-dijitCheckBox,
.umcLabelPane-dijitRadio {
  display: inline-flex;
  align-items: center;
}
.umcLabelPane-dijitCheckBox .umcLabelPaneContainerNode,
.umcLabelPane-dijitRadio .umcLabelPaneContainerNode {
  display: flex;
}
.umcLabelPane-dijitCheckBox .umcLabelPaneLabelNode label,
.umcLabelPane-dijitRadio .umcLabelPaneLabelNode label {
  cursor: pointer;
}
.umcLabelPane-dijitCheckBox.umcLabelPaneDisabled .umcLabelPaneLabelNode label,
.umcLabelPane-dijitRadio.umcLabelPaneDisabled .umcLabelPaneLabelNode label {
  cursor: var(--cursor-disabled);
}
.umcLabelPane-dijitCheckBox--betweenNonCheckBoxes {
  height: calc(1rem + var(--inputfield-size));
}
.umc .umcLayoutRow:last-child > .umcLabelPane-dijitCheckBox--betweenNonCheckBoxes {
  height: var(--inputfield-size);
}
.umc .umcMultiInput .umcMultiInputContainer .umcLabelPane {
  padding-bottom: var(--layout-spacing-unit);
}
.umc .umcMultiInput .umcMultiInputAddButton {
  margin: 0 0 0 0.5rem;
}
.umc .umcMultiInput.umcMultiInput--onlyFirstRowLabels .umcMultiInputContainer:not(:first-child) .umcLabelPane .umcLabelPaneLabelNode {
  display: none;
}
.umc .umcMultiInput.umcMultiInput--noRowLabels .umcMultiInputContainer .umcLabelPane .umcLabelPaneLabelNode {
  display: none;
}
.umc .umcMultiInput .umcMultiInputContainer .umcMultiInputLastRowEntry {
  margin-right: calc( -1 * (1 * (var(--button-size) + 0.5rem + 0.5rem)));
  padding-right: calc(  1 * (1 * (var(--button-size) + 0.5rem + 0.5rem)));
}
.umc .umcMultiInputDisabled .umcMultiInputContainer .umcMultiInputLastRowEntry {
  padding-right: 0;
}
.umc .umcMultiInput {
  box-shadow: inset 2px 0px var(--bgc-inputfield-on-container);
  margin-left: 2px;
}
.umc .umcMultiInput.umcMultiInput--noRowLabels {
  padding-top: var(--layout-spacing-unit-small);
}
.umc .umcPolicyInput {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  box-shadow: none;
}
.umc .umcMultiInput > .umcMultiInputContainer:has(.umcLabelPane:nth-of-type(3)) {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  margin: calc(2 * var(--layout-spacing-unit)) 0;
}
.umc .umcMultiInput > .umcMultiInputContainer:has(.umcLabelPane:nth-of-type(3)) .umcLabelPane:has(.umcMultiInputRemoveButton) {
  align-self: end;
}
.umc .umcMultiInput > .umcMultiInputContainer:has(.umcLabelPane:nth-of-type(3)) .umcLabelPane:has(.dijitCheckBox) {
  align-self: center;
}
.umcMultiObjectSelect__buttons {
  margin-top: var(--layout-spacing-unit);
}
.umcMultiObjectSelect__buttons .dijitButton:not(:last-child) {
  margin-right: var(--layout-spacing-unit);
}
.umcMultiObjectSelect__detailDialog .umcLabelPane-umcMultiSelect {
  margin-top: calc(2 * var(--layout-spacing-unit));
}
.umcMultiSelect {
  border-radius: 8px;
  background-color: var(--bgc-inputfield-on-container);
}
.umcMultiSelect .dojoxGridScrollbox,
.umcMultiSelect .dojoxGridRow,
.umcMultiSelect .dojoxGrowOdd,
.umcMultiSelect .dojoxGridHeader {
  background-color: inherit;
}
.umcMultiSelect .dojoxGridArrowButtonChar {
  display: none;
}
.umcMultiSelect .dojoxGridCell {
  border: none;
  background: inherit;
  line-height: 1em;
  font-size: var(--font-size-4);
}
.umcMultiSelect .dojoxGridCell {
  padding: 0.5rem 0;
}
.umcMultiSelect .dojoxGridHeader .dojoxGridCell {
  padding: 1rem 0;
}
.umcMultiSelect .dojoxGridCell:first-child {
  width: 2rem !important;
}
.umcMultiSelect .dojoxGridCell {
  outline: none;
}
.umcMultiSelect .dojoxGridMasterHeader {
  border-bottom: 1px solid var(--bgc-content-container);
}
.umcMultiSelect .dojoxGridRow {
  border: none;
}
.umcMultiSelect .dojoxGridContent {
  margin: 0.5rem 0;
}
.umcMultiSelect .dojoxGridRowSelector {
  outline: none;
}
.umcMultiSelect .dojoxGridRowSelectorStatusText {
  display: none;
}
.umcMultiSelect:not(.umcMultiSelectWithContent) .dojoxGridHeader,
.umcMultiSelectNoHeader .dojoxGridHeader {
  display: none;
}
.umcMultiUploader__buttons {
  margin-top: var(--layout-spacing-unit);
}
.umcMultiUploader__buttons .umcUploader {
  margin-right: var(--layout-spacing-unit);
  display: inline-block;
}
.umcMultiUploader__progressText {
  width: min-content;
}
.ucsNotificationsButton {
  position: relative;
}
.ucsNotifications {
  overflow: auto;
  position: fixed;
  top: var(--layout-height-header);
  bottom: 0;
  right: 0;
  width: 80%;
  max-width: 360px;
  border: 0px solid var(--bgc-content-body);
  border-top-width: var(--layout-height-header-separator);
  background-color: var(--bgc-content-container);
  transition: transform cubic-bezier(0.4, 0, 0.6, 1) 0.15s;
  z-index: 33;
  transform: translate3d(110%, 0, 0);
  -ms-transform: translate(110%, 0);
  padding: 0 calc(2 * var(--layout-spacing-unit));
  display: flex;
  flex-direction: column;
  box-shadow: var(--box-shadow);
}
.ucsNotifications--open {
  transform: translate3d(0, 0, 0);
  -ms-transform: translate(0, 0);
}
.ucsNotifications__title {
  margin: calc(2 * var(--layout-spacing-unit)) 0;
}
.ucsNotifications--empty .ucsNotifications__title {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--font-color-contrast-middle);
}
.ucsNotification {
  background: var(--bgc-inputfield-on-container);
  border-radius: var(--border-radius-notification);
  padding: calc(2 * var(--layout-spacing-unit));
  font-size: var(--font-size-4);
  margin-bottom: calc(2 * var(--layout-spacing-unit));
}
.ucsNotification--warning {
  background: var(--bgc-error);
}
.ucsNotification--warning .ucsNotification__closeButton {
  --button-icon-bgc-hover: rgba(0,0,0,0.08);
  --button-icon-bgc-active: rgba(0,0,0,0.16);
}
.ucsNotificationPreview .ucsNotification {
  background: var(--bgc-popup);
}
.ucsNotificationPreview .ucsNotification--warning {
  background: var(--bgc-error);
}
.ucsNotification__header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.ucsNotification__title {
  flex: 1 1 auto;
}
.ucsNotification__closeButton {
  flex: 0 0 auto;
  --button-size: 1.6em;
  position: relative;
}
.ucsNotification__close-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ucsNotification__close-circle {
  display: block;
  fill: transparent;
  stroke: var(--font-color-contrast-high);
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 0;
  stroke-width: 10px;
  transform-origin: 50% 50%;
  transform: scale(1, -1) rotate(90deg);
  -ms-transform: scale(1, -1) rotate(90deg);
}
.ucsNotificationPreview--draining .ucsNotification__close-circle {
  stroke-dashoffset: 283;
  transition: stroke-dashoffset linear 4s;
}
.ucsNotification__content {
  padding: 0 !important;
}
.ucsNotificationPreview {
  position: fixed;
  z-index: 32;
  top: calc(var(--layout-height-header) + 1rem);
  right: var(--layout-spacing-unit);
  width: 90vw;
  max-width: 300px;
  opacity: 0;
  transition: opacity 0ms;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-notification);
}
.ucsNotificationPreview .ucsNotification {
  position: relative;
  margin: 0;
}
.ucsNotificationPreview--open {
  opacity: 1;
}
.umcNotificationSnackbar {
  pointer-events: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
}
.umcSnackbarNotification {
  --bgc: var(--bgc-popup);
  pointer-events: auto;
  border-radius: 8px;
  min-width: 288px;
  max-width: 568px;
  min-height: 48px;
  padding: 1em;
  color: var(--font-color-contrast-high);
  background-color: var(--bgc);
  box-shadow: var(--box-shadow);
  margin-bottom: calc(2 * var(--layout-spacing-unit));
  font-size: var(--font-size-4);
  position: relative;
}
@media (max-width: 288px) {
  .umcSnackbarNotification {
    min-width: 100%;
  }
}
.umcSnackbarNotificationMessage {
  transition: opacity 0s 0.3s;
}
.umcSnackbarNotificationMessage {
  display: grid;
  gap: var(--layout-spacing-unit);
  grid-template-columns: auto auto;
  grid-template-areas: "text close";
}
.umcSnackbarNotificationWarning {
  --bgc: var(--bgc-error);
}
.umcSnackbarNotificationSuccess {
  --bgc: var(--bgc-success);
}
.umcSnackbarNotificationWarning .umcSnackbarNotificationMessage,
.umcSnackbarNotificationSuccess .umcSnackbarNotificationMessage {
  grid-template-columns: min-content auto auto;
  grid-template-areas: "icon text close";
}
.umcSnackbarNotificationMessageIcon {
  grid-area: icon;
  align-self: center;
}
.umcSnackbarNotificationMessageText {
  grid-area: text;
}
.umcSnackbarNotificationMessageClose {
  grid-area: close;
  justify-self: end;
  align-self: center;
  font-size: 1rem;
}
.umcSnackbarNotificationMessageActionButton {
  grid-column: 1/3;
  text-align: right;
  text-transform: uppercase;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  border: none;
  background-color: transparent;
  color: #008000;
}
.umcPage:after {
  content: '';
  display: block;
  clear: both;
}
.umcPageNavContent,
.umcPageMainContent {
  overflow-y: auto;
  overflow-x: hidden;
}
.umcPageFooter,
.umc .umcDialogActionBar,
.umcLayoutRow--buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: calc(4 * var(--layout-spacing-unit)) calc(2 * var(--layout-spacing-unit));
  overflow: hidden;
}
.umcPageFooterLeft,
.umcPageFooterRight,
.umc .umcDialogActionBarLeft,
.umc .umcDialogActionBarRight,
.umcLayoutRow--buttonsleft,
.umcLayoutRow--buttonsright {
  display: flex;
  flex-wrap: wrap;
  margin: calc(-1 * var(--layout-spacing-unit));
}
.umcPageFooterLeft > .ucsButton,
.umcPageFooterRight > .ucsButton,
.umc .umcDialogActionBarLeft > .ucsButton,
.umc .umcDialogActionBarRight > .ucsButton,
.umcLayoutRow--buttonsleft > .ucsButton,
.umcLayoutRow--buttonsright > .ucsButton {
  margin: var(--layout-spacing-unit);
}
.umcPageFooterRight,
.umc .umcDialogActionBarRight,
.umcLayoutRow--buttonsright {
  margin-left: auto;
  justify-content: flex-end;
}
.dijitRadio {
  --local-border-color: var(--font-color-contrast-low);
  --local-background-color: transparent;
  width: var(--font-size-3);
  height: var(--font-size-3);
  border: 2px solid var(--local-border-color);
  border-radius: var(--border-radius-circles);
  background-color: var(--local-background-color);
  transition: opacity 250ms, background-color 250ms, border-color 250ms;
  position: relative;
}
.dijitRadio:before {
  content: '';
  display: block;
  width: 50%;
  height: 50%;
  position: absolute;
  top: 25%;
  left: 25%;
  background: var(--local-border-color);
  opacity: 0;
  transition: opacity 250ms;
  border-radius: inherit;
}
.dijitRadioChecked {
  --local-border-color: var(--color-accent);
}
.dijitRadioChecked:before {
  opacity: 1;
}
.dijitRadioHover,
.dijitRadioActive {
  --local-background-color: var(--bgc-checkbox-hover);
}
.dijitRadioFocused {
  --local-background-color: var(--bgc-checkbox-focus);
}
.dijitRadioDisabled {
  opacity: 0.4;
}
.umcSearchBox.dijitDisabled .umcSearchBox__searchButton {
  pointer-events: none;
}
.umcSearchBox__searchButton {
  margin: 0 var(--layout-spacing-unit);
}
.umc .umcSearchForm .umcLabelPane.umcSearchFormElementBeforeSubmitButton {
  margin-right: calc( -1 * (1 * (var(--button-size) + 0.5rem + 0.5rem)));
  padding-right: calc(  1 * (1 * (var(--button-size) + 0.5rem + 0.5rem)));
}
.umc .umcUDMSearchForm .umcLabelPane.umcSearchFormElementBeforeSubmitButton {
  margin-right: calc( -1 * (2 * (var(--button-size) + 0.5rem + 0.5rem)));
  padding-right: calc(  1 * (2 * (var(--button-size) + 0.5rem + 0.5rem)));
}
.umc .umcUDMSearchForm.umcUDMSearchFormSimpleTextBox .umcLabelPane.umcSearchFormElementBeforeSubmitButton {
  margin-right: calc( -1 * (2 * (var(--button-size) + 0.5rem + 0.5rem)));
  padding-right: calc(  1 * (1 * (var(--button-size) + 0.5rem + 0.5rem)));
}
.umc .umcUDMSearchForm.umcUDMSearchFormSimpleTextBox .umcLabelPane.umcSearchFormElementBeforeSubmitButton .dijitInputContainer {
  margin-right: var(--button-size);
}
.umcSelect .dijitArrowButtonInner {
  display: none;
}
.umcSelect .dijitArrowButton {
  display: table-cell;
  --local-width: 1.5rem;
  width: var(--local-width);
  padding: 0 0.5rem 0 0;
}
.umcSelect .dijitArrowButton .ucsSimpleIconButton {
  --button-size: var(--local-width);
}
.umcSelect .dijitButtonText {
  font-size: inherit;
  color: inherit;
  text-transform: none;
  font-weight: normal;
}
.umcSelect .dijitButtonContents {
  border: none;
}
.umcSelect .dijitSelectLabel {
  padding: 0 0 0 1rem;
}
.umcStandbySvgWrapper {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--bgc-loading-circle);
}
.umcStandbySvg {
  animation: 2s linear infinite svg-animation;
  width: 100%;
  height: 100%;
}
.umcStandbySvg__circle {
  animation: 1.4s ease-in-out infinite both circle-animation;
  display: block;
  fill: transparent;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-dasharray: 283;
  stroke-dashoffset: 280;
  stroke-width: 10px;
  transform-origin: 50% 50%;
}
@-moz-keyframes svg-animation {
  0% {
    transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
  }
}
@-webkit-keyframes svg-animation {
  0% {
    transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
  }
}
@-o-keyframes svg-animation {
  0% {
    transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
  }
}
@keyframes svg-animation {
  0% {
    transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
  }
}
@-moz-keyframes circle-animation {
  0%, 25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
    -ms-transform: rotate(0);
  }
  50%, 75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
@-webkit-keyframes circle-animation {
  0%, 25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
    -ms-transform: rotate(0);
  }
  50%, 75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes circle-animation {
  0%, 25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
    -ms-transform: rotate(0);
  }
  50%, 75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
@keyframes circle-animation {
  0%, 25% {
    stroke-dashoffset: 280;
    transform: rotate(0);
    -ms-transform: rotate(0);
  }
  50%, 75% {
    stroke-dashoffset: 75;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
  }
}
.umc .umcPageNavContent .dijitTab {
  color: var(--font-color-contrast-middle);
}
.umc .umcPageNavContent .dijitTabChecked {
  color: var(--font-color-contrast-high);
}
.umc .umcPageNavContent .dijitTabChecked .tabLabel,
.umc .umcPageNavContent .dijitTabHover .tabLabel {
  text-decoration: underline;
}
.umc .umcPageNavContent .tabLabel--error {
  color: var(--font-color-error);
}
.dijitTitlePane {
  flex: 0 0 auto;
  background-color: var(--bgc-content-container);
  border-radius: var(--border-radius-container);
}
.dijitTitlePane:not(:last-child) {
  margin-bottom: calc(4 * var(--layout-spacing-unit));
}
.dijitTitlePaneTitle {
  padding: var(--layout-spacing-unit);
  transition: background-color 250ms;
}
.dijitTitlePaneTitleHover {
  background-color: var(--bgc-titlepane-hover);
}
.dijitTitlePaneTitleFocus {
  padding: var(--layout-spacing-unit);
  display: flex;
  align-items: center;
}
.dijitTitlePaneTitleFocus .dijitArrowNode {
  display: none;
}
.dijitTitlePaneTextNode {
  flex: 1 1 auto;
  margin-right: var(--layout-spacing-unit);
}
.umcTitlePaneTitleFocus__arrowIcon {
  flex: 0 0 auto;
  transition: transform 250ms;
  font-size: var(--font-size-3);
}
.dijitTitlePaneTitleOpen .umcTitlePaneTitleFocus__arrowIcon {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.dijitTitlePaneTitleFixedOpen .umcTitlePaneTitleFocus__arrowIcon,
.dijitTitlePaneTitleFixedClosed .umcTitlePaneTitleFocus__arrowIcon {
  display: none;
}
.dijitTitlePaneContentInner {
  padding: var(--layout-spacing-unit) calc(2 * var(--layout-spacing-unit)) calc(2 * var(--layout-spacing-unit));
}
.dijitTitlePane .dijitTitlePane {
  margin-bottom: 0;
}
.umcTitlePaneOnContainer,
.umc .umcSetupInterfaceWizard .umcSetupInterfaceWizard__networkPage .dijitTitlePane {
  background-color: var(--bgc-inputfield-on-container);
}
.umcTitlePaneOnContainer > *,
.umc .umcSetupInterfaceWizard .umcSetupInterfaceWizard__networkPage .dijitTitlePane > * {
  --bgc-inputfield-on-container: var(--bgc-inputfield-on-body);
}
.umcTitlePane--alternate {
  background-color: transparent;
  border-radius: var(--border-radius-interactable);
}
.umcTitlePane--alternate .dijitTitlePaneTitle {
  padding: 0;
}
.umcTitlePane--alternate .dijitTitlePaneTitleFocus {
  outline: none;
  padding: 0;
}
.umcTitlePane--alternate .dijitTitlePaneTextNode {
  font-size: var(--font-size-4);
  text-decoration: underline;
  margin: 0;
}
.umcTitlePane--alternate .umcTitlePaneTitleFocus__arrowIcon {
  display: none;
}
.umcTitlePane--alternate .dijitTitlePaneContentInner {
  padding: var(--layout-spacing-unit) 0 0 0;
}
.umcWizardCard,
.umc .umcModule .umcWizard {
  padding: calc(2 * var(--layout-spacing-unit)) 0;
  background-color: var(--bgc-content-container);
  border-radius: var(--border-radius-container);
}
.umcWizardCard .umcPageFooter,
.umc .umcModule .umcWizard .umcPageFooter {
  padding-top: calc(2 * var(--layout-spacing-unit));
}
.umc .umcModule .umcWizard {
  margin: 0 calc(2 * var(--layout-spacing-unit));
}
.dijitPopup {
  box-shadow: var(--box-shadow);
  border: var(--popup-border) !important;
  border-radius: 8px;
  overflow: hidden;
}
.dijitMenu,
.dijitTimePicker {
  border: none;
  background: var(--bgc-popup);
  font-size: var(--font-size-4);
}
.dijitMenuItem td,
.dijitComboBoxMenu .dijitMenuItem,
.dijitTimePickerItem {
  padding: 0.3em 0.5em;
}
.dijitMenuItem td.dijitMenuItemIconCell {
  padding-left: 0.8em;
  padding-right: 0;
}
.dijitMenuItem td.dijitMenuArrowCell {
  padding-right: 0.8em;
  padding-left: 0;
}
.dijitTimePickerItem {
  cursor: pointer;
}
.dijitMenuItem,
.dijitTimePickerItem {
  background-color: transparent;
  transition: background-color 150ms;
}
.dijitMenuItemHover,
.dijitTimePickerItemHover {
  background-color: var(--bgc-popup-item-hover);
  color: inherit;
}
.dijitMenuItemActive {
  background-color: var(--bgc-popup-item-active);
}
.dijitMenuItemSelected,
.dijitTimePickerItemSelected {
  background-color: var(--bgc-popup-item-selected);
}
.dijitMenuItem .featherIcon {
  display: block;
}
.umc .dijitSelectMenu td.dijitMenuItemIconCell,
.umc .dijitSelectMenu td.dijitMenuArrowCell {
/* so that arrow and icon cells from MenuItem are not displayed */
  display: none;
}
.umc .dijitSelectMenu .dijitMenuSeparatorTop {
  border-bottom: 1px solid #b4b4b4;
}
.umc .dijitFocusedLabel {
/* for checkboxes or radio buttons, hatch border around the corresponding label, to indicate focus */
  outline: 1px dotted var(--font-color-contrast-middle);
}
.umc .umcPasswordBox input::-ms-clear,
.umc .umcPasswordBox input::-ms-reveal {
  display: none;
}
.umcPasswordBox__toggleButton {
  margin-right: var(--layout-spacing-unit);
}
.umc .dijitDialogUnderlay {
  background: var(--bgc-underlay);
  opacity: 1;
}
.umc .dijitDialog {
  box-shadow: var(--box-shadow);
  max-width: 650px;
  border-radius: var(--border-radius-container);
  background-color: var(--bgc-content-container);
}
@media (max-width: 650px) {
  .umc .dijitDialog {
    max-width: 100%;
  }
}
.umc .dijitDialog.umcLargeDialog {
  width: 100%;
}
@media (min-width: 651px) {
  .umc .dijitDialog.umcLargeDialog {
    width: 650px;
  }
}
@media (min-width: 812.5px) {
  .umc .dijitDialog.umcLargeDialog {
    width: 80%;
  }
}
.umc .dijitDialogTitleBar {
/* outer container for the titlebar of the dialog */
  padding: calc(2 * var(--layout-spacing-unit));
  display: flex;
  align-items: center;
}
.umc .dijitDialogCloseIcon {
  margin-left: auto;
}
.umc .dijitDialogTitle {
  margin-right: var(--layout-spacing-unit);
}
.umc .dijitDialog {
  --dijit-dialog-pane-content-padding: calc(2 * var(--layout-spacing-unit));
}
.umc .dijitDialogPaneContent {
  padding: 0 var(--dijit-dialog-pane-content-padding);
  margin-bottom: calc(2 * var(--layout-spacing-unit));
  overflow: auto;
}
.umc .umcDialogActionBar {
  border-top: thin solid var(--bgc-content-body);
  padding: var(--layout-spacing-unit) calc(2 * var(--layout-spacing-unit));
}
.umc .umcDialogActionBar > .ucsButton:only-child {
  margin-left: auto;
}
.umc .dijitDialog .umcPageFooter {
  border-top: thin solid var(--bgc-content-body);
  padding-top: calc(2 * var(--layout-spacing-unit));
}
.umc .dijitDialog .umcPage > * {
  padding-left: 0;
  padding-right: 0;
}
.umc .umcServerErrorMessage {
  color: var(--font-color-contrast-middle);
  overflow: auto;
  max-height: 200px;
}
.umc .dijitDialog.umcCookieBanner {
  position: fixed !important;
  top: auto !important;
  bottom: 4px !important;
  left: 4px !important;
  right: 4px !important;
  max-width: 100%;
  max-height: 60%;
  display: flex;
  flex-direction: column;
}
.umc .dijitDialog.umcCookieBanner .umcText {
  font-size: 13pt;
}
.umc .dijitDialog.umcCookieBanner .dijitDialogPaneContent {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: unset;
  overflow: auto;
}
.umc .dijitDialog.umcCookieBanner .dijitDialogTitleBar {
  border-bottom: thin solid var(--bgc-content-body);
  padding-top: 10px;
  padding-bottom: 10px;
}
.umc .dijitDialog.umcCookieBanner .dijitDialogTitleBar .dijitDialogTitle {
  font-size: 16pt;
}
.umc .dijitDialog.umcCookieBanner .umcDialogActionBar {
  overflow: unset;
}
.umc .dijitDialog.umcCookieBanner .umcDialogActionBar .umcContainerWidget .umcButtonRow {
  vertical-align: bottom;
  text-align: right;
}
.umc .dijitAccordionContainer {
  border: none;
}
.umc .dijitAccordionInnerContainer {
  background-color: #e6e6e6 /* gray, for closed pane */;
  border: solid 1px #b4b4b4;
  margin-bottom: 1px;
  transition-property: background-color, border;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.umc .dijitAccordionTitle {
  background-color: transparent /* pick up color from dijitAccordionInnerContainer */;
  padding: 5px 7px 2px 7px;
  min-height: 17px;
  color: #404040;
}
.umc .dijitAccordionContainer .dijitAccordionChildWrapper {
/* this extends the blue trim styling of the title bar to wrapping around the node.
	 * done by setting margin
	 */
  background-color: #fff;
  border: 1px solid #b4b4b4;
  margin: 0 2px 2px;
}
.umc .dijitAccordionContainer .dijitAccordionContainer-child {
/* this is affecting the child widget itself */
  padding: 9px;
}
.umc .dijitAccordionInnerContainerHover {
  border: 1px solid #e0e0e0;
  background-color: #969696;
  transition-duration: 0.2s;
}
.umc .dijitAccordionInnerContainerHover .dijitAccordionTitle {
  color: #fff;
}
.umc .dijitAccordionInnerContainerActive {
  border: 1px solid #b4b4b4;
  background-color: #372b2b;
  transition-duration: 0.1s;
}
.umc .dijitAccordionInnerContainerActive .dijitAccordionTitle {
  color: #fff;
}
.umc .dijitAccordionInnerContainerSelected {
  border-color: #b4b4b4;
  background-color: #5a5a5a;
}
.umc .dijitAccordionInnerContainerSelected .dijitAccordionTitle {
  color: #fff;
}
.umc .dijitSliderBar {
  border-style: solid;
  outline: 1px;
}
.umc .dijitSliderFocused .dijitSliderBar {
  border-color: #b4b4b4;
}
.umc .dijitSliderHover .dijitSliderBar {
  border-color: #e0e0e0;
}
.umc .dijitSliderDisabled .dijitSliderBar {
  background-image: none;
  border-color: #d3d3d3;
}
.umc .dijitRuleLabelsContainer {
  color: #282828;
}
.umc .dijitRuleLabelsContainerH {
  padding: 2px 0;
}
.umc .dijitSlider .dijitSliderProgressBarH,
.umc .dijitSlider .dijitSliderLeftBumper {
  border-color: #b4b4b4;
  background-color: #5a5a5a;
}
.umc .dijitSlider .dijitSliderRemainingBarH,
.umc .dijitSlider .dijitSliderRightBumper {
  border-color: #b4b4b4;
  background-color: #fff;
}
.umc .dijitSliderRightBumper {
  border-right: solid 1px #b4b4b4;
}
.umc .dijitSliderLeftBumper {
  border-left: solid 1px #b4b4b4;
}
.umc .dijitSliderHover .dijitSliderProgressBarH,
.umc .dijitSliderHover .dijitSliderLeftBumper {
  background-color: #c8c8c8;
  border-color: #e0e0e0;
}
.umc .dijitSliderHover .dijitSliderRemainingBarH,
.umc .dijitSliderHover .dijitSliderRightBumper {
  background-color: #fff;
  border-color: #e0e0e0;
}
.umc .dijitSliderFocused .dijitSliderProgressBarH,
.umc .dijitSliderFocused .dijitSliderLeftBumper {
  background-color: #c8c8c8;
  border-color: #b4b4b4;
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2);
}
.umc .dijitSliderFocused .dijitSliderRemainingBarH,
.umc .dijitSliderFocused .dijitSliderRightBumper {
  background-color: #fff;
  border-color: #b4b4b4;
  box-shadow: inset 0px 1px 1px rgba(0,0,0,0.2);
}
.umc .dijitSliderDisabled .dijitSliderProgressBarH,
.umc .dijitSliderDisabled .dijitSliderLeftBumper {
  background-color: #d3d3d3 /* left side of slider, fill matches border */;
  background-image: none;
}
.umc .dijitSliderDisabled .dijitSliderRemainingBarH,
.umc .dijitSliderDisabled .dijitSliderRightBumper {
  background-color: #e6e6e6;
}
.umc .dijitRuleLabelsContainerV {
  padding: 0 2px;
}
.umc .dijitSlider .dijitSliderProgressBarV,
.umc .dijitSlider .dijitSliderBottomBumper {
  border-color: #b4b4b4;
  background-color: #5a5a5a;
}
.umc .dijitSlider .dijitSliderRemainingBarV,
.umc .dijitSlider .dijitSliderTopBumper {
  border-color: #b4b4b4;
  background-color: #fff;
}
.umc .dijitSliderBottomBumper {
  border-bottom: solid 1px #b4b4b4;
}
.umc .dijitSliderTopBumper {
  border-top: solid 1px #b4b4b4;
}
.umc .dijitSliderHover .dijitSliderProgressBarV,
.umc .dijitSliderHover .dijitSliderBottomBumper {
  background-color: #c8c8c8;
  border-color: #e0e0e0;
}
.umc .dijitSliderHover .dijitSliderRemainingBarV,
.umc .dijitSliderHover .dijitSliderTopBumper {
  background-color: #fff;
  border-color: #e0e0e0;
}
.umc .dijitSliderFocused .dijitSliderProgressBarV,
.umc .dijitSliderFocused .dijitSliderBottomBumper {
  background-color: #c8c8c8;
  border-color: #b4b4b4;
  box-shadow: inset 1px 0px 1px rgba(0,0,0,0.2);
}
.umc .dijitSliderFocused .dijitSliderRemainingBarV,
.umc .dijitSliderFocused .dijitSliderTopBumper {
  background-color: #fff;
  border-color: #b4b4b4;
  box-shadow: inset 1px 0px 1px rgba(0,0,0,0.2);
}
.umc .dijitSliderDisabled .dijitSliderProgressBarV,
.umc .dijitSliderDisabled .dijitSliderBottomBumper {
  background-color: #d3d3d3 /* bottom side of slider, fill matches border */;
}
.umc .dijitSliderDisabled .dijitSliderRemainingBarV,
.umc .dijitSliderDisabled .dijitSliderTopBumper {
  background-color: #e6e6e6;
}
.umc .dijitSliderImageHandleH {
  border: 0;
  width: 18px;
  height: 16px;
  background-image: url("form/images/sliderThumbs.png");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.umc .dijitSliderHover .dijitSliderImageHandleH {
  background-position: -18px 0;
}
.umc .dijitSliderFocused .dijitSliderImageHandleH {
  background-position: -36px 0;
}
.umc .dijitSliderProgressBarH .dijitSliderThumbHover {
  background-position: -36px 0;
}
.umc .dijitSliderProgressBarH .dijitSliderThumbActive {
  background-position: -36px 0;
}
.umc .dijitSliderReadOnly .dijitSliderImageHandleH,
.umc .dijitSliderDisabled .dijitSliderImageHandleH {
  background-position: -54px 0;
}
.umc .dijitSliderImageHandleV {
  border: 0;
  width: 18px;
  height: 16px;
  background-image: url("form/images/sliderThumbs.png");
  background-repeat: no-repeat;
  background-position: -289px 0;
}
.umc .dijitSliderHover .dijitSliderImageHandleV {
  background-position: -307px 0;
}
.umc .dijitSliderFocused .dijitSliderImageHandleV {
  background-position: -325px 0;
}
.umc .dijitSliderProgressBarV .dijitSliderThumbHover {
  background-position: -325px 0;
}
.umc .dijitSliderProgressBarV .dijitSliderThumbActive {
  background-position: -325px 0;
}
.umc .dijitSliderReadOnly .dijitSliderImageHandleV,
.umc .dijitSliderDisabled .dijitSliderImageHandleV {
  background-position: -343px 0;
}
.umc .dijitSliderButtonContainerH {
  padding: 1px 3px 1px 2px;
}
.umc .dijitSliderButtonContainerV {
  padding: 3px 1px 2px 1px;
}
.umc .dijitSliderDecrementIconH,
.umc .dijitSliderIncrementIconH,
.umc .dijitSliderDecrementIconV,
.umc .dijitSliderIncrementIconV {
  background-image: url("../form/images/commonFormArrows.png");
  background-repeat: no-repeat;
  background-color: #e6e6e6;
  border-radius: 2px;
  border: solid 1px #b4b4b4;
  font-size: 1px;
}
.umc .dijitSliderDecrementIconH,
.umc .dijitSliderIncrementIconH {
  height: 12px;
  width: 9px;
}
.umc .dijitSliderDecrementIconV,
.umc .dijitSliderIncrementIconV {
  height: 9px;
  width: 12px;
}
.umc .dijitSliderActive .dijitSliderDecrementIconH,
.umc .dijitSliderActive .dijitSliderIncrementIconH,
.umc .dijitSliderActive .dijitSliderDecrementIconV,
.umc .dijitSliderActive .dijitSliderIncrementIconV,
.umc .dijitSliderHover .dijitSliderDecrementIconH,
.umc .dijitSliderHover .dijitSliderIncrementIconH,
.umc .dijitSliderHover .dijitSliderDecrementIconV,
.umc .dijitSliderHover .dijitSliderIncrementIconV {
/* dijitSliderActive should be treated as dijitSliderHover since "clicking the slider" has no meaning */
  border: solid 1px #e0e0e0;
  background-color: #fff;
}
.umc .dijitSliderDecrementIconH {
  background-position: -357px 50%;
}
.umc .dijitSliderActive .dijitSliderDecrementIconH,
.umc .dijitSliderHover .dijitSliderDecrementIconH {
  background-position: -393px 50%;
}
.umc .dijitSliderIncrementIconH {
  background-position: -251px 50%;
}
.umc .dijitSliderActive .dijitSliderIncrementIconH,
.umc .dijitSliderHover .dijitSliderIncrementIconH {
  background-position: -283px 50%;
}
.umc .dijitSliderDecrementIconV {
  background-position: -38px 50%;
}
.umc .dijitSliderActive .dijitSliderDecrementIconV,
.umc .dijitSliderHover .dijitSliderDecrementIconV {
  background-position: -73px 50%;
}
.umc .dijitSliderIncrementIconV {
  background-position: -143px 49%;
}
.umc .dijitSliderActive .dijitSliderIncrementIconV,
.umc .dijitSliderHover .dijitSliderIncrementIconV {
  background-position: -178px 49%;
}
.umc .dijitSliderButtonContainerV .dijitSliderDecrementButtonHover,
.umc .dijitSliderButtonContainerH .dijitSliderDecrementButtonHover,
.umc .dijitSliderButtonContainerV .dijitSliderIncrementButtonHover,
.umc .dijitSliderButtonContainerH .dijitSliderIncrementButtonHover {
  background-color: #5a5a5a;
}
.umc .dijitSliderButtonContainerV .dijitSliderDecrementButtonActive,
.umc .dijitSliderButtonContainerH .dijitSliderDecrementButtonActive,
.umc .dijitSliderButtonContainerV .dijitSliderIncrementButtonActive,
.umc .dijitSliderButtonContainerH .dijitSliderIncrementButtonActive {
  background-color: #c8c8c8;
  border-color: #b4b4b4;
}
.umc .dijitSliderButtonInner {
  visibility: hidden;
}
.umc .dijitSliderDisabled .dijitSliderBar {
  border-color: #d3d3d3;
}
.umc .dijitSliderReadOnly *,
.umc .dijitSliderDisabled * {
  border-color: #d3d3d3;
  color: #787878;
}
.umc .dijitSliderReadOnly .dijitSliderDecrementIconH,
.umc .dijitSliderDisabled .dijitSliderDecrementIconH {
  background-position: -321px 50%;
  background-color: #e6e6e6;
}
.umc .dijitSliderReadOnly .dijitSliderIncrementIconH,
.umc .dijitSliderDisabled .dijitSliderIncrementIconH {
  background-position: -215px 50%;
  background-color: #e6e6e6;
}
.umc .dijitSliderReadOnly .dijitSliderDecrementIconV,
.umc .dijitSliderDisabled .dijitSliderDecrementIconV {
  background-position: -3px 49%;
  background-color: #e6e6e6;
}
.umc .dijitSliderReadOnly .dijitSliderIncrementIconV,
.umc .dijitSliderDisabled .dijitSliderIncrementIconV {
  background-position: -107px 49%;
  background-color: #e6e6e6;
}
.umc .dijitColorPalette {
  border: 1px solid #b4b4b4;
  background: #fff;
  border-radius: 0;
}
.umc .dijitColorPalette .dijitPaletteImg {
/* transparent (but clickable) <img> node inside of each <td>, overlaying the color swatch.
	 * displays border around a color swatch
	 * overrides border color in dijit.css */
  border: 1px solid #d3d3d3;
}
.umc .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg {
  border: 1px solid #000;
}
.umc .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg,
.umc .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg {
  border: 2px solid #000;
}
.umc .dijitInlineEditBoxDisplayMode {
  border: 1px solid transparent;
}
.umc .dijitInlineEditBoxDisplayModeHover {
  background-color: #715d5d;
  border: solid 1px #e0e0e0;
}
.dj_ie6 .umc .dijitInlineEditBoxDisplayMode {
  border: none;
}
.umc .dijitProgressBarEmpty {
  border: none;
  background-color: var(--bgc-progressbar-empty);
  height: 5px;
}
.umc .dijitProgressBarTile {
  background-color: var(--bgc-progressbar-progress);
}
.umc .dijitProgressBarFull {
  transition-property: width;
  transition-duration: 0.5s;
  height: 100%;
}
.umc .dijitProgressBarIndeterminate .dijitProgressBarFull {
  transition: none;
}
.umc .dijitProgressBar[aria-valuenow="0"] .dijitProgressBarFull {
  transition: none;
}
.umc .dijitProgressBarLabel {
  display: none;
}
.umc .dijitProgressBarIndeterminate .dijitProgressBarTile {
/* use an animated gif for the progress bar in 'indeterminate' mode
		background-color won't appear unless user has turned off background images */
  background: #e6e6e6 url("images/progressBarAnim.gif") repeat-x top;
}
.umc .umcProgressBar,
.umc .umcProgressInfo {
  width: 460px;
}
.umc .umcProgressDetails {
  display: grid;
  grid-template-columns: auto 4ch;
  gap: 0 var(--layout-spacing-unit-small);
  margin-top: calc(2 * var(--layout-spacing-unit));
}
.umc .umcProgressDetails .umcProgressPercentage {
  color: var(--font-color-contrast-middle);
  font-size: var(--font-size-4);
  justify-self: flex-end;
}
.umc .umcProgressBar {
  background-color: var(--bgc-content-container);
  border-radius: var(--border-radius-container);
  padding: calc(2 * var(--layout-spacing-unit));
  overflow: visible;
}
.umc .umcProgressBar .umcProgressBarComponent {
  min-height: calc(2 * 1em * var(--font-lineheight-normal));
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-bold);
  margin-bottom: calc(2 * var(--layout-spacing-unit));
  overflow: hidden;
  overflow-wrap: break-word;
}
.umc .umcProgressBar .umcProgressBarMessage {
  min-height: calc(3 * 1em * var(--font-lineheight-normal));
  font-size: var(--font-size-4);
  color: var(--font-color-contrast-middle);
  overflow: hidden;
  overflow-wrap: break-word;
}
.umc .dijitBorderContainer {
/* matches the width of the splitters between panes */
  padding: 5px;
}
.umc .dijitSplitContainer-child,
.umc .dijitBorderContainer-child {
/* By default put borders on all children of BorderContainer,
	 *  to give illusion of borders on the splitters themselves.
	 */
  border: 1px #b4b4b4 solid;
}
.umc .dijitBorderContainer-dijitTabContainerTop,
.umc .dijitBorderContainer-dijitTabContainerBottom,
.umc .dijitBorderContainer-dijitTabContainerLeft,
.umc .dijitBorderContainer-dijitTabContainerRight,
.umc .dijitBorderContainer-dijitAccordionContainer {
/* except that TabContainer defines borders on it's sub-nodes (tablist and dijitTabPaneWrapper),
	 * so override rule setting border on domNode
	 */
  border: none;
}
.umc .dijitBorderContainer-dijitBorderContainer {
/* make nested BorderContainers look like a single big widget with lots of splitters */
  border: 0;
  padding: 0;
}
.umc .dijitSplitterH,
.umc .dijitGutterH {
  background: none;
  border: 0;
  height: 5px;
}
.dj_ios .umc .dijitSplitterH,
.dj_android .umc .dijitSplitterH {
  height: 11px;
}
.umc .dijitSplitterH .dijitSplitterThumb {
  background: #b4b4b4 none;
  height: 1px;
  top: 2px;
  width: 19px;
}
.dj_ios .umc .dijitSplitterH .dijitSplitterThumb,
.dj_android .umc .dijitSplitterH .dijitSplitterThumb {
  top: 5px;
}
.umc .dijitSplitterV,
.umc .dijitGutterV {
  background: none;
  border: 0;
  width: 5px;
  margin: 0;
}
.dj_ios .umc .dijitSplitterV,
.dj_android .umc .dijitSplitterV {
  width: 11px;
}
.umc .dijitSplitterV .dijitSplitterThumb {
  background: #b4b4b4 none;
  height: 19px;
  left: 2px;
  width: 1px;
  margin: 0;
}
.dj_ios .umc .dijitSplitterV .dijitSplitterThumb,
.dj_android .umc .dijitSplitterV .dijitSplitterThumb {
  left: 5px;
}
.umc .dijitSplitterHHover,
.umc .dijitSplitterVHover {
  font-size: 1px;
  background-color: #5a5a5a;
}
.umc .dijitSplitterHHover .dijitSplitterThumb,
.umc .dijitSplitterVHover .dijitSplitterThumb {
  background: #e0e0e0 none;
}
.umc .dijitSplitterHActive,
.umc .dijitSplitterVActive {
  font-size: 1px;
  background-color: #c8c8c8;
  background-image: none;
}
.umcDownIcon {
  background: url("images/icons.svg") 0px 0px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDownIcon,
html.dj_ie .umcDownIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcDownIcon {
  background-position: -20px 0px;
  opacity: 0.66;
}
.dijitActive .umcDownIcon {
  background-position: -20px 0px;
  opacity: 1;
}
.umcDownIconWhite {
  background: url("images/icons-white.svg") 0px 0px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDownIconWhite,
html.dj_ie .umcDownIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcDownIconWhite {
  background-position: -20px 0px;
  opacity: 1;
}
.dijitActive .umcDownIconWhite {
  background-position: -20px 0px;
  opacity: 0.66;
}
.umcUpIcon {
  background: url("images/icons.svg") -40px 0px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcUpIcon,
html.dj_ie .umcUpIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcUpIcon {
  background-position: -60px 0px;
  opacity: 0.66;
}
.dijitActive .umcUpIcon {
  background-position: -60px 0px;
  opacity: 1;
}
.umcUpIconWhite {
  background: url("images/icons-white.svg") -40px 0px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcUpIconWhite,
html.dj_ie .umcUpIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcUpIconWhite {
  background-position: -60px 0px;
  opacity: 1;
}
.dijitActive .umcUpIconWhite {
  background-position: -60px 0px;
  opacity: 0.66;
}
.umcLeftIcon {
  background: url("images/icons.svg") -80px 0px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcLeftIcon,
html.dj_ie .umcLeftIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcLeftIcon {
  background-position: -100px 0px;
  opacity: 0.66;
}
.dijitActive .umcLeftIcon {
  background-position: -100px 0px;
  opacity: 1;
}
.umcLeftIconWhite {
  background: url("images/icons-white.svg") -80px 0px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcLeftIconWhite,
html.dj_ie .umcLeftIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcLeftIconWhite {
  background-position: -100px 0px;
  opacity: 1;
}
.dijitActive .umcLeftIconWhite {
  background-position: -100px 0px;
  opacity: 0.66;
}
.umcRightIcon {
  background: url("images/icons.svg") -120px 0px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcRightIcon,
html.dj_ie .umcRightIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcRightIcon {
  background-position: -140px 0px;
  opacity: 0.66;
}
.dijitActive .umcRightIcon {
  background-position: -140px 0px;
  opacity: 1;
}
.umcRightIconWhite {
  background: url("images/icons-white.svg") -120px 0px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcRightIconWhite,
html.dj_ie .umcRightIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcRightIconWhite {
  background-position: -140px 0px;
  opacity: 1;
}
.dijitActive .umcRightIconWhite {
  background-position: -140px 0px;
  opacity: 0.66;
}
.umcArrowDownIcon {
  background: url("images/icons.svg") 0px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcArrowDownIcon,
html.dj_ie .umcArrowDownIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcArrowDownIcon {
  background-position: -20px -20px;
  opacity: 0.66;
}
.dijitActive .umcArrowDownIcon {
  background-position: -20px -20px;
  opacity: 1;
}
.umcArrowDownIconWhite {
  background: url("images/icons-white.svg") 0px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcArrowDownIconWhite,
html.dj_ie .umcArrowDownIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcArrowDownIconWhite {
  background-position: -20px -20px;
  opacity: 1;
}
.dijitActive .umcArrowDownIconWhite {
  background-position: -20px -20px;
  opacity: 0.66;
}
.umcArrowUpIcon {
  background: url("images/icons.svg") -40px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcArrowUpIcon,
html.dj_ie .umcArrowUpIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcArrowUpIcon {
  background-position: -60px -20px;
  opacity: 0.66;
}
.dijitActive .umcArrowUpIcon {
  background-position: -60px -20px;
  opacity: 1;
}
.umcArrowUpIconWhite {
  background: url("images/icons-white.svg") -40px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcArrowUpIconWhite,
html.dj_ie .umcArrowUpIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcArrowUpIconWhite {
  background-position: -60px -20px;
  opacity: 1;
}
.dijitActive .umcArrowUpIconWhite {
  background-position: -60px -20px;
  opacity: 0.66;
}
.umcArrowLeftIcon {
  background: url("images/icons.svg") -80px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcArrowLeftIcon,
html.dj_ie .umcArrowLeftIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcArrowLeftIcon {
  background-position: -100px -20px;
  opacity: 0.66;
}
.dijitActive .umcArrowLeftIcon {
  background-position: -100px -20px;
  opacity: 1;
}
.umcArrowLeftIconWhite {
  background: url("images/icons-white.svg") -80px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcArrowLeftIconWhite,
html.dj_ie .umcArrowLeftIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcArrowLeftIconWhite {
  background-position: -100px -20px;
  opacity: 1;
}
.dijitActive .umcArrowLeftIconWhite {
  background-position: -100px -20px;
  opacity: 0.66;
}
.umcArrowRightIcon {
  background: url("images/icons.svg") -120px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcArrowRightIcon,
html.dj_ie .umcArrowRightIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcArrowRightIcon {
  background-position: -140px -20px;
  opacity: 0.66;
}
.dijitActive .umcArrowRightIcon {
  background-position: -140px -20px;
  opacity: 1;
}
.umcArrowRightIconWhite {
  background: url("images/icons-white.svg") -120px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcArrowRightIconWhite,
html.dj_ie .umcArrowRightIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcArrowRightIconWhite {
  background-position: -140px -20px;
  opacity: 1;
}
.dijitActive .umcArrowRightIconWhite {
  background-position: -140px -20px;
  opacity: 0.66;
}
.umcSimpleDownIcon {
  background: url("images/icons.svg") -160px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSimpleDownIcon,
html.dj_ie .umcSimpleDownIcon {
  background-image: url("images/icons.png");
}
.umcSimpleDownIconWhite {
  background: url("images/icons-white.svg") -160px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSimpleDownIconWhite,
html.dj_ie .umcSimpleDownIconWhite {
  background-image: url("images/icons-white.png");
}
.umcSimpleUpIcon,
.umcIconUp {
  background: url("images/icons.svg") -180px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSimpleUpIcon,
html.dj_trident .umcIconUp,
html.dj_ie .umcSimpleUpIcon,
html.dj_ie .umcIconUp {
  background-image: url("images/icons.png");
}
.umcSimpleUpIconWhite {
  background: url("images/icons-white.svg") -180px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSimpleUpIconWhite,
html.dj_ie .umcSimpleUpIconWhite {
  background-image: url("images/icons-white.png");
}
.umcSimpleLeftIcon {
  background: url("images/icons.svg") -200px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSimpleLeftIcon,
html.dj_ie .umcSimpleLeftIcon {
  background-image: url("images/icons.png");
}
.umcSimpleLeftIconWhite {
  background: url("images/icons-white.svg") -200px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSimpleLeftIconWhite,
html.dj_ie .umcSimpleLeftIconWhite {
  background-image: url("images/icons-white.png");
}
.umcSimpleRightIcon {
  background: url("images/icons.svg") -220px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSimpleRightIcon,
html.dj_ie .umcSimpleRightIcon {
  background-image: url("images/icons.png");
}
.umcSimpleRightIconWhite {
  background: url("images/icons-white.svg") -220px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSimpleRightIconWhite,
html.dj_ie .umcSimpleRightIconWhite {
  background-image: url("images/icons-white.png");
}
.umcDoubleDownIcon {
  background: url("images/icons.svg") -240px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDoubleDownIcon,
html.dj_ie .umcDoubleDownIcon {
  background-image: url("images/icons.png");
}
.umcDoubleDownIconWhite {
  background: url("images/icons-white.svg") -240px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDoubleDownIconWhite,
html.dj_ie .umcDoubleDownIconWhite {
  background-image: url("images/icons-white.png");
}
.umcDoubleUpIcon {
  background: url("images/icons.svg") -260px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDoubleUpIcon,
html.dj_ie .umcDoubleUpIcon {
  background-image: url("images/icons.png");
}
.umcDoubleUpIconWhite {
  background: url("images/icons-white.svg") -260px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDoubleUpIconWhite,
html.dj_ie .umcDoubleUpIconWhite {
  background-image: url("images/icons-white.png");
}
.umcDoubleLeftIcon {
  background: url("images/icons.svg") -280px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDoubleLeftIcon,
html.dj_ie .umcDoubleLeftIcon {
  background-image: url("images/icons.png");
}
.umcDoubleLeftIconWhite {
  background: url("images/icons-white.svg") -280px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDoubleLeftIconWhite,
html.dj_ie .umcDoubleLeftIconWhite {
  background-image: url("images/icons-white.png");
}
.umcDoubleRightIcon {
  background: url("images/icons.svg") -300px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDoubleRightIcon,
html.dj_ie .umcDoubleRightIcon {
  background-image: url("images/icons.png");
}
.umcDoubleRightIconWhite {
  background: url("images/icons-white.svg") -300px -20px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDoubleRightIconWhite,
html.dj_ie .umcDoubleRightIconWhite {
  background-image: url("images/icons-white.png");
}
.umcMinusIcon,
.umcIconDelete {
  background: url("images/icons.svg") -180px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcMinusIcon,
html.dj_trident .umcIconDelete,
html.dj_ie .umcMinusIcon,
html.dj_ie .umcIconDelete {
  background-image: url("images/icons.png");
}
.umcMinusIconWhite {
  background: url("images/icons-white.svg") -180px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcMinusIconWhite,
html.dj_ie .umcMinusIconWhite {
  background-image: url("images/icons-white.png");
}
.umcEditIcon,
.umcIconEdit {
  background: url("images/icons.svg") -200px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcEditIcon,
html.dj_trident .umcIconEdit,
html.dj_ie .umcEditIcon,
html.dj_ie .umcIconEdit {
  background-image: url("images/icons.png");
}
.umcEditIconWhite {
  background: url("images/icons-white.svg") -200px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcEditIconWhite,
html.dj_ie .umcEditIconWhite {
  background-image: url("images/icons-white.png");
}
.umcDocumentIcon {
  background: url("images/icons.svg") -220px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDocumentIcon,
html.dj_ie .umcDocumentIcon {
  background-image: url("images/icons.png");
}
.umcDocumentIconWhite {
  background: url("images/icons-white.svg") -220px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDocumentIconWhite,
html.dj_ie .umcDocumentIconWhite {
  background-image: url("images/icons-white.png");
}
.umcRefreshIcon,
.umcIconRefresh {
  background: url("images/icons.svg") -240px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcRefreshIcon,
html.dj_trident .umcIconRefresh,
html.dj_ie .umcRefreshIcon,
html.dj_ie .umcIconRefresh {
  background-image: url("images/icons.png");
}
.umcRefreshIconWhite {
  background: url("images/icons-white.svg") -240px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcRefreshIconWhite,
html.dj_ie .umcRefreshIconWhite {
  background-image: url("images/icons-white.png");
}
.umcSearchIcon {
  background: url("images/icons.svg") -260px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSearchIcon,
html.dj_ie .umcSearchIcon {
  background-image: url("images/icons.png");
}
.umcSearchIconWhite {
  background: url("images/icons-white.svg") -260px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSearchIconWhite,
html.dj_ie .umcSearchIconWhite {
  background-image: url("images/icons-white.png");
}
.umcShopIcon {
  background: url("images/icons.svg") -280px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcShopIcon,
html.dj_ie .umcShopIcon {
  background-image: url("images/icons.png");
}
.umcShopIconWhite {
  background: url("images/icons-white.svg") -280px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcShopIconWhite,
html.dj_ie .umcShopIconWhite {
  background-image: url("images/icons-white.png");
}
.umcUpdateIcon {
  background: url("images/icons.svg") -300px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcUpdateIcon,
html.dj_ie .umcUpdateIcon {
  background-image: url("images/icons.png");
}
.umcUpdateIconWhite {
  background: url("images/icons-white.svg") -300px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcUpdateIconWhite,
html.dj_ie .umcUpdateIconWhite {
  background-image: url("images/icons-white.png");
}
.umcPlayIcon,
.umcIconPlay {
  background: url("images/icons.svg") -160px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcPlayIcon,
html.dj_trident .umcIconPlay,
html.dj_ie .umcPlayIcon,
html.dj_ie .umcIconPlay {
  background-image: url("images/icons.png");
}
.umcPlayIconWhite {
  background: url("images/icons-white.svg") -160px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcPlayIconWhite,
html.dj_ie .umcPlayIconWhite {
  background-image: url("images/icons-white.png");
}
.umcPauseIcon,
.umcIconPause {
  background: url("images/icons.svg") -180px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcPauseIcon,
html.dj_trident .umcIconPause,
html.dj_ie .umcPauseIcon,
html.dj_ie .umcIconPause {
  background-image: url("images/icons.png");
}
.umcPauseIconWhite {
  background: url("images/icons-white.svg") -180px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcPauseIconWhite,
html.dj_ie .umcPauseIconWhite {
  background-image: url("images/icons-white.png");
}
.umcStopIcon,
.umcIconStop {
  background: url("images/icons.svg") -200px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcStopIcon,
html.dj_trident .umcIconStop,
html.dj_ie .umcStopIcon,
html.dj_ie .umcIconStop {
  background-image: url("images/icons.png");
}
.umcStopIconWhite {
  background: url("images/icons-white.svg") -200px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcStopIconWhite,
html.dj_ie .umcStopIconWhite {
  background-image: url("images/icons-white.png");
}
.umcViewIcon,
.umcIconView {
  background: url("images/icons.svg") -220px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcViewIcon,
html.dj_trident .umcIconView,
html.dj_ie .umcViewIcon,
html.dj_ie .umcIconView {
  background-image: url("images/icons.png");
}
.umcViewIconWhite {
  background: url("images/icons-white.svg") -220px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcViewIconWhite,
html.dj_ie .umcViewIconWhite {
  background-image: url("images/icons-white.png");
}
.umcSimpleContextMenuIcon {
  background: url("images/icons.svg") -240px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSimpleContextMenuIcon,
html.dj_ie .umcSimpleContextMenuIcon {
  background-image: url("images/icons.png");
}
.umcSimpleContextMenuIconWhite {
  background: url("images/icons-white.svg") -240px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSimpleContextMenuIconWhite,
html.dj_ie .umcSimpleContextMenuIconWhite {
  background-image: url("images/icons-white.png");
}
.umcContextMenuIcon {
  background: url("images/icons.svg") 0px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcContextMenuIcon,
html.dj_ie .umcContextMenuIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcContextMenuIcon {
  background-position: -20px -40px;
  opacity: 0.66;
}
.dijitActive .umcContextMenuIcon {
  background-position: -20px -40px;
  opacity: 1;
}
.umcContextMenuIconWhite {
  background: url("images/icons-white.svg") 0px -40px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcContextMenuIconWhite,
html.dj_ie .umcContextMenuIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcContextMenuIconWhite {
  background-position: -20px -40px;
  opacity: 1;
}
.dijitActive .umcContextMenuIconWhite {
  background-position: -20px -40px;
  opacity: 0.66;
}
.umcCloseIcon {
  background: url("images/icons.svg") 0px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcCloseIcon,
html.dj_ie .umcCloseIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcCloseIcon {
  background-position: -20px -60px;
  opacity: 0.66;
}
.dijitActive .umcCloseIcon {
  background-position: -20px -60px;
  opacity: 1;
}
.umcCloseIconWhite {
  background: url("images/icons-white.svg") 0px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcCloseIconWhite,
html.dj_ie .umcCloseIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcCloseIconWhite {
  background-position: -20px -60px;
  opacity: 1;
}
.dijitActive .umcCloseIconWhite {
  background-position: -20px -60px;
  opacity: 0.66;
}
.umcMinimizeIcon {
  background: url("images/icons.svg") 0px -80px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcMinimizeIcon,
html.dj_ie .umcMinimizeIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcMinimizeIcon {
  background-position: -20px -80px;
  opacity: 0.66;
}
.dijitActive .umcMinimizeIcon {
  background-position: -20px -80px;
  opacity: 1;
}
.umcMinimizeIconWhite {
  background: url("images/icons-white.svg") 0px -80px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcMinimizeIconWhite,
html.dj_ie .umcMinimizeIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcMinimizeIconWhite {
  background-position: -20px -80px;
  opacity: 1;
}
.dijitActive .umcMinimizeIconWhite {
  background-position: -20px -80px;
  opacity: 0.66;
}
.umcEmptyIcon {
  background: url("images/icons.svg") 0px -100px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcEmptyIcon,
html.dj_ie .umcEmptyIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcEmptyIcon {
  background-position: -20px -100px;
  opacity: 0.66;
}
.dijitActive .umcEmptyIcon {
  background-position: -20px -100px;
  opacity: 1;
}
.umcEmptyIconWhite {
  background: url("images/icons-white.svg") 0px -100px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcEmptyIconWhite,
html.dj_ie .umcEmptyIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcEmptyIconWhite {
  background-position: -20px -100px;
  opacity: 1;
}
.dijitActive .umcEmptyIconWhite {
  background-position: -20px -100px;
  opacity: 0.66;
}
.umcEmptyDisabledIcon {
  background: url("images/icons.svg") 40px -100px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcEmptyDisabledIcon,
html.dj_ie .umcEmptyDisabledIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcEmptyDisabledIcon {
  background-position: 20px -100px;
  opacity: 0.66;
}
.dijitActive .umcEmptyDisabledIcon {
  background-position: 20px -100px;
  opacity: 1;
}
.umcEmptyDisabledIconWhite {
  background: url("images/icons-white.svg") 40px -100px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcEmptyDisabledIconWhite,
html.dj_ie .umcEmptyDisabledIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcEmptyDisabledIconWhite {
  background-position: 20px -100px;
  opacity: 1;
}
.dijitActive .umcEmptyDisabledIconWhite {
  background-position: 20px -100px;
  opacity: 0.66;
}
.umcCheckedIcon {
  background: url("images/icons.svg") 0px -120px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcCheckedIcon,
html.dj_ie .umcCheckedIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcCheckedIcon {
  background-position: -20px -120px;
  opacity: 0.66;
}
.dijitActive .umcCheckedIcon {
  background-position: -20px -120px;
  opacity: 1;
}
.umcCheckedIconWhite {
  background: url("images/icons-white.svg") 0px -120px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcCheckedIconWhite,
html.dj_ie .umcCheckedIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcCheckedIconWhite {
  background-position: -20px -120px;
  opacity: 1;
}
.dijitActive .umcCheckedIconWhite {
  background-position: -20px -120px;
  opacity: 0.66;
}
.umcCheckedDisabledIcon {
  background: url("images/icons.svg") 40px -120px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcCheckedDisabledIcon,
html.dj_ie .umcCheckedDisabledIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcCheckedDisabledIcon {
  background-position: 20px -120px;
  opacity: 0.66;
}
.dijitActive .umcCheckedDisabledIcon {
  background-position: 20px -120px;
  opacity: 1;
}
.umcCheckedDisabledIconWhite {
  background: url("images/icons-white.svg") 40px -120px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcCheckedDisabledIconWhite,
html.dj_ie .umcCheckedDisabledIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcCheckedDisabledIconWhite {
  background-position: 20px -120px;
  opacity: 1;
}
.dijitActive .umcCheckedDisabledIconWhite {
  background-position: 20px -120px;
  opacity: 0.66;
}
.umcSelectedIcon {
  background: url("images/icons.svg") 0px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSelectedIcon,
html.dj_ie .umcSelectedIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcSelectedIcon {
  background-position: -20px -140px;
  opacity: 0.66;
}
.dijitActive .umcSelectedIcon {
  background-position: -20px -140px;
  opacity: 1;
}
.umcSelectedIconWhite {
  background: url("images/icons-white.svg") 0px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSelectedIconWhite,
html.dj_ie .umcSelectedIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcSelectedIconWhite {
  background-position: -20px -140px;
  opacity: 1;
}
.dijitActive .umcSelectedIconWhite {
  background-position: -20px -140px;
  opacity: 0.66;
}
.umcSelectedDisabledIcon {
  background: url("images/icons.svg") 40px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSelectedDisabledIcon,
html.dj_ie .umcSelectedDisabledIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcSelectedDisabledIcon {
  background-position: 20px -140px;
  opacity: 0.66;
}
.dijitActive .umcSelectedDisabledIcon {
  background-position: 20px -140px;
  opacity: 1;
}
.umcSelectedDisabledIconWhite {
  background: url("images/icons-white.svg") 40px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcSelectedDisabledIconWhite,
html.dj_ie .umcSelectedDisabledIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcSelectedDisabledIconWhite {
  background-position: 20px -140px;
  opacity: 1;
}
.dijitActive .umcSelectedDisabledIconWhite {
  background-position: 20px -140px;
  opacity: 0.66;
}
.umcUserIcon {
  background: url("images/icons.svg") 0px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcUserIcon,
html.dj_ie .umcUserIcon {
  background-image: url("images/icons.png");
}
.umcUserIconWhite {
  background: url("images/icons-white.svg") 0px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcUserIconWhite,
html.dj_ie .umcUserIconWhite {
  background-image: url("images/icons-white.png");
}
.umcServerIcon {
  background: url("images/icons.svg") -20px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcServerIcon,
html.dj_ie .umcServerIcon {
  background-image: url("images/icons.png");
}
.umcServerIconWhite {
  background: url("images/icons-white.svg") -20px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcServerIconWhite,
html.dj_ie .umcServerIconWhite {
  background-image: url("images/icons-white.png");
}
.umcLargeRightIcon {
  background: url("images/icons.svg") 0px -160px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcLargeRightIcon,
html.dj_ie .umcLargeRightIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcLargeRightIcon {
  background-position: -20px -160px;
  opacity: 0.66;
}
.dijitActive .umcLargeRightIcon {
  background-position: -20px -160px;
  opacity: 1;
}
.umcLargeRightIconWhite {
  background: url("images/icons-white.svg") 0px -160px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcLargeRightIconWhite,
html.dj_ie .umcLargeRightIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcLargeRightIconWhite {
  background-position: -20px -160px;
  opacity: 1;
}
.dijitActive .umcLargeRightIconWhite {
  background-position: -20px -160px;
  opacity: 0.66;
}
.umcLargeCloseIcon {
  background: url("images/icons.svg") 0px -180px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcLargeCloseIcon,
html.dj_ie .umcLargeCloseIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcLargeCloseIcon {
  background-position: -20px -180px;
  opacity: 0.66;
}
.dijitActive .umcLargeCloseIcon {
  background-position: -20px -180px;
  opacity: 1;
}
.umcLargeCloseIconWhite {
  background: url("images/icons-white.svg") 0px -180px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcLargeCloseIconWhite,
html.dj_ie .umcLargeCloseIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcLargeCloseIconWhite {
  background-position: -20px -180px;
  opacity: 1;
}
.dijitActive .umcLargeCloseIconWhite {
  background-position: -20px -180px;
  opacity: 0.66;
}
.umcHelpIcon {
  background: url("images/icons.svg") -40px -200px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcHelpIcon,
html.dj_ie .umcHelpIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcHelpIcon {
  background-position: -60px -200px;
  opacity: 0.66;
}
.dijitActive .umcHelpIcon {
  background-position: -60px -200px;
  opacity: 1;
}
.umcHelpIconWhite {
  background: url("images/icons-white.svg") -40px -200px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcHelpIconWhite,
html.dj_ie .umcHelpIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcHelpIconWhite {
  background-position: -60px -200px;
  opacity: 1;
}
.dijitActive .umcHelpIconWhite {
  background-position: -60px -200px;
  opacity: 0.66;
}
.umcExtendedAttrIcon {
  background: url("images/icons.svg") -80px -200px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcExtendedAttrIcon,
html.dj_ie .umcExtendedAttrIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcExtendedAttrIcon {
  background-position: -100px -200px;
  opacity: 0.66;
}
.dijitActive .umcExtendedAttrIcon {
  background-position: -100px -200px;
  opacity: 1;
}
.umcExtendedAttrIconWhite {
  background: url("images/icons-white.svg") -80px -200px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcExtendedAttrIconWhite,
html.dj_ie .umcExtendedAttrIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcExtendedAttrIconWhite {
  background-position: -100px -200px;
  opacity: 1;
}
.dijitActive .umcExtendedAttrIconWhite {
  background-position: -100px -200px;
  opacity: 0.66;
}
.umcLangIcon {
  background: url("images/icons.svg") 0px -220px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 25px;
}
html.dj_trident .umcLangIcon,
html.dj_ie .umcLangIcon {
  background-image: url("images/icons.png");
}
.dijitHover .umcLangIcon {
  background-position: -20px -220px;
  opacity: 0.66;
}
.dijitActive .umcLangIcon {
  background-position: -20px -220px;
  opacity: 1;
}
.umcLangIconWhite {
  background: url("images/icons-white.svg") 0px -220px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 25px;
}
html.dj_trident .umcLangIconWhite,
html.dj_ie .umcLangIconWhite {
  background-image: url("images/icons-white.png");
}
.dijitHover .umcLangIconWhite {
  background-position: -20px -220px;
  opacity: 1;
}
.dijitActive .umcLangIconWhite {
  background-position: -20px -220px;
  opacity: 0.66;
}
.umcLoggedInIcon {
  background: url("images/icons.svg") -60px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcLoggedInIcon,
html.dj_ie .umcLoggedInIcon {
  background-image: url("images/icons.png");
}
.umcLoggedInIconWhite {
  background: url("images/icons-white.svg") -60px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcLoggedInIconWhite,
html.dj_ie .umcLoggedInIconWhite {
  background-image: url("images/icons-white.png");
}
.umcLoggedOutIcon {
  background: url("images/icons.svg") -40px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcLoggedOutIcon,
html.dj_ie .umcLoggedOutIcon {
  background-image: url("images/icons.png");
}
.umcLoggedOutIconWhite {
  background: url("images/icons-white.svg") -40px -140px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcLoggedOutIconWhite,
html.dj_ie .umcLoggedOutIconWhite {
  background-image: url("images/icons-white.png");
}
.umcCrossIcon {
  background: url("images/icons.svg") -240px -80px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcCrossIcon,
html.dj_ie .umcCrossIcon {
  background-image: url("images/icons.png");
}
.umcCrossIconWhite {
  background: url("images/icons-white.svg") -240px -80px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcCrossIconWhite,
html.dj_ie .umcCrossIconWhite {
  background-image: url("images/icons-white.png");
}
.umcEyeIcon {
  background: url("images/icons.svg") -260px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcEyeIcon,
html.dj_ie .umcEyeIcon {
  background-image: url("images/icons.png");
}
.umcEyeIconWhite {
  background: url("images/icons-white.svg") -260px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcEyeIconWhite,
html.dj_ie .umcEyeIconWhite {
  background-image: url("images/icons-white.png");
}
.umcEyeCrossedOutIcon {
  background: url("images/icons.svg") -280px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcEyeCrossedOutIcon,
html.dj_ie .umcEyeCrossedOutIcon {
  background-image: url("images/icons.png");
}
.umcEyeCrossedOutIconWhite {
  background: url("images/icons-white.svg") -280px -60px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcEyeCrossedOutIconWhite,
html.dj_ie .umcEyeCrossedOutIconWhite {
  background-image: url("images/icons-white.png");
}
.umcUploadIcon {
  background: url("images/icons.svg") -200px -120px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcUploadIcon,
html.dj_ie .umcUploadIcon {
  background-image: url("images/icons.png");
}
.umcUploadIconWhite {
  background: url("images/icons-white.svg") -200px -120px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcUploadIconWhite,
html.dj_ie .umcUploadIconWhite {
  background-image: url("images/icons-white.png");
}
.umcDownloadIcon {
  background: url("images/icons.svg") -220px -120px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDownloadIcon,
html.dj_ie .umcDownloadIcon {
  background-image: url("images/icons.png");
}
.umcDownloadIconWhite {
  background: url("images/icons-white.svg") -220px -120px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcDownloadIconWhite,
html.dj_ie .umcDownloadIconWhite {
  background-image: url("images/icons-white.png");
}
.umcTrashIcon {
  background: url("images/icons.svg") -240px -120px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcTrashIcon,
html.dj_ie .umcTrashIcon {
  background-image: url("images/icons.png");
}
.umcTrashIconWhite {
  background: url("images/icons-white.svg") -240px -120px no-repeat;
  background-size: 320px 260px;
  width: 20px;
  height: 20px;
}
html.dj_trident .umcTrashIconWhite,
html.dj_ie .umcTrashIconWhite {
  background-image: url("images/icons-white.png");
}
.umcLoggedInIcon,
.umcLoggedOutIcon {
  opacity: 1;
}
.umcLoggedInIcon:hover,
.umcLoggedOutIcon:hover {
  opacity: 0.66;
}
.umcLoggedInIcon:active,
.umcLoggedOutIcon:active {
  opacity: 1;
}
.umcIconLoading,
.umcLoadingIcon {
  background-image: url("images/loadingAnimation.gif");
  width: 20px;
  height: 20px;
}
.umcErrorIcon {
  background: url("form/images/error.svg") 0px 0px no-repeat;
  width: 20px;
  height: 20px;
}
.umcHelpIconSmall {
  background: url("images/icons-small.svg") -24px 0px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
  opacity: 1;
}
html.dj_trident .umcHelpIconSmall,
html.dj_ie .umcHelpIconSmall {
  background-image: url("images/icons-small.png");
}
.umcHelpIconSmall:hover {
  background-position: -36px 0px;
  opacity: 0.66;
}
.umcHelpIconSmall:active {
  background-position: -36px 0px;
  opacity: 1;
}
.umcHelpIconSmall {
  background: url("images/icons-small.svg") -24px 0px no-repeat;
  background-size: 96px 72px;
  width: 12px;
  height: 12px;
  opacity: 1;
}
html.dj_trident .umcHelpIconSmall,
html.dj_ie .umcHelpIconSmall {
  background-image: url("images/icons-small.png");
}
.umcHelpIconSmall:hover {
  background-position: -36px 0px;
  opacity: 0.66;
}
.umcHelpIconSmall:active {
  background-position: -36px 0px;
  opacity: 1;
}
.featherIcon {
  font-size: inherit;
  width: 1em;
  height: 1em;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  transition: color 250ms;
}
.umc .umcPageNav .umcGridTree {
  margin-bottom: 30px;
}
.umc .umcGridTree {
  background-color: var(--bgc-content-container);
  border-radius: var(--border-radius-container);
  overflow: hidden;
}
.umc .umcGridTree .dgrid {
  border: none;
}
.umc .umcGridTree .dgrid-row {
  line-height: 1;
  font-size: var(--font-size-4);
  box-sizing: content-box;
  transition: background-color 0.2s;
}
.umc .umcGridTree .dgrid-row:hover {
  background-color: var(--bgc-tree-row-hover);
}
.umc .umcGridTree .dgrid-row.dgrid-selected {
  background-color: var(--bgc-tree-row-selected);
}
.umc .umcGridTree .dgrid-cell {
  border: none;
  padding: var(--layout-spacing-unit) 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.umc .umcGridTree .dgrid-expando-icon {
  height: 1em;
  width: 1em;
  padding: 0 var(--layout-spacing-unit);
  position: relative;
  box-sizing: content-box;
  float: left;
  display: flex;
  margin-left: calc(var(--level) * 1.2em);
  cursor: pointer;
}
.umc .umcGridTree .dgrid-expando-icon .featherIcon {
  transition: transform 250ms;
  pointer-events: none;
}
.umc .umcGridTree .dgrid-expando-icon .umcStandbySvgWrapper {
  width: inherit;
  height: inherit;
  position: absolute;
  color: inherit;
  pointer-events: none;
}
.umc .umcGridTree .dgrid-row-expanded .dgrid-expando-icon .featherIcon {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}
.umc .umcGridTree .dgrid-row.noChildren .dgrid-expando-icon .featherIcon,
.umc .umcGridTree .dgrid-row.childrenUnknown .dgrid-expando-icon .featherIcon,
.umc .umcGridTree .dgrid-row:not(.childrenUnknown) .dgrid-expando-icon .umcStandbySvgWrapper {
  display: none;
}
.umc .umcGridTreeOnContainer {
  background-color: var(--bgc-content-body);
}
.umc .dijitTreeIsRoot,
background-image: none,
.umc .dijitTreeRow {
/* so insert line shows up on IE when dropping after a target element */
  padding: 4px 0 2px 0;
  background-color: none;
  background-color: transparent;
  background-color: rgba(171,214,255,0);
  background-position: 0 0;
  background-repeat: repeat-x;
  border: solid 0 transparent;
  color: #282828;
  transition-property: background-color, border-color;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
}
.umc .dijitTreeRowSelected {
  background-color: #5a5a5a;
  padding: 3px 0 1px;
  border-color: #b4b4b4;
  border-width: 1px 0;
  color: #fff;
}
.umc .dijitTreeRowHover {
  background-color: #969696;
  padding: 3px 0 1px;
  border-color: #e0e0e0;
  border-width: 1px 0;
  color: #fff;
  transition-duration: 0.25s;
}
.umc .dijitTreeRowActive {
  background-color: #372b2b;
  padding: 3px 0 1px;
  border-color: #b4b4b4;
  border-width: 1px 0;
  color: #fff;
}
.umc .dijitTreeRowFocused {
  background-repeat: repeat;
}
.umc .dijitTreeExpando {
  background-image: url("images/treeExpandImages.png");
  width: 16px;
  height: 16px;
  background-position: -35px 0 /* for dijitTreeExpandoOpened */;
}
.dj_ie6 .umc .dijitTreeExpando {
  background-image: url("images/treeExpandImages8bit.png");
}
.umc .dijitTreeRowHover .dijitTreeExpandoOpened {
  background-position: -53px 0;
}
.umc .dijitTreeExpandoClosed {
  background-position: 1px 0;
}
.umc .dijitTreeRowHover .dijitTreeExpandoClosed {
  background-position: -17px 0;
}
.umc .dijitTreeExpandoLeaf,
.dj_ie6 .umc .dijitTreeExpandoLeaf {
  background-image: none;
}
.umc .dijitTreeExpandoLoading {
  background-image: url("images/loadingAnimation.gif");
}
.umc .dgrid-row-table .dgrid-tree-icon {
  margin-right: 5px;
  position: relative;
  bottom: 1px;
}
.umc .dijitToolbar {
  border-bottom: 1px solid #b4b4b4;
  background-color: #fff;
}
.umc .dijitToolbar label {
  padding: 0 var(--layout-spacing-unit);
}
.umc .dijitToolbar .dijitButton,
.umc .dijitToolbar .dijitDropDownButton {
  margin: var(--layout-spacing-unit-small);
}
.umc .dijitToolbar .dijitToggleButton {
  margin: var(--layout-spacing-unit-small);
}
.umc .dijitToolbarSeparator {
  background: url("../../icons/images/editorIconsEnabled.png");
}
.umc .dijitDisabled .dijitToolbar {
  background: none;
  background-color: #e6e6e6;
  border-bottom: 1px solid #d3d3d3;
}
.umc .dijitEditorIFrameContainer {
  padding: 3px 3px 1px 10px;
  background-color: #fff;
}
.umc .dijitEditor {
  border: 1px solid #b4b4b4;
}
.umc .dijitEditor .dijitTextBox {
  display: inline-flex;
  height: calc(4 * var(--layout-spacing-unit));
  max-width: 100px;
}
.umc .dijitEditorDisabled {
  border: 1px solid #d3d3d3;
  color: #787878;
}
.umc .dijitDisabled .dijitEditorIFrame,
.umc .dijitDisabled .dijitEditorIFrameContainer,
.umc .dijitDisabled .dijitEditorIFrameContainer .dijitEditorIFrame {
  background-color: #e6e6e6;
  background-image: none;
}
.umcLoginButton--emphasised {
  animation: login-emphasis 150s infinite;
}
@-moz-keyframes login-emphasis {
  from, 1%, to {
    transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    background-color: transparent;
    border-radius: 10px;
  }
  0.1%, 0.9% {
    transform: translate(-1px, 0);
    -ms-transform: translate(-1px, 0);
  }
  0.2%, 0.4%, 0.6%, 0.8% {
    transform: translate(2px, 0);
    -ms-transform: translate(2px, 0);
  }
  0.3%, 0.5%, 0.7000000000000001% {
    transform: translate(-2px, 0);
    -ms-transform: translate(-2px, 0);
  }
  0.1% {
    background-color: rgba(0,0,0,0.15);
    box-shadow: 0 0 0 0px rgba(0,0,0,0.1);
  }
  0.5% {
    box-shadow: 0 0 0 15px rgba(0,0,0,0.1);
  }
  0.9% {
    background-color: rgba(0,0,0,0.15);
    box-shadow: 0 0 0 0px rgba(0,0,0,0.1);
  }
}
@-webkit-keyframes login-emphasis {
  from, 1%, to {
    transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    background-color: transparent;
    border-radius: 10px;
  }
  0.1%, 0.9% {
    transform: translate(-1px, 0);
    -ms-transform: translate(-1px, 0);
  }
  0.2%, 0.4%, 0.6%, 0.8% {
    transform: translate(2px, 0);
    -ms-transform: translate(2px, 0);
  }
  0.3%, 0.5%, 0.7000000000000001% {
    transform: translate(-2px, 0);
    -ms-transform: translate(-2px, 0);
  }
  0.1% {
    background-color: rgba(0,0,0,0.15);
    box-shadow: 0 0 0 0px rgba(0,0,0,0.1);
  }
  0.5% {
    box-shadow: 0 0 0 15px rgba(0,0,0,0.1);
  }
  0.9% {
    background-color: rgba(0,0,0,0.15);
    box-shadow: 0 0 0 0px rgba(0,0,0,0.1);
  }
}
@-o-keyframes login-emphasis {
  from, 1%, to {
    transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    background-color: transparent;
    border-radius: 10px;
  }
  0.1%, 0.9% {
    transform: translate(-1px, 0);
    -ms-transform: translate(-1px, 0);
  }
  0.2%, 0.4%, 0.6%, 0.8% {
    transform: translate(2px, 0);
    -ms-transform: translate(2px, 0);
  }
  0.3%, 0.5%, 0.7000000000000001% {
    transform: translate(-2px, 0);
    -ms-transform: translate(-2px, 0);
  }
  0.1% {
    background-color: rgba(0,0,0,0.15);
    box-shadow: 0 0 0 0px rgba(0,0,0,0.1);
  }
  0.5% {
    box-shadow: 0 0 0 15px rgba(0,0,0,0.1);
  }
  0.9% {
    background-color: rgba(0,0,0,0.15);
    box-shadow: 0 0 0 0px rgba(0,0,0,0.1);
  }
}
@keyframes login-emphasis {
  from, 1%, to {
    transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    background-color: transparent;
    border-radius: 10px;
  }
  0.1%, 0.9% {
    transform: translate(-1px, 0);
    -ms-transform: translate(-1px, 0);
  }
  0.2%, 0.4%, 0.6%, 0.8% {
    transform: translate(2px, 0);
    -ms-transform: translate(2px, 0);
  }
  0.3%, 0.5%, 0.7000000000000001% {
    transform: translate(-2px, 0);
    -ms-transform: translate(-2px, 0);
  }
  0.1% {
    background-color: rgba(0,0,0,0.15);
    box-shadow: 0 0 0 0px rgba(0,0,0,0.1);
  }
  0.5% {
    box-shadow: 0 0 0 15px rgba(0,0,0,0.1);
  }
  0.9% {
    background-color: rgba(0,0,0,0.15);
    box-shadow: 0 0 0 0px rgba(0,0,0,0.1);
  }
}
.dijitSpinner .dijitSpinnerButtonContainer {
  height: 100%;
  width: 1.5rem;
}
.dijitSpinner .dijitUpArrowButton,
.dijitSpinner .dijitDownArrowButton {
  --bgc: transparent;
  background: var(--bgc);
  transition: var(--button-bgc-transition);
}
.dijitSpinner .dijitUpArrowButtonHover,
.dijitSpinner .dijitDownArrowButtonHover,
.dijitSpinner .dijitUpArrowButtonFocused,
.dijitSpinner .dijitDownArrowButtonFocused {
  --bgc: var(--button-bgc-hover);
}
.dijitSpinner .dijitUpArrowButtonActive,
.dijitSpinner .dijitDownArrowButtonActive {
  --bgc: var(--button-bgc-active);
}
.umc .umcGrid {
  background-color: var(--bgc-content-container);
  border-radius: var(--border-radius-container);
  overflow: hidden;
}
.umc .umcGrid .umcGridHeader {
  flex: 0 0 auto;
  display: flex;
  padding: var(--layout-spacing-unit);
}
.umc .umcGrid .umcGridHeader .ucsButton:not(:last-child) {
  margin-right: var(--layout-spacing-unit);
}
.umc .umcGrid .umcGrid__actionButtonsWrapper {
  flex: 0 1 auto;
  display: flex;
  overflow: hidden;
  min-height: var(--button-size);
}
.umc .umcGrid .umcGrid__globalActionButtonsContainer,
.umc .umcGrid .umcGrid__contextActionButtonsContainer {
  display: flex;
}
.umc .umcGrid .umcGrid__contextActionButtonsContainer {
  padding-left: var(--layout-spacing-unit);
}
.umc .umcGrid .umcGridStatusWrapper {
  flex: 0 1000 auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  font-size: var(--font-size-5);
  color: var(--font-color-contrast-middle);
  padding: var(--layout-spacing-unit);
  overflow: hidden;
  min-width: 4rem;
}
.umc .umcGrid .umcGridStatus {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.umc .umcGrid .umcGridRowIcon {
  margin-right: 0.5em;
}
.umc .umcGrid .dgrid-cell {
  border: none;
  vertical-align: middle;
  padding: calc(3 * var(--layout-spacing-unit-small)) 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.umc .umcGrid .dgrid-cell.dgrid-selector {
  width: calc(6 * var(--layout-spacing-unit));
  padding-right: calc(2 * var(--layout-spacing-unit));
}
.umc .umcGrid .dgrid-cell:first-child {
  padding-left: calc(2 * var(--layout-spacing-unit));
}
.umc .umcGrid .dgrid-cell:last-child {
  padding-right: calc(2 * var(--layout-spacing-unit));
}
.umc .umcGrid .dgrid-cell:not(.dgrid-selector) > *:not(.ucsButton) {
  display: inline;
}
.umc .umcGrid .dgrid__sortIcon {
  margin-right: 0.3em;
  position: relative;
  top: 3px;
}
.umc .umcGrid .dgrid {
  border: none;
  border-top: 1px solid var(--bgc-content-body);
}
.umc .umcGrid .dgrid-row {
  font-size: var(--font-size-4);
  line-height: 1;
  transition: background-color 250ms;
  border-top: 1px solid var(--bgc-content-body);
}
.umc .umcGrid .dgrid-row:nth-child(2) {
  border-top: none;
}
.umc .umcGrid .dgrid-row:hover {
  background-color: var(--bgc-grid-row-hover);
}
.umc .umcGrid .dgrid-row.dgrid-selected {
  background-color: var(--bgc-grid-row-selected);
}
.umc .umcGrid .dgrid-header {
  font-size: var(--font-size-3);
  line-height: 1;
  background-color: inherit;
  border-bottom: 1px solid var(--bgc-content-body);
}
.umc .umcGrid .umcGridRowSelectorCheckBox {
  display: block;
}
.umc .umcGridOnContainer,
.umc .umcSetupNetworkPage .umcGrid,
.umc .umcAppCenterRepositorySettingsPage .umcGrid {
  background-color: var(--bgc-inputfield-on-container);
}
.umc .umcGridOnContainer .dgrid,
.umc .umcSetupNetworkPage .umcGrid .dgrid,
.umc .umcAppCenterRepositorySettingsPage .umcGrid .dgrid,
.umc .umcGridOnContainer .dgrid-row,
.umc .umcSetupNetworkPage .umcGrid .dgrid-row,
.umc .umcAppCenterRepositorySettingsPage .umcGrid .dgrid-row,
.umc .umcGridOnContainer .dgrid-header,
.umc .umcSetupNetworkPage .umcGrid .dgrid-header,
.umc .umcAppCenterRepositorySettingsPage .umcGrid .dgrid-header {
  border-color: var(--bgc-content-container);
}
.umc .umcGrid--filtering .dgrid {
  max-height: 0px !important;
}
.umcGrid .dgrid-scroller {
  max-height: inherit;
}
.umcGrid .umcGridDefaultAction:hover {
  text-decoration: underline;
  cursor: pointer;
}
.umc .umcGridFooter {
  display: none;
}
.umcGridTile .dgrid {
  clear: both;
  border: none;
  margin: 0 calc(-1 * (var(--layout-spacing-unit)));
}
.umcGridTile .dgrid-scroller {
  max-height: inherit;
}
.umcGridTile .dgrid-header {
  display: none;
}
.umcGridTile .dgrid-preload {
  clear: both;
}
.umcGridTile .umcGridHeader {
  padding-bottom: 10px;
  float: left;
}
.umcGridTile .umcGridHeader .dijitIcon {
  display: none;
}
.umcGridTile .umcGridTileWrapperItem {
  padding: var(--layout-spacing-unit);
}
.umcGridTile .umcGridTileWrapperItem.dgrid-selected {
  background-color: transparent;
}
.umcGridTile .umcGridTileItem {
  --local-border-color: transparent;
  position: relative;
  outline: none;
  padding: calc(2 * var(--layout-spacing-unit));
  background-color: var(--bgc-inputfield-on-body);
  transition: background-color 0.25s, border 0.25s;
  box-shadow: var(--box-shadow);
  border: 1px solid var(--local-border-color);
  border-radius: var(--border-radius-container);
  font-size: var(--font-size-4);
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "icon name" "icon description";
  gap: var(--layout-spacing-unit) calc(2 * var(--layout-spacing-unit));
  cursor: pointer;
  height: 8rem;
}
.umcGridTile .umcGridTileItem:hover {
  --local-border-color: var(--font-color-contrast-low);
}
.umcGridTile .umcGridTileItem .umcGridTileName {
  font-weight: 600;
  overflow-wrap: break-word;
  grid-area: name;
}
.umcGridTile .umcGridTileItem .umcGridTileDescription {
  grid-area: description;
}
.umcGridTile .umcGridTileItem .umcGridTileDescription > div,
.umcGridTile .umcGridTileItem .umcGridTileName {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.umcGridTile .umcGridTileItem .umcGridTileName,
.umcGridTile .umcGridTileItem .umcGridTileDescription {
  overflow: hidden;
}
.umcGridTile .umcGridTileItem .umcGridTileIcon {
  align-self: center;
  grid-area: icon;
  height: 80px;
  width: 80px;
  border-radius: var(--border-radius-circles);
  color: var(--font-color-contrast-high);
  font-size: var(--font-size-1);
  font-weight: var(--font-weight-bold);
  background: var(--bgc-content-body);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.umcGridTile .umcGridTileItem .umcGridTileContextIcon {
  position: absolute;
  top: var(--layout-spacing-unit);
  right: var(--layout-spacing-unit);
}
@media (max-width: 549px) {
  .umcGridTile .umcGridTileWrapperItem {
    padding-left: 0;
    padding-right: 0;
  }
}
.umc .umcContainerWidget:last-child > .umcLabelPane .umcMultiInput {
  margin-bottom: 0;
}
.umc .umcLabelPane .umcTooltipIcon span.umcHelpIcon {
  opacity: 0.6;
}
.umc .umcLabelPane .umcTooltipIcon:hover span.umcHelpIcon {
  background-position: -60px -200px;
}
.umc .umcLabelPane .umcTooltipIcon:active span.umcHelpIcon {
  background-position: -60px -200px;
  opacity: 1;
}
.umc .umcLiveSearchSidebarRadioButtonGroup {
  margin-top: 1.5em;
}
.umcGalleryPane.dgrid {
  overflow: hidden;
  height: auto;
  border: none;
}
.umcGalleryPane.dgrid.umcOverviewPane {
  overflow: visible;
}
.umcGalleryPane.dgrid .dgrid-scroller {
  outline: none;
  position: relative;
  overflow: visible;
}
.umcGalleryPane.dgrid .dgrid-selected {
  background-color: inherit;
}
.umcGalleryCategoryHeader {
  padding: 0 0 var(--layout-spacing-unit-small) 0;
  margin: 0 var(--layout-spacing-unit) calc(2 * var(--layout-spacing-unit));
  font-size: var(--font-size-3);
  border-bottom: 1px solid var(--bgc-content-container);
}
.umcGalleryCategoryHeader:first-child {
  margin-top: 0;
}
.umcGalleryPane {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}
.umcGalleryPane .umcGalleryWrapperItem {
  padding: var(--layout-spacing-unit);
}
.umcGalleryPane .umcGalleryItem {
  transition: box-shadow 250ms, color 250ms, background-color 250ms;
}
.umcGalleryPane .umcGalleryItem .umcFavoriteIconDefault polyline {
  transition: fill 250ms;
}
.umcGalleryPane .umcGalleryItem .featherIcon {
  transition: none;
}
.umcGalleryPane .umcGalleryItem {
  position: relative;
  padding: calc(2 * var(--layout-spacing-unit));
  background-color: var(--bgc-content-container);
  box-sizing: content-box;
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius-container);
  height: 80px;
  overflow: hidden;
/* if an icon is present, set a margin to the text elements */
}
.umcGalleryPane .umcGalleryItem .umcGalleryName {
  overflow-wrap: break-word;
  margin-right: 24px;
  max-height: 26px;
  line-height: 1;
  font-size: var(--font-size-3);
  font-weight: var(--font-weight-bold);
}
.umcGalleryPane .umcGalleryItem .umcGalleryDescription {
  font-size: var(--font-size-4);
  padding-top: 8px;
  max-height: 64px;
  line-height: var(--font-lineheight-compact);
  word-wrap: break-word;
}
.umcGalleryPane .umcGalleryItem .umcGalleryIcon {
  height: 78px;
  width: 80px;
  float: left;
  background-position: center center;
/* make sure to have some spacing for SVG images with the property background-size=contain */
  border: 5px transparent solid;
}
.umcGalleryPane .umcGalleryItem .umcGalleryIcon + .umcGalleryName,
.umcGalleryPane .umcGalleryItem .umcGalleryIcon + .umcGalleryName + .umcGalleryDescription {
  margin-left: 85px;
}
.umcGalleryPane .umcGalleryItem .umcGalleryStatusIcon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 5px;
  left: auto;
  right: 5px;
}
.umcGalleryPane .umcGalleryItem .umcFavoriteIconDefault {
  position: absolute;
  top: 0;
  right: 20px;
  width: 10px;
  height: 10px;
  line-height: 0;
}
.umcGalleryPane .umcGalleryItem .umcGalleryContextIcon {
  position: absolute;
  top: 10px;
  right: 12px;
  --button-size: 26px;
  --button-icon-bgc-hover: rgba(0,0,0,0.15);
  --button-icon-bgc-active: rgba(0,0,0,0.2);
}
.umcGalleryPane .umcGalleryItem.touched,
.umcGalleryPane .umcGalleryItemActive,
.umcGalleryPane .umcGalleryItem:hover {
  cursor: pointer;
}
.umcGalleryPane .umcGalleryItem.touched.umcGalleryCategory--contrastDark,
.umcGalleryPane .umcGalleryItemActive.umcGalleryCategory--contrastDark,
.umcGalleryPane .umcGalleryItem:hover.umcGalleryCategory--contrastDark {
  color: #1e1e1d;
}
.umcGalleryPane .umcGalleryItem.touched.umcGalleryCategory--contrastDark .umcFavoriteIconDefault polyline,
.umcGalleryPane .umcGalleryItemActive.umcGalleryCategory--contrastDark .umcFavoriteIconDefault polyline,
.umcGalleryPane .umcGalleryItem:hover.umcGalleryCategory--contrastDark .umcFavoriteIconDefault polyline {
  fill: currentColor;
}
.umcGalleryPane .umcGalleryItem.touched.umcGalleryCategory--contrastLight,
.umcGalleryPane .umcGalleryItemActive.umcGalleryCategory--contrastLight,
.umcGalleryPane .umcGalleryItem:hover.umcGalleryCategory--contrastLight {
  color: #fff;
}
.umcGalleryPane .umcGalleryItem.touched.umcGalleryCategory--contrastLight .umcFavoriteIconDefault polyline,
.umcGalleryPane .umcGalleryItemActive.umcGalleryCategory--contrastLight .umcFavoriteIconDefault polyline,
.umcGalleryPane .umcGalleryItem:hover.umcGalleryCategory--contrastLight .umcFavoriteIconDefault polyline {
  fill: currentColor;
}
@media (max-width: 549px) {
  .umcGalleryPane .umcGalleryWrapperItem {
    padding-left: 0;
    padding-right: 0;
  }
}
.umc .umcHeader {
  background-color: var(--bgc-content-header);
  height: var(--layout-height-header);
  position: relative;
  padding: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.umc .umcHeader .umcBackToOverviewButton {
  --button-size: var(--layout-height-header);
  border-radius: 0;
}
.umc .umcHeader .umcModuleTab {
  display: inline-flex;
  align-items: center;
  padding: 0;
  height: 100%;
  --tabColor: transparent;
  z-index: 1;
  padding-top: 0.3rem;
}
.umc .umcHeader .umcModuleTab.dijitChecked {
  z-index: 2;
}
.umc .umcHeader .umcModuleTab:before,
.umc .umcHeader .umcModuleTab:after {
  content: '';
  display: block;
  height: 1.2rem;
  width: 1px;
  background: var(--bgc-tab-separator);
  position: absolute;
  z-index: -2;
}
.umc .umcHeader .umcModuleTab:before {
  left: 0;
}
.umc .umcHeader .umcModuleTab:after {
  right: 0;
}
.umc .umcHeader .umcModuleTab .tabLabel {
  outline: none;
}
.umc .umcHeader .umcModuleTab:nth-child(2):before {
  width: 2px;
}
.umc .umcHeader .umcModuleTab:last-child:after {
  width: 2px;
}
.umc .umcHeader .umcModuleTab__closeButton {
  --button-size: 1.3em;
  --button-icon-bgc-hover: rgba(0,0,0,0.08);
  --button-icon-bgc-active: rgba(0,0,0,0.16);
  margin-right: var(--layout-spacing-unit-small);
}
.umc .umcHeader .umcModuleTab__closeButton .featherIcon {
  transition: none;
}
.umc .umcHeader .umcModuleTab__background__svg {
  position: absolute;
  bottom: 0;
  height: 12px;
  width: 12px;
  fill: currentColor;
  color: var(--tabColor);
  transition: color 250ms;
}
.umc .umcHeader .umcModuleTab__background__svg--left {
  left: -12px;
}
.umc .umcHeader .umcModuleTab__background__svg--right {
  right: -12px;
}
.umc .umcHeader .umcModuleTab__background {
  transition: background-color 250ms;
  position: absolute;
  top: 10px;
  right: 0px;
  bottom: 0;
  left: 0px;
  border-radius: 8px 8px 0 0;
  background-color: var(--tabColor);
  z-index: -1;
}
.umc .umcHeader .umcModuleTab .tabLabel {
  margin: 0 var(--layout-spacing-unit);
  font-size: var(--font-size-4);
  line-height: 1;
  max-width: 264px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.umc .umcHeader .umcModuleTab .tabLabel .umcModuleTitleBreadCrumb {
  color: inherit;
  transition: none;
}
.umc .umcHeader .umcModuleTab.contrastDark.dijitTabChecked,
.umc .umcHeader .umcModuleTab.contrastDark.dijitTabActive,
.umc .umcHeader .umcModuleTab.contrastDark.dijitTabHover {
  color: #1e1e1d;
}
.umc .umcHeader .umcModuleTab.contrastLight.dijitTabChecked,
.umc .umcHeader .umcModuleTab.contrastLight.dijitTabActive,
.umc .umcHeader .umcModuleTab.contrastLight.dijitTabHover {
  color: #fff;
}
.umc .umcHeader .umcMainTabController {
  height: 100%;
}
.umc .umcHeader .umcHeaderLeft {
  display: flex;
  align-items: center;
  margin-left: calc(2 * var(--layout-spacing-unit));
}
.umc .umcHeader .umcHeaderLeft svg {
  height: var(--font-size-2);
  width: var(--font-size-2);
  margin-right: var(--layout-spacing-unit);
  fill: currentColor;
  color: inherit;
}
.umc .umcHeader .umcHeaderRight {
  display: flex;
  align-items: center;
  margin-right: calc(2 * var(--layout-spacing-unit));
  margin-left: auto;
}
.umc .umcHeader .umcHeaderRight .ucsButton {
  margin: 0 var(--layout-spacing-unit-small);
}
@media (max-width: 500px) {
  .col-xxs-12 {
    width: 100%;
  }
}
@media (min-width: 1755px) {
  .col-xlg-4 {
    width: 33.33333333%;
  }
  .col-xlg-push-3 {
    left: 25%;
  }
  .col-xlg-pull-4 {
    right: 33.33333333%;
  }
}
.umc .umcTopContainer .dijitTabContainerTop {
  clear: both;
}
.umc .umcHeader--umc .umcMainTabController {
  display: flex;
  flex: 1 1 auto;
}
.umc .umcHeader--umc .umcMainTabController--overviewless {
  margin-left: 12px;
}
.umc .umcHeader--umc .umcHeaderStretch {
  flex: 1 1 auto;
}
.umc .umcHeader--umc .umcHeaderRight {
  position: relative;
  flex: 0 0 auto;
}
.umc .umcMobileTabsToggleButton {
  position: relative;
}
.umc .umcHeaderButton__counter {
  position: absolute;
  color: var(--bgc-content-header);
  background-color: var(--bgc-header-number-circle);
  font-size: var(--font-size-5);
  width: 1.6em;
  height: 1.6em;
  left: 2em;
  top: 0em;
  border-radius: var(--border-radius-circles);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.umc .umcHeaderButton__counter--hidden {
  display: none;
}
.umc .umcMobileTabs {
  position: fixed;
  top: var(--layout-height-header);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 31;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  transition: opacity 250ms, visibility 260ms;
}
.umc .umcMobileTabs--visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 250ms, visibility 0ms;
}
.umc .umcMobileTab {
  flex: 0 0 auto;
  outline: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  min-height: calc(7 * var(--layout-spacing-unit));
  width: 90%;
  max-width: calc(50 * var(--layout-spacing-unit));
  border-radius: var(--border-radius-container);
  background: var(--bgc-content-container);
  padding: calc(2 * var(--layout-spacing-unit));
  margin-bottom: calc(3 * var(--layout-spacing-unit));
  transition: background-color 250ms, color 250ms;
}
.umc .umcMobileTab:first-child {
  margin-top: calc(3 * var(--layout-spacing-unit));
}
.umc .umcMobileTab__label {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.umc .umcMobileTab__label .umcModuleTitleBreadCrumb {
  color: inherit;
}
.umc .umcMobileTab__closeButton {
  --button-icon-bgc-hover: rgba(0,0,0,0.08);
  --button-icon-bgc-active: rgba(0,0,0,0.08);
  flex: 0 0 auto;
  margin-left: var(--layout-spacing-unit);
}
.umc .umcMobileTab__closeButton .featherIcon {
  transition: none;
}
.umcModuleSearch {
  width: 95%;
  max-width: calc(40 * var(--layout-spacing-unit));
  position: fixed;
  top: calc(var(--layout-height-header) + var(--layout-height-header-separator));
  transition: right 250ms;
  right: calc(-40 * var(--layout-spacing-unit));
  z-index: 1;
}
.umcModuleSearch--open {
  right: 0;
}
.umcModuleSearch .umcSearchBox {
  background-color: var(--bgc-content-container);
}
.umcModuleSearch .umcSearchBox__searchButton {
  display: none;
}
#headerButtonsCloseOverlay {
  position: fixed;
  top: var(--layout-height-header);
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 30;
  visibility: hidden;
  transition: opacity 250ms, visibility 260ms;
  background: var(--bgc-underlay);
  opacity: 0;
}
.ucsOverlay--menu #headerButtonsCloseOverlay,
.ucsOverlay--notifications #headerButtonsCloseOverlay,
.ucsOverlay--tabs #headerButtonsCloseOverlay {
  visibility: visible;
  transition: opacity 250ms, visibility 0ms;
  opacity: 1;
}
.umc .umcLayoutRow .umcLabelPane {
  padding: 0 0.5rem 1rem 0.5rem;
}
.umc .umcLayoutRow .umcLabelPane-umcPasswordInputBox {
  padding-left: 0;
  padding-right: 0;
}
.umc .umcLayoutRow .umcLabelPane-umcMultiInput,
.umc .umcLayoutRow .umcLabelPane-umcComplexInput {
  display: block;
}
.umc .umcLayoutRow:last-child > .umcLabelPane {
  padding-bottom: 0;
}
.umc .umcLayoutRow {
  margin: 0 -0.5rem 0 -0.5rem;
}
.umc .umcLayoutRow--buttons {
  margin: 0;
}
.umcSize-OneThird {
  width: 33.333333333333336%;
}
.umcSize-Half {
  width: 50%;
}
.umcSize-TwoThirds {
  width: 66.66666666666667%;
}
.umcSize-One,
.umcSize-FourThirds,
.umcSize-OneAndAHalf,
.umcSize-FiveThirds,
.umcSize-Two {
  width: 100%;
}
@media (min-width: 550px) and (max-width: 767px) {
  .umcPage > .col-xs-9 .umcSize-OneThird,
  .umcPage > .col-xs-10 .umcSize-OneThird,
  .umcPage > .col-xs-11 .umcSize-OneThird,
  .umcPage > .col-xs-12 .umcSize-OneThird {
    width: 16.666666666666668%;
  }
  .umcPage > .col-xs-9 .umcSize-Half,
  .umcPage > .col-xs-10 .umcSize-Half,
  .umcPage > .col-xs-11 .umcSize-Half,
  .umcPage > .col-xs-12 .umcSize-Half {
    width: 25%;
  }
  .umcPage > .col-xs-9 .umcSize-TwoThirds,
  .umcPage > .col-xs-10 .umcSize-TwoThirds,
  .umcPage > .col-xs-11 .umcSize-TwoThirds,
  .umcPage > .col-xs-12 .umcSize-TwoThirds {
    width: 33.333333333333336%;
  }
  .umcPage > .col-xs-9 .umcSize-One,
  .umcPage > .col-xs-10 .umcSize-One,
  .umcPage > .col-xs-11 .umcSize-One,
  .umcPage > .col-xs-12 .umcSize-One {
    width: 50%;
  }
  .umcPage > .col-xs-9 .umcSize-FourThirds,
  .umcPage > .col-xs-10 .umcSize-FourThirds,
  .umcPage > .col-xs-11 .umcSize-FourThirds,
  .umcPage > .col-xs-12 .umcSize-FourThirds {
    width: 66.66666666666667%;
  }
  .umcPage > .col-xs-9 .umcSize-OneAndAHalf,
  .umcPage > .col-xs-10 .umcSize-OneAndAHalf,
  .umcPage > .col-xs-11 .umcSize-OneAndAHalf,
  .umcPage > .col-xs-12 .umcSize-OneAndAHalf {
    width: 75%;
  }
  .umcPage > .col-xs-9 .umcSize-FiveThirds,
  .umcPage > .col-xs-10 .umcSize-FiveThirds,
  .umcPage > .col-xs-11 .umcSize-FiveThirds,
  .umcPage > .col-xs-12 .umcSize-FiveThirds {
    width: 83.33333333333333%;
  }
  .umcPage > .col-xs-9 .umcSize-Two,
  .umcPage > .col-xs-10 .umcSize-Two,
  .umcPage > .col-xs-11 .umcSize-Two,
  .umcPage > .col-xs-12 .umcSize-Two {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .umcPage > .col-sm-9 .umcSize-OneThird,
  .umcPage > .col-sm-10 .umcSize-OneThird,
  .umcPage > .col-sm-11 .umcSize-OneThird,
  .umcPage > .col-sm-12 .umcSize-OneThird {
    width: 16.666666666666668%;
  }
  .umcPage > .col-sm-9 .umcSize-Half,
  .umcPage > .col-sm-10 .umcSize-Half,
  .umcPage > .col-sm-11 .umcSize-Half,
  .umcPage > .col-sm-12 .umcSize-Half {
    width: 25%;
  }
  .umcPage > .col-sm-9 .umcSize-TwoThirds,
  .umcPage > .col-sm-10 .umcSize-TwoThirds,
  .umcPage > .col-sm-11 .umcSize-TwoThirds,
  .umcPage > .col-sm-12 .umcSize-TwoThirds {
    width: 33.333333333333336%;
  }
  .umcPage > .col-sm-9 .umcSize-One,
  .umcPage > .col-sm-10 .umcSize-One,
  .umcPage > .col-sm-11 .umcSize-One,
  .umcPage > .col-sm-12 .umcSize-One {
    width: 50%;
  }
  .umcPage > .col-sm-9 .umcSize-FourThirds,
  .umcPage > .col-sm-10 .umcSize-FourThirds,
  .umcPage > .col-sm-11 .umcSize-FourThirds,
  .umcPage > .col-sm-12 .umcSize-FourThirds {
    width: 66.66666666666667%;
  }
  .umcPage > .col-sm-9 .umcSize-OneAndAHalf,
  .umcPage > .col-sm-10 .umcSize-OneAndAHalf,
  .umcPage > .col-sm-11 .umcSize-OneAndAHalf,
  .umcPage > .col-sm-12 .umcSize-OneAndAHalf {
    width: 75%;
  }
  .umcPage > .col-sm-9 .umcSize-FiveThirds,
  .umcPage > .col-sm-10 .umcSize-FiveThirds,
  .umcPage > .col-sm-11 .umcSize-FiveThirds,
  .umcPage > .col-sm-12 .umcSize-FiveThirds {
    width: 83.33333333333333%;
  }
  .umcPage > .col-sm-9 .umcSize-Two,
  .umcPage > .col-sm-10 .umcSize-Two,
  .umcPage > .col-sm-11 .umcSize-Two,
  .umcPage > .col-sm-12 .umcSize-Two {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .umcPage > .col-md-5 .umcSize-OneThird,
  .umcPage > .col-md-6 .umcSize-OneThird,
  .umcPage > .col-md-7 .umcSize-OneThird,
  .umcPage > .col-md-8 .umcSize-OneThird,
  .umcPage > .col-md-9 .umcSize-OneThird,
  .umcPage > .col-md-10 .umcSize-OneThird,
  .umcPage > .col-md-11 .umcSize-OneThird,
  .umcPage > .col-md-12 .umcSize-OneThird {
    width: 16.666666666666668%;
  }
  .umcPage > .col-md-5 .umcSize-Half,
  .umcPage > .col-md-6 .umcSize-Half,
  .umcPage > .col-md-7 .umcSize-Half,
  .umcPage > .col-md-8 .umcSize-Half,
  .umcPage > .col-md-9 .umcSize-Half,
  .umcPage > .col-md-10 .umcSize-Half,
  .umcPage > .col-md-11 .umcSize-Half,
  .umcPage > .col-md-12 .umcSize-Half {
    width: 25%;
  }
  .umcPage > .col-md-5 .umcSize-TwoThirds,
  .umcPage > .col-md-6 .umcSize-TwoThirds,
  .umcPage > .col-md-7 .umcSize-TwoThirds,
  .umcPage > .col-md-8 .umcSize-TwoThirds,
  .umcPage > .col-md-9 .umcSize-TwoThirds,
  .umcPage > .col-md-10 .umcSize-TwoThirds,
  .umcPage > .col-md-11 .umcSize-TwoThirds,
  .umcPage > .col-md-12 .umcSize-TwoThirds {
    width: 33.333333333333336%;
  }
  .umcPage > .col-md-5 .umcSize-One,
  .umcPage > .col-md-6 .umcSize-One,
  .umcPage > .col-md-7 .umcSize-One,
  .umcPage > .col-md-8 .umcSize-One,
  .umcPage > .col-md-9 .umcSize-One,
  .umcPage > .col-md-10 .umcSize-One,
  .umcPage > .col-md-11 .umcSize-One,
  .umcPage > .col-md-12 .umcSize-One {
    width: 50%;
  }
  .umcPage > .col-md-5 .umcSize-FourThirds,
  .umcPage > .col-md-6 .umcSize-FourThirds,
  .umcPage > .col-md-7 .umcSize-FourThirds,
  .umcPage > .col-md-8 .umcSize-FourThirds,
  .umcPage > .col-md-9 .umcSize-FourThirds,
  .umcPage > .col-md-10 .umcSize-FourThirds,
  .umcPage > .col-md-11 .umcSize-FourThirds,
  .umcPage > .col-md-12 .umcSize-FourThirds {
    width: 66.66666666666667%;
  }
  .umcPage > .col-md-5 .umcSize-OneAndAHalf,
  .umcPage > .col-md-6 .umcSize-OneAndAHalf,
  .umcPage > .col-md-7 .umcSize-OneAndAHalf,
  .umcPage > .col-md-8 .umcSize-OneAndAHalf,
  .umcPage > .col-md-9 .umcSize-OneAndAHalf,
  .umcPage > .col-md-10 .umcSize-OneAndAHalf,
  .umcPage > .col-md-11 .umcSize-OneAndAHalf,
  .umcPage > .col-md-12 .umcSize-OneAndAHalf {
    width: 75%;
  }
  .umcPage > .col-md-5 .umcSize-FiveThirds,
  .umcPage > .col-md-6 .umcSize-FiveThirds,
  .umcPage > .col-md-7 .umcSize-FiveThirds,
  .umcPage > .col-md-8 .umcSize-FiveThirds,
  .umcPage > .col-md-9 .umcSize-FiveThirds,
  .umcPage > .col-md-10 .umcSize-FiveThirds,
  .umcPage > .col-md-11 .umcSize-FiveThirds,
  .umcPage > .col-md-12 .umcSize-FiveThirds {
    width: 83.33333333333333%;
  }
  .umcPage > .col-md-5 .umcSize-Two,
  .umcPage > .col-md-6 .umcSize-Two,
  .umcPage > .col-md-7 .umcSize-Two,
  .umcPage > .col-md-8 .umcSize-Two,
  .umcPage > .col-md-9 .umcSize-Two,
  .umcPage > .col-md-10 .umcSize-Two,
  .umcPage > .col-md-11 .umcSize-Two,
  .umcPage > .col-md-12 .umcSize-Two {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .umcPage > .col-lg-5 .umcSize-OneThird,
  .umcPage > .col-lg-6 .umcSize-OneThird,
  .umcPage > .col-lg-7 .umcSize-OneThird,
  .umcPage > .col-lg-8 .umcSize-OneThird,
  .umcPage > .col-lg-9 .umcSize-OneThird,
  .umcPage > .col-lg-10 .umcSize-OneThird,
  .umcPage > .col-lg-11 .umcSize-OneThird,
  .umcPage > .col-lg-12 .umcSize-OneThird {
    width: 16.666666666666668%;
  }
  .umcPage > .col-lg-5 .umcSize-Half,
  .umcPage > .col-lg-6 .umcSize-Half,
  .umcPage > .col-lg-7 .umcSize-Half,
  .umcPage > .col-lg-8 .umcSize-Half,
  .umcPage > .col-lg-9 .umcSize-Half,
  .umcPage > .col-lg-10 .umcSize-Half,
  .umcPage > .col-lg-11 .umcSize-Half,
  .umcPage > .col-lg-12 .umcSize-Half {
    width: 25%;
  }
  .umcPage > .col-lg-5 .umcSize-TwoThirds,
  .umcPage > .col-lg-6 .umcSize-TwoThirds,
  .umcPage > .col-lg-7 .umcSize-TwoThirds,
  .umcPage > .col-lg-8 .umcSize-TwoThirds,
  .umcPage > .col-lg-9 .umcSize-TwoThirds,
  .umcPage > .col-lg-10 .umcSize-TwoThirds,
  .umcPage > .col-lg-11 .umcSize-TwoThirds,
  .umcPage > .col-lg-12 .umcSize-TwoThirds {
    width: 33.333333333333336%;
  }
  .umcPage > .col-lg-5 .umcSize-One,
  .umcPage > .col-lg-6 .umcSize-One,
  .umcPage > .col-lg-7 .umcSize-One,
  .umcPage > .col-lg-8 .umcSize-One,
  .umcPage > .col-lg-9 .umcSize-One,
  .umcPage > .col-lg-10 .umcSize-One,
  .umcPage > .col-lg-11 .umcSize-One,
  .umcPage > .col-lg-12 .umcSize-One {
    width: 50%;
  }
  .umcPage > .col-lg-5 .umcSize-FourThirds,
  .umcPage > .col-lg-6 .umcSize-FourThirds,
  .umcPage > .col-lg-7 .umcSize-FourThirds,
  .umcPage > .col-lg-8 .umcSize-FourThirds,
  .umcPage > .col-lg-9 .umcSize-FourThirds,
  .umcPage > .col-lg-10 .umcSize-FourThirds,
  .umcPage > .col-lg-11 .umcSize-FourThirds,
  .umcPage > .col-lg-12 .umcSize-FourThirds {
    width: 66.66666666666667%;
  }
  .umcPage > .col-lg-5 .umcSize-OneAndAHalf,
  .umcPage > .col-lg-6 .umcSize-OneAndAHalf,
  .umcPage > .col-lg-7 .umcSize-OneAndAHalf,
  .umcPage > .col-lg-8 .umcSize-OneAndAHalf,
  .umcPage > .col-lg-9 .umcSize-OneAndAHalf,
  .umcPage > .col-lg-10 .umcSize-OneAndAHalf,
  .umcPage > .col-lg-11 .umcSize-OneAndAHalf,
  .umcPage > .col-lg-12 .umcSize-OneAndAHalf {
    width: 75%;
  }
  .umcPage > .col-lg-5 .umcSize-FiveThirds,
  .umcPage > .col-lg-6 .umcSize-FiveThirds,
  .umcPage > .col-lg-7 .umcSize-FiveThirds,
  .umcPage > .col-lg-8 .umcSize-FiveThirds,
  .umcPage > .col-lg-9 .umcSize-FiveThirds,
  .umcPage > .col-lg-10 .umcSize-FiveThirds,
  .umcPage > .col-lg-11 .umcSize-FiveThirds,
  .umcPage > .col-lg-12 .umcSize-FiveThirds {
    width: 83.33333333333333%;
  }
  .umcPage > .col-lg-5 .umcSize-Two,
  .umcPage > .col-lg-6 .umcSize-Two,
  .umcPage > .col-lg-7 .umcSize-Two,
  .umcPage > .col-lg-8 .umcSize-Two,
  .umcPage > .col-lg-9 .umcSize-Two,
  .umcPage > .col-lg-10 .umcSize-Two,
  .umcPage > .col-lg-11 .umcSize-Two,
  .umcPage > .col-lg-12 .umcSize-Two {
    width: 100%;
  }
}
.umcModuleHeader {
  transition: border-color 0.2s;
  --local-border-color: transparent;
  border-bottom: 1px solid var(--local-border-color);
}
.umcModule--scrolled .umcModuleHeader {
  --local-border-color: var(--font-color-contrast-low);
}
.umcModuleHeaderOuterContainer {
  padding: calc(3 * var(--layout-spacing-unit)) 0;
}
.umcModuleHeaderWrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--layout-spacing-unit) 0;
  min-height: var(--button-size);
}
.umcModuleHeader--withSubTitle .umcModuleHeaderWrapper {
  align-items: flex-start;
}
.umcModuleHeaderRight {
  margin-left: auto;
}
.umcModuleHeaderRight__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: calc(-1 * var(--layout-spacing-unit));
}
.umcModuleHeaderRight__buttons > .ucsButton {
  margin: var(--layout-spacing-unit);
}
.umcModuleTitle {
  display: flex;
  align-items: center;
}
.umcModuleTitleBreadCrumb {
  color: var(--font-color-contrast-middle);
}
.umcModuleTitleBreadCrumbSeperator {
  margin: 0 var(--layout-spacing-unit-small);
}
.umcModuleSubTitle {
  font-size: var(--font-size-5);
  margin-top: var(--layout-spacing-unit);
}
.umc .umcModuleWrapper {
  margin: 0 auto;
  padding: 0;
}
.umc .umcPageHeader {
  overflow-wrap: break-word;
}
.umc .umcPageHelpText {
  font-size: var(--font-size-4);
}
.umc .umcPageHeader + * {
  margin-top: var(--layout-spacing-unit);
}
.umc .umcPageHelpText + * {
  margin-top: calc(2 * var(--layout-spacing-unit));
}
.umc .umcPageNavContent:last-child {
  margin-bottom: calc(2 * var(--layout-spacing-unit));
}
.umc .umcUDMDetailPage .umcPageMainContent {
  background-color: var(--bgc-content-container);
  border-radius: var(--border-radius-container);
}
.umc .umcUDMDetailPage .umcPageMainContent > .umcLayoutRow {
  padding: 0 calc(2 * var(--layout-spacing-unit));
}
.umc .umcUDMDetailPage .umcPageMainContent > .umcLayoutRow:last-child {
  padding-bottom: calc(2 * var(--layout-spacing-unit));
}
.umc .umcUDMDetailPage .umcPageHeader {
  padding: calc(2 * var(--layout-spacing-unit));
}
.umc .umcUDMDetailPage .umcPageHelpText {
  margin: 0;
  padding: 0 calc(2 * var(--layout-spacing-unit)) calc(2 * var(--layout-spacing-unit));
}
.umc .umcUDMDetailPage .dijitTitlePane {
  border-radius: 0;
  border-top: 2px solid var(--bgc-content-body);
  margin-bottom: 0;
}
.umc .umcUDMDetailPage .dijitTitlePane .dijitTitlePane {
  border-top: 0;
  border-radius: var(--border-radius-container);
}
.umc .umcSetupNetworkPage .umcPageMainContent,
.umc .umcSetupCertificatePage .umcPageMainContent,
.umc .umcSetupLanguagePage .umcPageMainContent,
.umc .umcAppCenterRepositorySettingsPage .umcPageMainContent,
.umc .umcAppCenterRepositoryDetailsPage .umcPageMainContent,
.umc .umcUpdatesPage .umcPageMainContent,
.umc .umcAdconnectorConfigPage .umcPageMainContent {
  background-color: var(--bgc-content-container);
  border-radius: var(--border-radius-container);
}
.umc .umcSetupNetworkPage .dijitTitlePane,
.umc .umcSetupCertificatePage .dijitTitlePane,
.umc .umcSetupLanguagePage .dijitTitlePane,
.umc .umcAppCenterRepositorySettingsPage .dijitTitlePane,
.umc .umcAppCenterRepositoryDetailsPage .dijitTitlePane,
.umc .umcUpdatesPage .dijitTitlePane,
.umc .umcAdconnectorConfigPage .dijitTitlePane {
  border-radius: 0;
  border-top: 2px solid var(--bgc-content-body);
  margin-bottom: 0;
}
.umc .umcSetupNetworkPage .dijitTitlePane .dijitTitlePane,
.umc .umcSetupCertificatePage .dijitTitlePane .dijitTitlePane,
.umc .umcSetupLanguagePage .dijitTitlePane .dijitTitlePane,
.umc .umcAppCenterRepositorySettingsPage .dijitTitlePane .dijitTitlePane,
.umc .umcAppCenterRepositoryDetailsPage .dijitTitlePane .dijitTitlePane,
.umc .umcUpdatesPage .dijitTitlePane .dijitTitlePane,
.umc .umcAdconnectorConfigPage .dijitTitlePane .dijitTitlePane {
  border-top: 0;
}
.umc .umcPKGDBPage .umcGrid {
  margin-top: calc(4 * var(--layout-spacing-unit));
}
.umc .umcSetupInterfaceWizard {
  border-radius: var(--border-radius-container);
}
.umc .umcSetupInterfaceWizard .umcSetupInterfaceWizard__networkPage .umcPageMainContent {
  background-color: var(--bgc-content-body);
  border-radius: var(--border-radius-container);
}
.umc .umcSetupInterfaceWizard .umcSetupInterfaceWizard__networkPage .dijitTitlePane {
  border-radius: 0;
  margin-bottom: 0;
}
.umc .umcSetupInterfaceWizard .umcSetupInterfaceWizard__networkPage .dijitTitlePane + .dijitTitlePane {
  border-top: 2px solid var(--bgc-content-body);
}
.umc .umcOverviewContainer {
  padding: 4rem 0 0;
}
.umc .umcCategoryBar {
  margin-bottom: calc(3 * var(--layout-spacing-unit));
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.umcCategoryButton {
  --button-size: auto;
  box-shadow: none;
  min-width: 95px;
  max-width: 160px;
  margin-bottom: 0.7rem;
}
@media (max-width: 400px) {
  .umcCategoryButton {
    min-width: 70px;
  }
}
.umcCategoryButton .dijitButtonContents {
  flex-direction: column;
}
.umcCategoryButton .umcCategoryButtonCircleWrapper {
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0.75;
  transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
}
.umcCategoryButton .umcCategoryButtonCircleWrapper .circle {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  display: inline-block;
}
.umcCategoryButton.dijitButtonSelected .umcCategoryButtonCircleWrapper {
  opacity: 1;
  transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
.umcCategoryButton .dijitIcon {
  position: absolute;
  top: 0;
  transition: transform 0.3s 0s;
  transform: scale(0.8, 0.8);
  -ms-transform: scale(0.8, 0.8);
}
.umcCategoryButton.dijitButtonSelected .dijitIcon {
  transform: scale(1, 1);
  -ms-transform: scale(1, 1);
}
.umcCategoryButton .dijitButtonText {
  margin-top: 1em;
  white-space: pre-line;
}
.nojs__warningWrapper {
  position: absolute;
  width: 100%;
  height: 66%;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--bgc-content-body);
}
.nojs__warning__header {
  margin-bottom: calc(3 * var(--layout-spacing-unit));
}
.nojs__warning {
  max-width: 500px;
  box-shadow: var(--box-shadow);
  display: flex;
  align-items: center;
}
.nojs__warning__icon {
  width: 80px;
  flex: 0 0 auto;
  margin-right: calc(2 * var(--layout-spacing-unit));
  fill: currentColor;
}
.nojs__warning__title {
  margin-bottom: calc(2 * var(--layout-spacing-unit));
}
.umcCategoryBar .umcCategory-_favorites_ {
  opacity: 1;
  transition: opacity 0.7s 0.3s, max-width 0.7s, min-width 0.7s;
}
.umcCategoryBar .umcCategory-_favorites_.favoritesHidden {
  opacity: 0;
  max-width: 0 !important;
  min-width: 0;
  transition: opacity 0.5s, max-width 0.7s 0.2s, min-width 0.7s 0.2s;
}
.umcMainTabContainer > .dijitStackContainerChildWrapper.dijitHidden {
  display: none;
}
#umcTopContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.umcHeader {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.umcMainTabContainer {
  position: absolute;
  top: var(--layout-height-header);
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}
@media (min-height: 750px) {
  .umcModuleWrapperWrapper {
    overflow-y: auto;
    overflow-x: hidden;
  }
  .umcMainTabContainer > .dijitStackContainerChildWrapper {
    height: 100%;
  }
  .umcModule {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcModuleWrapperWrapper {
    min-height: 0;
    height: 100%;
    padding-bottom: calc(2 * var(--layout-spacing-unit));
  }
}
.umcGrid .dgrid,
.umcGridTile .dgrid,
.umcGridTree .dgrid {
  height: auto;
  max-height: 30em;
  display: flex;
  flex-direction: column;
}
.umcGrid .dgrid .dgrid-scroller,
.umcGridTile .dgrid .dgrid-scroller,
.umcGridTree .dgrid .dgrid-scroller {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-height: 750px) and (min-width: 550px) {
  .umcTopContainer--layout-top .umcGrid,
  .umcTopContainer--layout-services .umcGrid,
  .umcTopContainer--layout-ucr .umcGrid,
  .umcTopContainer--layout-appcenter-packages .umcGrid,
  .umcTopContainer--layout-top .umcGridTile,
  .umcTopContainer--layout-services .umcGridTile,
  .umcTopContainer--layout-ucr .umcGridTile,
  .umcTopContainer--layout-appcenter-packages .umcGridTile,
  .umcTopContainer--layout-top .umcGridTree,
  .umcTopContainer--layout-services .umcGridTree,
  .umcTopContainer--layout-ucr .umcGridTree,
  .umcTopContainer--layout-appcenter-packages .umcGridTree {
    min-height: 0%;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
  }
  .umcTopContainer--layout-top .umcGrid .dgrid,
  .umcTopContainer--layout-services .umcGrid .dgrid,
  .umcTopContainer--layout-ucr .umcGrid .dgrid,
  .umcTopContainer--layout-appcenter-packages .umcGrid .dgrid,
  .umcTopContainer--layout-top .umcGridTile .dgrid,
  .umcTopContainer--layout-services .umcGridTile .dgrid,
  .umcTopContainer--layout-ucr .umcGridTile .dgrid,
  .umcTopContainer--layout-appcenter-packages .umcGridTile .dgrid,
  .umcTopContainer--layout-top .umcGridTree .dgrid,
  .umcTopContainer--layout-services .umcGridTree .dgrid,
  .umcTopContainer--layout-ucr .umcGridTree .dgrid,
  .umcTopContainer--layout-appcenter-packages .umcGridTree .dgrid {
    max-height: none;
  }
  .umcTopContainer--layout-top .umcModuleWrapper,
  .umcTopContainer--layout-services .umcModuleWrapper,
  .umcTopContainer--layout-ucr .umcModuleWrapper,
  .umcTopContainer--layout-appcenter-packages .umcModuleWrapper,
  .umcTopContainer--layout-top .umcModuleContent,
  .umcTopContainer--layout-services .umcModuleContent,
  .umcTopContainer--layout-ucr .umcModuleContent,
  .umcTopContainer--layout-appcenter-packages .umcModuleContent,
  .umcTopContainer--layout-top .umcModuleContentChildWrapper,
  .umcTopContainer--layout-services .umcModuleContentChildWrapper,
  .umcTopContainer--layout-ucr .umcModuleContentChildWrapper,
  .umcTopContainer--layout-appcenter-packages .umcModuleContentChildWrapper,
  .umcTopContainer--layout-top .umcPage,
  .umcTopContainer--layout-services .umcPage,
  .umcTopContainer--layout-ucr .umcPage,
  .umcTopContainer--layout-appcenter-packages .umcPage {
    height: 100%;
  }
  .umcTopContainer--layout-top .umcPage,
  .umcTopContainer--layout-services .umcPage,
  .umcTopContainer--layout-ucr .umcPage,
  .umcTopContainer--layout-appcenter-packages .umcPage {
    display: flex;
  }
  .umcTopContainer--layout-top .umcPage.umcPage--fullWidth,
  .umcTopContainer--layout-services .umcPage.umcPage--fullWidth,
  .umcTopContainer--layout-ucr .umcPage.umcPage--fullWidth,
  .umcTopContainer--layout-appcenter-packages .umcPage.umcPage--fullWidth {
    flex-direction: column;
  }
  .umcTopContainer--layout-top .umcPage .umcPageNav,
  .umcTopContainer--layout-services .umcPage .umcPageNav,
  .umcTopContainer--layout-ucr .umcPage .umcPageNav,
  .umcTopContainer--layout-appcenter-packages .umcPage .umcPageNav {
    flex: 0 0 auto;
  }
  .umcTopContainer--layout-top .umcPage .umcPageNavContent,
  .umcTopContainer--layout-services .umcPage .umcPageNavContent,
  .umcTopContainer--layout-ucr .umcPage .umcPageNavContent,
  .umcTopContainer--layout-appcenter-packages .umcPage .umcPageNavContent {
    min-height: 0%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--layout-top .umcPage .umcPageMain,
  .umcTopContainer--layout-services .umcPage .umcPageMain,
  .umcTopContainer--layout-ucr .umcPage .umcPageMain,
  .umcTopContainer--layout-appcenter-packages .umcPage .umcPageMain {
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--layout-top .umcPage .umcPageMainContent,
  .umcTopContainer--layout-services .umcPage .umcPageMainContent,
  .umcTopContainer--layout-ucr .umcPage .umcPageMainContent,
  .umcTopContainer--layout-appcenter-packages .umcPage .umcPageMainContent {
    min-height: 0%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--layout-top .umcPage .umcPageFooter,
  .umcTopContainer--layout-services .umcPage .umcPageFooter,
  .umcTopContainer--layout-ucr .umcPage .umcPageFooter,
  .umcTopContainer--layout-appcenter-packages .umcPage .umcPageFooter {
    display: none;
  }
}
@media (min-height: 750px) and (min-width: 992px) {
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcModuleWrapper,
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcModuleContent,
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcModuleContentChildWrapper,
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcPage {
    height: 100%;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcPage {
    display: flex;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcPage.umcPage--fullWidth {
    flex-direction: column;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcPage .umcPageNav {
    flex: 0 0 auto;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcPage .umcPageNavContent {
    min-height: 0%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcPage .umcPageMain {
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcPage .umcPageMainContent {
    min-height: 0%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcPage .umcPageFooter {
    display: none;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcModuleContentChildWrapper  > * {
    height: 100%;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcModuleContentChildWrapper  > * > * {
    height: 100%;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcModuleContentChildWrapper  > * > * > * {
    height: 100%;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcModuleContentChildWrapper  > * > * > * > * {
    height: 100%;
  }
  .umcTopContainer--layout-appcenter-selfservice-apppage .umcModuleContentChildWrapper  > * > * > * > * > * {
    height: 100%;
  }
}
@media (min-height: 750px) and (min-width: 550px) {
  .umcTopContainer--generic-layout-searchpage-grid .umcGrid,
  .umcTopContainer--generic-layout-searchpage-grid .umcGridTile,
  .umcTopContainer--generic-layout-searchpage-grid .umcGridTree {
    min-height: 0%;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
  }
  .umcTopContainer--generic-layout-searchpage-grid .umcGrid .dgrid,
  .umcTopContainer--generic-layout-searchpage-grid .umcGridTile .dgrid,
  .umcTopContainer--generic-layout-searchpage-grid .umcGridTree .dgrid {
    max-height: none;
  }
  .umcTopContainer--generic-layout-searchpage-grid .umcModuleWrapper,
  .umcTopContainer--generic-layout-searchpage-grid .umcModuleContent,
  .umcTopContainer--generic-layout-searchpage-grid .umcModuleContentChildWrapper,
  .umcTopContainer--generic-layout-searchpage-grid .umcPage {
    height: 100%;
  }
  .umcTopContainer--generic-layout-searchpage-grid .umcPage {
    display: flex;
  }
  .umcTopContainer--generic-layout-searchpage-grid .umcPage.umcPage--fullWidth {
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-searchpage-grid .umcPage .umcPageNav {
    flex: 0 0 auto;
  }
  .umcTopContainer--generic-layout-searchpage-grid .umcPage .umcPageNavContent {
    min-height: 0%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-searchpage-grid .umcPage .umcPageMain {
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-searchpage-grid .umcPage .umcPageMainContent {
    min-height: 0%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-searchpage-grid .umcPage .umcPageFooter {
    display: none;
  }
}
@media (min-height: 750px) and (min-width: 550px) {
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcGrid,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcGridTile,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcGridTree {
    min-height: 0%;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcGrid .dgrid,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcGridTile .dgrid,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcGridTree .dgrid {
    max-height: none;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcModuleWrapper,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcModuleContent,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcModuleContentChildWrapper,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcPage {
    height: 100%;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcPage {
    display: flex;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcPage.umcPage--fullWidth {
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcPage .umcPageNav {
    flex: 0 0 auto;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcPage .umcPageNavContent {
    min-height: 0%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcPage .umcPageMain {
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcPage .umcPageMainContent {
    min-height: 0%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcPage .umcPageFooter {
    display: none;
  }
}
@media (min-height: 750px) and (max-width: 991px) {
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcGrid .dgrid,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcGridTile .dgrid,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcGridTree .dgrid {
    max-height: 30em;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcModuleWrapper,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcModuleContent,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcModuleContentChildWrapper,
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcPage {
    height: auto;
  }
  .umcTopContainer--generic-layout-searchpage-grid-and-tree .umcPage {
    flex-direction: column;
  }
}
@media (min-height: 750px) and (min-width: 992px) {
  .umcTopContainer--generic-layout-udm-detailpage .umcModuleWrapper,
  .umcTopContainer--generic-layout-udm-detailpage .umcModuleContent,
  .umcTopContainer--generic-layout-udm-detailpage .umcModuleContentChildWrapper,
  .umcTopContainer--generic-layout-udm-detailpage .umcPage {
    height: 100%;
  }
  .umcTopContainer--generic-layout-udm-detailpage .umcPage {
    display: flex;
  }
  .umcTopContainer--generic-layout-udm-detailpage .umcPage.umcPage--fullWidth {
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-udm-detailpage .umcPage .umcPageNav {
    flex: 0 0 auto;
  }
  .umcTopContainer--generic-layout-udm-detailpage .umcPage .umcPageNavContent {
    min-height: 0%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-udm-detailpage .umcPage .umcPageMain {
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-udm-detailpage .umcPage .umcPageMainContent {
    min-height: 0%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
  }
  .umcTopContainer--generic-layout-udm-detailpage .umcPage .umcPageFooter {
    display: none;
  }
  .umcTopContainer--generic-layout-udm-detailpage .umcUDMDetailPage,
  .umcTopContainer--generic-layout-udm-detailpage .umcUDMDetailForm,
  .umcTopContainer--generic-layout-udm-detailpage .umcUDMDetailForm > div,
  .umcTopContainer--generic-layout-udm-detailpage .umcUDMDetailForm > div > div,
  .umcTopContainer--generic-layout-udm-detailpage .umcUDMDetailForm > div > div > div {
    height: 100%;
  }
}
:root {
  --cursor-disabled: not-allowed;
  --border-radius-interactable: 0.25rem;
  --border-radius-container: 0.5rem;
  --border-radius-notification: var(--border-radius-container);
  --border-radius-tooltip: 0.25rem;
  --border-radius-circles: 50%;
  --layout-spacing-unit: 0.5rem;
  --layout-spacing-unit-small: calc(var(--layout-spacing-unit) / 2);
  --layout-height-header: 3rem;
  --layout-height-header-separator: var(--layout-spacing-unit-small);
  --button-size: 36px;
  --button-icon-size: 16px;
  --button-font-size: var(--font-size-4);
  --button-border-radius: var(--border-radius-interactable);
  --button-icon-border-radius: var(--border-radius-circles);
  --button-bgc-transition: background 250ms;
  --inputfield-size: 2.75rem;
}
:root {
/* used to accent some elements: checkbox/radiobox, checked toggle buttons/checked input fields */
  --color-accent: #7ab51d;
  --bgc-content-body: #333331;
  --bgc-content-header: var(--bgc-content-container);
  --bgc-content-container: #1e1e1d;
  --bgc-inputfield-on-container: var(--bgc-content-body);
  --bgc-inputfield-on-body: var(--bgc-content-container);
  --bgc-checkbox-hover: rgba(255,255,255,0.06);
  --bgc-checkbox-focus: rgba(255,255,255,0.12);
  --bgc-loading-circle: var(--font-color-contrast-middle);
  --bgc-user-menu-item-hover: rgba(255,255,255,0.1);
  --bgc-user-menu-item-active: rgba(255,255,255,0.2);
  --bgc-header-number-circle: #bdbdbb;
  --bgc-tab-separator: #5f5f5c;
  --bgc-popup: #5f5f5c;
  --bgc-popup-item-hover: rgba(0,0,0,0.15);
  --bgc-popup-item-active: rgba(0,0,0,0.3);
  --bgc-popup-item-selected: rgba(0,0,0,0.3);
  --bgc-grid-row-hover: rgba(255,255,255,0.04);
  --bgc-grid-row-selected: var(--bgc-grid-row-hover);
  --bgc-tree-row-hover: var(--bgc-grid-row-hover);
  --bgc-tree-row-selected: rgba(255,255,255,0.15);
  --bgc-apptile-default: #868681;
  --bgc-appcenter-app-hover: rgba(255,255,255,0.08);
  --bgc-appcenter-app-active: rgba(255,255,255,0.12);
  --bgc-progressbar-empty: #bdbdbb;
  --bgc-progressbar-progress: var(--bgc-success);
  --bgc-titlepane-hover: rgba(255,255,255,0.04);
  --bgc-underlay: rgba(51, 51, 49, 0.8);
  --bgc-checkerboard: repeating-conic-gradient(var(--bgc-inputfield-on-container) 0% 25%, transparent 0% 50%) 50%/20px 20px;
  --bgc-error: #b8233e;
  --bgc-warning: #975607;
  --bgc-success: #4a6d12;
  --font-size-1: 1.5rem;
  --font-size-2: 1.25rem;
  --font-size-3: 1rem;
  --font-size-4: 0.875rem;
  --font-size-5: 0.75rem;
  --font-size-html: 1rem;
  --font-size-body: var(--font-size-4);
  --font-lineheight-normal: 1.5;
  --font-lineheight-compact: 1.25;
  --font-lineheight-header: 1.3;
  --font-weight-bold: 600;
  --font-color-contrast-high: #fff;
  --font-color-contrast-middle: #bdbdbb;
  --font-color-contrast-low: #868681;
  --font-color-error: #f0758c;
  --font-color-warning: #ff8c00;
  --font-color-success: #9cd147;
  --button-primary-bgc: #5e881d;
  --button-primary-bgc-hover: #567d1b;
  --button-primary-bgc-active: rgba(79,114,24,1);
  --button-primary-bgc-disabled: #5f5f5c;
  --button-bgc: #5f5f5c;
  --button-bgc-hover: #575755;
  --button-bgc-active: rgba(80,80,77,1);
  --button-bgc-disabled: #5f5f5c;
  --button-text-color: inherit;
  --button-text-bgc: transparent;
  --button-text-bgc-hover: var(--button-bgc-hover);
  --button-text-bgc-active: var(--button-bgc-active);
  --button-text-bgc-disabled: transparent;
  --button-icon-bgc: transparent;
  --button-icon-bgc-hover: var(--button-bgc-hover);
  --button-icon-bgc-active: var(--button-bgc-active);
  --button-icon-bgc-disabled: transparent;
  --button-icon-highlighted-bgc: var(--bgc-inputfield-on-body);
  --button-icon-highlighted-bgc-hover: var(--button-bgc-hover);
  --button-icon-highlighted-bgc-active: var(--button-bgc-active);
  --button-icon-highlighted-bgc-disabled: transparent;
  --border-radius-interactable: 0.25rem;
  --border-radius-container: 0.5rem;
  --color-focus: var(--font-color-contrast-high);
  --popup-border: 1px solid #bdbdbb;
  --box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  --serveroverview-tile-hover-bgc: #00acb6;
  --serveroverview-tile-hover-color: #1e1e1d;
}
/*# sourceMappingURL=umc.css.map */