/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/scss/UX/layerOrder.scss ***!
  \************************************************************************************************************************************************************************************************************************/
/* CSS Layer Ordering - Combining MUI v7 requirements with existing application layers */
@layer reset, theme, base, mui, components.menu, components.fields, components.snippets, components.notifications, components.widgets;
/* 
 * Combined CSS Layer Order:
 * 1. reset - Application reset styles (lowest priority)
 * 2. theme - MUI theme tokens and CSS variables
 * 3. base - Base/reset styles (normalize, etc.)
 * 4. mui - MUI component styles (Material-UI components)
 * 5. components.fields - field components
 * 6. components.snippets - Snippet components
 * 7. components.notifications - Notification components
 * 8. components.widgets - Widget components
 * 
 * Reference: 
 * - MUI v7 layers: https://mui.com/material-ui/integrations/tailwindcss/tailwindcss-v4/
 * - Application-specific layers maintained for existing component structure
 */
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/RecordPreview/Components/Style/preview.style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.previewSideWindow .sideWindowAppBar .previewToolbar {
  justify-content: space-between;
}
.previewSideWindow .sideWindowAppBar .previewTitleContainer {
  height: 18vh;
  min-height: 18vh;
}
.previewSideWindow .sideWindowAppBar .skeletonsContainer,
.previewSideWindow .sideWindowAppBar .headerTitleTextContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.previewSideWindow .sideWindowAppBar .lightSkeleton {
  background: rgba(255, 255, 255, 0.15);
}
.previewSideWindow .previewContentContainer {
  position: absolute;
  left: 0;
  z-index: 1400;
  width: inherit;
  padding: 0 20px 20px 20px;
}
.previewSideWindow .previewContentContainer .noWidget {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 0.75rem;
}
.previewSideWindow .previewContentContainer .noWidget .noWidgetTitle {
  font-size: 1rem;
  font-weight: bold;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/Fields/CardFields/Styles/cardFields.style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.cardFieldMessageButton {
  width: 20px;
  height: 20px;
  padding: 4px;
}

.messageButtonPopper .messageButtonPaper .messageContainer {
  padding: 4px;
  margin: 4px;
}
.messageButtonPopper .messageButtonPaper .messageContainer .messageHeading {
  font-size: 0.9rem;
  font-weight: 900;
}
.messageButtonPopper .messageButtonPaper .messageContainer p {
  font-size: 0.8rem;
}

.cardInputBase {
  font-weight: 500;
}

.cardFieldGroup .cardFieldGroupColumns {
  width: 100%;
}
.cardFieldGroup .cardFieldGroupColumns .cardDrawnField {
  height: 34px;
}
.cardFieldGroup .cardFieldGroupColumns .cardDrawnField.emptyDrawnField {
  display: none;
}
.cardFieldGroup .cardFieldGroupColumns .cardDrawnField:has(.drawnFieldMultiLine) {
  height: -moz-fit-content;
  height: fit-content;
}
.cardFieldGroup .cardFieldGroupColumns .cardFieldsContainer {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  justify-content: space-between;
}
.cardFieldGroup .cardFieldGroupColumns .cardFieldsContainer .cardFieldOuter {
  min-width: calc(50% - 1rem);
}
.cardFieldGroup .cardFieldGroupColumns .cardFieldsContainer .cardFieldOuter.shortField {
  max-width: calc(50% - 1rem);
}
.cardFieldGroup .cardFieldGroupColumns .cardFieldsContainer .cardFieldOuter.shortField.shortFieldWide {
  max-width: calc(82% - 1rem);
}
.cardFieldGroup .cardFieldGroupColumns .cardFieldsContainer .fieldWithContextMenu {
  display: flex;
  width: 100%;
  min-width: 0;
}
.cardFieldGroup .cardFieldGroupColumns .cardFieldsContainer .fieldWithContextMenu .cardInputBaseReadOnly input {
  pointer-events: none;
}
.cardFieldGroup .cardFieldGroupColumns .cardFieldsContainer .fieldWithContextMenu:hover .cardInputBaseReadOnly input {
  pointer-events: initial;
  cursor: text;
}
.cardFieldGroup .cardFieldGroupColumns .cardFieldsContainer .fieldValueContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cardFieldGroup .cardFieldGroupColumns .cardFieldsContainer .cardLine {
  margin-top: 16px;
}
.cardFieldGroup .cardTable .cardTableCell {
  min-width: 120px;
  padding: 0 8px 4px 8px;
  border: none;
}
.cardFieldGroup .cardTable .cardTableCell.header {
  font-size: 1rem;
}
.cardFieldGroup .cardTable .cardTableCell.header label, .cardFieldGroup .cardTable .cardTableCell.header .drawnFieldSpan {
  font-weight: bold;
}
.cardFieldGroup .cardInputBase {
  height: 34px;
  padding-left: 5px;
}
.cardFieldGroup .cardInputBase::before {
  content: "";
}
.cardFieldGroup .datePickerAdornment {
  position: absolute;
  margin-left: -35px;
}
.cardFieldGroup .datePickerAdornment button {
  width: 35px;
  height: 35px;
}
.cardFieldGroup .datePickerAdornment.withoutLabel {
  margin-left: 0;
}
.cardFieldGroup .datePickerAdornment.hiddenDatePickerAdornment {
  display: none;
}

.cardFieldGroup .multiSelectField.fieldWithButtons {
  height: 100%;
}
.cardFieldGroup .multiSelectField .autocompleteChipButton {
  padding: 0px 0px 0px 0px;
}
.cardFieldGroup .multiSelectField .multiSelectFieldInputContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  overflow: hidden;
}
.cardFieldGroup .multiSelectField .multiSelectFieldInputContainer.hasValue {
  height: 68px;
}
.cardFieldGroup .multiSelectField .multiSelectFieldInputContainer.expanded {
  height: auto;
  max-height: -moz-max-content;
  max-height: max-content;
}
.cardFieldGroup .multiSelectField .multiSelectFieldInputContainer.expanded .multiSelectorContainer {
  height: 100%;
  overflow: hidden;
}
.cardFieldGroup .multiSelectField .multiSelectFieldInputContainer .multiSelect {
  flex: 1;
}
.cardFieldGroup .multiSelectField .multiSelectorContainer {
  width: 100%;
  height: 50%;
  overflow: auto;
}
.cardFieldGroup .multiSelectField .multiSelectorTagsContainer {
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  overflow: hidden;
}
.cardFieldGroup .multiSelectField .multiSelectorTagsContainer .MuiAutocomplete-tag {
  max-width: calc(100% - 14px);
}
.cardFieldGroup .multiSelectField .multiSelectorTagsContainer .multiSelectorTag {
  margin: 2px;
}
.cardFieldGroup .multiSelectField .multiSelectorButtons {
  float: right;
  display: flex;
  align-items: center;
}

.cardFieldGroup .cardInputBase.memo {
  height: -moz-fit-content;
  height: fit-content;
  padding: 2px 0 2px 5px;
  overflow: auto;
}

.customField .cardInputBase.memo {
  height: 100%;
}

.customField .cardInputBase.image {
  height: 100%;
}

.cardTableSelector .MuiSelect-standard {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  font-weight: 500;
}
.cardTableSelector .MuiListItemIcon-root,
.cardTableSelector .tableSelectorIconContainer {
  width: 20px;
  min-width: 25px;
  height: 20px;
  margin: 0 8px 0 5px;
}
.cardTableSelector .MuiListItemIcon-root .tableSelectorIcon,
.cardTableSelector .tableSelectorIconContainer .tableSelectorIcon {
  width: 20px;
  height: 20px;
}
.cardTableSelector .MuiListItemText-root .MuiTypography-root {
  font-weight: 500;
}
.cardTableSelector .tableSelectorEmptyButton,
.cardTableSelector .tableSelectorOpenDropDown {
  padding: 2px;
}

.cardInput.error .cardFieldInner,
.cardInput-editMode.error .cardFieldInner {
  color: #d50000;
}
.cardInput .currencyIcon,
.cardInput-editMode .currencyIcon {
  min-width: 0.938rem;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1;
}
.cardInput .cardFieldInner.currency, .cardInput .cardFieldInner.decimal, .cardInput .cardFieldInner.number, .cardInput .cardFieldInner.smallnumber, .cardInput .cardFieldInner.duration,
.cardInput-editMode .cardFieldInner.currency,
.cardInput-editMode .cardFieldInner.decimal,
.cardInput-editMode .cardFieldInner.number,
.cardInput-editMode .cardFieldInner.smallnumber,
.cardInput-editMode .cardFieldInner.duration {
  text-align: right;
}
.cardInput .cardFieldInner.currency:not(.cardInputWithUnit), .cardInput .cardFieldInner.decimal:not(.cardInputWithUnit), .cardInput .cardFieldInner.number:not(.cardInputWithUnit), .cardInput .cardFieldInner.smallnumber:not(.cardInputWithUnit), .cardInput .cardFieldInner.duration:not(.cardInputWithUnit),
.cardInput-editMode .cardFieldInner.currency:not(.cardInputWithUnit),
.cardInput-editMode .cardFieldInner.decimal:not(.cardInputWithUnit),
.cardInput-editMode .cardFieldInner.number:not(.cardInputWithUnit),
.cardInput-editMode .cardFieldInner.smallnumber:not(.cardInputWithUnit),
.cardInput-editMode .cardFieldInner.duration:not(.cardInputWithUnit) {
  margin-right: 29px;
}
.cardInput .MuiAutocomplete-inputRoot.noWrap,
.cardInput-editMode .MuiAutocomplete-inputRoot.noWrap {
  flex-wrap: nowrap;
  padding-right: 0;
}

.mobileDatePickerRoot {
  max-Height: 100%;
}

.datePickerLayout {
  overflow-x: hidden;
}

.boolFieldContainer {
  display: flex;
  align-items: center;
}

.cardCheckbox.cardCheckboxReadOnly.MuiCheckbox-indeterminate {
  opacity: 0.7;
}

.cardRadio.MuiRadio-root {
  width: 8px;
  height: 8px;
  padding: 0;
  margin: 12px 12px 12px 18px;
  border-radius: 0;
}
.cardRadio.MuiRadio-root:hover.cardRadioReadOnly {
  background-color: rgba(0, 0, 0, 0.418);
}
.cardRadio.cardRadioIndeterminate.MuiRadio-root {
  background-color: rgba(0, 0, 0, 0.418);
}

.cardSwitch.cardSwitchReadOnly .MuiSwitch-switchBase {
  pointer-events: none;
  cursor: default;
}
.cardSwitch.cardSwitchReadOnly .MuiSwitch-switchBase + .MuiSwitch-track {
  opacity: 0.2;
}
.cardSwitch.cardSwitchIndeterminate .MuiSwitch-switchBase {
  left: 10px;
}

.cardYesNoFieldIndeterminate {
  min-height: 24px;
}

.cardTableSelector-Paper .MuiListItemIcon-root {
  width: 20px;
  min-width: 25px;
  height: 20px;
  margin: 0 8px 0 5px;
}

.cardField > .cardLabel {
  height: 34px;
}

.fieldWithButtons {
  position: relative;
  width: 100%;
  height: 34px;
}
.fieldWithButtons.imageField {
  height: initial;
}
.fieldWithButtons.expanded {
  height: -moz-fit-content;
  height: fit-content;
  min-height: 4.55rem;
}
.fieldWithButtons .imageInputContainer {
  align-items: flex-start;
  height: 100%;
  padding: 0;
}
.fieldWithButtons .imageInputContainer.imageInputWithValue:before {
  content: none;
}
.fieldWithButtons .imageInputContainer .imageValue {
  width: auto;
  max-width: 100%;
  height: 20vh;
}
.fieldWithButtons.customField {
  height: 100%;
}
.fieldWithButtons.customField .cardInput,
.fieldWithButtons.customField .cardInput-editMode {
  height: 100%;
}
.fieldWithButtons.customField .cardFieldInner {
  height: 100% !important;
  overflow: auto !important;
}
.fieldWithButtons .fieldButtonsContainer {
  position: absolute;
  top: 0;
  left: -180px;
  display: flex;
  justify-content: flex-end;
  width: 180px;
}
.fieldWithButtons .fieldButtonsContainer.withoutLabel {
  left: 0;
  justify-content: flex-start;
  width: -moz-fit-content;
  width: fit-content;
}
.fieldWithButtons .fieldButtonsContainer .fieldButtonsInner {
  z-index: 12 !important;
  float: right;
  width: 30px;
  height: 30px;
  padding: 3px;
  margin: 1px 3px 1px 1px;
  cursor: pointer;
}
.fieldWithButtons .fieldButtonsContainerToTop {
  position: absolute;
  top: 0;
}

.utransGridContainer .imageInputContainer .imageValue {
  max-height: 40px;
}
.utransGridContainer .imageFieldEndAdornment {
  align-self: center;
}

.cardFieldInKeyboardMode .fieldWithButtons .fieldButtonsContainer,
.utransGridContainer .fieldWithButtons .fieldButtonsContainer {
  top: 0;
}
.cardFieldInKeyboardMode .fieldWithButtons .imageFieldEndAdornment,
.utransGridContainer .fieldWithButtons .imageFieldEndAdornment {
  height: auto;
}
.cardFieldInKeyboardMode .showClearIndicator,
.utransGridContainer .showClearIndicator {
  visibility: visible;
}
.cardFieldInKeyboardMode .topEndAdornment,
.cardFieldInKeyboardMode .cardInput-editMode .memo .cardUnit,
.utransGridContainer .topEndAdornment,
.utransGridContainer .cardInput-editMode .memo .cardUnit {
  align-self: flex-start;
}
@media screen and (max-width: 425px) {
  .cardField {
    flex-direction: column;
  }
}
.catalogField .catalogRows {
  cursor: pointer;
}

.catFieldOption.MuiAutocomplete-option {
  flex-direction: column;
  align-items: initial;
  padding: 5px 8px;
}
.catFieldOption.MuiAutocomplete-option:hover {
  color: rgba(0, 0, 0, 0.87);
  background-color: #d9e9f5;
}
.catFieldOption.MuiAutocomplete-option .catFieldOptionHeader {
  font-weight: 600;
}
.catFieldOption.MuiAutocomplete-option .catFieldOptionOverflowEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.catFieldOption.MuiAutocomplete-option .catFieldOptionDescription {
  font-size: 0.8em;
}

.cardDrawnField {
  align-items: center;
  width: inherit;
}
.cardDrawnField.cardFieldGroupHeader {
  height: 34px;
  margin-bottom: 0.5rem;
  font-size: 1em;
  cursor: pointer;
}
.cardDrawnField.cardFieldGroupHeader:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
.cardDrawnField.cardFieldGroupHeader .cardFieldGroupHeaderIcon.rotatedown {
  transform: rotate(180deg);
}
.cardDrawnField.cardFieldGroupHeader .cardFieldGroupHeaderMessageIcon {
  min-width: 16px;
  min-height: 16px;
  margin-right: 5px;
}
.cardDrawnField .cardFieldGroupHeaderButton {
  display: flex;
  width: inherit;
}
.cardDrawnField .drawnField {
  display: flex;
  align-items: center;
  min-width: 0;
  font-weight: 400;
}
.cardDrawnField .drawnField.drawnFieldHeader {
  font-size: 0.9em;
  font-weight: 700;
  cursor: pointer;
}
.cardDrawnField .drawnField.drawnFieldHeader .drawnFieldSpan {
  height: initial;
}
.cardDrawnField .drawnField .drawnFieldSpan {
  width: inherit;
  min-width: 0;
  height: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}
.cardDrawnField .drawnField.drawnFieldMultiLine .drawnFieldSpan {
  white-space: pre-line;
}
.cardDrawnField .drawnField.drawnFieldNormal {
  font-size: 0.75em;
}
.cardDrawnField .drawnField.drawnFieldDisabled {
  font-size: 0.75em;
}
.cardDrawnField .drawnField.drawnFieldImportant {
  font-size: 0.75em;
  font-weight: bold;
}
.cardDrawnField .drawnField .drawnFieldImage {
  width: 100%;
  height: 100%;
}
.cardDrawnField .drawnField > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.columnElement .cardDrawnField {
  display: flex;
  height: 100%;
}
.columnElement .cardDrawnField .drawnField {
  font-size: 0.75em;
}
.columnElement .cardDrawnField .drawnField.drawnFieldHeader {
  cursor: default;
}
.columnElement .cardDrawnField:has(.drawnFieldMultiLine) {
  align-items: flex-start;
}

.cardFieldLabelTooltipContent :not(:first-child) {
  margin-top: 10px;
}

.cardField .cardInputBaseReadOnly::before,
.cardField .MuiTiptap-RichTextContent-readonly::before,
.columnElement .cardInputBaseReadOnly::before,
.columnElement .MuiTiptap-RichTextContent-readonly::before,
.multicurrencyDialog .cardInputBaseReadOnly::before,
.multicurrencyDialog .MuiTiptap-RichTextContent-readonly::before {
  border-bottom-style: dotted;
}

.fieldWithButtons:has(.fieldHelperTextContainer) {
  height: auto;
}

.cardField .fieldHelperTextContainer {
  margin-bottom: 5px;
}
.cardField .fieldHelperTextContainer .cardDrawnField {
  height: auto;
}
.cardField .fieldHelperTextContainer .cardDrawnField .drawnFieldSpan {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
}

.cardField.flexDirection {
  flex-direction: column;
}

.drawnFieldUnit {
  min-width: 21px;
  margin-left: 3px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/Fields/TipTapRichTextEditor/Styles/customMarkdown.style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.richTextEditor .MuiTiptap-FieldContainer-root ol li,
.richTextEditor .MuiTiptap-RichTextContent-root ol li {
  list-style: decimal !important;
}
.richTextEditor .MuiTiptap-FieldContainer-root ul li,
.richTextEditor .MuiTiptap-RichTextContent-root ul li {
  list-style: initial !important;
}
.richTextEditor .md *:first-child {
  margin-top: 0px;
}
.richTextEditor .md > :last-child {
  margin-bottom: 0px;
}
.richTextEditor .md p {
  margin: 0px;
  margin-bottom: 1rem;
}
.richTextEditor .md table td p {
  margin: 0px;
}
.richTextEditor .md p > code {
  font-weight: inherit;
  overflow-wrap: break-word;
  white-space: break-spaces;
}
.richTextEditor .md img {
  max-width: 100%;
  vertical-align: baseline;
}
.richTextEditor .md img[width][height] {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
.richTextEditor .md img.lazy {
  min-width: 200px;
  min-height: 100px;
}
.richTextEditor .md img.js-lazy-loaded,
.richTextEditor .md img.emoji {
  min-width: inherit;
  min-height: inherit;
}
.richTextEditor .md details {
  margin-bottom: 1rem;
}
.richTextEditor .md details > *:not(summary) {
  margin-left: 1rem;
}
.richTextEditor .md details:not(:has(summary)):not([open]) {
  font-weight: 600;
}
.richTextEditor .md details[open] summary {
  margin-bottom: 1rem;
}
.richTextEditor .md details summary {
  font-weight: 600;
}
.richTextEditor .md details summary h1 a.anchor,
.richTextEditor .md details summary h2 a.anchor,
.richTextEditor .md details summary h3 a.anchor,
.richTextEditor .md details summary h4 a.anchor,
.richTextEditor .md details summary h5 a.anchor,
.richTextEditor .md details summary h6 a.anchor {
  margin-left: -2rem;
}
.richTextEditor .md summary > * {
  display: inline-block;
  margin-bottom: 0px;
}
.richTextEditor .md summary > p {
  max-width: calc(100% - 1rem);
}
.richTextEditor .md code {
  font-variant-ligatures: none;
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.richTextEditor .md mark {
  position: relative;
  z-index: -1;
  padding: 0;
}
.richTextEditor .md td:has(mark),
.richTextEditor .md th:has(mark) {
  isolation: isolate;
}
.richTextEditor .md h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.richTextEditor .md h2:not(:where(.crud-header) h2) {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.3125rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.richTextEditor .md h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: inherit;
}
.richTextEditor .md h4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: inherit;
}
.richTextEditor .md h5 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: inherit;
}
.richTextEditor .md h6 {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: inherit;
}
.richTextEditor .md blockquote,
.richTextEditor .md .blockquote {
  padding: 0.5rem 0 0.5rem 1rem;
  margin: 0 0 0.5rem 0;
  margin-top: 0.5rem;
  font-size: inherit;
  border-left-style: solid;
  border-left-width: 4px;
}
.richTextEditor .md blockquote:dir(rtl),
.richTextEditor .md .blockquote:dir(rtl) {
  border-right-style: solid;
  border-right-width: 4px;
  border-left-width: 0px;
}
.richTextEditor .md blockquote p,
.richTextEditor .md .blockquote p {
  line-height: 1.5;
  color: inherit;
}
.richTextEditor .md blockquote p:last-child,
.richTextEditor .md .blockquote p:last-child {
  margin: 0;
}
.richTextEditor .md blockquote > ul,
.richTextEditor .md .blockquote > ul {
  list-style-type: disc;
}
.richTextEditor .md blockquote > ul ul,
.richTextEditor .md .blockquote > ul ul {
  list-style-type: circle;
}
.richTextEditor .md blockquote > ul ul ul,
.richTextEditor .md .blockquote > ul ul ul {
  list-style-type: square;
}
.richTextEditor .md hr {
  margin: 10px 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/Fields/TipTapRichTextEditor/Styles/internalLinkMenu.style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.internalLinkBubbleMenu .internalLinkMenuPaper {
  display: flex;
  flex-direction: column;
  min-width: 220px;
  padding: 12px 16px 4px;
}
.internalLinkBubbleMenu .internalLinkPreview {
  color: #005cc5;
  word-break: break-all;
  text-decoration: underline;
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/Menus/Style/menu.style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
@layer components.menu {
  .uxActionOrViewMenu {
    z-index: 1300;
    max-height: 85vh;
  }
  .uxActionOrViewMenu .MuiMenu-paper {
    min-width: 0;
    min-height: 0;
  }
  .uxActionOrViewMenu .customMenuPaper {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .uxActionOrViewMenu .actionOrViewMenuBody {
    max-width: 100vw;
    max-height: 85vh;
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    overflow: auto;
  }
  .uxActionOrViewMenu .actionOrViewMenuBody .actionOrViewMenuButtonsGroupTitle {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.0009em;
    opacity: 1;
  }
  .uxActionOrViewMenu .actionOrViewMenuBody .actionOrViewMenuEmptyTextWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 10px;
  }
  .uxActionOrViewMenu .actionOrViewMenuBody .toolbarDivider {
    padding: 3px 0 3px 0;
    margin-right: -10px;
    opacity: 1;
  }
  .uxActionOrViewMenu .actionOrViewMenuBody .actionOrViewMenuProgress {
    display: flex;
    justify-content: center;
    height: 41px;
  }
  .uxActionOrViewMenu .actionOrViewMenuBody .menuGroupContainer {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0;
  }
  .uxActionOrViewMenu .actionOrViewMenuBody .menuGroupContainer .menuToolbarButtonGroup {
    display: flex;
    padding: 0;
  }
  .uxActionOrViewMenu .actionOrViewMenuBody .menuGroupContainer .menuButtonGroup {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
  }
  .uxActionOrViewMenu .actionOrViewMenuBody .menuGroupContainer:hover {
    cursor: default;
  }
  .menuOpenLeft {
    padding: 7px 7px 3px 0;
  }
  .menuOpenRightOrNoMenu {
    padding: 7px 7px 7px 20px;
  }
  .accountMenuHeaderItem {
    padding: 0 20px 7px 20px;
    margin: 0 -7px;
  }
  .actionOrViewMenuAlignRight {
    top: 42.4px !important;
    right: 20px !important;
    left: unset !important;
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
    transform: none !important;
  }
  .isMobileView {
    right: 1px !important;
  }
  .actionOrViewMenuButtonsGroupItem {
    align-items: center;
    min-height: 40px;
    margin-right: -10px;
    color: inherit;
  }
  .actionOrViewMenuButtonsGroupItem.toolbarItem {
    padding: 0 0 0 10px;
    margin-right: 0;
  }
  .actionOrViewMenuButtonsGroupItem.toolbarItem .actionOrViewMenuItemIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    padding: 10px;
    margin: 0;
  }
  .actionOrViewMenuButtonsGroupItem.toolbarItem ~ .toolbarItem {
    padding: 0 0 0 5px;
  }
  .actionOrViewMenuButtonsGroupItem .actionMenuControlContainer {
    margin: 0;
  }
  .actionOrViewMenuButtonsGroupItem .actionMenuControlContainer .actionMenuControl {
    width: 15px;
    height: 15px;
    padding: 0;
    margin-right: 10px;
  }
  .actionOrViewMenuButtonsGroupItem .actionOrViewMenuItemIcon {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    overflow: visible;
  }
  .actionOrViewMenuButtonsGroupItem .actionOrViewMenuItemText {
    display: inline-block;
    width: 100%;
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
    color: inherit;
    white-space: pre-line;
  }
  .actionOrViewMenuButtonsGroupItem .actionOrViewMenuItemText.itemTextRight {
    margin-left: 10px;
  }
  .actionOrViewMenuButtonsGroupItem .actionOrViewMenuItemText.itemTextLeft {
    margin-right: 10px;
  }
  .actionOrViewMenuButtonsGroupItem .actionOrViewMenuItemText .status {
    margin-left: 0.5rem;
    color: white;
    background-color: #993955;
  }
  .actionOrViewMenuButtonsGroupItem .actionOrViewMenuItemText:hover {
    cursor: pointer;
  }
  .actionOrViewMenuItemText {
    font-size: 0.75rem;
  }
  .actionOrViewMenuItemTextSelectionMultiAction {
    max-width: 300px;
    white-space: nowrap;
  }
  .actionOrViewMenuItemContainer:hover {
    cursor: pointer;
  }
  .accountMenuContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .accountMenuContainer > i {
    font-size: 1.5rem;
    color: #fff;
  }
  .accountMenuContainer #menuProfilPic {
    width: 30px;
    height: 30px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
  }
  .externalOpenIcon {
    width: 16px;
    height: 16px;
    padding: 0;
    margin-right: 0;
    margin-left: 30px;
  }
  .accountMenuUserInfo {
    display: flex;
    align-items: center;
    cursor: default;
  }
  .accountMenuUserInfo .accountMenuUserProfilePic {
    padding-right: 0.5rem;
  }
  .accountMenuUserInfo .menuProfilePicInPaper {
    width: 40px;
    height: 40px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
  }
  .accountMenuUserInfo p {
    font-size: 0.81rem;
  }
  .accountMenuUserInfo p.boldText {
    font-size: 1rem;
    font-weight: bold;
  }
  .menuButton {
    padding: 2px 8px;
    background-color: none;
    border: none;
  }
  .menuButton.menuButtonMedium {
    width: 40px;
    height: 40px;
  }
  .menuButton.menuButtonSmall {
    width: 35px;
    height: 35px;
  }
  .menuButton.menuButtonXSmall {
    width: 30px;
    height: 30px;
  }
  .menuButton.menuButtonXXSmall {
    width: 25px;
    height: 25px;
  }
  .menuButton .menuButtonIcon {
    width: 100%;
    height: 100%;
  }
  .menuActionButtonsContainer {
    display: flex;
    align-items: center;
  }
  .MuiDataGrid-row:has(div.showActionButtonsOnHover) .menuActionButtonsContainer,
  .objectSelectionsItemContainer:has(div.selectionMenuMoreButtons) .menuActionButtonsContainer {
    opacity: 0;
  }
  .MuiDataGrid-row:has(div.showActionButtonsOnHover) .menuActionButtonsContainer.menuIsOpen,
  .objectSelectionsItemContainer:has(div.selectionMenuMoreButtons) .menuActionButtonsContainer.menuIsOpen {
    opacity: 1;
  }
  .MuiDataGrid-row:has(div.showActionButtonsOnHover):hover .menuActionButtonsContainer,
  .objectSelectionsItemContainer:has(div.selectionMenuMoreButtons):hover .menuActionButtonsContainer {
    opacity: 1;
  }
  .MuiDataGrid-row:has(div.showActionButtonsOnHover):focus-within .menuActionButtonsContainer,
  .objectSelectionsItemContainer:has(div.selectionMenuMoreButtons):focus-within .menuActionButtonsContainer {
    opacity: 1;
  }
  .rowWithActionButtonsOnHover:hover .menuActionButtonsContainer {
    opacity: 1;
  }
  .rowWithActionButtonsOnHover .menuActionButtonsContainer {
    opacity: 0;
  }
  .rowWithActionButtonsOnHover .menuActionButtonsContainer.menuIsOpen {
    opacity: 1;
  }
  .selectionActionButtons {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .selectionActionButtons .menuActionButtonsContainer {
    height: 50px;
  }
  .selectionColumnHeaderCentered div {
    justify-content: center;
  }
  .systemInformationDialog .moreButton {
    min-width: 0;
    padding: 8px 10px;
    margin-right: 0;
    margin-left: auto;
    border-radius: 50%;
  }
  .systemInformationDialog .moreButton .moreButtonIcon {
    fill: white;
  }
  .systemInformationDialog .accordionDetailContainer {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 1px 10px;
  }
  .systemInformationDialog .accordionDetailContainer:hover .fileCopyButtonHover {
    opacity: 1;
  }
  .systemInformationDialog .accordionDetailContainer .textContainer {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .systemInformationDialog .accordionDetailContainer .textContainer .infoText {
    font-size: 0.875rem;
    font-weight: bold;
  }
  .systemInformationDialog .accordionDetailContainer .textContainer .childInfoText {
    font-size: 0.75rem;
    font-weight: normal;
  }
  .systemInformationDialog .accordionDetailContainer .textContainer .blueText {
    color: #005092;
  }
  .systemInformationDialog .accordionDetailContainer .textContainer .infoValue {
    font-size: 0.75rem;
  }
  .systemInformationDialog .accordionDetailContainer .fileCopyButton {
    margin-right: 0;
    margin-left: auto;
  }
  .systemInformationDialog .accordionDetailContainer .fileCopyButtonHover {
    opacity: 0;
    transition: 0.5s;
  }
  .systemInformationDialog .accordionDetailContainer .fileCopyButtonHover:focus {
    opacity: 1;
  }
  .systemInformationDialog .accordionDetailContainer .greenCheckBox {
    width: 18px;
    fill: green;
  }
  .systemInformationDialog .checkBoxRow {
    height: 30px;
  }
  .systemInformationMoreMenuItem {
    font-size: 12px;
  }
  .menuItemImageContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
  }
  .menuItemImage {
    width: 25px;
    height: 25px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
  }
  .MuiTooltip-tooltip {
    white-space: pre-line;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/Fields/CardFields/MemoField/Styles/cardMemoField.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.memoCustomFieldValueContainer {
  height: 100%;
}
.memoCustomFieldValueContainer .richtextMode .buttonsTop {
  top: unset !important;
  z-index: 10;
}
.memoCustomFieldValueContainer .cardInputBase.memo {
  overflow-y: hidden;
}

.cardMemoFieldButtons {
  position: relative;
  display: flex;
  align-items: center;
  height: auto;
}
.cardMemoFieldButtons.collapsed .richTextEditorContent {
  position: relative;
  height: 4.55rem;
}
.cardMemoFieldButtons.expanded .richTextEditorContent {
  position: relative;
  height: auto;
  min-height: 4.55rem;
}
.cardMemoFieldButtons .richTextEditor.memo {
  height: inherit;
  padding: 0px;
}
.cardMemoFieldButtons.richtextMode .buttonsTop {
  top: 40px;
  z-index: 10;
}

.richTextEditor {
  position: relative;
  flex-grow: 1;
  height: inherit;
  overflow: auto;
}

.endAdornmentButtons {
  position: absolute;
  right: 0;
  display: flex;
}

.buttonsTop {
  top: 83%;
}

.buttonsTopEditMode {
  top: 52%;
}

.toggleButton {
  top: 22%;
  margin-right: 25px;
}

.memoFieldContentReadonly .toggleButton {
  top: 15%;
}

.richTextEditorContent {
  display: flex;
  padding: unset;
  margin: unset;
}

.richEditorWrapper {
  width: 100vw;
  min-width: 10rem;
}
.richEditorWrapper.warning {
  border-bottom: 2px solid #ed6c02;
}
.richEditorWrapper.info {
  border-bottom: 2px solid #0288d1;
}
.richEditorWrapper.error {
  border-bottom: 2px solid #d32f2f;
}

.MuiTiptap-RichTextField-menuBar {
  position: relative;
  border-bottom: unset;
}

[class*=RichTextField-menuBarContent] {
  padding-top: 2px;
}

.editorMoreMenu .editorMenuButton {
  padding: 0px;
}
.editorMoreMenu .editorMenuButton .editorButton {
  display: block;
  width: 100%;
  height: 100%;
}
.editorMoreMenu .editorMenuButton .editorButton .editorButtonText {
  flex: 1;
  text-align: left;
}
.editorMoreMenu .editorMenuButton .editorButton button:hover {
  background-color: transparent;
}
.editorMoreMenu .editorMenuButton .editorButton button {
  width: 100%;
  height: 100%;
  border-radius: 0px;
}
.editorMoreMenu .editorMenuButton .editorButton svg {
  margin-right: 10px;
  margin-left: 10px;
}

.MuiTiptap-MenuBar-root .controlsContainer {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.MuiTiptap-MenuBar-root .moreButtons {
  margin: 2.5px;
  border-radius: 7px;
}
.MuiTiptap-MenuBar-root .MuiToggleButton-root.Mui-disabled {
  display: none;
}

.MuiTiptap-RichTextContent-root {
  width: -webkit-fill-available;
  height: inherit;
}
.MuiTiptap-RichTextContent-root .richTextEditorInnerContent.cardFieldInner {
  width: 100%;
  overflow: auto;
  font-weight: 500;
  border-bottom: 2px solid transparent;
}
.MuiTiptap-RichTextContent-root .richTextEditorInnerContent > :first-child {
  margin-top: 5px;
}

.utransGridCellRoot .uTransGridCell {
  align-content: center;
  margin: 5px;
}
.utransGridCellRoot .uTransGridCell .cardFieldInKeyboardModeOff .endAdornmentButtons,
.utransGridCellRoot .uTransGridCell .cardFieldInKeyboardModeOff .readOnlyMemoFieldButtonsGroup {
  position: absolute;
  top: 0;
  right: 3px;
  padding: 3px;
}
.utransGridCellRoot .uTransGridCell .memoField,
.utransGridCellRoot .uTransGridCell .richTextEditor {
  align-content: center;
  width: 100%;
  min-height: 42px;
  max-height: 111px;
  overflow: auto;
}
.utransGridCellRoot .uTransGridCell .readOnlyMemoFieldButtonsGroup {
  align-content: center;
}
.utransGridCellRoot .uTransGridCell.memoFieldGridEditCell .cardFieldInKeyboardMode .endAdornmentButtons {
  position: relative;
}
.utransGridCellRoot .uTransGridCell.memoFieldGridEditCell .richTextEditorInnerContent {
  width: 100% !important;
  min-height: 32px;
}
.utransGridCellRoot .uTransGridCell .richTextEditorContentReadonly {
  border: none !important;
}
.utransGridCellRoot .uTransGridCell .richTextEditorInnerContent {
  overflow: unset;
  white-space: nowrap;
}
.utransGridCellRoot .uTransGridCell .readonlyStringField {
  align-content: center;
}
.utransGridCellRoot .uTransGridCell .fieldWithButtons {
  height: 100%;
}
.utransGridCellRoot .uTransGridCell .buttonsTopUtrans {
  top: 0 !important;
}
.utransGridCellRoot .uTransGridCell .richTextEditorContent {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}

.markdownPreviewToggleButton {
  border-radius: 50%;
}

.memoFieldDialog {
  height: 550px;
}
.memoFieldDialog .memoFieldDialogContent {
  height: calc(100% - 25px);
}
.memoFieldDialog .memoFieldDialogContent .memoFieldContentReadonly {
  height: 100%;
  padding: 14px 16px 0 16px;
  border: 1px solid;
  border-radius: 4px;
}
.memoFieldDialog .memoFieldDialogContent .memoFieldContentEditable {
  height: inherit;
}
.memoFieldDialog .MuiTiptap-RichTextContent-root .richTextEditorInnerContent[contenteditable=false] {
  opacity: 0.7;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/Snippet/Style/snippet.style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
@layer components.snippets {
  .snippetContentContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 45px;
  }
  .snippetContentContainer .menuActionButtonsContainer {
    opacity: 0;
  }
  .snippetContentContainer .menuActionButtonsContainer.menuIsOpen {
    opacity: 1;
  }
  .snippetContentContainer.showAlways .menuActionButtonsContainer {
    opacity: 1;
  }
  .snippetContentContainer.showOnHover:hover .menuActionButtonsContainer {
    opacity: 1;
  }
  .snippetContentContainer .snippetIconContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: 2px;
  }
  .snippetContentContainer .snippetIconContainer.snippetIconContainerWithStatus {
    width: 45px;
    min-width: 45px;
    height: 45px;
    border-radius: 50%;
  }
  .snippetContentContainer .snippetIconContainer .snippetIcon {
    width: 20px;
    height: 20px;
  }
  .snippetContentContainer .snippetIconContainer .snippetImage {
    width: 45px;
    height: 45px;
    border-radius: 50%;
  }
  .snippetContentContainer .snippetIconContainer .snippetTwoLetter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
  }
  .snippetContentContainer .snippetContent {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
  }
  .snippetContentContainer .snippetContent.simpleHeader {
    padding-right: 8px;
  }
  .snippetContentContainer .snippetContent .snippetLine {
    display: flex;
    justify-content: space-between;
    min-width: 0;
    min-height: 24px;
  }
  .snippetContentContainer .snippetContent .snippetLine.snippetFirstLine {
    margin-top: 1px;
  }
  .snippetContentContainer .snippetContent .snippetTextContainer {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    height: inherit;
  }
  .snippetContentContainer .snippetContent .snippetTextContainer .snippetEllipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .snippetContentContainer .snippetContent .snippetTextContainer .snippetHeading {
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .snippetContentContainer .snippetContent .snippetTextContainer .snippetDetails {
    font-size: 0.75rem;
    font-weight: 300;
  }
  .snippetContentContainer .snippetControls {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 8px;
  }
  .snippetContentContainer .snippetActionsContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: inherit;
  }
  .snippetContentContainer .snippetActionsContainer .menuActionButtonsContainer .menuButton.menuButtonSmall {
    width: 24px;
    height: 24px;
    padding: 0;
  }
  .snippetContentContainer .snippetActionsContainer .menuActionButtonsContainer .menuButton.menuButtonSmall .menuButtonIcon {
    height: 15px;
  }
  .snippetContentContainer .snippetActionsContainer .snippetActionsContentContainer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .snippetContentContainer .snippetActionsContainer .snippetActionsContentContainer .snippetActionsInformation {
    overflow: hidden;
    font-size: 0.875rem;
    text-wrap: nowrap;
  }
  .snippetContentContainer .snippetActionsContainer .snippetActionsContentContainer .snippetControlsContainer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
  }
  .snippetContentContainer .snippetActionsContainer .snippetActionsContentContainer .snippetControlsContainer .snippetActionsStatusIconButton {
    width: 24px;
    height: 24px;
    padding: 0;
  }
  .snippetContentContainer .snippetActionsContainer .snippetActionsContentContainer .snippetControlsContainer .snippetActionsStatusIconButton.disabledButton {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .snippetContentContainer .snippetActionsContainer .snippetActionsContentContainer .snippetControlsContainer .snippetActionsStatusIconButton .snippetActionsStatusIcon {
    width: 15px;
    height: 15px;
  }
  .snippetContentContainer .snippetActionsContainer .snippetActionsContentContainer .snippetControlsContainer .snippetActionsStatusColorControl {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 24px;
    padding: 0;
    cursor: default;
  }
  .snippetContentContainer .snippetActionsContainer .snippetActionsContentContainer .snippetControlsContainer .snippetActionsStatusColorControl .colorSquare {
    width: 11px;
    height: 11px;
  }
  .snippetContentContainer .snippetActionsContainer .snippetActionsContentContainer .menuActionButtonsContainer {
    margin-right: -2px;
  }
  .snippetParentContainer .snippetContentContainer {
    width: 100%;
  }
  .snippetPageProgress {
    width: 100%;
    padding: 3px 0;
  }
  .snippetPageProgress .snippetSkeletonContainer {
    display: flex;
    padding: 3px 8px;
  }
  .snippetPageProgress .snippetSkeletonContainer .snippetSkeletonShape {
    min-width: 45px;
  }
  .snippetPageProgress .snippetSkeletonContainer .snippetSkeletonLineContainer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 80%;
    padding: 7px 5px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Notifications/Components/Styles/notifications.style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
@layer components.notifications {
  .notificationsUnreadCount {
    position: relative;
    width: 23px;
    height: 23px;
  }
  .notificationsUnreadCount .MuiBadge-badge {
    position: absolute;
    top: 18px;
    width: 16px;
    min-width: 16px;
    height: 16px;
    font-size: 0.563rem;
  }
  .notificationPopup {
    display: flex;
    flex-direction: column;
    max-height: 80vh;
  }
  .notificationPopup .notificationOverlayWrapper {
    width: 100%;
  }
  .notificationPopup .notificationOverlayWrapper .notificationOverlayWrapperInner {
    width: inherit !important;
  }
  @media (min-height: 1200px) {
    .notificationPopup {
      max-height: 654px;
    }
  }
  .notificationsMenu {
    z-index: 1300;
  }
  .notificationsMenu .notificationsMenuContent {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
  }
  .notificationsMenu .notificationsMenuContent .notificationsBody {
    flex: 1;
    max-height: 530px;
    overflow: auto;
  }
  .notificationsMenu .notificationsMenuContent .MuiDataGrid-filler {
    display: none;
  }
  .notificationsMenu .notificationsHeader {
    width: 100%;
    padding-top: 0.1em;
  }
  .notificationsMenu .notificationsHeader .notificationsHeaderRow {
    display: flex;
    justify-content: space-between;
  }
  .notificationsMenu .notificationsHeader .notificationsStatusText {
    padding: 0 1rem 1rem;
    color: darkred;
  }
  .notificationsMenu .notificationsHeader .notificationsHeaderText {
    padding-top: 16px;
    margin-left: 18px;
    font-size: 1.125rem;
  }
  .notificationsMenu .notificationsHeader .notificationsHeaderActions {
    display: flex;
    padding-right: 1rem;
  }
  .notificationsMenu .notificationsHeader .notificationsHeaderActions .searchIcon {
    width: 35px;
    height: 35px;
  }
  .notificationsMenu .notificationsHeader .notificationsHeaderActions .menuActionButtonsContainer {
    margin-top: 16px;
  }
  .notificationsMenu .MuiDataGrid-cell {
    padding: 0;
    border: none;
  }
  .notificationsMenu .MuiDataGrid-cell:focus-within {
    outline: none;
  }
  .notificationsNoRecordExistTextDescription {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    font-size: 0.9em;
  }
  .notificationsFilter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-left: 12px;
  }
  .notificationsFilter .notificationsChipContainer {
    display: flex;
  }
  .notificationsFilter .notificationsChipContainer .notificationsFilterItem {
    padding: 0.1rem 0.2rem;
  }
  .notifications_SearchBar {
    display: flex;
    align-items: center;
  }
  .notifications_SearchBar ::-webkit-input-placeholder {
    opacity: 0.5 !important;
  }
  .notifications_SearchBar ::-moz-placeholder {
    opacity: 0.5 !important;
  }
  .notifications_SearchBar .notifications_SearchBarInputAndTabs {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
  }
  .notifications_SearchBar .notifications_SearchBarInput {
    flex: 1;
  }
  .notifications_SearchBar .notifications_closeIcon {
    margin-right: 5px;
  }
  .notifications_SearchBar .notifications_searchIcon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-left: 10px;
  }
  .notificationsBody {
    flex: 1;
    max-width: 100%;
    overflow-y: hidden;
  }
  .notificationsBody .MuiDataGrid-columnHeaders {
    display: none;
    border: none;
  }
  .notificationsBody .notificationsItem:hover .notificationImportant {
    visibility: hidden;
  }
  .notificationsBody .notificationTime {
    font-size: 0.9em;
  }
  .notificationsWidget {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .notificationContainer {
    position: fixed;
    top: 80px;
    right: 8px;
    z-index: 1400;
    width: 500px;
  }
  .notificationContainer div {
    position: relative;
  }
  .notificationsItem {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 0.875rem;
    border-top: 0.5px solid rgba(128, 128, 128, 0.1019607843);
  }
  .notificationsItem .snippetContentContainer {
    width: 100%;
  }
  .notificationsItem .snippetContentContainer .snippetTwoLetter {
    font-size: 1.1em;
    font-weight: bold;
  }
  .notificationsItem .notificationActionBtn:not(.currentActiveNotification) {
    padding: 0;
  }
  .notificationsItem .currentActiveNotification {
    padding: 0;
  }
  .notificationsItem .notificationUserData {
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .notificationsItem .notificationUserData .notificationTextContainer {
    display: flex;
    flex-direction: column;
    width: inherit;
  }
  .notificationsItem .notificationUserData .notificationTextHeader,
  .notificationsItem .notificationUserData .notificationText {
    width: 230px;
    margin-left: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .notificationsItem .notificationActionsContainer {
    display: flex;
    justify-content: flex-end;
    min-height: 35px;
  }
  .notificationsItem .notificationActionsContainer .notificationImportant {
    margin-right: -18px;
  }
  .notificationsItem .notificationActionsContainer .notificationAlertSnackbarIcon {
    width: 20px;
    height: 20px;
  }
  .notificationMoreMenuBtn {
    margin-top: 4px;
  }
  .notificationActionsContainer {
    display: flex;
    align-items: center;
  }
  .notificationActionsContainer .notificationActionBtn {
    margin-right: 11px;
    cursor: pointer;
    background: transparent;
    border: none;
  }
  .notificationsAlert {
    display: flex;
    flex-direction: column;
  }
  .notificationsAlert .notificationNew {
    min-width: 400px;
    max-width: 500px;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  }
  .hiddenTabPanel {
    display: none;
  }
  .loadingText {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0.9rem;
    text-align: center;
    opacity: 0.8;
  }
  .visibilityHidden {
    visibility: hidden;
  }
  .notificationsButtons {
    width: 35px;
    height: 35px;
    margin-top: 11px;
    margin-right: 2px;
  }
  .notificationsChip {
    font-size: 0.9em;
    cursor: pointer;
  }
  .notificationsNoRecordExistTextTitle {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    font-weight: bold;
  }
  .marginTop {
    margin-top: 8px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/Fields/SimpleFields/Styles/simpleFields.style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
@layer components.fields {
  .simpleCatField .fieldButtonsInner {
    margin-right: 1px;
  }
  .simpleCatField .MuiOutlinedInput-root {
    padding: 0px 14px 0px 0px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/Fields/SelectionFilterFields/Styles/filterFields.styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.selectionFilterField {
  display: flex;
  margin: 15px 0px;
}
.selectionFilterField .selectionFilterFieldsSelector {
  width: 240px;
  margin-right: 15px;
}
.selectionFilterField .selectionFilterFieldOperator {
  width: 160px;
  margin-right: 15px;
}
.selectionFilterField .selectionFilterSelectorsContent {
  overflow: hidden;
}
.selectionFilterField .selectionFilterFieldValue {
  flex: 1;
  width: 160px;
}
.selectionFilterField .selectionFilterFieldDeleteFilterIcon {
  align-content: center;
  width: 36px;
  height: 36px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: -8px;
}
.selectionFilterField .textAlignRight input {
  text-align: right;
}

.selectionFilterJoinDiv {
  position: relative;
  width: 100%;
  height: 10px;
}
.selectionFilterJoinDiv .selectionFilterJoin {
  position: absolute;
  top: 50%;
  left: 0;
  height: 20px;
  transform: translate(0, -50%);
}

.placeHolderDialogToggleViewContainer {
  position: relative;
  top: 10px;
  flex-shrink: 0;
  max-height: 35px;
  padding-right: 5px;
}

.placeholderDialogRibbonContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.textBoxLabelWrapper {
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.textBoxLabelWrapper .textBoxLabel {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.placeholderDialogToggleButton {
  text-transform: none;
}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Snackbar/style/snackbar.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
.snackBarIcon {
  margin-top: 3px;
}

.snackbarAction {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.snackbarAction button {
  padding: 0;
  margin-left: 80px;
  font: inherit;
  color: inherit;
  cursor: pointer;
  outline: inherit;
  background: none;
  border: none;
}

.snackbarMessage {
  color: #FFF;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/scss/UX/Dialog/dialog.style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.mdc-dialog {
  z-index: 9999;
  /* print dialog */
}
.mdc-dialog .printDialog {
  width: 1024px;
  height: 480px;
  overflow: hidden;
  font-size: 0.6em;
}
.mdc-dialog .printSelections {
  width: 100%;
  height: 80%;
}
.mdc-dialog .printModes {
  width: 100%;
}
.mdc-dialog .printModeList {
  position: absolute;
  top: 2.5em;
  width: 99%;
}
.mdc-dialog .printModeDescription {
  position: absolute;
  bottom: 0;
  width: 99%;
  height: 6em;
}
.mdc-dialog .propertiesTreeList {
  height: 80%;
}
.mdc-dialog .printSettings {
  height: 85%;
}
.mdc-dialog .printSettingsSectionHeader {
  height: 2.5em;
  line-height: 2.5em;
}
.mdc-dialog .printSettingsSectionHeaderLabel {
  display: inline-block;
  padding-left: 0.4em;
  font-size: 1.3em;
}
.mdc-dialog .printSettingsHeaderButtons {
  float: right;
}
.mdc-dialog .printSettingsList {
  padding: 0;
  margin: 0;
}
.mdc-dialog {
  /* print dialog */
}
.mdc-dialog .lhdialogInputLine {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 1.5em;
  padding: 0.3em;
  line-height: 1.5em;
}
.mdc-dialog {
  /*.lhdialogInputDescription {
    font-size: 0.8em;
  }*/
}
.mdc-dialog ul.dialog_actions li:nth-child(n+2) {
  margin-top: 10px;
}
.mdc-dialog .lhdialogContent {
  height: 100%;
  border-radius: 0.3em;
}
.mdc-dialog .dialogHeader {
  display: flex;
  width: 100%;
  background-image: none, linear-gradient(#94c0d2, #add8e6 100%);
}
.mdc-dialog .lhdialogHiddenTitle {
  display: none;
}
.mdc-dialog .lhdialogDescriptionTitle {
  padding: 0.3em;
  font-weight: bold;
  border: 0;
}
.mdc-dialog .lhdialogHiddenDescription {
  display: none;
}
.mdc-dialog .lhdialogDescription {
  padding: 0.5em 0.3em;
  border: 0;
}
.mdc-dialog .lhdialogText {
  padding-top: 0.4em;
  padding-left: 0.3em;
}
.mdc-dialog .ribbonDialogButtonContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}
.mdc-dialog .ribbonDialogButtonContainer:hover {
  background-color: #94c0d2;
}
.mdc-dialog {
  /* image browser dialog */
}
.mdc-dialog .imgBrowserContent {
  height: 420px;
  overflow: auto;
}
.mdc-dialog .imgBrowserItem {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #69A1BF;
  border-radius: 4px;
}
.mdc-dialog .imgBrowserItem-highlighted {
  background-color: lightgrey;
}
.mdc-dialog .imgBrowserImage {
  margin: 8px;
  border: none;
}
.mdc-dialog {
  /* image browser dialog */
  /*error dialog*/
}
.mdc-dialog .errorDetailsContainer {
  width: 600px;
  height: 10em;
}
.mdc-dialog .errorDialogDetails .errorDetails {
  width: 100%;
  height: 100%;
}
.mdc-dialog {
  /*error dialog*/
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/App/View/WindowManager/Components/WindowTabs/style/windowTabs.style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
#pageTabsContainer {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 2.5rem;
  box-shadow: none;
}
#pageTabsContainer .MuiTabs-indicator {
  display: none;
}
#pageTabsContainer .MuiTabScrollButton-root {
  width: 15px;
}
#pageTabsContainer .Mui-disabled {
  display: none;
}
#pageTabsContainer .overlayItem {
  position: fixed;
  top: 82px;
  left: -4px;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: red;
  opacity: 0;
}
#pageTabsContainer .tab {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 35px;
  min-height: 35px;
  padding: 4px 15px;
  margin: 5px 0;
  font-size: 0.75rem;
  color: #333;
  cursor: pointer;
  background: transparent;
  border-radius: 5px 5px 0 0;
  opacity: 1;
}
#pageTabsContainer .tab:hover {
  z-index: 100 !important;
}
#pageTabsContainer .tab .windowTabDivider {
  position: absolute;
  bottom: 10%;
  left: 0;
}
#pageTabsContainer .tab .tabContainer {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
#pageTabsContainer .tab .tabContainer .windowTabButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0 -10px 0 5px;
  font-size: 1.25rem;
  cursor: inherit;
  background-color: inherit;
  border: none;
  border-radius: 50%;
}
#pageTabsContainer .tab .tabContainer .windowTabButton .tabButtonIcon {
  height: 90%;
}
#pageTabsContainer .tab .tabContainer .hideCloseIcon {
  display: none;
}
#pageTabsContainer .tab .subWindowTab {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 80%;
  padding: 3px 12px;
  margin-left: 10px;
  white-space: nowrap;
  border-radius: 3px;
}
#pageTabsContainer .tab .subWindowTab > span {
  margin-left: 5px;
}
#pageTabsContainer .tab span.tabLabel {
  max-width: 15em;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  white-space: nowrap;
}
#pageTabsContainer .tab .tabContentContainer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-color: white;
}

ul#pageTabsContextMenu {
  padding: 0;
  font-size: 0.75rem !important;
  list-style-type: none;
}
ul#pageTabsContextMenu .k-link {
  color: #4f4f4f;
}
ul#pageTabsContextMenu li {
  padding: 7px;
  cursor: pointer;
}
ul#pageTabsContextMenu li:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

div#hint ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
div#hint li {
  padding: 4px 10px;
  font-size: 0.75rem;
  background-color: #929292;
  border-radius: 5px 5px 0 0;
}
div#hint li.k-active {
  background-color: #ededed;
}
div#hint li div.pageTabOpener {
  display: flex;
  align-items: center;
}
div#hint li div.pageTabOpener img {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
div#hint li div.pageTabOpener .tabLabel {
  cursor: default;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/QuickSwitchTool/Style/quickSwitchTool.style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
#quickSwitchTool .MuiDialog-paper {
  color: #fff;
  background: #2A303C;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
#quickSwitchTool .MuiDialog-paper .MuiDialogTitle-root {
  font-size: 1rem;
  text-align: center;
}
#quickSwitchTool .MuiDialog-paper .widgetButtonsContainer {
  display: flex;
  margin: 0 auto;
}
#quickSwitchTool .MuiDialog-paper .widgetButtonsContainer .widgetData {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 7rem;
  margin: 3px 5px;
  color: white;
  border: 1px solid white;
  border-radius: 5px;
}
#quickSwitchTool .MuiDialog-paper .widgetButtonsContainer .widgetData.selectedWidget {
  color: black;
  background-color: white;
}
#quickSwitchTool .MuiDialog-paper .widgetButtonsContainer .widgetData .widgetIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
}
#quickSwitchTool .MuiDialog-paper .widgetButtonsContainer .widgetData .widgetTitle {
  display: -webkit-box;
  width: 100%;
  height: 2.5rem;
  margin-top: 15px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  font-size: 0.7rem;
  word-break: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/App/View/WindowManager/Components/Pages/Style/page.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.widgetsContainer .noBgColor {
  background-color: inherit;
  box-shadow: none;
}

.loadingContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.noBorderCard,
.widgetContainer {
  border: none;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.03), 0 10px 10px rgba(0, 0, 0, 0.01), 0px -5px 25px rgba(0, 0, 0, 0.02);
}

.widgetContainer .widgetTitleContainer,
.widgetContainer .widgetHeaderContainer {
  min-width: 0;
  padding: 0 5px 0 15px;
  margin-top: 10px;
  margin-bottom: 7px;
}
.widgetContainer .widgetTitleContainer .widgetTitleIconContainer,
.widgetContainer .widgetHeaderContainer .widgetTitleIconContainer {
  padding-right: 15px;
}
.widgetContainer .widgetTitleContainer .widgetTitleIconContainer img,
.widgetContainer .widgetHeaderContainer .widgetTitleIconContainer img {
  width: 18px;
  height: auto;
  vertical-align: middle;
}
.widgetContainer .widgetTitleContainer .widgetTitleTextsContainer,
.widgetContainer .widgetHeaderContainer .widgetTitleTextsContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.widgetContainer .widgetTitleContainer .widgetTitleTextsContainer .widgetTitleMainText,
.widgetContainer .widgetHeaderContainer .widgetTitleTextsContainer .widgetTitleMainText {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.1rem;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.009em;
  white-space: nowrap;
}
.widgetContainer .widgetTitleContainer .widgetTitleTextsContainer .widgetHeaderExtraActions,
.widgetContainer .widgetHeaderContainer .widgetTitleTextsContainer .widgetHeaderExtraActions {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  margin-left: 10px;
}
.widgetContainer .widgetTitleContainer .widgetTitleTextsContainer .widgetExtraButtons,
.widgetContainer .widgetHeaderContainer .widgetTitleTextsContainer .widgetExtraButtons {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 1;
  color: var(--lh-text-secondary, #333);
  cursor: pointer;
  background: #fff;
  border: 1px solid var(--lh-divider, #e0e0e0);
  border-radius: 999px;
  transition: background 120ms ease, border-color 120ms ease;
}
.widgetContainer .widgetTitleContainer .widgetTitleTextsContainer .widgetTitleSubText,
.widgetContainer .widgetHeaderContainer .widgetTitleTextsContainer .widgetTitleSubText {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  font-weight: normal;
  white-space: nowrap;
}
.widgetContainer .widgetHeaderButtonsContainer {
  justify-content: space-between;
}
.widgetContainer .widgetHeaderButtonsContainer .activeBtn {
  color: white;
  background-color: #005092;
}
.widgetContainer .widgetHeaderButtonsContainer .widgetButton {
  width: 50%;
}
.widgetContainer .widgetContentContainer {
  display: flex;
  height: calc(100% - 52px);
}
.widgetContainer .loadingContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.widgetContainer:has(.settingsContainer) {
  --Paper-shadow: none;
  box-shadow: none;
}

.hideItem {
  display: none;
}

.addButton {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 200;
  width: 45px;
  height: 45px;
}

.tabWindow {
  height: 100%;
}
.tabWindow.activeTabWindow {
  display: block;
}
.tabWindow.inactiveTabWindow {
  position: absolute;
  left: -1000%;
  width: 100%;
}
.tabWindow.mainWidgetTabWindow {
  width: calc(100vw - 40px);
  margin-top: 10px;
  margin-left: 20px;
}
@media screen and (max-width: 480px) {
  .tabWindow.mainWidgetTabWindow {
    width: auto;
    margin-top: unset;
    margin-left: unset;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/DMS/View/Components/Style/dms.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.dmsMenu .MuiPaper-root {
  border: 1px solid #d3d4d5;
}

.widgetViewContainer {
  margin-top: 5px;
  cursor: pointer;
}

.widgetActionsContainer {
  display: flex;
}

.dmsContentContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100px;
  overflow: hidden;
}

.dmsContentContainerPadding {
  padding-bottom: 50px;
}

.dmsContainer {
  width: 100%;
  height: 100%;
  padding-bottom: 5px;
  padding-left: 5px;
  overflow-x: hidden;
  overflow-y: auto;
}
.dmsContainer .MuiCardContent-root {
  padding: 10px;
}
.dmsContainer .dmsLoadingIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.dragActiveComponent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 99%;
  height: 99%;
  margin: 0 3px;
  background-color: rgba(0, 80, 146, 0.2);
  border-style: dashed;
  border-width: 1px;
  border-radius: 10px;
}
.dragActiveComponent .title {
  font-size: 0.875rem;
  font-weight: 500;
}
.dragActiveComponent .message {
  font-size: 0.75rem;
  font-weight: 300;
}

.dmsItemListContainer {
  height: 100%;
}
.dmsItemListContainer.dmsItemPreviewContainer {
  display: flex;
  flex-wrap: wrap;
  height: unset;
}
.dmsItemListContainer.dmsItemPreviewContainer li {
  width: unset;
}
.dmsItemListContainer .dmsItemContainer {
  width: 99%;
  cursor: pointer;
  background-color: unset;
  border-bottom: 1px solid #b8b8b8;
}
.dmsItemListContainer .dmsItemContentContainer {
  display: flex;
  flex: 1;
  align-items: center;
  width: 100%;
  margin-right: 1px;
  overflow: hidden;
}
.dmsItemListContainer .dmsItemTextContainer {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.dmsItemListContainer .dmsItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dmsItemListContainer .dmsItem > .dmsItemsRightButtons {
  position: absolute;
  right: 0;
  z-index: 1;
}
.dmsItemListContainer .dmsItemIconsContainer {
  display: flex;
  align-items: center;
}
.dmsItemListContainer .dmsButtonsIcon {
  width: 23px;
  height: auto;
  margin-left: 10px;
  fill: #6d6d6d;
}
.dmsItemListContainer img {
  width: 35px;
  height: 35px;
}
.dmsItemListContainer .dmsFileInfo {
  padding-right: 1em;
  padding-left: 25px;
  overflow: hidden;
}
.dmsItemListContainer .dmsFileName {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
  white-space: nowrap;
}
.dmsItemListContainer .dmsFileDetails {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  white-space: nowrap;
}

.dms_SearchBar {
  display: flex;
  align-items: center;
}
.dms_SearchBar ::-webkit-input-placeholder {
  opacity: 0.5 !important;
}
.dms_SearchBar ::-moz-placeholder {
  opacity: 0.5 !important;
}
.dms_SearchBar .dms_SearchBarInputAndTabs {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.dms_SearchBar .dms_SearchBarInput {
  display: flex;
  flex: 1;
}
.dms_SearchBar .dms_SearchBarInput .DMSCloseIcon {
  margin-right: 5px;
}
.dms_SearchBar .dms_tagButton {
  padding: 1px 7px 1px 7px;
  margin: 3px;
  font-size: 0.75rem;
  text-align: center;
  background: #005092;
  background-size: cover;
  border-radius: 5px;
}
.dms_SearchBar .dms_tagButton .dms_tagButtonStartIcon {
  margin-right: 0;
}
.dms_SearchBar .dms_tagList {
  position: absolute;
  z-index: 3;
  max-width: 300px;
  padding: 3px;
}
.dms_SearchBar .dms_closeIcon {
  margin-right: 5px;
}
.dms_SearchBar .dms_searchIcon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-left: 10px;
}

.uploadDialog {
  display: flex;
  justify-content: flex-end;
}

.dmsUploadTitle {
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  text-align: center;
}

.dmsUploadMainTitle {
  font-size: 1rem;
}

.dmsUploadSubTitle {
  font-size: 0.875rem;
}

.UploadStepTitle {
  margin-left: 16px;
  font-weight: bold;
  opacity: 70%;
}

.dragDropText {
  opacity: 90%;
}

.browseFileText {
  text-decoration: underline;
}

.uploadFileName {
  display: flex;
  margin-top: 16px;
  margin-left: 16px;
  font-size: 0.875rem;
}

.revertUpload {
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.dmsCommitDialogSelectLabel {
  font-size: 1rem;
  font-weight: 400;
}

.dmsCommitDialogDialog {
  width: 400px;
}

.dmsHistoryDialogContainer {
  width: 500px;
}

.dmsShowHistoryDialog .MuiTimelineItem-root::before {
  display: none;
}
.dmsShowHistoryDialog.MuiDialog-paper {
  overflow: hidden;
}
.dmsShowHistoryDialog .historyItemsContainer {
  overflow: auto;
}
.dmsShowHistoryDialog .historyItemsContainer .MuiTimeline-root {
  padding: 20px 0;
}
.dmsShowHistoryDialog .historyItemsContainer .MuiTimelineContent-root {
  padding: 12px 0 12px 16px;
}
.dmsShowHistoryDialog .historyItemsContainer .historyItemTitle {
  margin-right: 10px;
  font-weight: 600;
}
.dmsShowHistoryDialog .historyItemsContainer .buttonRevertRevision {
  width: 40px;
  height: 40px;
}
.dmsShowHistoryDialog .historyItemsContainer .buttonRevertRevision .buttonRevertRevisionIcon {
  width: 100%;
}
.dmsShowHistoryDialog .historyItemsContainer .buttonPublishRevision {
  width: 40px;
  height: 40px;
}
.dmsShowHistoryDialog .historyItemsContainer .buttonPublishRevision .buttonPublishRevisionIcon {
  width: 100%;
}
.dmsShowHistoryDialog .historyItemsContainer .historyItemTitleAndButtonsContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.dmsTagsChip {
  margin: 2.5px;
  border-radius: 7px;
}

.dmsFileTagsContainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.dmsUrlDialogTextContainer {
  display: flex;
  margin-bottom: 10px;
}
.dmsUrlDialogTextContainer .dmsUrlDialogContentIcon {
  width: 24px;
}
.dmsUrlDialogTextContainer .dmsUrlDialogContentText {
  margin-left: 10px;
  font-weight: bold;
}

.historyFileName {
  overflow-wrap: break-word;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Navigator/View/Components/Style/navigator.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.react-resizable-handle {
  z-index: 100;
}

.navigatorContentContainer {
  overflow: auto;
}
.navigatorContentContainer .loadingContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.navigatorContentContainer .navigatorStructureViewContainer .treeItemHorizontalLine {
  position: absolute;
  width: 24px;
  height: 1px;
  margin-left: -34px;
}
.navigatorContentContainer .navigatorStructureViewContainer .addButtonContent {
  padding: 0;
}
.navigatorContentContainer .navigatorStructureViewContainer .addButtonContent .menuButton {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 200;
  visibility: hidden;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  transform: translateY(-50%);
}
.navigatorContentContainer .navigatorStructureViewContainer .addButtonContent .addButtonLine {
  visibility: hidden;
  width: 100%;
  height: 4px;
  margin-left: 22px;
}
.navigatorContentContainer .navigatorStructureViewContainer .addButtonContent:hover .menuButton,
.navigatorContentContainer .navigatorStructureViewContainer .addButtonContent:hover .addButtonLine {
  visibility: visible;
}
.navigatorContentContainer .navigatorStructureViewContainer .addButtonClicked .menuButton,
.navigatorContentContainer .navigatorStructureViewContainer .addButtonClicked .addButtonLine {
  visibility: visible;
}
.navigatorContentContainer .navigatorStructureViewContainer .loadMoreButton .loadMoreButtonContent {
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-left: 40px;
}
.navigatorContentContainer .navigatorStructureViewContainer .loadMoreButton .loadMoreButtonContent .treeItemHorizontalLine {
  margin-left: -63px;
}
.navigatorContentContainer .navigatorStructureViewContainer .loadMoreButton .loadMoreButtonContent .loadMoreButtonLabel {
  width: initial;
  font-size: 0.875rem;
  font-weight: 500;
}
.navigatorContentContainer .navigatorStructureViewContainer .loadMoreButton .loadMoreButtonContent .loadMoreLabelContainer {
  display: flex;
  padding: 7px 15px;
  border-radius: 5px;
}
.navigatorContentContainer .navigatorStructureViewContainer .loadMoreButton .loadMoreButtonContent .loadMoreLabelContainer .loadMoreIcon {
  width: 20px;
  height: 20px;
  margin-right: 22px;
}
.navigatorContentContainer .navigatorStructureViewContainer .loadMoreButtonContent:hover {
  background: none;
}
.navigatorContentContainer .navigatorStructureViewContainer .Mui-selected .MuiTreeItem-label {
  font-weight: 700;
}
.navigatorContentContainer .navigatorStructureViewContainer .navigatorTreeItemContainer {
  display: flex;
  flex-direction: row;
}
.navigatorContentContainer .navigatorStructureViewContainer .navigatorTreeItemContainer .navigatorTreeItemContent {
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-left: 10px;
}
.navigatorContentContainer .navigatorStructureViewContainer .navigatorTreeItemContainer .navigatorTreeItemContent .treeItemSnippetContainer {
  width: 100%;
  min-width: 0;
}
.navigatorContentContainer .navigatorStructureViewContainer .navigatorTreeItemContainer .navigatorTreeItemContent .treeItemSnippetContainer .snippetContentContainer {
  min-height: 50px;
}
.navigatorContentContainer .navigatorStructureViewContainer .navigatorTreeItemUl {
  padding-left: 24px;
  margin-left: 15px;
  background-repeat: no-repeat;
  background-position: top;
}
.navigatorContentContainer .navigatorStructureViewContainer .highlightVerticalContainer:not(.dragging) {
  position: absolute;
  z-index: 10;
  width: 10px;
  height: 100%;
  margin-left: 15px;
  background-repeat: no-repeat;
  background-position: top;
}
.navigatorContentContainer.navigatorNoDataContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigatorContentContainer .navigatorTreeItem {
  min-width: 0;
  min-height: 57px;
}
.navigatorContentContainer .navigatorItemIconContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  min-width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
}
.navigatorContentContainer .navigatorItemIconContainer .navigatorItemIcon {
  width: 15px;
  height: 15px;
}
.navigatorContentContainer .navigatorTableViewContainer {
  flex-grow: 1;
  height: inherit;
}
.navigatorContentContainer .navigatorTableViewContainer .actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigatorContentContainer .navigatorTableViewContainer .MuiDataGrid-root {
  border: none;
}
.navigatorContentContainer .navigatorTableViewContainer .MuiDataGrid-root .MuiDataGrid-cell {
  cursor: pointer;
}
.navigatorContentContainer .navigatorTableViewContainer .MuiDataGrid-root .MuiDataGrid-row.Mui-selected .MuiTreeItem-label {
  font-weight: 700;
}
.navigatorContentContainer .navigatorTableViewContainer .MuiDataGrid-columnHeaders {
  overflow: unset;
}
.navigatorContentContainer .navigatorTableViewContainer .navigatorTableTreeviewGroupingColumn {
  flex-direction: row;
  overflow: hidden;
}
.navigatorContentContainer .navigatorTableViewContainer .navigatorTableTreeviewGroupingColumn .MuiDataGrid-treeDataGroupingCellToggle {
  margin-right: 0;
}
.navigatorContentContainer .navigatorTableViewContainer .navigatorTableTreeviewGroupingColumn .navigatorTableTreeviewGroupingColumnValue {
  overflow: hidden;
  text-overflow: ellipsis;
}
.navigatorContentContainer .navigatorTableViewContainer .MuiDataGrid-pinnedColumnHeaders {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.navigatorContentContainer .navigatorTableViewContainer .MuiDataGrid-pinnedColumnHeaders .MuiDataGrid-columnSeparator {
  display: none;
}
.navigatorContentContainer .navigatorTableViewContainer .MuiDataGrid-cellContent {
  height: 100%;
}
.navigatorContentContainer .navigatorTableViewContainer .MuiDataGrid-cellContent div {
  align-items: center;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navigatorContentContainer .tableNavigatorViewMenuIconContainer .tableNavigatorViewMenuIcon {
  width: 20px;
  height: 20px;
}
.navigatorContentContainer .navigatorTableViewFirstColum {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.navigatorContentContainer .navigatorTableViewFirstColum .navigatorTableViewFirstColumValue div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navigatorContentContainer .navigatorEditModeHint {
  display: flex;
  padding: 10px 15px;
}
.navigatorContentContainer .navigatorEditModeHint .navigatorEditModeHintIconContainer {
  margin-right: 5px;
}
.navigatorContentContainer .navigatorEditModeHint .navigatorEditModeHintIconContainer .navigatorEditModeHintIcon {
  width: 16px;
  height: 16px;
}
.navigatorContentContainer .navigatorEditModeHint p {
  font-size: 0.9rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/BreadCrumbs/Style/breadCrumbs.style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.breadCrumbsContainer {
  padding: 7px 5px 7px 15px;
  margin: 0;
}
.breadCrumbsContainer .breadCrumbsList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0;
  list-style: none;
}
.breadCrumbsContainer .breadCrumbsList .breadCrumb {
  display: flex;
  align-items: center;
  padding: 2px;
  font: inherit;
  text-transform: inherit;
}
.breadCrumbsContainer .breadCrumbsList .breadCrumb .breadCrumbIconContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 50%;
}
.breadCrumbsContainer .breadCrumbsList .breadCrumb .breadCrumbIconContainer .breadCrumbIcon {
  width: 15px;
  height: 15px;
}
.breadCrumbsContainer .breadCrumbsList .breadCrumbsMoreButton {
  width: 24px;
  min-width: 0;
  height: 16px;
}
.breadCrumbsContainer .breadCrumbsList .breadCrumbsMoreButton .breadCrumbsMoreButtonIcon {
  width: 24px;
  height: 16px;
}
.breadCrumbsContainer .breadCrumbsList .breadCrumbDivider {
  margin-right: 8px;
  margin-left: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Announcement/Style/announcement.style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.announcementDialog {
  min-width: 40%;
  max-width: 40%;
  min-height: 65%;
  max-height: 65%;
}
.announcementDialog .announcementClose {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 10;
  width: 35px;
  min-width: 0;
  height: 35px;
  background: rgba(113, 113, 113, 0.5);
  border-radius: 50%;
}
.announcementDialog .announcementClose .announcementCloseIcon {
  color: white;
}
.announcementDialog .announcementStepImgContainer {
  width: 100%;
  height: 300px;
  min-height: 300px;
  max-height: 300px;
  overflow: hidden;
}
.announcementDialog .announcementStepImgContainer .announcementStepImg {
  width: 100%;
}
.announcementDialog .announcementStepContentContainer {
  display: flex;
  flex-direction: column;
}
.announcementDialog .announcementStepContentContainer .announcementStepHeader {
  margin-bottom: 10px;
}
.announcementDialog .announcementStepContentContainer .announcementStepBodyContainer {
  overflow: auto;
}
.announcementDialog .announcementStepContentContainer .announcementStepLinkContainer {
  margin-top: 10px;
}
.announcementDialog .announcementStepContentContainer .announcementStepLinkContainer .announcementStepLink {
  display: flex;
}
.announcementDialog .announcementStepContentContainer .announcementStepLinkContainer .announcementStepLink .announcementStepLinkIcon {
  margin-right: 5px;
}
.announcementDialog .announcementActionsContainer {
  display: flex;
  justify-content: space-between;
}
.announcementDialog .announcementActionsContainer .announcementPager {
  margin-left: 9px;
}
.announcementDialog .announcementActionsContainer .announcementPager .announcementPagerButton {
  width: 20px;
  min-width: 0;
  height: 20px;
  color: #d1d1d1;
  border-radius: 50%;
}
.announcementDialog .announcementActionsContainer .announcementPager .announcementPagerButton .announcementPagerCircleIcon {
  width: 12px;
  height: 12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Widgets/Components/Style/widgetSystem.style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.widgetSystem .widgetSystemDialogContent {
  height: 100vh;
  padding: 0;
  overflow-y: hidden;
}
.widgetSystem .widgetSystemDialogContent .widgetListSearch {
  padding: 1.25em 1.5em;
}
.widgetSystem .widgetSystemDialogContent .widgetListContainer {
  height: calc(100% - 5em);
  padding: 0 1.25em 1.5em;
  overflow-y: auto;
}
.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.625em;
  margin-top: 0.625em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}
.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
}
.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .widgetItemIcon {
  width: 1.5em;
  height: 1.5em;
  margin-right: 10px;
}
.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .widgetLabel .title {
  display: flex;
  align-items: center;
}
.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .widgetLabel .title h2 {
  padding-right: 5px;
  font-size: 1.3em;
}
.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .widgetLabel .title .status {
  font-size: 0.75rem;
  color: #FFFFFF;
}
.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .widgetLabel .author {
  font-size: inherit;
  opacity: 0.5;
}
.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetItem .addWidgetButton {
  height: 1.875em;
  margin-bottom: 5px;
  margin-left: auto;
}
.widgetSystem .widgetSystemDialogContent .widgetListContainer .widgetItemContainer .widgetDescription {
  font-size: inherit;
  white-space: pre-wrap;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/AccessibilityCenter/Style/accessibilityCenter.style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.accessibilityCenter .accessibilityCenterContent {
  padding: 24px 0;
}
.accessibilityCenter .accessibilityCenterContent .themes,
.accessibilityCenter .accessibilityCenterContent .accessibilityTools,
.accessibilityCenter .accessibilityCenterContent .feedback {
  margin-right: 24px;
  margin-left: 24px;
}
.accessibilityCenter .accessibilityCenterContent .themes .rowContainer,
.accessibilityCenter .accessibilityCenterContent .accessibilityTools .rowContainer,
.accessibilityCenter .accessibilityCenterContent .feedback .rowContainer {
  margin-bottom: 15px;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer {
  display: flex;
  justify-content: space-between;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer label.Mui-disabled {
  opacity: 0.7;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .selectedTab {
  position: relative;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .selectedTab::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #000;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .MuiFormControlLabel-root {
  justify-content: center;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .MuiFormControlLabel-root.Mui-disabled {
  pointer-events: none;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .lightTab,
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .darkTab,
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .highContrastTab {
  flex-grow: 1;
  flex-basis: 0;
  justify-content: center;
  height: 40px;
  min-height: 40px;
  padding: 0;
  margin: 0 6px 10px;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .lightTab .MuiRadio-root,
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .darkTab .MuiRadio-root,
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .highContrastTab .MuiRadio-root {
  display: none;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .lightTab .MuiTypography-root,
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .darkTab .MuiTypography-root,
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .highContrastTab .MuiTypography-root {
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .lightTab {
  background-color: #f5f5f5;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .lightTab .MuiTypography-root {
  color: #1f2532;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .darkTab {
  color: #ffffff;
  background-color: #2a303c;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .highContrastTab, .accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .highContrastTab .Mui-disabled {
  color: #1AEBFF;
  background-color: #1f2532;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .lightTab::after {
  background-color: #005092;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .darkTab::after {
  background-color: #90caf9;
}
.accessibilityCenter .accessibilityCenterContent .themes .themesTabsContainer .highContrastTab::after {
  background-color: #1AEBFF;
}
.accessibilityCenter .accessibilityCenterContent .description {
  font-size: 0.75rem;
}
.accessibilityCenter .accessibilityCenterContent h2 {
  margin-bottom: 15px;
  font-size: 1.17em;
}
.accessibilityCenter .accessibilityCenterContent .rowContainer {
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
}
.accessibilityCenter .accessibilityCenterContent .accessibilityTools .accessibilityToolsDivider {
  margin-bottom: 1rem;
}
.accessibilityCenter .accessibilityCenterContent .accessibilityTools .MuiTypography-root {
  line-height: 1.2;
}
.accessibilityCenter .accessibilityCenterContent .accessibilityTools .switch {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-left: 0;
}
.accessibilityCenter .accessibilityCenterContent .accessibilityTools .switch .MuiSwitch-switchBase.Mui-focusVisible .MuiSwitch-thumb {
  box-shadow: 0px 1.5px 2px 0.5px rgba(0, 0, 0, 0.3);
}
.accessibilityCenter .accessibilityCenterContent h3 {
  font-size: 0.83em;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/KeyboardShortcuts/Dialog/Style/keyboardShortcuts.style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.keyboardShortcutsDialog .MuiDialogContent-root {
  display: flex;
  height: 30rem;
  padding: 0;
}
.keyboardShortcutsDialog .MuiDialogContent-root .shortcutSections {
  flex-shrink: 0;
  min-width: 11.25rem;
}
.keyboardShortcutsDialog .MuiDialogContent-root .shortcutSections .shortcutGroupButton {
  align-items: flex-start;
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
}
.keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent {
  flex-grow: inherit;
  overflow: auto;
}
.keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent .shortcutGroup {
  padding-top: 8px;
}
.keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent .shortcutGroup .shortcutGroupTitle {
  padding: 10px 20px;
  font-size: 0.9rem;
  font-weight: 600;
}
.keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent .shortcutGroup ul {
  padding: 0;
}
.keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent .shortcutGroup .shortcutListItemText {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 40px 7px 20px;
  font-size: 0.8rem;
}
.keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent .shortcutGroup .shortcutListItemText .shortcutsTitles {
  max-width: 65%;
}
.keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent .shortcutGroup .shortcutListItemText .shortcutsItems {
  font-size: 1rem;
}
.keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent .shortcutGroup .shortcutListItemText .shortcutsKeys {
  max-width: 30%;
  text-align: end;
  white-space: pre-wrap;
}
@media screen and (max-width: 480px) {
  .keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent .shortcutGroup .shortcutListItemText {
    flex-direction: column;
    padding: unset;
  }
  .keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent .shortcutGroup .shortcutListItemText .shortcutsTitles {
    max-width: 90%;
  }
  .keyboardShortcutsDialog .MuiDialogContent-root .shortcutContent .shortcutGroup .shortcutListItemText .shortcutsKeys {
    max-width: unset;
    text-align: center;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/CardDesigner/View/Components/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.dialogHeaderText {
  flex-grow: 1 !important;
  padding: 0;
}

.MuiDialogContent-root.cardDesignerContent {
  display: flex;
  flex-direction: column;
}

.fullHeight {
  height: 100%; /* Full height grid */
}

.fullWidth {
  width: 100%; /* Full width */
}

.boldText, .boldText p {
  font-weight: bold;
}

.cardDesignerSidebarFieldsRow {
  padding: 8px 24px;
  overflow-y: auto;
}

.cardDesignerSectionHeader {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 24px;
}

.actionButtons {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.cardDesignerAccordion {
  width: 100%;
}
.cardDesignerAccordion:has(.Mui-expanded) {
  min-height: 90px;
}
.cardDesignerAccordion .cardDesignerAccordionHeaderContainer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.cardDesignerAccordion .cardDesignerAccordionHeaderContainer .actionButtons {
  position: absolute;
  right: 40px;
}
.cardDesignerAccordion .cardDesignerAccordionHeaderContainer .cardDesignerAccordionHeader {
  min-height: 0;
  max-height: 40px;
}
.cardDesignerAccordion .cardDesignerAccordionHeaderContainer .cardDesignerAccordionGrabber {
  cursor: grab;
}
.cardDesignerAccordion .cardDesignerAccordionHeaderContainer .cardDesignerAccordionGrabber:active {
  cursor: grabbing;
}
.cardDesignerAccordion .cardDesignerAccordionHeaderContainer .cardDesignerAccordionGrabber .cardDesignerAccordionPointer {
  cursor: pointer;
}
.cardDesignerAccordion .cardDesignerAccordionDetails {
  padding: 0 8px 8px;
  cursor: auto;
}
.cardDesignerAccordion .cardDesignerAccordionDetails .cardDesignerList > *:first-child {
  margin-top: 0;
}

.cardDesignerAccordionHeaderContainer {
  font-weight: 600 !important;
}

.cardDesignerDraggableInnerDiv {
  padding: 8px;
  cursor: grab;
  border-radius: 5px;
}
.cardDesignerDraggableInnerDiv:active {
  cursor: grabbing;
}
.cardDesignerDraggableInnerDiv.disabled, .cardDesignerDraggableInnerDiv.disabled:active {
  cursor: auto;
}
.cardDesignerDraggableInnerDiv.disabled {
  opacity: 0.5;
}

.cardDesignerFieldItem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 24px;
}
.cardDesignerFieldItem .cardDesignerFieldItemIcons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cardDesignerFieldItem .fieldLabel {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cardDesignerFieldItem .fieldLabel.drawnFieldLabel {
  display: flex;
}
.cardDesignerFieldItem .fieldLabel.drawnFieldLabel p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fieldDisplayModeIcon {
  margin-right: 5px;
}

.fieldLabel {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.cardDesignerLineItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 24px;
}
.cardDesignerLineItem hr {
  width: 100%;
  border-width: thin;
}
.cardDesignerLineItem:hover hr {
  width: calc(100% - 30px);
}

.cardDesignerItem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.cardDesignerFieldIcon {
  margin-right: 8px;
}

.cardDesignerFieldEditButton {
  margin-left: 4px;
}

.cardDesignerAddTabButton {
  margin-right: 10px;
}

.cardDesignerLayoutArea {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 8px;
  box-shadow: none;
}
.cardDesignerLayoutArea .cardDesignerList {
  height: 100%;
}
.cardDesignerLayoutArea .cardDesignerItem {
  margin-top: 8px;
}
.cardDesignerLayoutArea .cardDesignerItem:first-child {
  margin-top: 12px;
}

.cardDesignerTable {
  cursor: grab;
}
.cardDesignerTable:active {
  cursor: grabbing;
}
.cardDesignerTable .cardDesignerTableCell {
  position: relative;
  min-width: 120px;
  height: 60px;
  padding: 8px;
}
.cardDesignerTable .cardDesignerTableCell .borderHoverArea {
  position: absolute;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
  transition: background-color 0.15s ease-out;
}
.cardDesignerTable .cardDesignerTableCell .borderHoverArea.top {
  top: -1px;
  right: 0;
  left: 0;
  height: 5px;
}
.cardDesignerTable .cardDesignerTableCell .borderHoverArea.bottom {
  right: 0;
  bottom: -2px;
  left: 0;
  height: 5px;
}
.cardDesignerTable .cardDesignerTableCell .borderHoverArea.left {
  top: 0;
  bottom: 0;
  left: -1px;
  width: 5px;
}
.cardDesignerTable .cardDesignerTableCell .borderHoverArea.right {
  top: 0;
  right: -2px;
  bottom: 0;
  width: 5px;
}
.cardDesignerTable .cardDesignerTableCell .borderLine {
  position: absolute;
}
.cardDesignerTable .cardDesignerTableCell .borderLine.top {
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
}
.cardDesignerTable .cardDesignerTableCell .borderLine.bottom {
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
}
.cardDesignerTable .cardDesignerTableCell .borderLine.left {
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
}
.cardDesignerTable .cardDesignerTableCell .borderLine.right {
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
}
.cardDesignerTable .cardDesignerTableCell .droppableContainerPlaceholder {
  padding: 0 5px;
  font-weight: normal;
}
.cardDesignerTable .cardDesignerTableCell .cardDesignerItem {
  min-width: 102px;
}

.cardDesignerItemNoPadding {
  padding: 0;
}

.cardDesignerSidebarItem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 42px;
  padding: 8px;
  margin-bottom: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cardDesignerSidebarItem p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.actionButtonVisibilityZone .actionButtons {
  display: none;
}

.actionButtonVisibilityZone:hover .actionButtons {
  display: flex;
}
.actionButtonVisibilityZone:hover .fieldDisplayModeIcon {
  display: none;
}

.actionButton {
  height: 24px;
}

.cardDesignerMainColumn {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: hidden;
}

.cardDesignerMainColumnLayoutRow {
  padding: 16px;
}

.cardDesignerMainColumnTabsRow {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-direction: column;
  overflow-y: auto;
}

.cardDesignerMainColumnGroupsRow {
  max-height: 65px;
  padding: 16px;
}

.cardDesignerSidebar {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow: hidden;
}

.cardDesignerSidebarDivider {
  margin: 0 24px;
  opacity: 0.5;
}

.cardDesignerSidebarTitleRow {
  display: flex;
  justify-content: space-between;
  padding: 20px 24px 0px 24px;
}

.titleRowWithActions {
  padding-top: 12px;
}

.fieldDisplayModeBtn {
  position: relative;
  padding: 14px;
}
.fieldDisplayModeBtn .fieldDisplayModeIcon {
  position: absolute;
  z-index: 1;
}
.fieldDisplayModeBtn .fieldDisplayModeStateIndicator {
  position: absolute;
  top: 0.9rem;
  left: 1rem;
  z-index: 2;
  width: 0.6rem;
  height: 0.6rem;
  padding: 0;
  border-radius: 0.5rem;
}

.cardDesignerSidebarSearchRow {
  padding: 8px 28px;
}

.cardDesignerSidebarFixedRow {
  display: flex;
  padding: 0 24px;
}
.cardDesignerSidebarFixedRow .cardDesignerList {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: wrap;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow-y: auto;
}
.cardDesignerSidebarFixedRow .cardDesignerSidebarItem {
  flex: 1;
}

.structureRow .cardDesignerSidebarItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.elementsRow .cardDesignerSidebarItem {
  box-sizing: border-box;
  flex: 0 0 calc(50% - 3px);
}

.cardDesignerIconButtons {
  width: 36px;
  height: 36px;
}

.cardDesignerMainGrid {
  flex: 1;
  overflow: hidden;
}

.cardDesignerHeadline {
  align-content: center;
  font-size: 16px;
  font-weight: 600;
}

.cardDesignerSubtitle {
  font-size: 12px;
}

.cardDesignerMobileFieldBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cardDesignerMobileFieldBox > * {
  width: 90%;
}

.cardDesignerTabPanel {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow-y: auto;
}

.cardDesignerOldDesignContainer {
  padding: 0 20px;
  margin-bottom: 8px;
}
.cardDesignerOldDesignContainer .cardDesignerOldDesignCustomGroup {
  display: flex;
  flex-direction: column;
  align-items: start;
  height: auto;
  padding: 8px;
  margin-top: 16px;
  border-radius: 5px;
  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.01), 0 10px 10px rgba(0, 0, 0, 0.01), 0px -5px 25px rgba(0, 0, 0, 0.001);
}
.cardDesignerOldDesignContainer .warningIcon {
  font-size: 1.5rem;
}
.cardDesignerOldDesignContainer .cardFieldCustomGroup {
  padding: 0 8px;
  margin-top: 6px;
}

.cardDesignerItemProperty {
  margin-bottom: 16px;
}
.cardDesignerItemProperty.firstInline {
  margin-right: 12px;
}

.cardDesignerCanvas {
  height: 100%;
  padding: 16px 20px;
}

.cardDesignerDraggableSection {
  display: flex;
  flex-direction: column;
  align-items: start;
  height: auto;
  padding-bottom: 24px;
  margin-bottom: 16px;
  border-radius: 5px;
  box-shadow: 0 14px 14px rgba(0, 0, 0, 0.01), 0 10px 10px rgba(0, 0, 0, 0.01), 0px -5px 25px rgba(0, 0, 0, 0.001);
}

.cardDesignerSectionGrid {
  width: 100%;
}

.droppableContainerPlaceholder {
  font-size: 0.9rem;
  text-align: center;
  opacity: 0.5;
}
.droppableContainerPlaceholder.centerPlacement {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.droppableContainerPlaceholder.topPlacement {
  padding: 45px 0;
}

.cardDesignerLayoutDelete {
  width: 48px;
  height: 48px;
}

.cardDesignerDraggableTab {
  min-height: 52px;
  max-height: 52px;
  padding: 12px 16px;
  font-size: 14px;
  letter-spacing: 0.02857em;
  cursor: grab;
}
.cardDesignerDraggableTab:active {
  cursor: grabbing;
}

.cardDesignerRangeTabText {
  display: flex;
  align-items: center;
  min-height: 28px;
  white-space: nowrap;
}

.dragOverlay {
  cursor: grabbing;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Print/Dialogs/PrintDialog/Components/Styles/PrintCard.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.printAdvancedFormControl {
  width: 100%;
}

.printAdvancedSettingsFields {
  margin: 24px 10px;
}

.dmsLinkContainer {
  text-align: center;
}

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

.previewDialogContainer {
  width: 600px;
  height: 600px;
}

.printFormButtonsIcon {
  width: 21px;
  height: 21px;
  margin-right: 14px;
}

.printFormIsStandardIconMargin {
  margin-right: 10px;
}

.printFormIsStandardIcon {
  width: 24px;
  height: 24px;
}

.disabledIcon {
  opacity: 0.38;
}

.formsSelection .MuiSelect-select {
  margin-right: -28px;
}

.formTemplateContainer {
  display: flex;
  flex-basis: 100%;
}

.formTypeIcon {
  width: 24px;
  height: 24px;
  margin-right: 0.5em;
}

.formValidationIcon {
  width: 24px;
  height: 24px;
  margin-left: auto;
}

.printSettingsErrorText {
  color: #ed6c02;
}

.arrowDropDownIcon:hover {
  color: inherit;
  background-color: inherit;
}

.arrowDropDownIcon:focus {
  outline: inherit !important;
  outline-offset: inherit !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Print/Dialogs/PrintFormEditDialog/Components/styles/printFormEdit.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.printFormEditDialog .printFormEditDialogContent {
  display: flex;
  flex-direction: column;
  min-width: 1250px;
  min-height: 800px;
  padding: 0;
}
.printFormEditDialog .printFormEditDialogContent .printFormEditDialogContainer {
  height: 100%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Print/Dialogs/PrintDataSourceDialog/Components/styles/PrintDataSource.style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************/
@media screen and (max-width: 720px) {
  .printDataSourceDialog .MuiDialog-paper {
    max-height: -webkit-fill-available !important;
  }
}
.printDataSourceDialog .printDataSourceDialogContent {
  overflow-y: hidden;
}
.printDataSourceDialog .printDataSourceDialogContent .printDataSourceDialogBox {
  width: 100%;
  height: 100%;
  max-height: 90%;
  padding: 16px;
  overflow: auto;
}
.printDataSourceDialog .printDataSourceDialogContent .printDataSourceDialogBox .visuallyHidden {
  display: none;
}
.printDataSourceDialog .printDataSourceDialogContent .dataSourcePropButtonCb {
  align-self: flex-start;
  margin-top: -8px;
}
.printDataSourceDialog .printDataSourceDialogContent .dataSourcePropButtonDesc {
  font-size: 0.75rem;
  font-style: italic;
}
.printDataSourceDialog .printDataSourceDialogContent .dataSourcePropButtonLabel {
  padding-top: 2px;
  font-size: 0.875rem;
  font-weight: 600;
}
.printDataSourceDialog .printDataSourceDialogContent .divider-hitbox {
  z-index: 999;
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 9px;
  padding: 0 0;
  cursor: col-resize;
}
.printDataSourceDialog .printDataSourceDialogContent .divider {
  width: 1px;
  height: 100%;
  margin: 0 4px;
  background-color: #c9c9c9;
}
.printDataSourceDialog .printDataSourceDialogContent .rightPane {
  flex: 1 1 0;
  height: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow: hidden;
  box-shadow: none;
}
.printDataSourceDialog .printDataSourceDialogContent .splitView {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}
.printDataSourceDialog .printDataSourceDialogContent .transactionList {
  width: 0;
  margin-right: -4px;
  overflow-x: clip;
  border: none;
  transition: width 500ms;
}
.printDataSourceDialog .printDataSourceDialogContent .transactionList.noTransition {
  transition: none;
}
.printDataSourceDialog .printDataSourceDialogContent .transactionList.showTransactionList {
  width: 300px;
  min-width: 100px;
  overflow: auto;
}
.printDataSourceDialog .printDataSourceDialogContent .transactionList + .divider-hitbox {
  display: none;
}
.printDataSourceDialog .printDataSourceDialogContent .transactionList.showTransactionList + .divider-hitbox {
  display: flex;
  box-shadow: none;
}
.printDataSourceDialog .printDataSourceDialogContent .defInfosGridGroupCell {
  overflow: visible !important;
  font-weight: 600;
}
.printDataSourceDialog .printDataSourceDialogContent .defInfosGridGroupCell .groupHeaderName {
  display: inline;
  font-size: 14px;
  font-weight: 600;
}
.printDataSourceDialog .printDataSourceDialogContent .MuiDataGrid-cell:focus {
  outline: none !important;
}
.printDataSourceDialog .printDataSourceDialogContent .MuiDataGrid-cell:focus-within {
  outline: none !important;
}
.printDataSourceDialog .printDataSourceDialogContent .wrapperMuiDataGrid {
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 8px;
}
.printDataSourceDialog .printDataSourceDialogContent .MuiDataGrid-columnHeaders {
  overflow: unset;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Print/Dialogs/PrintFormDetailsDialog/Components/styles/PrintFormDetails.style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.printFormDetailsDialog .printFormDetailsDialogContent {
  display: flex;
  flex-direction: column;
  min-width: 25em;
  padding: 0.5em 1em 1em 1em;
}
.printFormDetailsDialog .printFormDetailsDialogContent .printFormDetailsDialogField,
.printFormDetailsDialog .printFormDetailsDialogContent .printFormDetailsDialogSelect {
  margin-top: 1em;
}
@media screen and (max-width: 720px) {
  .printFormDetailsDialog .printFormDetailsDialogContent {
    min-width: unset;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Selection/Dialogs/Style/selectionDialogs.style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.dateTimeFilterDialog .advancedSettingsAccordionRoot::before {
  background: none;
}
.dateTimeFilterDialog .advancedSettingsAccordionSummaryRoot {
  flex-direction: row-reverse;
  min-height: auto;
  padding: 0px;
  margin: 0px;
}
.dateTimeFilterDialog .advancedSettingsAccordionSummaryContent {
  padding: 0px;
  margin: 0px;
}

.configureSelectionComponentDialog .multiLangSelect .MuiSelect-select {
  padding-top: 0;
  padding-bottom: 0;
}
.configureSelectionComponentDialog .multiLangSelect .MuiOutlinedInput-notchedOutline {
  border: unset;
}
.configureSelectionComponentDialog .selectionTypeSelector {
  margin-top: 10px;
}

.selectionTypeSelectorItem {
  display: flex;
  padding-left: 5px;
}
.selectionTypeSelectorItem .selectionTypeSelectorItemImg {
  width: 19px;
  height: 24px;
  margin-right: 7px;
}

.selectionTypeSelectorSubHeader {
  padding-top: 10px;
}
.selectionTypeSelectorSubHeader .selectionTypeSelectorSubHeaderContent {
  font-weight: bold;
}

.multiLangSelectMenu .MuiList-root {
  display: flex;
  flex-wrap: wrap;
  width: 16rem;
  max-height: 15rem;
  padding: unset;
  overflow: auto;
}
.multiLangSelectMenu .MuiList-root .MuiMenuItem-root {
  padding: unset;
}

.selectionRulePickerDialog .selectionRulePickerDialogContentContainer {
  display: flex;
  height: calc(100% - 50px);
}
.selectionRulePickerDialog .selectionRulePickerDialogContentContainer .selectionRulePickerDialogTreeViewContainer {
  width: 50%;
  height: 100%;
  padding: 10px;
  overflow: auto;
}
.selectionRulePickerDialog .selectionRulePickerDialogContentContainer .selectionRulePickerDialogDescriptionContainer {
  width: 50%;
  height: 100%;
  padding: 10px;
  overflow: auto;
}
.selectionRulePickerDialog .selectionRulePickerDialogContentContainer .selectionRulePickerDialogTreeItem {
  display: flex;
}
.selectionRulePickerDialog .selectionRulePickerDialogContentContainer .selectionRulePickerDialogTreeItem .selectionRulePickerDialogTreeItemIcon {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  vertical-align: middle;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Wizard/View/Components/Style/wizard.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.wizardSelectTableFieldDialog {
  min-width: 400px;
}

.wizardBoolYesNoNullMenuItem {
  min-height: 35px;
}

.hiddenWizardWrapper {
  display: none;
}

.wizardHiddenElement {
  display: none;
}

.wizardBackdrop {
  position: absolute;
  z-index: 1300;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

.wizardCatalogInputFieldOption.MuiAutocomplete-option {
  flex-direction: column;
  align-items: initial;
  padding: 5px 8px;
}
.wizardCatalogInputFieldOption.MuiAutocomplete-option.wizardCatalogInputFieldOptionKeyboardMode {
  border: 2px solid transparent;
}
.wizardCatalogInputFieldOption.MuiAutocomplete-option .wizardCatalogInputFieldOptionHeader {
  min-height: 24px;
  font-weight: 600;
}
.wizardCatalogInputFieldOption.MuiAutocomplete-option .wizardCatalogInputFieldOptionOverflowEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wizardCatalogInputFieldOption.MuiAutocomplete-option .wizardCatalogInputFieldDescription {
  min-height: 19px;
  font-size: 0.8em;
}

.wizardFieldMultiSelectorPopover {
  min-width: 200px;
  max-height: 600px;
  padding: 5px;
  margin-top: 3px;
}
.wizardFieldMultiSelectorPopover .wizardFieldMultiSelectorOptionHeader {
  flex-grow: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.wizardFieldMultiSelectorPopover .wizardFieldMultiSelectorLowerLevelButton {
  margin-left: auto;
}
.wizardFieldMultiSelectorPopover .wizardFieldMultiSelectorUpperLevelButton {
  margin-right: 2px;
}

.wizardWrapper .border-bottom {
  border-bottom: 1px solid #bbdceb;
}
.wizardWrapper .wizardHeaderToolBar {
  padding-left: 16px;
}
.wizardWrapper .wizardHeaderToolBar .wizardHeaderContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-right: 20px;
}
.wizardWrapper .wizardHeaderToolBar .wizardHeaderContainer .wizardHeader {
  font-size: 1rem;
  font-weight: bold;
}
.wizardWrapper .wizardHeaderToolBar .wizardHeaderContainer .wizardDescription {
  font-size: 0.875rem;
  font-weight: normal;
}
.wizardWrapper .editTags .editTagsContentContainer {
  height: auto;
}
.wizardWrapper .wizardInputRow {
  display: flex;
  flex-flow: column;
}
.wizardWrapper .wizardInputRow .wizardInputRowDescription {
  padding: 15px 0 0;
  font-size: 1.1em;
}
.wizardWrapper .wizardInputRow .wizardInputRowChildrenContainer {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: start;
}
.wizardWrapper .wizardInputRow .wizardInputRowChildrenContainer .wizardInputLine .wizardInputContainer .wizardBoolFieldContainer .wizardBoolYesNo {
  min-width: 0;
  height: 2.3rem;
  margin-top: 2px;
  margin-left: 0;
}
.wizardWrapper .wizardInputRow .wizardInputRowChildrenContainer .wizardInputLine .wizardInputContainer .wizardBoolFieldContainer .wizardBoolCheckBox {
  height: 2.3rem;
  margin-bottom: 2px;
}
@media (max-width: 600px) {
  .wizardWrapper .wizardInputRow .wizardInputRowChildrenContainer {
    display: block;
  }
}
.wizardWrapper .wizardInputBox {
  display: block;
  width: var(--width);
  min-width: 0;
}
.wizardWrapper .wizardHiddenInputBox {
  display: none;
}
@media (max-width: 600px) {
  .wizardWrapper .wizardInputBox {
    width: 100%;
  }
}
.wizardWrapper .wizardStep .wizardStepLabelContainer {
  display: flex;
}
.wizardWrapper .wizardStep .wizardStepLabelContainer .wizardStepIcon {
  cursor: pointer;
}
.wizardWrapper .wizardStep .wizardStepLabelContainer .oneStepWizardStepHeaderContainer {
  padding-left: 12px;
}
.wizardWrapper .wizardStep .wizardStepLabelContainer .wizardStepHeaderContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wizardWrapper .wizardStep .wizardStepLabelContainer .wizardStepHeaderContainer .wizardStepHeader {
  font-size: 0.875rem;
  font-weight: normal;
}
.wizardWrapper .wizardStep .wizardStepLabelContainer .wizardStepHeaderContainer .wizardCurrentStepHeader {
  font-size: 0.875rem;
  font-weight: bold;
}
.wizardWrapper .wizardStep .wizardStepLabelContainer .wizardStepHeaderContainer .wizardStepDescription {
  font-size: 0.75rem;
  font-weight: normal;
  white-space: break-spaces;
}
.wizardWrapper .wizardStep .oneStepWizardStepContent {
  padding-left: 0;
}
.wizardWrapper .wizardHiddenInputRow {
  display: none;
}
.wizardWrapper .wizardAddSnippetButton {
  align-self: end;
}
.wizardWrapper .wizardSnippetExpander {
  margin-bottom: 10px;
}
.wizardWrapper .wizardSnippetExpander .wizardSnippetHeaderContainer {
  padding: 0 5px;
  cursor: default;
}
.wizardWrapper .wizardSnippetExpander .wizardSnippetHeaderContainer .MuiAccordionSummary-content {
  justify-content: space-between;
}
.wizardWrapper .wizardSnippetExpander .wizardSnippetHeaderContainer .wizardSnippetHeader {
  display: flex;
  align-items: center;
}
.wizardWrapper .wizardSnippetExpander .wizardSnippetHeaderContainer .wizardSnippetTitle {
  font-size: 0.875rem;
  font-weight: bold;
}
.wizardWrapper .wizardSnippetExpander .wizardSnippetHeaderContainer .wizardSnippetDescription {
  font-size: 0.75rem;
  white-space: break-spaces;
}
.wizardWrapper .wizardSnippetExpander .wizardSnippetHeaderContainer .wizardSnippetIcon {
  margin-right: 5px;
}
.wizardWrapper .wizardSnippetExpander .wizardSnippetHeaderContainer .wizardSnippetReorderIcon {
  margin-right: 5px;
  cursor: grab;
}
.wizardWrapper .wizardSnippetExpander .wizardSnippetHeaderContainer .wizardSnippetDeleteButton {
  align-self: center;
}
.wizardWrapper .wizardInputLine {
  box-sizing: border-box;
  flex-wrap: wrap;
}
.wizardWrapper .wizardInputLine .wizardInputDescription {
  display: flex;
  align-items: flex-end;
  padding: 0.4rem;
  overflow: hidden;
  text-overflow: clip;
  font-size: 1.1em;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .tableFieldInputGroup .tableFieldInputGroupAddFieldInputButtonContainer {
  display: flex;
  justify-content: flex-end;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .tableFieldInputGroup .tableFieldInputGroupChildrenContainer {
  min-height: 25px;
  margin-left: 10px;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .tableFieldInputGroup .tableFieldInputGroupChildrenContainer .tableFieldInputGroupChildContainer {
  display: flex;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .tableFieldInputGroup .tableFieldInputGroupChildrenContainer .tableFieldInputGroupChildContainer .tableFieldInputGroupInputField {
  flex: 100%;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .tableFieldInputGroup .tableFieldInputGroupChildrenContainer .tableFieldInputGroupChildContainer .tableFieldInputGroupDeleteFieldInputContainer {
  flex: 1;
  align-self: end;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .tableFieldInputGroup .tableFieldInputGroupChildrenContainer .tableFieldInputGroupChildContainer .tableFieldInputGroupDeleteFieldInputButton {
  margin-left: 5px;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .wizardBoolFieldContainer {
  display: flex;
  align-items: center;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .wizardBoolFieldContainer .wizardBoolFieldInputDescription {
  display: block;
  padding: 0.4rem 0.5rem 0.4rem 0;
  overflow: hidden;
  text-overflow: clip;
  font-size: 1.1em;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .wizardCustomTupleMultiInput {
  display: grid;
  grid-template-columns: auto 40px;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .wizardCustomTupleMultiInput .wizardMultiSelectorTagsContainer {
  grid-column-start: 1;
  margin-top: 5px;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .wizardCustomTupleMultiInput .wizardAddCustomTupleButton {
  grid-column-start: 2;
  height: -moz-fit-content;
  height: fit-content;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .wizardFileInput .wizardFileInputFileInfo {
  align-items: center;
  margin-top: 0;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .wizardRadioButtonGroup .wizardRadioButtonGroupButtonLabel {
  width: -moz-fit-content;
  width: fit-content;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .wizardMultiSelectorTagsContainer .wizardMultiSelectorTag {
  margin: 3px;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .k-dropdown-wrap, .wizardWrapper .wizardInputLine .wizardInputContainer .k-datepicker-wrap, .wizardWrapper .wizardInputLine .wizardInputContainer input, .wizardWrapper .wizardInputLine .wizardInputContainer textarea {
  padding: 0.4rem;
}
.wizardWrapper .wizardInputLine .wizardInputContainer input, .wizardWrapper .wizardInputLine .wizardInputContainer textarea {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 2px;
  border-radius: 0.3em;
}
.wizardWrapper .wizardInputLine .wizardInputContainer input[type=text] {
  height: 2.3rem;
  padding-left: 6px;
}
.wizardWrapper .wizardInputLine .wizardInputContainer input[type=password] {
  height: 2.3rem;
}
.wizardWrapper .wizardInputLine .wizardInputContainer input[type=password]::-ms-reveal {
  display: none;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .fieldButtons {
  top: 0.3em;
}
.wizardWrapper .wizardInputLine .wizardInputContainer .dropDownSelector {
  height: 2.3rem;
}
.wizardWrapper .wizardInputLine .lhdialogRadioButtonContainer {
  display: flex;
  flex-direction: row;
  padding: 0.4rem;
}
.wizardWrapper .wizardInputLine .lhdialogRadioButtonContainer input.lhdialogRadioButton {
  width: auto;
}
.wizardWrapper .wizardInputLine .lhdialogRadioButtonContainer label.lhdialogRadioButtonLabel {
  align-self: center;
  width: auto;
  padding-left: 0.4rem;
}
.wizardWrapper .wizardInputLine .lhdialogBoolContainer {
  display: flex;
  flex-direction: row;
  padding-top: 0.4rem;
  padding-bottom: 0.1rem;
}
.wizardWrapper .wizardInputLine .lhdialogBoolContainer input.bool {
  width: auto;
}
.wizardWrapper .wizardInputLine .lhdialogBoolContainer label.lhdialogBoolLabel {
  align-self: center;
  width: auto;
  padding-left: 0.4rem;
}
.wizardWrapper .wizardInputLine .wizardAutocompleteInput {
  padding-top: 0;
  padding-bottom: 0;
}
.wizardWrapper .wizardInputLine .wizardRecordSearchInputContainer .MuiAutocomplete-inputRoot {
  flex-wrap: nowrap;
}
.wizardWrapper .wizardInputLine .wizardDropDownListInput {
  display: flex;
  align-items: center;
  height: 2.3rem;
  padding-top: 0;
  padding-bottom: 2px;
  padding-left: 6px;
}
.wizardWrapper .wizardInputLine .wizardTableSelector {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.wizardWrapper .wizardInputLine .wizardTableSelector .wizardTableSelectorSelectedItemIcon {
  align-self: center;
  min-width: 25px;
}
.wizardWrapper .wizardInputLine span.k-picker-wrap > span.k-select {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.wizardWrapper .wizardOutputLine {
  box-sizing: border-box;
  flex-wrap: wrap;
}
.wizardWrapper .wizardOutputLine .wizardProgressBarDescription {
  display: block;
  padding: 0.4rem;
  overflow: hidden;
  text-overflow: clip;
  font-size: 1.1em;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.wizardWrapper .wizardOutputLine .wizardProgressBarContainer {
  min-height: 40px;
}
.wizardWrapper .wizardOutputLine .wizardProgressBarContainer .wizardProgressBarImage {
  margin-left: 10px;
}
.wizardWrapper .wizardOutputLine .wizardProgressBarContainer .wizardLinearProgressContainer {
  align-content: center;
}
.wizardWrapper .wizardIndicatorContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 1em;
}
.wizardWrapper .wizardIndicatorContainer.hidden {
  display: none;
}
.wizardWrapper .wizardIndicatorContainer.hasLabels {
  justify-content: space-around;
}
.wizardWrapper .wizardIndicatorContainer.hasLabels .lhDialogDialogIndicator {
  margin-bottom: 1rem;
}
.wizardWrapper .wizardIndicatorContainer.hasLabels .lhDialogDialogIndicator .label {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  font-size: 1.2rem;
  white-space: nowrap;
  opacity: 0.5;
  transform: translate(-50%, 150%);
}
.wizardWrapper .wizardIndicatorContainer.hasLabels .lhDialogDialogIndicator.active .label {
  opacity: 1;
}
.wizardWrapper .lhDialogDialogIndicator {
  width: 12px;
  height: 12px;
  margin: 0 1.5em 0 1.5em;
  background-color: #34667b;
  border-radius: 50%;
  transform: scale(0.5);
}
.wizardWrapper .lhDialogDialogIndicator .label {
  display: none;
}
.wizardWrapper .lhDialogDialogIndicator.active {
  background-color: #34667b;
  box-shadow: 0 0 0 3px white, 0 0 2px 5px #1c9ad4;
}
.wizardWrapper .lhdialogImageHolder {
  padding: 1rem;
  text-align: center;
}
.wizardWrapper .lhdialogImageHolder > .wizardImage > img {
  height: 100%;
}
.wizardWrapper .lhdialogInfoTitle {
  font-size: 2em;
  text-align: center;
}
.wizardWrapper .lhdialogInfoText {
  padding: 1rem;
  font-size: 1.1em;
}
.wizardWrapper .lhdialogInputs {
  height: inherit;
}
.wizardWrapper .lhdialogInputs .wizardRightAlignedInputBox {
  margin-right: 0;
  margin-left: auto;
}
.wizardWrapper .lhdialogInputs .wizardCenterAlignedInputBox {
  margin-right: auto;
  margin-left: auto;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputDescription {
  padding: 12px 0 0;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .tableSelector {
  display: flex;
  align-items: center;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .image-label {
  transform: initial;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardInputActionButtonsContainer {
  display: flex;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardInputActionButtonsContainer .wizardInputActionButton {
  padding: 4px;
  margin-left: 8px;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardInputActionButton .wizardInputActionButtonIcon {
  width: 0.8em;
  height: 0.8em;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroup {
  flex-flow: row wrap;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroup .wizardComplexRadioButton {
  display: flex;
  width: var(--width);
  max-width: var(--width);
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroup .wizardComplexRadioButton .wizardComplexRadioButtonCheck {
  align-self: center;
  margin-left: -10px;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroup .wizardComplexRadioButton .wizardComplexRadioButtonElementContainer {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
  width: 100%;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroup .wizardComplexRadioButton .wizardComplexRadioButtonElementContainer .wizardElementLine {
  margin-top: 0;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroup .wizardComplexRadioButton .wizardComplexRadioButtonElementContainer .wizardComplexRadioButtonInput {
  width: var(--width);
}
@media (max-width: 600px) {
  .wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroup .wizardComplexRadioButton .wizardComplexRadioButtonElementContainer .wizardComplexRadioButtonInput {
    width: 100%;
  }
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroup .wizardComplexRadioButton .wizardInputLine {
  margin-top: 0;
}
@media (max-width: 600px) {
  .wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroup {
    display: block;
  }
  .wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroup .wizardComplexRadioButton {
    width: 100%;
    max-width: 100%;
  }
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardComplexRadioButtonGroupKeyboardMode .wizardComplexRadioButtonCheck.Mui-focusVisible span {
  outline: 2px solid #ffc000;
  outline-offset: 7px;
  border-radius: 50%;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardBoolInputGroup {
  display: grid;
  grid-template-columns: max-content;
}
@media (max-width: 600px) {
  .wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardBoolInputGroup {
    display: block;
  }
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardBoolYesNo {
  min-width: 100px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 10px;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardBoolSwitch.wizardBoolSwitchIndeterminate .MuiSwitch-switchBase {
  left: 10px;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardBoolSwitch .MuiSwitch-input {
  left: 0;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardBoolInputKeyboardMode .MuiInput-root:focus {
  outline: 2px solid #ffc000;
  outline-offset: -2px;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .wizardInputContainer .wizardBoolInputKeyboardMode .wizardBoolToggle.Mui-focusVisible span {
  outline: 2px solid #ffc000;
  outline-offset: 7px;
  border-radius: 50%;
}
.wizardWrapper .lhdialogInputs .wizardInputLine label.wizardInputMessageLabel {
  margin: 5px 0 0;
}
.wizardWrapper .lhdialogInputs .wizardInputLine .card-kendoDatePicker {
  top: -20px;
}
.wizardWrapper .lhdialogInputs .wizardHiddenActionButtonContainer {
  display: none;
}
.wizardWrapper .lhdialogInputs .wizardActionButtonContainer .wizardActionButton {
  justify-content: start;
  min-height: 70px;
  margin-bottom: 5px;
}
.wizardWrapper .lhdialogInputs .wizardActionButtonContainer .wizardActionButtonContent {
  display: flex;
  align-items: center;
}
.wizardWrapper .lhdialogInputs .wizardActionButtonContainer .wizardActionButtonContent .wizardActionButtonTitle {
  font-size: 0.875rem;
  font-weight: normal;
  line-height: normal;
  text-align: left;
}
.wizardWrapper .lhdialogInputs .wizardActionButtonContainer .wizardActionButtonContent .wizardActionButtonDescription {
  font-size: 0.75rem;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  white-space: break-spaces;
}
.wizardWrapper .lhdialogInputs .wizardActionButtonContainer .wizardActionButtonContent .wizardActionButtonIcon {
  margin-right: 15px;
}
.wizardWrapper .lhdialogInputs .wizardActionButtonContainer .wizardActionButtonContent .wizardActionButtonIcon svg {
  vertical-align: middle;
}
.wizardWrapper .lhdialogInputs .wizardOutputLine .wizardProgressBarDescription {
  padding: 15px 0 0;
}
.wizardWrapper .lhdialogInputs .wizardElementLine {
  box-sizing: border-box;
  flex-wrap: wrap;
  margin-top: 5px;
}
.wizardWrapper .lhdialogInputs .wizardElementLine .wizardTextElement {
  padding-top: 5px;
  padding-bottom: 5px;
  overflow-wrap: normal;
  white-space: pre-wrap;
}
.wizardWrapper .lhdialogInputs .wizardElementLine .wizardHtmlElement {
  font-size: 1rem;
}
.wizardWrapper .lhdialogInputs .wizardElementLine .wizardHtmlElement ul, .wizardWrapper .lhdialogInputs .wizardElementLine .wizardHtmlElement ol, .wizardWrapper .lhdialogInputs .wizardElementLine .wizardHtmlElement li {
  list-style: disc;
}
.wizardWrapper .lhdialogInputs .wizardElementLine .wizardHeaderElement {
  display: flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.wizardWrapper .lhdialogInputs .wizardElementLine .wizardHeaderElement .wizardHeaderElementIcon {
  margin-right: 10px;
}
.wizardWrapper .lhdialogInputs .wizardElementLine .wizardHeaderElement .wizardHeaderElementTitle {
  font-size: 1rem;
}
.wizardWrapper .lhdialogInputs .wizardElementLine .wizardHeaderElement .wizardHeaderElementDescription {
  font-size: 0.75rem;
}
.wizardWrapper .lhdialogInputs .wizardHiddenElementLine {
  display: none;
}
.wizardWrapper .lhdialogInputs .wizardSeparatorLine {
  margin-top: 15px;
  margin-bottom: 15px;
}
.wizardWrapper .lhdialogInputs .wizardSeparatorLine .wizardSeparator {
  border-width: 1px;
}
.wizardWrapper .lhdialogInputs .wizardHiddenSeparatorLine {
  display: none;
}
.wizardWrapper .lhdialogContent .lhdialogHiddenTitle {
  display: none;
}
.wizardWrapper .lhdialogContent .lhdialogDescriptionTitle {
  font-size: 1.5em;
  font-weight: bold;
}
.wizardWrapper .lhdialogContent .lhdialogHiddenDescription {
  display: none;
}
.wizardWrapper .lhdialogContent .lhdialogDescription {
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 1.25em;
  white-space: pre-wrap;
}
.wizardWrapper .lhdialogContent.widget {
  width: 95%;
  margin-top: 8rem;
}
.wizardWrapper .wizardHiddenNavigationButtonContainer {
  display: none;
}
.wizardWrapper .wizardButtonContainer input.k-button {
  margin: 0 10px;
  background-color: #005092;
  border: none;
  border-radius: 4px;
}
.wizardWrapper .wizardButtonContainer input.k-button:hover {
  color: white;
  cursor: pointer;
}
.wizardWrapper .wizardButtonContainer input.k-button:disabled {
  cursor: default;
  opacity: 0.5;
}
.wizardWrapper .mdl-stepper-horizontal-alternative.wizardIndicatorContainer {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.wizardWrapper .autocompleteFixedPosition {
  position: fixed;
  z-index: 101;
}
.wizardWrapper .wizardSelectedTagsHeader {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
}
.wizardWrapper .wizardSelectedTagsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-height: 190px;
  overflow: auto;
}
.wizardWrapper .wizardAvailableTagsHeader {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
}
.wizardWrapper .wizardAvailableTagsHeader .wizardAvailableTagsFilterContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 5.3rem;
}
.wizardWrapper .wizardAvailableTagsHeader .wizardAvailableTagsFilterContainer .filterButtonWrapper {
  align-self: flex-end;
}
.wizardWrapper .wizardAvailableTagsHeader .wizardAvailableTagsFilterContainer .filterButtonWrapper .filterButton {
  position: absolute;
  z-index: 1;
  width: 1rem;
  height: 0.9rem;
}
.wizardWrapper .wizardAvailableTagsHeader .wizardAvailableTagsFilterContainer .filterButtonWrapper .filterButtonStateIcon {
  position: relative;
  top: 0.3rem;
  left: 0.4rem;
  z-index: 2;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.5rem;
}
.wizardWrapper .wizardAvailableTagsWarning {
  margin-bottom: 5px;
  color: rgb(218, 165, 32);
}
.wizardWrapper .wizardAvailableTagsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  overflow: auto;
}
.wizardWrapper .wizardParentTagHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 4px;
  margin-top: 3%;
  font-size: 0.8rem;
  text-align: center;
  background-color: #c6ddf1;
  border-radius: 4px;
}
.wizardWrapper .wizardParentTagHeader .wizardParentTagHeaderContainer {
  flex-grow: 1;
}
.wizardWrapper .wizardParentTagHeader .wizardParentTagHeaderContainer .wizardParentTagPath {
  display: flex;
  justify-content: center;
}
.wizardWrapper .wizardTagsActionButtonContainer {
  align-items: center;
  width: 22px;
  margin-top: 1px;
  margin-left: 1px;
  background-color: rgba(255, 255, 255, 0.4901960784);
}
.wizardWrapper .wizardTagsActionButtonContainer .wizardTagsActionButton {
  margin-left: 3px;
  font-size: 0.9rem;
}
.wizardWrapper .wizardTag {
  margin: 0 0.5% 0.5% 0;
  border-radius: 7px;
}
.wizardWrapper .wizardTag .MuiChip-icon {
  cursor: pointer;
}
.wizardWrapper .wizardTag .MuiChip-deleteIcon {
  order: 2;
}

.wizardNavigationButtonContainer {
  display: flex;
  margin-top: 4em;
}
.wizardNavigationButtonContainer .wizardNavigationButton {
  min-width: 150px;
  margin: 8px 16px 0 0;
}
.wizardNavigationButtonContainer .wizardHiddenNavigationButton {
  display: none;
}

@media (max-width: 600px) {
  .wizardNavigationButtonContainer {
    flex-direction: column;
  }
  .wizardNavigationButtonContainer .wizardNavigationButton {
    margin: 8px 0 0 0;
  }
}
.wizardTabActionsContainer {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 10px;
}

.wizardStepContent {
  height: calc(100% - 140px);
  margin: 25px;
}

.wizardInputsContainer {
  height: inherit;
  overflow: auto;
}

.mdl-card__supporting-text {
  position: fixed;
  z-index: 2;
  width: 100%;
  padding: 0;
  background: white;
}

/* Begin actual mdl-stepper css styles */
.mdl-stepper-horizontal-alternative {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
  position: relative;
  display: table-cell;
  width: 100%;
  padding: 24px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:hover,
.mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
  background-color: rgba(0, 0, 0, 0.06);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:active {
  border-radius: 15%/75%;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:hover .mdl-stepper-circle {
  background-color: #757575;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child .mdl-stepper-bar-right {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circle {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 2em;
  color: white;
  text-align: center;
  background-color: #9E9E9E;
  border-radius: 50%;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active .mdl-stepper-circle {
  background-color: #005092;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title {
  margin-top: 16px;
  font-size: 0.875rem;
  font-weight: normal;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
  color: rgba(0, 0, 0, 0.26);
  text-align: center;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active .mdl-stepper-title {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
  font-size: 0.75rem;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active .mdl-stepper-optional {
  color: rgba(0, 0, 0, 0.54);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 1px solid #BDBDBD;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  right: 0;
  left: 50%;
  margin-left: 20px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left {
  right: 50%;
  left: 0;
  margin-right: 20px;
}

#uxPageContainer .wizardTabPageWrapper {
  box-sizing: border-box;
  height: 100%;
  padding: 0;
}
#uxPageContainer .wizardTabPageWrapper .mdl-stepper-horizontal-alternative.wizardIndicatorContainer.hasLabels {
  padding-bottom: 0;
  margin: 0;
}

.mdl-stepper-step.active .mdl-stepper-title.label {
  font-weight: 700;
}

hr.mat {
  margin-right: 15px;
  margin-bottom: 15px;
  margin-left: 15px;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.card-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-bottom: 2em;
  vertical-align: baseline;
  background: white;
}

#uxPageContainer .wizardButtonContainer {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.lhdialogContent.wizardWrapper.wizardDialogWrapper .lhdialogContent {
  min-height: 50vh;
}

#uxMainPage .wizardWrapper .border-bottom {
  border: none;
}

.lhDialog .wizardWrapper .border-bottom {
  text-align: center;
  border: none;
}

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

.lhInputBoxDialogWrapper .lhdialogInputLine {
  box-sizing: border-box;
}
.lhInputBoxDialogWrapper .lhdialogInputLine input {
  width: auto;
}

/*_____ with icon */
.k-window-title > .lhWizardDialogTitleIconHolder {
  padding-right: 2em;
}

.wizardTabPageWrapper {
  box-sizing: border-box;
  height: 100%;
  padding: 1rem;
}
.wizardTabPageWrapper .lhdialogContent {
  flex: 1 1 100%;
  padding: 0.5rem;
}
.wizardTabPageWrapper .lhdialogContent, .wizardTabPageWrapper .wizardButtonContainer {
  width: 50%;
  min-width: 500px;
  margin: 0 auto;
}
.wizardTabPageWrapper .wizardIndicatorContainer.hasLabels {
  padding-bottom: 2rem;
}
.wizardTabPageWrapper .wizardIndicatorContainer.hasLabels .lhDialogDialogIndicator {
  position: relative;
  flex: 1 1 100%;
  height: 3rem;
  margin: 0;
  background-color: initial;
  border-right: 1px solid #bbdceb;
  border-bottom: 1px solid #bbdceb;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}
.wizardTabPageWrapper .wizardIndicatorContainer.hasLabels .lhDialogDialogIndicator > .label {
  top: 50%;
  bottom: auto;
  left: 50%;
  font-size: 1.1em;
  transform: translate(-50%, -50%);
}
.wizardTabPageWrapper .wizardIndicatorContainer.hasLabels .lhDialogDialogIndicator.active > .label {
  font-weight: bold;
  opacity: 1;
}

/*************************** INPUT FIELDS ******************************/
/****************** may be scoped by kendo colors **********************/
.wizardInputLine .wizardInputMessageContainer {
  display: flex;
}
.wizardInputLine .wizardInputMessageContainer .wizardInputMessageIcon {
  align-self: center;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  margin-right: 3px;
}
.wizardInputLine label.wizardInputMessageLabel {
  display: block;
  margin-left: 0.4rem;
  overflow: hidden;
  font-size: 90%;
  transition: max-height 0.5s, color 0.5s;
}
.wizardInputLine textarea.memo {
  height: auto;
}
.wizardInputLine textarea.memo + label.wizardInputMessageLabel {
  margin-top: -0.2rem;
}
.wizardInputLine label.wizardInputMessageLabel.hidden {
  height: 2em;
  max-height: 0;
  color: transparent;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Wizard/View/Components/Themes/wizardDarkTheme.style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.wizardDarkTheme .MuiStepIcon-root.Mui-completed {
  color: rgba(255, 255, 255, 0.5);
}
.wizardDarkTheme .wizardNavigationButtonContainer .wizardNavigationButtonWithoutAnimation:focus {
  color: #fff;
}
.wizardDarkTheme .wizardFileInputSelectButtonWithoutAnimation:focus {
  color: #fff;
}
.wizardDarkTheme .wizardCatalogInputFieldOption.MuiAutocomplete-option:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.wizardDarkTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Error] {
  color: rgb(254, 109, 98);
}
.wizardDarkTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Warning] {
  color: #ed6c02;
}
.wizardDarkTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Success] {
  color: #008000;
}
.wizardDarkTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Info] {
  color: #2f82ff;
}
.wizardDarkTheme .wizardBoolInputKeyboardMode .wizardBoolCheckbox.Mui-focusVisible,
.wizardDarkTheme .wizardBoolInputKeyboardMode .wizardBoolSwitch span.Mui-focusVisible {
  outline: 2px solid #ffc000;
  outline-offset: -2px;
}
.wizardDarkTheme .wizardRadioButtonGroupKeyboardMode .wizardRadioButtonGroupRadio.Mui-focusVisible span {
  outline: 2px solid #ffc000;
  outline-offset: 7px;
  border-radius: 50%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Wizard/View/Components/Themes/wizardLightTheme.style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.wizardLightTheme .MuiStepIcon-root.Mui-completed {
  color: rgba(0, 0, 0, 0.38);
}
.wizardLightTheme .wizardNavigationButtonContainer .wizardNavigationButtonWithoutAnimation:focus {
  background-color: rgb(0, 80, 146);
}
.wizardLightTheme .wizardFileInputSelectButtonWithoutAnimation:focus {
  background-color: rgb(0, 80, 146);
}
.wizardLightTheme .wizardCatalogInputFieldOption.MuiAutocomplete-option:hover {
  background-color: #d9e9f5;
}
.wizardLightTheme .wizardCatalogInputFieldOption.MuiAutocomplete-option.wizardCatalogInputFieldOptionKeyboardMode.Mui-focused {
  border: 2px solid #003300;
}
.wizardLightTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Error] {
  color: #d50000;
}
.wizardLightTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Warning] {
  color: #ed6c02;
}
.wizardLightTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Success] {
  color: #008000;
}
.wizardLightTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Info] {
  color: #2f82ff;
}
.wizardLightTheme .wizardBoolInputKeyboardMode .wizardBoolCheckbox.Mui-focusVisible,
.wizardLightTheme .wizardBoolInputKeyboardMode .wizardBoolSwitch span.Mui-focusVisible {
  outline: 3px solid #003300;
  outline-offset: -2px;
}
.wizardLightTheme .wizardRadioButtonGroupKeyboardMode .wizardRadioButtonGroupRadio.Mui-focusVisible span {
  outline: 3px solid #003300;
  outline-offset: 7px;
  border-radius: 50%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Wizard/View/Components/Themes/wizardHighContrastTheme.style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.wizardHighContrastTheme .wizardSnippetHeaderContainer .wizardSnippetDeleteButton:hover .smallIcon #outline,
.wizardHighContrastTheme .wizardSnippetHeaderContainer .wizardSnippetDeleteButton:hover .smallIcon #symbol-red {
  stroke: black !important;
}
.wizardHighContrastTheme .MuiDayCalendar-weekContainer .MuiPickersDay-root.Mui-disabled {
  opacity: 50%;
}
.wizardHighContrastTheme .MuiStepIcon-root.Mui-completed {
  color: white;
}
.wizardHighContrastTheme .wizardInputContainer .wizardBoolCheckBox:not(.Mui-checked) {
  color: #fff;
}
.wizardHighContrastTheme .wizardInputContainer .wizardBoolCheckBox.Mui-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.wizardHighContrastTheme .wizardInputContainer .wizardBoolSwitch .MuiSwitch-switchBase:not(.Mui-checked) {
  color: #fff;
}
.wizardHighContrastTheme .wizardInputContainer .wizardBoolSwitch .MuiSwitch-switchBase.Mui-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.wizardHighContrastTheme .wizardInputContainer .wizardBoolToggle:not(.Mui-checked) {
  color: #fff;
}
.wizardHighContrastTheme .wizardInputContainer .wizardBoolToggle.Mui-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.wizardHighContrastTheme .wizardInputContainer .wizardBoolYesNo .MuiSvgIcon-root.Mui-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.wizardHighContrastTheme .wizardFileInputSelectButton {
  border-color: #fff;
}
.wizardHighContrastTheme .wizardFileInputSelectButton:focus {
  color: #fff;
  border-color: #ffc000;
}
.wizardHighContrastTheme .wizardFileInputSelectButton:hover {
  color: #000;
  background-color: #ffc000;
  border-color: #ffc000;
}
.wizardHighContrastTheme .wizardCatalogInputFieldOption.MuiAutocomplete-option.Mui-focused {
  outline: 2px solid #ffc000;
  outline-offset: -2px;
}
.wizardHighContrastTheme .wizardCatalogInputFieldOption.MuiAutocomplete-option.MuiAutocomplete-option[aria-selected=true] {
  color: #000;
  background-color: #1AEBFF;
}
.wizardHighContrastTheme .wizardCatalogInputFieldOption.MuiAutocomplete-option.MuiAutocomplete-option[aria-selected=true].Mui-focused, .wizardHighContrastTheme .wizardCatalogInputFieldOption.MuiAutocomplete-option.MuiAutocomplete-option[aria-selected=true]:hover {
  background-color: #ffc000;
}
.wizardHighContrastTheme .wizardCatalogInputFieldOption.MuiAutocomplete-option:hover {
  color: #000;
  background-color: #ffc000;
}
.wizardHighContrastTheme .wizardMultiSelectorTagsContainer .MuiChip-root {
  outline: 1px solid #fff;
}
.wizardHighContrastTheme .wizardMultiSelectorTagsContainer .MuiChip-root:focus {
  outline: 2px solid #ffc000;
}
.wizardHighContrastTheme .wizardMultiSelectorTagsContainer .wizardMultiSelectorTagRemoveButton {
  color: #fff;
}
.wizardHighContrastTheme .wizardMultiSelectorTagsContainer .wizardMultiSelectorTagRemoveButton:hover {
  color: #000;
}
.wizardHighContrastTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Error] {
  color: rgb(254, 109, 98);
}
.wizardHighContrastTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Warning] {
  color: #ed6c02;
}
.wizardHighContrastTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Success] {
  color: #008000;
}
.wizardHighContrastTheme .wizardInputLine label.wizardInputMessageLabel[data-messagelevel=Info] {
  color: #2f82ff;
}
.wizardHighContrastTheme .wizardBoolInputKeyboardMode .wizardBoolCheckbox.Mui-focusVisible,
.wizardHighContrastTheme .wizardBoolInputKeyboardMode .wizardBoolSwitch span.Mui-focusVisible {
  outline: 2px solid #ffc000;
  outline-offset: -2px;
}
.wizardHighContrastTheme .wizardRadioButtonGroupKeyboardMode .wizardRadioButtonGroupRadio.Mui-focusVisible span {
  outline: 2px solid #ffc000;
  outline-offset: 7px;
  border-radius: 50%;
}

.wizardStepContentForm .wizardNavigationButtonContainer .wizardNavigationButton:focus:hover {
  color: #000;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/NoWidgetData/Style/component.style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
@layer components.widgets {
  .noWidgetResults {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 11px;
  }
  .noWidgetResults .title {
    font-size: 0.85rem;
    font-weight: 500;
  }
  .noWidgetResults .message {
    font-size: 0.75rem;
    font-weight: 300;
    text-align: center;
  }
  .noWidgetResults .searchNoDataIcon {
    width: 50px;
    height: 50px;
  }
  .noWidgetResults .content {
    margin-top: 15px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Cad/View/Components/Style/cad.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.cadContentContainer .map-container {
  width: 100%;
  height: calc(100% - 1.8em);
}
.cadContentContainer .cadFooter {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1.8em;
}
.cadContentContainer .cadFooter > #mouseInfo {
  width: 12em;
}
.cadContentContainer .cadFooterItem {
  display: inline;
  vertical-align: top;
}
.cadContentContainer .cadFooterImg {
  display: inline-block;
  vertical-align: top;
}
.cadContentContainer .cadFooterText {
  display: inline-block;
  font-size: 0.8em;
  vertical-align: middle;
}
.cadContentContainer .cadFooterSeparator {
  display: inline-block;
  width: 2px;
  height: 100%;
  vertical-align: top;
  background-color: #aed0ea;
}
.cadContentContainer .cadCustomButton {
  display: flex;
  cursor: default !important;
}
.cadContentContainer .chipbutton {
  display: flex;
  flex-wrap: nowrap;
  margin: 7px 10px;
  cursor: pointer;
}
.cadContentContainer .MuiFormControlLabel-label {
  width: 100%;
}
.cadContentContainer .appsIcon {
  padding: 0;
}
.cadContentContainer .layerGroupButtons {
  float: right;
  margin-bottom: 10px;
  text-align: right;
}
.cadContentContainer .objects {
  border-top: 3px solid #ededed;
}
.cadContentContainer .checkboxLabel, .cadContentContainer .layerCheckboxLabel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
}
.cadContentContainer .objectAvatar {
  width: 48px;
  height: 45px;
  background-color: rgba(42, 48, 60, 0.1);
  border-radius: 50%;
}
.cadContentContainer .objectAvatar img {
  width: 21px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}
.cadContentContainer .favoriteIcon img {
  width: 1em;
  height: 1em;
  -o-object-fit: contain;
     object-fit: contain;
}
.cadContentContainer .accordion {
  clear: both;
}
.cadContentContainer .panelLayerGroups {
  flex-direction: row-reverse;
  min-height: 0;
  padding: 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.4);
}
.cadContentContainer .panelLayerGroups .MuiAccordionSummary-content {
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.cadContentContainer .panelLayerGroups .MuiSvgIcon-root {
  position: relative;
  width: 1em;
  height: 1em;
  font-size: 1.5rem;
  color: black;
}
.cadContentContainer .panelLayerGroups .MuiButtonGroup-root {
  height: 25px;
}
.cadContentContainer .tableCell:last-child {
  border-right: 1px solid black;
}
.cadContentContainer .objectRow.Mui-selected {
  color: white;
  background-color: #005092;
}
.cadContentContainer .cadwidgetHeaderSearchObject {
  margin-left: 25px;
  font-family: Roboto, sans-serif;
  font-size: 0.875em;
  color: #404040;
  -webkit-text-decoration: none solid rgb(64, 64, 64);
          text-decoration: none solid rgb(64, 64, 64);
  background-color: #ffffff;
  background-size: cover;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 65, 65, 0.15);
}
.cadContentContainer #drawings .MuiDrawer-paper, .cadContentContainer #objects .MuiDrawer-paper, .cadContentContainer #multiSelection .MuiDrawer-paper, .cadContentContainer #legends .MuiDrawer-paper {
  top: 60px;
  width: 345px;
  height: calc(100% - 60px);
  background-color: #ededed;
  background-size: cover;
  box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 2px 6px 2px rgba(60, 64, 67, 0.15);
}
.cadContentContainer #drawings .snippetContentContainer, .cadContentContainer #objects .snippetContentContainer, .cadContentContainer #multiSelection .snippetContentContainer, .cadContentContainer #legends .snippetContentContainer {
  padding-bottom: 15px;
  margin: 15px;
  border-bottom: 1px solid #ededed;
}
.cadContentContainer #objects .MuiPaper-root {
  overflow: hidden;
}
.cadContentContainer #objects .title {
  padding: 10px;
  font-family: Roboto, sans-serif;
  font-size: 0.875em;
  font-weight: bold;
}
.cadContentContainer #objects .sortby {
  margin-right: 2px;
}
.cadContentContainer #objects form {
  position: fixed;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 471px;
  height: 69px;
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-size: 0.875em;
  line-height: 14px;
  color: #2a303c;
  -webkit-text-decoration: none solid rgb(42, 48, 60);
          text-decoration: none solid rgb(42, 48, 60);
  background-color: #ffffff;
  background-size: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.cadContentContainer #objects .icons {
  display: flex;
  flex-direction: row-reverse;
}
.cadContentContainer #objects .icons .closeIcon {
  height: 40px;
  margin-top: 0;
}
.cadContentContainer .searchDrawing {
  float: left;
  display: flex;
  height: 44px;
  padding: 0px 8px 0px 12px;
  margin: 9px;
  font-family: Roboto, sans-serif;
  font-size: 0.875em;
  color: #2a303c;
  -webkit-text-decoration: none solid rgb(42, 48, 60);
          text-decoration: none solid rgb(42, 48, 60);
  background-color: #ffffff;
  background-size: cover;
  border: 1px solid #ebebeb;
  border-radius: 10px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.cadContentContainer .tabs {
  overflow: hidden;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
}
.cadContentContainer .tabs .MuiBox-root {
  border-bottom: 1px solid gainsboro;
}
.cadContentContainer .tabHeader {
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  color: #2a303c;
  -webkit-text-decoration: none solid rgb(42, 48, 60);
          text-decoration: none solid rgb(42, 48, 60);
}
.cadContentContainer .tabDescription {
  font-family: Roboto, sans-serif;
  font-size: 0.875em;
  color: #2a303c;
  -webkit-text-decoration: none solid rgb(42, 48, 60);
          text-decoration: none solid rgb(42, 48, 60);
}
.cadContentContainer .panel, .cadContentContainer .panelLayerGroups {
  flex-direction: row-reverse;
  min-height: 0;
  padding: 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.4);
}
.cadContentContainer .panel .MuiAccordionSummary-expandIconWrapper, .cadContentContainer .panelLayerGroups .MuiAccordionSummary-expandIconWrapper {
  position: relative;
  bottom: 3px;
}
.cadContentContainer .panel .MuiAccordionSummary-expandIconWrapper.Mui-expanded, .cadContentContainer .panelLayerGroups .MuiAccordionSummary-expandIconWrapper.Mui-expanded {
  transform: rotate(180deg);
}
.cadContentContainer .panel .MuiSvgIcon-root, .cadContentContainer .panelLayerGroups .MuiSvgIcon-root {
  position: relative;
  width: 1em;
  height: 1em;
  font-size: 1.5rem;
  color: black;
}
.cadContentContainer .panel .MuiAccordionSummary-content, .cadContentContainer .panelLayerGroups .MuiAccordionSummary-content {
  margin: 0;
}
.cadContentContainer .additionalaccordion .MuiAccordionDetails-root {
  display: flex;
  padding: 0;
  margin-left: 5px;
}
.cadContentContainer #layergroupsaccordion .MuiAccordionDetails-root, .cadContentContainer #layersaccordion .MuiAccordionDetails-root, .cadContentContainer #fmLayersaccordion .MuiAccordionDetails-root {
  padding: 8px 5px 0px;
}
.cadContentContainer .stampaccordion .MuiAccordionSummary-content {
  display: flex;
  justify-content: space-between;
}
.cadContentContainer .stampaccordion .MuiAccordionDetails-root {
  padding: 0px 5px 0px;
}
.cadContentContainer .uncheckedCheckbox {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: white;
  border: 2px solid #2a303c;
}
.cadContentContainer .validButton {
  height: 24px;
  margin-top: 10px;
  font-family: Roboto, sans-serif;
  font-size: 0.75em;
  line-height: 19px;
  color: #70a288;
  text-align: center;
  -webkit-text-decoration: none solid rgb(112, 162, 136);
          text-decoration: none solid rgb(112, 162, 136);
  background-color: rgba(112, 162, 136, 0.1);
  background-size: cover;
  border-radius: 999px;
}
.cadContentContainer .checkedCheckBox {
  float: left;
  margin-right: 10px;
  color: white;
  background-color: rgb(0, 80, 146);
  border: 1px solid rgb(0, 80, 146);
}
.cadContentContainer .layerGroup {
  float: left;
  margin: 10px 10px 10px 0;
  font-family: Roboto, sans-serif;
  font-size: 0.813em;
  font-weight: bold;
  line-height: 19px;
  color: #005092;
  text-align: center;
  text-transform: none;
  -webkit-text-decoration: none solid rgb(0, 80, 146);
          text-decoration: none solid rgb(0, 80, 146);
  background-size: cover;
  border-radius: 999px;
}
.cadContentContainer .svgDelete {
  position: relative;
  top: 2px;
  left: -10px;
  width: 11px;
  height: 11px;
  background-color: white;
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 99px;
  fill: #993955;
}
.cadContentContainer .svgSuccess {
  position: relative;
  top: 2px;
  right: 10px;
}
.cadContentContainer .iconBorder {
  position: relative;
  float: left;
  width: 45px;
  height: 45px;
  margin: 5px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.cadContentContainer .objectIcon, .cadContentContainer .zoneIcon {
  position: absolute;
  top: 30%;
  left: 25%;
  width: 21px;
  height: 18px;
}
.cadContentContainer .objectHeaderText, .cadContentContainer .zoneHeaderText {
  padding: 5px 15px 0 15px;
  font-family: Roboto, sans-serif;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 20px;
  color: #2a303c;
  -webkit-text-decoration: none solid rgb(42, 48, 60);
          text-decoration: none solid rgb(42, 48, 60);
}
.cadContentContainer .objectBodyText, .cadContentContainer .zoneBodyText {
  font-family: Roboto, sans-serif;
  font-size: 0.75em;
  line-height: 15px;
  color: #2a303c;
  -webkit-text-decoration: none solid rgb(42, 48, 60);
          text-decoration: none solid rgb(42, 48, 60);
}
.cadContentContainer .tblNoName {
  float: left;
  padding-top: 5px;
}
.cadContentContainer .object, .cadContentContainer .zone {
  position: relative;
  clear: both;
  height: 60px;
  padding-bottom: 10px;
  border-bottom: 1px solid #1f2532;
}
.cadContentContainer .objectIcons svg, .cadContentContainer .zoneIcons svg {
  width: 16px;
  height: 16px;
  color: black;
}
.cadContentContainer .objectIcons, .cadContentContainer .zoneIcons {
  position: absolute;
  top: 0;
  right: 5px;
  display: none;
}
.cadContentContainer .object:hover .objectIcons, .cadContentContainer .object:hover .zoneIcons, .cadContentContainer .zone:hover .objectIcons, .cadContentContainer .zone:hover .zoneIcons {
  display: block;
}
.cadContentContainer .color {
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 4px;
}
.cadContentContainer .legendName {
  padding: 0px 10px 0px 45px;
  font-family: Roboto, sans-serif;
  font-size: 0.875em;
  line-height: 19px;
  color: #2a303c;
  -webkit-text-decoration: none solid rgb(42, 48, 60);
          text-decoration: none solid rgb(42, 48, 60);
}
.cadContentContainer .cadColorLegendHatchCell {
  float: left;
  margin-top: 4px;
}
.cadContentContainer .cadwidgetHeaderContainer {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  padding: 0 5px 0 15px;
  margin-top: 10px;
  margin-bottom: 7px;
}
.cadContentContainer .cadwidgetHeaderContainer .widgetTitleTextsContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 60px;
  padding-top: 2px;
}
.cadContentContainer .cadwidgetHeaderContainer .widgetTitleTextsContainer .widgetTitleMainText {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.1rem;
  font-weight: bold;
  white-space: nowrap;
}
.cadContentContainer .cadwidgetHeaderContainer .widgetTitleTextsContainer .widgetTitleSubText {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  font-weight: normal;
  white-space: nowrap;
}
.cadContentContainer #searchDrawing .MuiAutocomplete-root {
  float: left;
  margin: 10px 10px 10px 0;
}
.cadContentContainer #SelectFilter .MuiInputBase-root {
  margin: 0;
}
.cadContentContainer .cadLoadingIcon {
  position: absolute;
  top: 50%;
  left: 50%;
}
.cadContentContainer #symbolScale, .cadContentContainer #sizeSelect, .cadContentContainer #stampType {
  font-weight: bold;
}
.cadContentContainer .stampLabel {
  margin-top: 10px;
  margin-right: 10px;
}
.cadContentContainer .stampLabel .MuiFormControlLabel-label {
  font-family: Roboto, sans-serif;
  font-size: 0.75em;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.62);
}
.cadContentContainer .layerGroupHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cadContentContainer .layerGroupHeader p {
  margin-top: 10px;
}
.cadContentContainer .layerGroupHeader button {
  height: 25px;
}
.cadContentContainer .paperList {
  display: flex;
  flex-direction: row;
}
.cadContentContainer .tab {
  min-width: 50px;
  padding: 12px;
  font-weight: 400;
  cursor: pointer;
}
.cadContentContainer .tab label {
  cursor: pointer;
}
.cadContentContainer .tab.Mui-selected {
  min-width: 50px;
  padding: 12px;
  font-weight: 700;
}
.cadContentContainer .tablist .MuiTabs-flexContainer {
  display: flex;
  justify-content: space-between;
}
.cadContentContainer .contextMenu .MuiMenu-list {
  width: 100%;
  padding: 0;
}
.cadContentContainer .cadDrawingControl .MuiDataGrid-footerContainer {
  display: none;
}
.cadContentContainer .tt-container {
  font-family: Roboto, sans-serif;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.cadContentContainer .tt-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding: 10px;
  font-size: 0.625em;
  color: #fff;
  background-color: #007BFF;
}
.cadContentContainer .tt-actionbutton {
  padding: 5px;
  font-size: 0.625em;
  color: #fff;
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-radius: 4px;
}
.cadContentContainer .tt-properties {
  padding: 10px;
  overflow: auto;
}
.cadContentContainer .tt-proprow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 5px 0;
  border-bottom: 1px solid #f0f0f0;
}
.cadContentContainer .tt-proprow:last-child {
  border-bottom: none;
}
.cadContentContainer .tt-propkey {
  font-weight: bold;
  color: #333;
  text-align: left;
}
.cadContentContainer .tt-propval {
  color: #555;
  text-align: right;
}
.cadContentContainer #blocktogeooverlay {
  position: absolute;
  max-width: 200px; /* Maximalbreite */
  padding: 10px;
  font-size: 0.625em;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  border-radius: 4px;
  transition: all 0.2s;
}
.cadContentContainer #blocktogeooverlay.large {
  max-height: 100px; /* Scrollbalken bei Überlänge */
  overflow: auto; /* Scrollen aktivieren */
  white-space: normal; /* Text umbrechen */
}
.cadContentContainer .cad-block2geoheader-visibility-container {
  display: inline-flex;
}
.cadContentContainer .cad-block2geoheader-visibility-container img {
  width: 32px;
  height: 32px;
}
.cadContentContainer .cad-block2geoheader-visibility-cb {
  width: 32px;
  height: 32px;
}
.cadContentContainer #cad-b2g-select {
  padding: 8px 8px;
}
.cadContentContainer .cad-block2geoheader-action-container {
  display: inline-flex;
}
.cadContentContainer .cad-block2geoheadercontainer {
  display: inline-flex;
}
.cadContentContainer .cad-b2g-headericonlabel {
  margin-right: 2px;
  margin-left: 2px;
}
.cadContentContainer .cad-b2g-headericonlabel .cad-block2geoheader-visibility-cb {
  width: 32px;
  height: 32px;
}
.cadContentContainer .cad-b2g-headericonlabel .cad-block2geoheader-visibility-cb img {
  width: 32px;
  height: 32px;
}
.cadContentContainer .cad-b2g-headericonlabel .MuiFormControlLabel-label {
  font-size: xx-small;
  text-align: center;
}
.cadContentContainer .layergroupsStyledChip {
  margin: 1px;
  overflow: hidden;
  border-radius: 7px;
}
.cadContentContainer .layergroupsStyledChip .MuiChip-icon {
  margin-right: 1px;
  margin-left: 0;
  cursor: pointer;
}
.cadContentContainer .layergroupsStyledChip .MuiChip-label {
  padding: 0 8px 0 6px;
  font-size: 0.875rem;
  font-weight: 400;
}
.cadContentContainer .checkboxLabel {
  margin: 10px 15px 0 0;
  font-weight: 500;
}
.cadContentContainer .layerCheckboxLabel {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  -ms-flex-align: center;
}
.cadContentContainer .layerMenuButton {
  margin-top: 10px;
  text-align: right;
}
.cadContentContainer .cad-dragbox {
  background-color: #007BFF;
  border: 1px solid black;
  opacity: 0.3;
}
.cadContentContainer .cadHeaderButton {
  width: 35px;
  height: 35px;
}
.cadContentContainer .cadHeaderButton svg {
  width: 26px;
  height: 26px;
}
.cadContentContainer .cadHeaderButton img {
  width: 18px;
  height: 18px;
}
.cadContentContainer .cadInfo {
  position: absolute;
  left: 50%;
  z-index: 100;
  display: inline-block;
  visibility: hidden;
  width: auto;
  max-width: 300px;
  height: auto;
  padding: 4px 8px;
  margin: 2px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.6875rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  overflow-wrap: break-word;
  pointer-events: none;
  background-color: rgba(97, 97, 97, 0.92);
  border-radius: 4px;
  transform: translateX(3%);
}
.cadContentContainer .estateIcon {
  position: absolute;
  top: 0;
  left: 0;
}
.cadContentContainer .estateIcon .realEstateIcon {
  position: absolute;
  top: 0;
  left: 25px;
  width: 50px;
  height: 24px;
  background: white;
}
.cadContentContainer .estateIcon .realEstateIconOpacity {
  position: absolute;
  top: 0;
  left: 25px;
  width: 50px;
  height: 24px;
  background: white;
  opacity: 0.3;
}
.cadContentContainer .estateIcon .leftArrow {
  position: absolute;
  top: 2px;
  left: 20px;
  display: none;
}
.cadContentContainer .estateIcon .rightArrow {
  position: absolute;
  top: 2px;
  left: 65px;
  display: none;
}
.cadContentContainer .buildingIcon {
  position: absolute;
  top: 40px;
  left: 0;
  width: 30px;
  height: 50px;
  background: white;
}
.cadContentContainer .buildingIcon .building {
  position: absolute;
  top: 15px;
  left: 0;
  width: 24px;
  height: 24px;
}
.cadContentContainer .buildingIcon .buildingOpacity {
  position: absolute;
  top: 15px;
  left: 0;
  width: 24px;
  height: 24px;
  opacity: 0.3;
}
.cadContentContainer .buildingIcon .leftArrow {
  position: absolute;
  top: 15px;
  left: -15px;
  display: none;
}
.cadContentContainer .buildingIcon .rightArrow {
  position: absolute;
  top: 15px;
  left: 20px;
  display: none;
}
.cadContentContainer .floorIcon {
  position: absolute;
  top: 40px;
  right: 0px;
  width: 30px;
  height: 50px;
  background: white;
}
.cadContentContainer .floorIcon .floor {
  position: absolute;
  top: 15px;
  left: 5px;
  width: 24px;
  height: 24px;
}
.cadContentContainer .floorIcon .floorOpacity {
  position: absolute;
  top: 15px;
  left: 5px;
  width: 24px;
  height: 24px;
  opacity: 0.3;
}
.cadContentContainer .floorIcon .upArrow {
  position: absolute;
  top: 0;
  left: 10px;
  display: none;
}
.cadContentContainer .floorIcon .downArrow {
  position: absolute;
  top: 40px;
  left: 10px;
  display: none;
}
.cadContentContainer .estateIcon:hover .leftArrow, .cadContentContainer .buildingIcon:hover .leftArrow, .cadContentContainer .floorIcon:hover .upArrow {
  display: block;
}
.cadContentContainer .estateIcon:hover .rightArrow, .cadContentContainer .buildingIcon:hover .rightArrow, .cadContentContainer .floorIcon:hover .downArrow {
  display: block;
}
.cadContentContainer .configurationSectionTitle {
  margin-top: 10px;
}
.cadContentContainer .cadsymbolSize, .cadContentContainer .cadTextSize, .cadContentContainer .displayType, .cadContentContainer .showHideFmLayers {
  margin-top: 10px;
}
.cadContentContainer .cadsymbolSize .selectionComponentConfigOption, .cadContentContainer .cadTextSize .selectionComponentConfigOption, .cadContentContainer .displayType .selectionComponentConfigOption, .cadContentContainer .showHideFmLayers .selectionComponentConfigOption {
  width: 100%;
}
.cadContentContainer .cadsymbolSize .selectionComponentConfigOptionLabel .MuiIconButton-root, .cadContentContainer .cadTextSize .selectionComponentConfigOptionLabel .MuiIconButton-root, .cadContentContainer .displayType .selectionComponentConfigOptionLabel .MuiIconButton-root, .cadContentContainer .showHideFmLayers .selectionComponentConfigOptionLabel .MuiIconButton-root {
  display: none;
}
.cadContentContainer .clusterColor {
  margin-top: 15px;
}
.cadContentContainer .clusterColor .catalogField {
  width: 33%;
}
.cadContentContainer .bookingSystemLegend {
  position: fixed;
  bottom: 10px;
  display: flex;
  justify-content: space-between;
  height: 44px;
  background-color: #f5f5f5;
  background-size: cover;
  border-radius: 99px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.cadContentContainer .bookingSystemLegend .color {
  width: 27px;
  height: 11px;
  margin: 5px;
  background-color: rgb(0, 80, 146);
  background-size: cover;
  border-radius: 5px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Cad/CadProgress/Components/CadProgressHeader.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.cadprocess-icon {
  width: 24px;
  height: 24px;
}

.cadprocess-icon-button {
  align-self: center;
  opacity: 1;
}

.cadprocess-icon-button-disabled {
  align-self: center;
  opacity: 0.3;
}

.cadprogress-base-button-container {
  align-content: end;
  height: 100%;
  padding-bottom: 2px;
}

.cadprogress-step .MuiStepLabel-labelContainer span {
  margin-top: 2px;
  font-size: small;
}

.cadprocess-step-container-base {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}
.cadprocess-step-container-base .cadprocess-step-info {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 12px;
  text-align: center;
}
.cadprocess-step-container-base .cadprocess-step-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.cadprocess-step-container-base .cadprocess-step-container .cadprocess-step-container-main {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
.cadprocess-step-container-base .cadprocess-step-container .cadprocess-step-container-main .cadprocess-drop-down-normal {
  width: 100%;
  min-width: 200px;
  max-width: 500px;
  padding-right: 5px;
  padding-left: 5px;
}
.cadprocess-step-container-base .cadprocess-step-container .cadprocess-step-container-main .cadprocess-drop-down {
  width: 100%;
  min-width: 300px;
  max-width: 500px;
  padding-right: 5px;
  padding-left: 5px;
}
.cadprocess-step-container-base .cadprocess-step-container .cadprocess-step-container-main .cadprocess-step-container-arrow {
  align-content: center;
  padding-top: 3px;
}
.cadprocess-step-container-base .cadprocess-step-container .cadprocess-step-container-main .cadprocess-step-container-main-action {
  display: inline-flex;
  justify-content: center;
  width: 100%;
}
.cadprocess-step-container-base .cadprocess-step-container .cadprocess-step-container-main .cadprocess-step-container-main-action .cadprocess-step-container-main-info {
  align-content: center;
  padding-right: 5px;
  overflow: visible;
  font-size: small;
}

.lh-cadprocess-stepnotactive {
  opacity: 0.5;
}

.lh-cadprocess-batch-config-container {
  display: flex;
  flex-direction: column;
  max-height: 500px;
  background: white;
}
.lh-cadprocess-batch-config-container .lh-cadprocess-batch-config-header-container {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  border-bottom: 1px solid gray;
}
.lh-cadprocess-batch-config-container .lh-cadprocess-batch-config-header-container h2 {
  font-size: 1.1rem;
  font-weight: bold;
  color: black;
  letter-spacing: 0.009em;
  white-space: nowrap;
}
.lh-cadprocess-batch-config-container .lh-cadprocess-batch-config-content-container {
  flex: 1;
  overflow-y: auto;
}
.lh-cadprocess-batch-config-container .lh-cadprocess-batch-config-footer-container {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 2px;
  border-top: 1px solid gray;
}

#block2geo-cadlayer .MuiDrawer-paper {
  top: 112px;
  height: calc(100% - 112px);
  background-color: #ededed;
  background-size: cover;
  box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 2px 6px 2px rgba(60, 64, 67, 0.15);
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Tags/Components/style/tags.style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.tagsWidget {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  overflow: hidden;
}
.tagsWidget .tagsWidgetContentContainer {
  flex-wrap: wrap;
  height: 100%;
  padding: 0 15px;
  margin-bottom: 10px;
  overflow: auto;
}
.tagsWidget .tagsWidgetContentContainer .tagsWidgetTagsList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.tagsWidget .tagsWidgetContentContainer .tagsWidgetTagsList li {
  width: auto;
}
.tagsWidget .tagsWidgetContentContainer .tagsWidgetTagsList li .tagContainer {
  margin: 2.5px;
}
.tagsWidget .tagsWidgetContentContainer .tagsWidgetTagsList li .tagContainer .tagBorder {
  border-left: 2px solid black;
}
.tagsWidget .tagsWidgetLoading {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.editTags {
  width: 100%;
}
.editTags .editTagsDialogContentContainer {
  padding: 3%;
}
.editTags .editTagsContentContainer {
  height: 400px;
  overflow-y: auto;
  background-color: inherit;
}
.editTags .editTagsContentContainer .editTagsContent {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: inherit;
}
.editTags .editTagsContentContainer .editTagsNewTag {
  margin: 0.2rem;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 0.3rem;
}
.editTags .editTagsContentContainer .editTagsNewTag > legend {
  padding: 0 4px;
  font-size: 0.625rem;
  color: rgba(0, 0, 0, 0.6);
}
.editTags .editTagsContentContainer .editTagsNewTag .editTagsNewTagField {
  width: 100%;
  margin-bottom: 1rem;
}
.editTags .editTagsContentContainer .editTagsNewTag .editTagsNewTagAreaFooter {
  display: flex;
  justify-content: flex-end;
}
.editTags .editTagsContentContainer .tagsMessageContainer {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 8px;
}
.editTags .editTagsContentContainer .editTagsAssignedTagContainer {
  position: relative;
  overflow: auto;
  background-color: inherit;
}
.editTags .editTagsContentContainer .editTagsAssignedTagContainer .editTagsAssignedHeading {
  padding-left: 2px;
  font-size: 0.9rem;
}
.editTags .editTagsContentContainer .editTagsAssignedTagContainer .editTagsAssignedContent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  overflow: auto;
}
.editTags .editTagsContentContainer .editTagsAssignedTagContainer::after {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  left: 0.2rem;
  height: 10px;
  content: "";
  background-color: inherit;
  border-radius: 4px 4px 0 0;
}
.editTags .editTagsContentContainer .editTagsAssignedTagContainer > label {
  top: 5px;
  padding: 0 4px;
  background-color: inherit;
}
.editTags .editTagsContentContainer .editTagsAssignedTagContainer > div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 10px;
  margin: 0.2rem;
  overflow: auto;
  overflow-x: hidden;
}
.editTags .editTagsContentContainer .editTagsAssignedTagContainer input {
  width: auto;
  min-width: 190px;
  padding: 0;
}
.editTags .editTagsContentContainer .editTagsAssignedTagContainer fieldset {
  display: none;
}
.editTags .editTagsContentContainer .editTagsAvailableContainer {
  display: flex;
  flex-shrink: 100;
  flex-direction: column;
  margin: 2% 0.2rem 0;
}
.editTags .editTagsContentContainer .editTagsAvailableContainer .editTagsAvailableHeading {
  display: flex;
  justify-content: space-between;
  padding-left: 2px;
  margin-bottom: 0.9%;
  font-size: 0.9rem;
}
.editTags .editTagsContentContainer .editTagsAvailableContainer .editTagsAvailableHeading .filterButtonsContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 5.3rem;
}
.editTags .editTagsContentContainer .editTagsAvailableContainer .editTagsAvailableHeading .filterButtonsContainer .filterButtonWrapper {
  position: relative;
}
.editTags .editTagsContentContainer .editTagsAvailableContainer .editTagsAvailableHeading .filterButtonsContainer .filterButtonWrapper .filterButton {
  position: absolute;
  z-index: 1;
  width: 1rem;
  height: 0.9rem;
}
.editTags .editTagsContentContainer .editTagsAvailableContainer .editTagsAvailableHeading .filterButtonsContainer .filterButtonWrapper .filterButtonStateIcon {
  position: relative;
  top: 0.3rem;
  left: 0.4rem;
  z-index: 2;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 0.5rem;
}
.editTags .editTagsContentContainer .editTagsAvailableContainer .editTagsAvailableContent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.editTags .editTagsContentContainer .editTagsAvailableContainer > .tagsStyledChip {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 2%;
}
.editTags .editTagsContentContainer .editTagsAddTagBtn {
  padding: 0;
  text-transform: none;
}
.editTags .editTagsContentContainer .editTagsAddTagBtn .MuiButton-startIcon {
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin: 0;
}
.editTags .editTagsContentContainer .editTagsSubTagsHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0 1%;
  margin-top: 3%;
  font-size: 0.8rem;
  text-align: center;
  background-color: #c6ddf1;
  border-radius: 4px;
}
.editTags .editTagsContentContainer .editTagsSubTagsHeader .MuiSvgIcon-root {
  width: 20px;
  margin-top: 15%;
  cursor: pointer;
}
.editTags .editTagsContentContainer .editTagsSubTagsHeader .tagsSubTagsGoBackButton {
  padding-top: 3px;
  margin: 2px;
}
.editTags .editTagsContentContainer .editTagsSubTagsHeader .editTagsParentTagsContainer {
  flex-grow: 1;
}
.editTags .editTagsContentContainer .editTagsSubTagsHeader .editTagsParentTagsContainer .editTagsParentTagsName {
  display: flex;
  justify-content: center;
}

.tagsStyledChip {
  margin: 0.5% 0.85% 0.5% 0;
  overflow: hidden;
  border-radius: 7px;
}
.tagsStyledChip .MuiChip-icon {
  margin-right: 1px;
  margin-left: 0;
  cursor: pointer;
}
.tagsStyledChip .MuiChip-label {
  padding: 0 8px 0 6px;
}
.tagsStyledChip .MuiChip-deleteIcon {
  order: 2;
}
.tagsStyledChip.interactiveTag {
  height: 1.5rem;
  border: 0;
}
.tagsStyledChip.interactiveTag.interactiveTagMaxWidth.interactiveTagAvailableTag {
  max-width: 179px;
}
.tagsStyledChip.interactiveTag.interactiveTagMaxWidth.interactiveTagAssignedTag {
  max-width: 129px;
}
.tagsStyledChip.interactiveTag .interactiveTagIconButton {
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 0;
  border: 0;
  border-radius: 7px 0 0 7px;
}
.tagsStyledChip.interactiveTag .interactiveTagIconButton .interactiveTagIconContainer {
  position: relative;
  display: flex;
  align-items: center;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 100%;
  padding: 4.5px 3.5px;
  background-color: rgba(255, 255, 255, 0.4901960784);
}
.tagsStyledChip.interactiveTag .interactiveTagIconButton .interactiveTagIconContainer .interactiveTagActionBtn {
  font-size: 0.9rem;
}
.tagsStyledChip.interactiveTag .interactiveTagIconButton .interactiveTagIconContainer .subTagsIcon {
  position: absolute;
  top: 3.5px;
  left: 3.5px;
  visibility: hidden;
}
.tagsStyledChip.interactiveTag .interactiveTagIconButton .interactiveTagIconContainer .tagScopeIcon {
  visibility: visible;
}
.tagsStyledChip.interactiveTag .interactiveTagIconButton:hover .subTagsIcon, .tagsStyledChip.interactiveTag .interactiveTagIconButton:focus .subTagsIcon {
  visibility: visible;
}
.tagsStyledChip.interactiveTag .interactiveTagIconButton:hover .tagScopeIcon, .tagsStyledChip.interactiveTag .interactiveTagIconButton:focus .tagScopeIcon {
  visibility: hidden;
}
.tagsStyledChip.interactiveTag .interactiveTagLabelButton {
  padding: 0 8px 0 6px;
  border-radius: 0 7px 7px 0;
}
.tagsStyledChip.interactiveTag .interactiveTagLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tagsTooltip > .MuiTooltip-tooltip {
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-top: 11px;
  white-space: nowrap;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Card/View/Components/Styles/card.style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.uxCardRangeContent {
  position: absolute;
  width: 100%;
  height: calc(100% - 50px);
  padding: 25px;
  overflow: auto;
}
.uxCardRangeContent.tableView {
  padding: 0 0 0 0;
}

.mobileCardRibbon {
  display: flex;
  width: inherit;
  height: 45px;
}
.mobileCardRibbon .mobileCardRibbonTextContainer {
  display: flex;
  flex-direction: column;
  padding-top: 5px;
}
.mobileCardRibbon .mobileCardRibbonTextContainer .mobileCardProcessTitle {
  max-width: 36ch;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}
.mobileCardRibbon .mobileCardRibbonTextContainer .mobileCardProcessDescription {
  width: inherit;
  max-width: 47ch;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.6875rem;
  white-space: nowrap;
}

.ribbonBorder {
  border: 1px solid;
}

.cardRanges .MuiTabs-scroller {
  width: 0;
}
.cardRanges .cardRangeTab {
  height: auto;
}
.cardRanges .cardRangeTab .cardRangeLabel .rangeOpenerSpeedUpColumn {
  border-radius: 5px;
}
.cardRanges .cardRangeTab .cardRangeLabel .rangeOpenerSpeedUpColumn span {
  font-size: 0.8125rem;
}
.cardRanges button.Mui-selected.cardRangeTab .cardRangeLabel {
  font-weight: 700;
}
.cardRanges div.cardRangeLabel {
  font-weight: 700;
}
.cardRanges button.cardRangeTab .cardRangeLabel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 400;
}
.cardRanges button.cardRangeTab .cardRangeLabel .rangeOpenerLabel {
  margin: 0;
  cursor: pointer;
}
.cardRanges button.cardRangeTab .cardRangeLabel .cardRangeTabIcon {
  margin-right: 5px;
}

.mainWidgetRibbon .cardRanges.cardRangesSelect fieldset {
  border-width: 0;
}
.mainWidgetRibbon .cardRanges.cardRangesSelect .cardRangeFocusContainer {
  padding-top: 12px;
  padding-bottom: 12px;
}

div .cardRangeLabel, li .cardRangeLabel {
  align-items: center;
}
div .cardRangeLabel .rangeOpenerLabel, li .cardRangeLabel .rangeOpenerLabel {
  margin: 0;
  cursor: pointer;
}
div .cardRangeLabel .cardRangeTabIcon, li .cardRangeLabel .cardRangeTabIcon {
  margin-right: 5px;
}

.card .mainWidgetRibbon {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-bottom: 1px solid gainsboro;
}
.card .mainWidgetRibbon .MuiTabs-scrollButtons.Mui-disabled {
  opacity: 0.3;
}

.cardMenuContainer {
  display: flex;
  align-items: center;
  min-height: 48px;
}
.cardMenuContainer .grabHandlerContainer {
  width: 100%;
  height: 100%;
}

.cardLine {
  border-bottom-width: 2px;
}
.cardLine:has(+ .cardLine) {
  margin-bottom: 16px;
}

.cardFieldGroup:not(:last-child) {
  margin-bottom: 16px;
}

.cardFieldCustomGroup {
  overflow: auto;
}
.cardFieldCustomGroup .cardFieldCustomGroupContainer {
  position: relative;
  width: inherit;
}
.cardFieldCustomGroup .cardFieldCustomGroupContainer .columnElementContainer {
  display: flex;
  align-items: center;
}
.cardFieldCustomGroup .cardFieldCustomGroupContainer .columnElementContainer .columnElement {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.cardFieldCustomGroup .cardFieldCustomGroupContainer .columnElementContainer .columnElement .fieldValueContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cardFieldCustomGroup .cardFieldCustomGroupContainer .columnElementContainer .columnElement .cardMemoFieldButtons.customField .MuiTiptap-RichTextContent-root, .cardFieldCustomGroup .cardFieldCustomGroupContainer .columnElementContainer .columnElement .cardMemoFieldButtons.customField .tiptap.ProseMirror {
  min-height: unset;
}
.cardFieldCustomGroup .cardFieldCustomGroupContainer .columnElementContainer .columnElement .cardCheckbox {
  padding: 0;
}
.cardFieldCustomGroup .cardFieldCustomGroupContainer .columnElementContainer .columnElement .cardRadio {
  margin: 8px;
}
.cardFieldCustomGroup .cardFieldCustomGroupContainer .columnElementContainer .columnElement .cardSwitch {
  width: 42px;
  padding: 12px 3px;
}
.cardFieldCustomGroup .cardFieldCustomGroupContainer .columnElementContainer .columnElement .cardSwitch .MuiSwitch-switchBase {
  padding: 3px;
  margin: 6px -2px;
}

.verticalLine {
  width: 2px;
  padding: 0;
  border-left: 2px solid rgb(224, 224, 224);
}

.horizontalLine {
  padding: 0;
  border-bottom: 2px solid rgb(224, 224, 224);
}

.cardFieldCustomRow .catalogField .cardInput {
  top: 1px;
}
.cardFieldCustomRow .columnElement {
  padding: 0 5px;
}
.cardFieldCustomRow .rowElement {
  height: 34px;
}
.cardFieldCustomRow .cardInputBase.memo {
  padding: 2px 0 2px;
}

.catalogImage {
  width: 16px;
  height: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.mobileCardHeader {
  padding: 15px 0 15px 15px;
  font-weight: bold;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Card/View/Components/Trans/Style/cardNav.style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.transListDummyRow {
  z-index: 15;
  padding: 5px 10px;
}

.cardNavListContent {
  width: 100%;
  height: calc(100% - 45px);
}
.cardNavListContent .MuiDataGrid-root {
  border: 0;
}
.cardNavListContent .MuiDataGrid-root .MuiDataGrid-columnHeaders {
  display: none;
  height: 0;
  line-height: 0;
}
.cardNavListContent .MuiDataGrid-root .MuiDataGrid-virtualScroller {
  margin-top: 0;
}
.cardNavListContent .MuiDataGrid-root .MuiDataGrid-virtualScroller .MuiDataGrid-virtualScrollerRenderZone {
  width: -webkit-fill-available;
}
.cardNavListContent .MuiDataGrid-root .MuiDataGrid-virtualScroller .MuiDataGrid-row .MuiDataGrid-cell {
  width: inherit;
}
.cardNavListContent .MuiDataGrid-root .MuiDataGrid-virtualScroller .MuiDataGrid-row .MuiDataGrid-cell.MuiDataGrid-withBorder {
  border-right: 0;
}
.cardNavListContent .MuiDataGrid-root .MuiDataGrid-virtualScroller .MuiDataGrid-row .MuiDataGrid-cell .snippetContentContainer {
  width: 100%;
}
.cardNavListContent .MuiDataGrid-root .paddingRight {
  padding-right: 0.625rem;
}

.transMenuWidgetContainer .pageRibbonContainer {
  padding-left: 20px;
  background-color: #005092;
}

.cardNavHeaderContainer {
  display: flex;
  border-bottom: 1px solid gainsboro;
}
.cardNavHeaderContainer .menuOpenIcon {
  width: 40px;
  height: 40px;
  margin: auto;
}

.transSearchIcon {
  padding-left: 0.5rem;
}

.transSearchContainer {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 48.5px;
}
.transSearchContainer .transSearchButtons {
  margin: auto;
}
.transSearchContainer .transMenuSearchInput {
  width: 90%;
}
.transSearchContainer .inputBorder {
  border: 1px solid;
}
.transSearchContainer .transSearchIcon {
  padding-left: 0.5rem;
}
.transSearchContainer .transSortIcon {
  right: 0;
}
.transSearchContainer input {
  width: 100%;
  height: 45px;
  padding: 0;
  border: none;
}
.transSearchContainer input:focus {
  border: none;
}
.transSearchContainer .searchResetBtn {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.transSearchContainer .searchResetBtn:hover {
  transform: scale(1.1);
}

.cardNavContentContainer {
  height: 100%;
}

.transMenuWidth {
  width: 50px;
}

.cardItemsContainer {
  height: 100%;
  overflow-x: hidden;
  border-radius: 5px 0px 0px 5px;
}
.cardItemsContainer .cardTransItemListContainer {
  min-width: 65px;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer {
  justify-content: space-between;
  height: 45px;
  margin-bottom: 0.5em;
  margin-left: 8px;
  cursor: pointer;
  border-radius: 15px 15px 15px 15px;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer .cardTransMobileView {
  flex: 1;
  justify-content: space-between;
  width: 100%;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer .forwardIcon {
  margin-left: auto;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer .cardTransItemIcon {
  width: 20px;
  height: 20px;
  margin-right: 1px;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer .cardTransItemName {
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-weight: bold;
  white-space: nowrap;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer .transScNumStyle {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 15px;
  height: 15px;
  margin-top: 14px;
  margin-left: -2px;
  font-size: 0.6em;
  border-radius: 50%;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer .transScNumStyle span {
  padding: 0;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer .rightTransScNum {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 20px;
  font-size: 0.7em;
  border-radius: 50%;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer .rightTransScNum span {
  padding: 0;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer .hideCountIcon {
  opacity: 0;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer .hideCount {
  display: none;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer.selectedTrans {
  width: calc(100% - 16px);
  padding-right: 8px;
}
.cardItemsContainer .cardTransItemListContainer .cardTransItemContainer.inactiveTrans {
  pointer-events: none;
  opacity: 0.5;
}

.cardTransPageContainer {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.cardTransPageContainer .transMenuContainer {
  position: absolute;
  right: 20px;
  display: flex;
}
.cardTransPageContainer .cardTransPageItemContainer:hover {
  cursor: pointer;
}
.cardTransPageContainer .cardTransPageItemContainer {
  padding: 5px 8px;
  border-bottom: 1px solid #dbdbdb;
}
.cardTransPageContainer .cardTransPageItemContainer .cardTransPlaceholderText {
  font-size: 0.875rem;
  font-weight: 500;
}

.cardNavNoDataContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 90%;
}
.cardNavNoDataContainer .cardNavNoDataIcon {
  width: 5rem;
  height: 5rem;
  padding: 0;
}
.cardNavNoDataContainer .cardNavNoDataTextContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.cardNavNoDataContainer .cardNavNoDataTextContainer .cardNavNoDataText {
  font-size: 0.8rem;
  font-weight: lighter;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Card/View/Components/Processes/Style/processes.style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.processesContent {
  flex-direction: column;
  justify-content: space-between;
}
.processesContent .processesLoadingContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.processesContent .processItemsContainer {
  position: relative;
  width: inherit;
  min-width: inherit;
  height: 100%;
  overflow: hidden;
}
.processesContent .processItemsContainer .processesItemContainer {
  position: absolute;
  width: inherit;
  min-width: 204px;
  height: 100%;
  overflow-y: auto;
  cursor: pointer;
  background-color: rgba(0, 80, 146, 0);
}
.processesContent .processItemsContainer .processesItemContainer .processItem {
  position: relative;
}
.processesContent .processItemsContainer .processesItemContainer .processItem .MuiTreeItem-content {
  padding: 5px 8px;
  border-radius: 0;
}
.processesContent .processItemsContainer .processesItemContainer .processItem:before {
  position: absolute;
  top: 12px;
  left: -16px;
  width: 32px;
  pointer-events: none;
  content: "";
}
.processesContent .processItemsContainer .processesItemContainer .processItem ul.MuiCollapse-root {
  padding-left: 0;
  margin-left: 52px;
  border-left: 1px solid gray;
}
.processesContent .processItemsContainer .processesItemContainer .processItem ul.MuiCollapse-root .MuiCollapse-wrapperInner:not(:empty) {
  margin: 3px 0;
}
.processesContent .processItemsContainer .processesItemContainer .processItem ul.MuiCollapse-root .MuiTreeItem-iconContainer .MuiSvgIcon-root {
  margin-left: 15px;
}
.processesContent .processItemsContainer .processesItemContainer .processItem .processItemContent:has(.moreButton) {
  cursor: default;
}
.processesContent .processItemsContainer .processesItemContainer .moreButton {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  border-radius: 5px;
}
.processesContent .processItemsContainer .processesItemContainer .processContent {
  display: flex;
  align-items: center;
  width: inherit;
}
.processesContent .processItemsContainer .processesItemContainer .processContent .processItemStatusIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 21px;
  margin-left: -43px;
  border-radius: 50%;
}
.processesContent .processItemsContainer .processesItemContainer .processContent .processItemStatusIcon .statusIcon {
  width: 15px;
}
.processesContent .processItemsContainer .processesItemContainer .processContent .processItemLabel {
  width: 100%;
}
.processesContent .processItemsContainer .processesItemContainer span {
  margin-left: 40px;
  font-size: 0.875rem;
  font-weight: bold;
}
.processesContent .processItemsContainer .processesItemContainer.selectedTrans {
  background-color: rgba(0, 80, 146, 0.2);
}
.processesContent .processItemsContainer .processesItemContainer.selectedTrans span {
  color: #005092;
}
.processesContent .processItemsContainer .processesItemContainer.inactiveTrans {
  pointer-events: none;
  opacity: 0.25;
}
.processesContent .processItemsContainer .processesItemContainer .processTextContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: inherit;
  min-width: 0;
  padding: 10px;
}
.processesContent .processItemsContainer .processesItemContainer .processTextContainer .processText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.processesContent .processItemsContainer .processesItemContainer .processTextContainer .processTitle {
  height: 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}
.processesContent .processItemsContainer .processesItemContainer .processTextContainer .processDetails {
  margin-top: 3px;
  font-size: 0.6875rem;
}
.processesContent .processItemsContainer .processesItemContainer .processItemActionsContainer {
  position: absolute;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 63px;
}
.processesContent .processItemsContainer .processesItemContainer .processDate {
  display: flex;
  justify-content: flex-end;
  padding: 2px 8px;
  font-size: 0.6875rem;
}
.processesContent .processItemsContainer .processesItemContainer .processImgContainer {
  position: relative;
  display: flex;
  justify-content: center;
  min-width: 30px;
  height: 30px;
  border-radius: 50%;
}
.processesContent .processItemsContainer .processesItemContainer .processImgContainer .processImg {
  width: 16px;
  height: auto;
  margin: 6px;
}
.processesContent .processItemsContainer .processesItemContainer .processImgContainer:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 50%;
  opacity: 0.5;
}
.processesContent .processItemsContainer .processesItemContainer .child {
  position: relative;
  z-index: 1;
}
.processesContent .processItemsContainer .processActionBtnContainer {
  justify-content: space-between;
  width: calc(100% - 20px);
  height: 45px;
  margin-top: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  background-color: rgba(0, 80, 146, 0.2);
  border-radius: 3px 20px 20px 3px;
  transition: 200ms ease-in-out;
}
.processesContent .processItemsContainer .processActionBtnContainer .processHeaderText {
  display: flex;
  margin-top: 3px;
  margin-left: 30px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #005092;
}
.processesContent .processItemsContainer .processActionBtnContainer .processHeaderIcon {
  width: 23px;
  height: auto;
  margin-left: 15px;
  fill: #005092;
}
.processesContent .processItemsContainer .processActionBtnContainer .processHeaderRightButtons {
  display: flex;
}
.processesContent .processItemsContainer .processActionBtnContainer .processHeaderLeftButtons {
  display: flex;
  margin-top: 3px;
  margin-right: 25px;
}
.processesContent .processItemsContainer .processActionBtnContainer .rootProcessName {
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.processesContent .processItemsContainer .processesMenu {
  border: 1px solid #d3d4d5;
}
.processesContent .processItemsContainer .processesMenu .processesMenuItem:focus {
  background-color: #005092;
}
.processesContent .processItemsContainer .processesMenu .processesMenuItem:focus .MuiListItemIcon-root, .processesContent .processItemsContainer .processesMenu .processesMenuItem:focus .MuiListItemText-primary {
  color: #d3d4d5;
}
.processesContent .processesPagerContainer {
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 6px;
}

.processActionMenuItem {
  min-width: 35px !important;
}

.hideItem {
  display: none !important;
}

.buttonDisabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Dialog/Dialogs/Components/Style/dialogs.style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.bigDialog {
  width: 640px;
  height: 480px;
  overflow: hidden;
}

.smallDialogHeader {
  margin-bottom: -1rem;
  box-shadow: none;
}

.dialogHeaderText {
  flex-grow: 1;
  max-width: 500px;
  padding: 0;
}

@media screen and (max-width: 720px) {
  .dialogHeaderText {
    width: 80px;
  }
}
.imgBrowserDialogContainer {
  width: 640px;
  height: 650px;
  overflow: hidden;
}

.imgBrowserDialog .imgBrowserContent {
  height: 420px;
}
.imgBrowserDialog .imgBrowserContent .loadingOverlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.imgBrowserDialog .imgBrowserItem {
  float: left;
  width: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #69A1BF;
  border-radius: 4px;
}
.imgBrowserDialog .imgBrowserItem-highlighted {
  background-color: lightgrey;
}

.catalogDialog .catalogDialogSearch {
  padding: 5px 10px;
  margin: 0;
}
@media screen and (max-width: 720px) {
  .catalogDialog .catalogDialogSearch {
    padding: 2px 5px;
  }
}
.catalogDialog .catalogDialogContent {
  height: 60%;
}
@media screen and (max-width: 720px) {
  .catalogDialog .catalogDialogContent {
    height: 100%;
  }
}

.largeDialogHeader {
  justify-content: center;
  height: 50px;
}
.largeDialogHeader img {
  height: 24px;
}
.largeDialogHeader .largeDialogTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.1rem;
  white-space: nowrap;
}
.largeDialogHeader .dialogActionButton {
  width: 40px;
  height: 40px;
  color: #fff;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-radius: 50%;
}
.largeDialogHeader .dialogActionButton:hover {
  background: rgba(0, 0, 0, 0.0666666667);
}
.largeDialogHeader .dialogActionButton.dialogActionButton-disabled {
  opacity: 0.5;
}
.largeDialogHeader .dialogActionButton.dialogActionButtonWithLabel {
  width: -moz-max-content;
  width: max-content;
  text-transform: none;
  border-radius: 4px;
}

.messageBoxContentText {
  white-space: pre-line;
}

.messageBoxVerticalActionButtons {
  flex-direction: column;
  align-items: baseline;
}
.messageBoxVerticalActionButtons button {
  min-width: auto;
  margin-bottom: 8px;
}

.messageBoxButtonList {
  padding-left: 0px;
}

.exceptionDialogDetails {
  width: 100%;
  height: 70px;
  margin-top: 15px;
  overflow: scroll;
}

.inputBoxDialogContent .lhdialogInputLine {
  margin: 20px 0;
}

.changePWDialog {
  width: 350px;
}
.changePWDialog .changePWDialogContent {
  display: flex;
  flex-direction: column;
}
.changePWDialog .changePWDialogContent .pwField {
  margin: 10px 0;
}

.selectRecordDialog {
  height: 100%;
}
.selectRecordDialog .selectRecordDialogSearch {
  padding: 0;
  margin: 10px 10px 0;
}
.selectRecordDialog .selectRecordDialogSearch .MuiInputBase-root {
  display: flex;
  flex-wrap: wrap;
  max-height: 60px;
  overflow: auto;
}
.selectRecordDialog .selectRecordDialogSearch .MuiInputBase-root .MuiInputBase-inputTypeSearch {
  width: auto;
}
.selectRecordDialog .selectRecordDialogSearch .MuiInputBase-root .selectedRecordChip {
  height: 22px;
  margin-bottom: 5px;
  margin-left: 5px;
}
.selectRecordDialog .selectRecordDialogSearch .MuiInputBase-root .selectedRecordChip .MuiChip-icon {
  width: 0.8em;
  height: 0.8em;
  cursor: pointer;
}
@media screen and (max-width: 720px) {
  .selectRecordDialog .selectRecordDialogSearch {
    margin: 2px;
  }
}
.selectRecordDialog .noData {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 220px;
}
.selectRecordDialog .noData .noDataTitle {
  font-weight: bold;
}
.selectRecordDialog .MuiDataGrid-columnHeaderCheckbox .MuiDataGrid-columnHeaderTitleContainerContent {
  display: none;
}

@media screen and (max-width: 720px) {
  .selectRecordDialog {
    height: 100%;
  }
}
.objSelectorDialog .MuiToolbar-root {
  min-height: initial;
}
@media screen and (max-width: 720px) {
  .objSelectorDialog .objSelectorHeaderContainer {
    padding: 2px 5px !important;
  }
}
.objSelectorDialog .objSelectorHeaderContainer {
  display: flex;
  flex-direction: column;
  padding: 10px 15px 5px;
}
.objSelectorDialog .objSelectorHeaderContainer .objSelectorDescriptionButton {
  display: inline;
  text-decoration: underline;
  cursor: pointer;
}
.objSelectorDialog .objSelectorHeaderContainer .objSelectorDescriptionButton.objSelectorDialogLessButton {
  margin-left: 5px;
}
.objSelectorDialog .objSelectorHeaderContainer .objSelectorDialogActionsContainer {
  display: flex;
  width: 100%;
}
.objSelectorDialog .objSelectorHeaderContainer .objSelectorDialogActionsContainer .objSelectorOptions {
  padding-left: 15px;
  text-overflow: ellipsis;
  font-size: 0.8rem;
  white-space: nowrap;
  border-radius: 16px;
}
.objSelectorDialog .objSelectorHeaderContainer .objSelectorDialogActionsContainer .objSelectorOptions .MuiSelect-select:focus {
  background-color: unset;
}
.objSelectorDialog .objSelectorHeaderContainer .objSelectorDialogActionsContainer .objSelectorSearch {
  flex-grow: 1;
}
.objSelectorDialog .objSelectorHeaderContainer .objSelectorLongTextContainer {
  padding: 10px 0;
}
.objSelectorDialog .objSelectorHeaderContainer .objSelectorLongTextContainer .objSelectorLongText {
  display: inline;
}
.objSelectorDialog .scrollableGrid.noCheckAllCheckbox .MuiDataGrid-root .MuiDataGrid-columnHeaderCheckbox .MuiDataGrid-columnHeaderDraggableContainer .MuiDataGrid-columnHeaderTitleContainerContent {
  display: none;
}

.rightsAndRolesDialogDataGridContainer {
  height: 500px;
}
.rightsAndRolesDialogDataGridContainer .rightsAndRolesRowMenuDataGrid {
  height: 100%;
}

.multiLangDialog .multiLangSelect .MuiSelect-select {
  padding-top: 0;
  padding-bottom: 0;
}
.multiLangDialog .multiLangSelect .MuiOutlinedInput-notchedOutline {
  border: unset;
}

.multiLangSelectMenu .MuiList-root {
  display: flex;
  flex-wrap: wrap;
  width: 16rem;
  max-height: 15rem;
  padding: unset;
  overflow: auto;
}
.multiLangSelectMenu .MuiList-root .MuiMenuItem-root {
  padding: unset;
}

.barcodeDialog .formGroupContainer {
  min-width: 300px;
}
.barcodeDialog .formGroupContainer .fontEditContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
}
.barcodeDialog .formGroupContainer .fontEditContainer .switchLabelContainer {
  display: flex;
  align-items: center;
}
.barcodeDialog .formGroupContainer .barcodeWithText {
  margin-right: 20px;
}
.barcodeDialog .formGroupContainer .fontSize {
  width: 90px;
}
.barcodeDialog .barcodeContainer {
  min-height: 100px;
  text-align: center;
}
.barcodeDialog .barcodeContainer .barcode {
  max-width: 550px;
  max-height: 550px;
}
.barcodeDialog .errorMessage {
  color: red;
  white-space: pre-wrap;
}
/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/FilterBar/View/Style/filterBar.style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.filterBarAutocompletePlaceholder::-moz-placeholder {
  opacity: 0.6;
}

.filterBarAutocompletePlaceholder::placeholder {
  opacity: 0.6;
}

.MuiAutocomplete-inputRoot.filterBarInputRoot {
  flex-wrap: nowrap;
  overflow: auto;
}

.filterBarChip {
  border-radius: 8px;
}

.MuiAutocomplete-tag.filterBarChip {
  max-width: none;
  border-radius: 8px;
}

.MuiAutocomplete-option.catalogRows {
  display: table-row;
}

.iconDisplayType {
  width: 20px;
  height: 20px;
}

.filterBarCatalogIconButton {
  width: 22px;
  min-width: 0;
  height: 22px;
  padding: 2px;
}

.catalog-item {
  padding: 4px;
}

.filterBarCatalogContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.filterBarCatalogText {
  width: calc(100% - 24px);
}

.filterBarCatalogButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Card/View/Components/UTrans/Style/utrans.styles.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.utransListView {
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.utransListView .utansListTitle {
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
.utransListView .uTransListContainer {
  flex: 1;
  min-height: 10px;
  overflow: auto;
}
.utransListView .uTransListContainer .snippetContentContainer {
  width: 100%;
}
.utransListView .uTransListContainer .errorSnippet {
  background-color: rgba(211, 47, 47, 0.067);
}
.utransListView .uTransListContainer .errorSnippet:hover {
  background-color: rgba(211, 47, 47, 0.067);
}

.uTransCardRangeContent,
.utransGridContainer {
  border: none;
}
.uTransCardRangeContent .utransGridMainContainer:focus,
.utransGridContainer .utransGridMainContainer:focus {
  border: 2px solid;
}
.uTransCardRangeContent .noHeader,
.utransGridContainer .noHeader {
  display: none;
}
.uTransCardRangeContent .utransGridEditMode,
.utransGridContainer .utransGridEditMode {
  margin-top: 7px;
}
.uTransCardRangeContent .utransGridEditMode .MuiDataGrid-cell,
.utransGridContainer .utransGridEditMode .MuiDataGrid-cell {
  display: inline-flex;
  align-items: center;
  line-height: normal;
}
.uTransCardRangeContent .utransGridEditMode .MuiDataGrid-actionsCell,
.utransGridContainer .utransGridEditMode .MuiDataGrid-actionsCell {
  gap: 0;
}
.uTransCardRangeContent .showFilterIcon .MuiDataGrid-menuIcon,
.utransGridContainer .showFilterIcon .MuiDataGrid-menuIcon {
  visibility: visible;
  width: auto;
}
.uTransCardRangeContent .insertUTransButtonRow,
.utransGridContainer .insertUTransButtonRow {
  position: relative;
  opacity: 0;
}
.uTransCardRangeContent .insertUTransButtonRow:hover,
.utransGridContainer .insertUTransButtonRow:hover {
  opacity: 1;
}
.uTransCardRangeContent .insertUTransButtonRow .insertUTransButtonRowLine,
.utransGridContainer .insertUTransButtonRow .insertUTransButtonRowLine {
  position: absolute;
  top: 0;
  left: 18px;
  width: 100%;
  height: 2px;
  background: #005092;
}
.uTransCardRangeContent .insertUTransButtonRow .insertUTransButton,
.utransGridContainer .insertUTransButtonRow .insertUTransButton {
  position: absolute;
  top: -9px;
  left: 0;
  z-index: 6;
}
.uTransCardRangeContent .utransGridFooter,
.utransGridContainer .utransGridFooter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px;
  border-top: 1px solid gainsboro;
}
.uTransCardRangeContent .utransAddNew,
.utransGridContainer .utransAddNew {
  margin: 2px 0 0 5px;
  font-size: 0.875rem;
  font-weight: 900;
}
.uTransCardRangeContent .utransGridReadOnlyMode .readOnlyfieldButton:not(.currencyIcon),
.utransGridContainer .utransGridReadOnlyMode .readOnlyfieldButton:not(.currencyIcon) {
  visibility: hidden;
}
.uTransCardRangeContent .utransGridReadOnlyMode .MuiDataGrid-cell:hover .readOnlyfieldButton:not(.currencyIcon),
.utransGridContainer .utransGridReadOnlyMode .MuiDataGrid-cell:hover .readOnlyfieldButton:not(.currencyIcon) {
  visibility: visible;
}
.uTransCardRangeContent .utransGridReadOnlyMode .currencyIcon,
.utransGridContainer .utransGridReadOnlyMode .currencyIcon {
  min-width: 0.938rem;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1;
}

.gridBtnTooltip > .MuiTooltip-tooltip {
  margin-top: 0px !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/DataGrid/Style/datagrid.style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.dataTableHeader {
  font-weight: bold;
}

.dataTableFooter {
  padding: 10px 5px;
  text-align: right;
}

@media screen and (max-width: 720px) {
  .dataTableFooter {
    padding: 0 5px;
  }
}
.hideSeparator .MuiDataGrid-columnSeparator {
  visibility: hidden;
}

.dataTableSize {
  border-right: none;
  border-left: none;
  border-radius: 0;
}

.scrollableGrid {
  flex: 1;
  overflow: hidden;
}

.alignCellContent {
  display: flex;
  align-items: center;
}

.headerButton {
  width: 25px;
  height: 25px;
}

.columnHeaderTitle {
  margin-right: 3px;
}

.dataGridHeaders:focus {
  padding: 2px;
}

.sortButton {
  display: inline-flex;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  line-height: 1;
  cursor: pointer;
  background: none;
  border: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Selection/Components/ExecutionResult/MonitorDataGrid/Style/selection.style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.root {
  width: 100%;
  height: 100%;
}

.selectionRowContainer {
  position: relative;
  display: flex;
}
.selectionRowContainer:hover .selectionRowButtonsOverlay {
  pointer-events: all;
  opacity: 1;
}

.selectionRowButtonsOverlay {
  position: sticky;
  top: 0;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  margin-top: 1px;
  margin-left: -75px;
  pointer-events: none;
  border-radius: 5px;
  opacity: 0;
}
.selectionRowButtonsOverlay.hasMenuOpen {
  pointer-events: all;
  opacity: 1;
}

.selectionMainWidgetToolbarContainer {
  min-height: 40px;
  max-height: 40px;
  padding: 0px;
  border-bottom: none;
}
.selectionMainWidgetToolbarContainer .selectionMainWidgetToolbar {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 0px 0px 10px;
}

.selectionBoxTitleUx {
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectionBoxTitleUx .selectionBoxTitleIcon {
  width: 16px;
  margin-left: 10px;
  vertical-align: middle;
}

.selectionBoxTitleUx .selectionBoxFilterIcon {
  width: 28px;
  height: 28px;
  vertical-align: middle;
}

.containerSelection {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: space-between;
  height: 100%;
}
.containerSelection .containerSelectionLoadingIndicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.containerSelection .selectionGrid {
  flex: 1;
  height: 100%;
}
.containerSelection .selectionGrid .MuiDataGrid-root {
  border: none;
}
.containerSelection .selectionGrid .MuiDataGrid-columnHeaders {
  overflow: unset;
}
.containerSelection .selectionGrid .columnMenuButton {
  width: 28px;
  height: 28px;
  padding: 5px;
}
.containerSelection .selectionGrid .MuiDataGrid-cell.MuiDataGrid-cell--pinnedRight:not(.selectionMonitorCellActions), .containerSelection .selectionGrid .MuiDataGrid-cell.MuiDataGrid-cell--pinnedLeft:not(.MuiDataGrid-cellCheckbox) {
  background-image: inherit;
}
.containerSelection .selectionGrid .MuiDataGrid-cell .selectionMonitorCellWrapper {
  display: inline-block;
  height: 100%;
  padding: 10px 0 10px;
}
.containerSelection .selectionGrid .MuiDataGrid-cell .selectionMonitorCellWrapper:not(.adjustRowHeightToContent):has(.memoField) {
  display: block;
}
.containerSelection .selectionGrid .MuiDataGrid-cell .selectionMonitorCellWrapper:not(.adjustRowHeightToContent):has(.memoField) .selectionMonitorCell {
  align-items: flex-start;
}
.containerSelection .selectionGrid .MuiDataGrid-row:hover {
  cursor: pointer;
}
.containerSelection .selectionGrid .selectionMonitorCellColorWrapper.MuiDataGrid-cell {
  padding: 0;
  border: 0;
}
.containerSelection .selectionGrid .selectionMonitorCell {
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
  line-height: initial;
}
.containerSelection .selectionGrid .selectionMonitorCell.selectionMonitorSnippetCell {
  padding: 0px;
}
.containerSelection .selectionGrid .selectionMonitorCell .selectionOpenCardTooltip {
  visibility: hidden;
  color: inherit;
  background-color: inherit;
}
.containerSelection .selectionGrid .selectionMonitorCell .selectionWrapWithOverflowGridCell {
  max-height: 100%;
  white-space: pre-line;
}
.containerSelection .selectionGrid .selectionMonitorCell .selectionNoWrapGridCell {
  width: -moz-fit-content;
  width: fit-content;
  max-height: 100%;
  white-space: nowrap;
}
.containerSelection .selectionGrid .selectionMonitorCell .selectionWrapGridCell {
  max-height: 100%;
  word-break: normal;
  overflow-wrap: anywhere;
  white-space: pre-line;
}
.containerSelection .selectionGrid .selectionMonitorCell .selectionSnippet {
  padding: 2px 0;
  line-height: 1.25rem;
}
.containerSelection .selectionGrid .selectionMonitorCell.tagSelectionComponent {
  position: relative;
  display: inherit;
  width: 100%;
  padding-top: 7px;
}
.containerSelection .selectionGrid .selectionMonitorCell.tagSelectionComponent.hasOpenCardButton {
  display: flex;
}
.containerSelection .selectionGrid .selectionMonitorCell.tagSelectionComponent .tagList {
  display: inline-flex;
}
.containerSelection .selectionGrid .selectionMonitorCell.tagSelectionComponent .hasOverflow {
  width: calc(100% - 20px);
  overflow: hidden;
}
.containerSelection .selectionGrid .selectionMonitorCell.tagSelectionComponent .hasOverflow::after {
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0px;
  padding-top: 3px;
  margin: auto;
  font-size: 25px;
  content: "…";
}
.containerSelection .selectionGrid .selectionMonitorCell.tagSelectionComponent.adjustRowHeightToContent:not(.columnsFitToContent) .hasOverflow {
  width: 100%;
}
.containerSelection .selectionGrid .selectionMonitorCell.tagSelectionComponent.adjustRowHeightToContent:not(.columnsFitToContent) .hasOverflow .tagList {
  display: block;
}
.containerSelection .selectionGrid .selectionMonitorCell.tagSelectionComponent.adjustRowHeightToContent:not(.columnsFitToContent) .hasOverflow::after {
  display: none;
}
.containerSelection .selectionGrid .selectionMonitorCell:hover .selectionOpenCardTooltip {
  visibility: visible;
}
.containerSelection .selectionGrid.noCheckAllCheckbox .MuiDataGrid-root .MuiDataGrid-columnHeaderCheckbox .MuiDataGrid-columnHeaderTitleContainer {
  display: none;
}

.popperContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.selectionAddColumnDialog {
  display: flex;
  justify-content: center;
  width: 450px;
  max-width: 900px;
  height: 200px;
}
.selectionAddColumnDialog .MuiDialogContent-root {
  display: flex;
  justify-content: center;
}

.selectionCalendar {
  width: 100%;
  height: 100%;
}

.MuiDataGrid-scrollbarFiller {
  z-index: 10;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Scheduler/Components/Footer/schedulerFooter.style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.schedulerFooterContainer {
  display: flex;
  align-items: flex-start;
  margin-bottom: -1px;
  overflow-x: auto;
}
.schedulerFooterContainer .MuiTablePagination-root {
  display: flex;
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  min-height: auto;
  padding: 1px 5px 1px 5px;
  margin: -2px;
  overflow: hidden;
  border: none;
}
.schedulerFooterContainer .MuiTablePagination-root .MuiTablePagination-toolbar {
  display: flex;
  flex: 1;
  min-height: auto;
  padding-left: 0;
}
.schedulerFooterContainer .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-spacer {
  display: none;
}
.schedulerFooterContainer .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-selectLabel {
  margin-right: 20px;
}
.schedulerFooterContainer .MuiTablePagination-root .MuiTablePagination-toolbar .MuiTablePagination-actions {
  padding: 2px 0 2px 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Scheduler/Components/Header/schedulerHeader.style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.schedulerHeaderContainer {
  display: flex;
  align-items: flex-start;
  min-height: 46px;
  padding: 5px;
  overflow-x: auto;
  overflow-y: hidden;
}
.schedulerHeaderContainer .dividerPadding {
  margin-right: 4px;
  margin-left: 4px;
}
.schedulerHeaderContainer .transInfosContainer {
  display: flex;
  height: 100%;
}
.schedulerHeaderContainer .navigationContainer {
  display: flex;
  height: 100%;
}
.schedulerHeaderContainer .configContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  height: 100%;
  margin-left: auto;
}
.schedulerHeaderContainer .configContainer .selectControl {
  margin-right: 4px;
  margin-left: 4px;
  font-size: 0.875rem;
}
.schedulerHeaderContainer .disabledIcon {
  opacity: 0.38;
}
.schedulerHeaderContainer .menuButton.navigationDatePicker {
  display: block;
  min-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.schedulerHeaderContainer .menuButton .buttonLeftIcon {
  width: 19px;
  height: 19px;
  margin-right: 4px;
  vertical-align: text-top;
}

.schedulerSelectItem {
  font-size: 0.875rem;
}

.schedulerSelectItemHeader {
  font-size: 1rem;
  font-weight: bolder;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Scheduler/Components/Navigation/navigation.styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.MuiMonthCalendar-root .MuiPickersMonth-root .MuiPickersMonth-monthButton.dateMarker::after {
  position: absolute;
  width: 13%;
  height: 2px;
  margin-top: 1.6rem;
  margin-left: -11%;
  color: inherit;
  content: "";
}

.MuiYearCalendar-root .MuiPickersYear-root .MuiPickersYear-yearButton.dateMarker::after {
  position: absolute;
  width: 14%;
  height: 2px;
  margin-top: 1.6rem;
  margin-left: -13%;
  color: inherit;
  content: "";
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Scheduler/Components/SchedulerItem/schedulerItem.style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.schedulerControlContainer .schedulerItemContainer .schedulerItemContent {
  display: flex;
  flex-direction: column;
  align-items: start;
  height: 100%;
  padding-block: 4px;
  padding-inline: 4px;
  overflow: hidden;
  line-height: calc(25px - 0.25rem);
  text-wrap: nowrap;
}
.schedulerControlContainer .schedulerItemContainer .schedulerItemContent .smallIcon {
  flex-shrink: 0;
  margin-right: 4px;
}
.schedulerControlContainer .schedulerItemContainer .schedulerItemContent .MuiTypography-root {
  font-size: 0.875rem;
  font-weight: inherit;
}
.schedulerControlContainer .schedulerItemContainer .schedulerItemContent .appointmentHeader {
  display: flex;
  align-items: center;
}
.schedulerControlContainer .schedulerItemContainer .schedulerItemContent .appointmentHeaderExpand {
  display: flex;
  flex-grow: 1;
  align-items: center;
  text-wrap: auto;
}

.appointPreviewLoading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  min-width: 400px;
}

.appointmentPreviewPaper {
  overflow-x: auto;
  overflow-y: auto;
}

.appointmentPreviewContainer {
  width: 500px;
  min-width: 300px;
  max-width: 100%;
  min-height: 180px;
  max-height: 60vh;
}
.appointmentPreviewContainer .snippetContentContainer {
  height: auto;
}
.appointmentPreviewContainer .snippetContentContainer .snippetContent .snippetLine {
  height: auto;
}
.appointmentPreviewContainer .snippetContentContainer .snippetContent .snippetLine.snippetFirstLine {
  min-height: auto;
  margin-top: 0;
}
.appointmentPreviewContainer .snippetContentContainer .snippetContent .snippetTextContainer .snippetHeading.snippetEllipsis {
  white-space: normal;
}
.appointmentPreviewContainer .snippetContentContainer .snippetContent .snippetTextContainer .snippetDetails.snippetEllipsis {
  white-space: break-spaces;
}
.appointmentPreviewContainer .snippetContentContainer .snippetContent .snippetControls {
  width: auto;
}
.appointmentPreviewContainer .appointmentPreviewHeader {
  display: flex;
  flex-flow: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px;
}
.appointmentPreviewContainer .appointmentPreviewHeader .snippetContentContainer .snippetContent .snippetTextContainer .snippetHeading.snippetEllipsis {
  font-size: 1rem;
}
.appointmentPreviewContainer .appointmentPreviewHeader .snippetContentContainer .snippetContent .snippetTextContainer .snippetDetails.snippetEllipsis {
  font-size: 0.8rem;
}
.appointmentPreviewContainer .appointmentPreviewBody {
  padding: 8px;
}
.appointmentPreviewContainer .appointmentPreviewBody .snippetContentContainer {
  padding: 8px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Scheduler/Components/Resource/resourceDisplay.styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.schedulerResourceImage {
  margin-top: 2px;
  margin-right: 4px;
}

.schedulerResourceCell .MuiTypography-root {
  font-size: inherit;
}

.resourceItemWrapper {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 140px;
  height: 100%;
  min-height: 45px;
  padding: 6px;
  overflow: hidden;
}
.resourceItemWrapper.snippetSurrogateContent {
  padding-right: 16px;
  padding-left: 55px;
}
.resourceItemWrapper .snippetContentContainer {
  position: relative;
  height: 100%;
  min-height: 45px;
}
.resourceItemWrapper .snippetContentContainer .snippetContent {
  margin-top: -3px;
}
.resourceItemWrapper .snippetContentContainer .snippetContent .snippetLine {
  height: auto;
  min-height: 22px;
}
.resourceItemWrapper .snippetContentContainer .snippetContent .snippetLine.snippetFirstLine {
  margin-top: 0;
}
.resourceItemWrapper .snippetContentContainer .snippetContent .snippetLine .snippetTextContainer .snippetHeading.snippetEllipsis {
  white-space: normal;
}
.resourceItemWrapper .snippetContentContainer .snippetContent .snippetLine .snippetTextContainer .snippetDetails.snippetEllipsis {
  white-space: break-spaces;
}
.resourceItemWrapper .snippetContentContainer .snippetControls {
  padding-left: 0;
}
.resourceItemWrapper .snippetContentContainer .snippetControls .snippetActionsContainer .menuActionButtonsContainer {
  padding: 4px;
  border-radius: 4px;
}
.resourceItemWrapper .snippetContentContainer:not(.showAlways) .snippetControls {
  position: absolute;
  top: 0;
  right: 4px;
  padding-left: 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Scheduler/Components/SchedulerItemList/schedulerItemList.style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.schedulerItemList {
  padding-top: 0;
  padding-bottom: 0;
}
.schedulerItemList .schedulerItemListItemButton {
  display: block;
  padding: 0;
}
.schedulerItemList .MuiDivider-root {
  padding-right: 16px;
  padding-left: 16px;
}
.schedulerItemList .schedulerItemListItemWrapper {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.schedulerItemList .schedulerItemListItemWrapper .appointmentTitleLoadingContainer {
  position: absolute;
  left: 64px;
  display: flex;
}
.schedulerItemList .schedulerItemListItemWrapper .appointmentTitleLoadingContainer .loadingIcon {
  margin-right: 4px;
}
.schedulerItemList .schedulerItemListItemWrapper .snippetContentContainer {
  align-items: start;
  height: auto;
  min-height: 45px;
  padding: 8px;
}
.schedulerItemList .schedulerItemListItemWrapper .snippetContentContainer .snippetContent {
  margin-top: -3px;
}
.schedulerItemList .schedulerItemListItemWrapper .snippetContentContainer .snippetContent .snippetLine {
  height: auto;
  min-height: 22px;
}
.schedulerItemList .schedulerItemListItemWrapper .snippetContentContainer .snippetContent .snippetLine.snippetFirstLine {
  margin-top: 0;
}
.schedulerItemList .schedulerItemListItemWrapper .snippetContentContainer .snippetContent .snippetLine .snippetTextContainer .snippetHeading.snippetEllipsis {
  white-space: normal;
}
.schedulerItemList .schedulerItemListItemWrapper .snippetContentContainer .snippetContent .snippetLine .snippetTextContainer .snippetDetails.snippetEllipsis {
  white-space: break-spaces;
}
.schedulerItemList .schedulerItemListItemWrapper .snippetContentContainer .snippetControls {
  position: absolute;
  right: 4px;
  width: 100%;
  padding-left: 0;
}
.schedulerItemList .schedulerItemListItemWrapper .snippetContentContainer .snippetControls .snippetActionsContainer .menuActionButtonsContainer {
  padding: 4px;
}
.schedulerItemList .schedulerItemListItemWrapper .MuiTypography-root {
  font-size: 0.875rem;
}
.schedulerItemList .schedulerItemListItemWrapper .appointmentColorIndicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
}
.schedulerItemList .schedulerItemListItemWrapper .appointmentHeaderContainer {
  display: flex;
  align-items: start;
}
.schedulerItemList .schedulerItemListItemWrapper .appointmentHeaderContainer .smallIcon {
  flex: 0 0 auto;
  margin: 4px 8px 0 0;
}
.schedulerItemList .schedulerItemListItemWrapper .appointmentHeaderContainer .MuiTypography-root {
  font-weight: bold;
}
.schedulerItemList .schedulerItemListItemWrapper .appointmentDateContainer {
  margin-top: 8px;
}
.schedulerItemList .schedulerItemListItemWrapper .appointmentDescrContainer {
  margin-top: 8px;
}
.schedulerItemList .schedulerItemListItemWrapper .appointmentDescrContainer:empty {
  margin-top: 0px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Scheduler/Components/scheduler.styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
body.schedulerActiveAction {
  pointer-events: none;
}
body.schedulerActiveAction .schedulerControlContainer .schedulerComponent .schedulerLayout {
  pointer-events: auto;
}
body.schedulerActiveAction .schedulerControlContainer .schedulerComponent .schedulerLayout > * {
  pointer-events: none;
}
body.schedulerActiveAction .schedulerControlContainer .schedulerComponent .schedulerLayout .schedulerBody .schedulerInnerContentWrapper.schedulerHorizontalGroupedResources .schedulerGroupedResourcesCell {
  flex-basis: 100%;
  padding: 0;
  border-width: 0;
}
body.schedulerActiveAction .schedulerControlContainer .schedulerComponent .schedulerLayout .schedulerBody .schedulerInnerContentWrapper .schedulerGroupedResourcesCell {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  overflow: auto;
}
body.schedulerActiveAction .schedulerControlContainer .schedulerComponent .schedulerLayout .schedulerBody .schedulerInnerContentWrapper .schedulerSlotsColumn {
  pointer-events: auto;
}
body.schedulerActiveAction .schedulerControlContainer .schedulerComponent .schedulerLayout .schedulerBody .schedulerInnerContentWrapper .schedulerSlotsColumn * {
  pointer-events: auto;
}
body.schedulerActiveAction .schedulerControlContainer .schedulerComponent .schedulerLayout .schedulerBody .schedulerItemContainer:not(body.schedulerActiveAction .schedulerControlContainer .schedulerComponent .schedulerLayout .schedulerBody .schedulerItemContainer.schedulerActiveActionItem) {
  opacity: 0.4;
}
body.schedulerActiveAction .schedulerControlContainer .schedulerComponent .schedulerLayout .schedulerBody .schedulerItemContainer.schedulerActiveActionItem {
  pointer-events: auto;
}
body.schedulerActiveAction .schedulerControlContainer .schedulerComponent .schedulerLayout .schedulerBody .schedulerItemContainer.schedulerActiveActionItem * {
  pointer-events: auto;
}

.selectionCalendar {
  display: flex;
  flex-direction: column;
}
.selectionCalendar .schedulerLoadingOverlay {
  position: absolute;
  z-index: 999;
}

.schedulerWrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding-right: 1px;
  overflow: auto;
  background-color: var(--lh-color-scheduler-bg);
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.schedulerWrapper .slotsMenuPopup {
  z-index: 4;
}
.schedulerWrapper .slotsMenuPopup .visuallyHidden {
  pointer-events: none;
}
.schedulerWrapper .schedulerLoadingOverlay {
  position: absolute;
  z-index: 999;
}
.schedulerWrapper .schedulerItemContainer {
  position: absolute;
  box-sizing: border-box;
  min-height: 25px;
  padding-right: 4px;
  overflow: hidden;
  text-align: start;
  outline: 0;
  border: 0 solid transparent;
  border-radius: 0.25rem;
}
.schedulerWrapper .schedulerItemContainer.lh-schedulerItem:hover .lh-schedulerItem-resizeHandle {
  visibility: visible;
}
.schedulerWrapper .schedulerItemContainer.lh-schedulerItem-drag {
  z-index: 100000;
  opacity: 1;
}
.schedulerWrapper .schedulerItemContainer.lh-schedulerItem-drag .lh-schedulerItem-actions {
  display: block;
}
.schedulerWrapper .schedulerItemContainer.lh-schedulerItem-drag .lh-schedulerItem-resizeHandle {
  display: none;
}
.schedulerWrapper .schedulerItemContainer.lh-schedulerItem-drag .lh-dragOverlay-color {
  opacity: 0;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-actions {
  position: absolute;
  top: 0;
  right: 2px;
  bottom: 0;
  z-index: 2;
  flex-shrink: 0;
  height: 100%;
  margin-top: 0;
  white-space: nowrap;
  opacity: 0.87;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-actions:first-child {
  position: relative;
  top: 0;
  right: 0;
  float: left;
  visibility: inherit;
  height: 100%;
  margin: 0 -4px 0 0;
  line-height: normal;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-actions .schedulerItemIcon {
  position: relative;
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 100%;
  line-height: 1;
  vertical-align: middle;
  outline: 0;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-actions .schedulerItemIcon svg {
  height: 100%;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-resizeHandle {
  position: absolute;
  z-index: 4;
  visibility: hidden;
  opacity: 1;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-resizeHandle.lh-resize-w {
  top: 0;
  bottom: 0;
  left: 0;
  width: 5px;
  cursor: ew-resize;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-resizeHandle.lh-resize-w::before {
  width: 2px;
  height: 2rem;
  border-radius: 0;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-resizeHandle.lh-resize-e {
  top: 0;
  right: 0;
  bottom: 0;
  width: 5px;
  cursor: ew-resize;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-resizeHandle.lh-resize-e::before {
  width: 2px;
  height: 2rem;
  border-radius: 0;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-resizeHandle.lh-resize-n {
  top: 0;
  right: 0;
  left: 0;
  height: 5px;
  cursor: ns-resize;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-resizeHandle.lh-resize-n::before {
  width: 2px;
  height: 2rem;
  border-radius: 0;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-resizeHandle.lh-resize-s {
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
  cursor: ns-resize;
}
.schedulerWrapper .schedulerItemContainer .lh-schedulerItem-resizeHandle.lh-resize-s::before {
  width: 2px;
  height: 2rem;
  border-radius: 0;
}
.schedulerWrapper .schedulerItemListContainer {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  flex-direction: column;
  width: 300px;
  height: 100%;
  overflow-x: clip;
  overflow-y: auto;
}
.schedulerWrapper .schedulerItemListContainer .schedulerItemList .schedulerItemListItemButton.lhSelected {
  color: var(--lh-color-scheduler-text-selected);
  background-color: var(--lh-color-scheduler-bg-selected);
}
.schedulerWrapper .schedulerItemListContainer .schedulerItemList .schedulerItemListItemButton.hover {
  color: var(--lh-color-scheduler-text-hover);
  background-color: var(--lh-color-scheduler-bg-selected);
}
.schedulerWrapper .schedulerContentGrid {
  --scrollViewWidth: 100%;
  display: grid;
  grid-template-columns: minmax(min-content, max-content) minmax(min-content, auto);
}
.schedulerWrapper .schedulerContentRow {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}
.schedulerWrapper .schedulerGroupRow {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  min-height: 32px;
}
.schedulerWrapper .schedulerResourceColumn {
  position: sticky;
  left: 0;
  grid-column: 1;
  max-width: calc(var(--scrollViewWidth) * 0.4);
}
.schedulerWrapper .schedulerSlotsColumn {
  grid-column: 2;
  min-width: calc(var(--scrollViewWidth) * 0.6);
}
.schedulerWrapper .schedulerControlContainer {
  flex: 1 0 0;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 300px;
  padding-bottom: 1px;
}
.schedulerWrapper .schedulerControlContainer .schedulerComponent {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  outline: 0;
  border-style: solid;
  border-width: 0 0 0 1px;
  -webkit-touch-callout: none;
}
.schedulerWrapper .schedulerControlContainer .schedulerComponent .lhSchedulerWeekendSlotColor {
  background-image: var(--lh-gradient-scheduler-slot-weekend);
}
.schedulerWrapper .schedulerControlContainer .schedulerComponent .lhSchedulerHolidaySlotColor {
  background-image: var(--lh-gradient-scheduler-slot-holiday);
}
.schedulerWrapper .schedulerControlContainer .schedulerComponent .lhSchedulerHolidaySlotColor.lhSchedulerWeekendSlotColor {
  background-image: var(--lh-gradient-scheduler-slot-holiday), var(--lh-gradient-scheduler-slot-weekend);
}
.schedulerWrapper .schedulerControlContainer .schedulerComponent .lhSchedulerTodaySlotColor {
  background-image: var(--lh-gradient-scheduler-slot-today);
}
.schedulerWrapper .schedulerControlContainer .schedulerComponent .lhSchedulerTodaySlotColor.lhSchedulerWeekendSlotColor {
  background-image: var(--lh-gradient-scheduler-slot-today), var(--lh-gradient-scheduler-slot-weekend);
}
.schedulerWrapper .schedulerControlContainer .schedulerComponent .lhSchedulerTodaySlotColor.lhSchedulerHolidaySlotColor {
  background-image: var(--lh-gradient-scheduler-slot-today), var(--lh-gradient-scheduler-slot-holiday);
}
.schedulerWrapper .schedulerControlContainer .schedulerComponent .lhSchedulerTodaySlotColor.lhSchedulerHolidaySlotColor.lhSchedulerWeekendSlotColor {
  background-image: var(--lh-gradient-scheduler-slot-today), var(--lh-gradient-scheduler-slot-holiday), var(--lh-gradient-scheduler-slot-weekend);
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout {
  position: relative;
  z-index: 1;
  display: grid;
  flex: 1 1 auto;
  grid-auto-rows: min-content;
  grid-auto-columns: minmax(min-content, auto);
  width: 100%;
  overflow-y: auto;
  border-spacing: 0;
  border-collapse: separate;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .schedulerStickyCell {
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .schedulerHead {
  position: sticky;
  top: 0;
  z-index: 4;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .schedulerBody {
  position: relative;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .lhSchedulerCell {
  box-sizing: content-box;
  display: flex;
  flex: 1 1 100%;
  min-height: 32px;
  padding-block: 0.75rem;
  padding-inline: 0.75rem;
  overflow: hidden;
  vertical-align: top;
  white-space: nowrap;
  border-style: solid;
  border-width: 0 1px 1px 0;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .lhSchedulerCell.schedulerSlotCell {
  position: relative;
  min-height: 45px;
  overflow: hidden;
  user-Select: none;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .lhSchedulerCell.schedulerHeaderCell {
  justify-content: center;
  min-height: initial;
  font-weight: bold;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .lhSchedulerCell.schedulerHeaderCell.lhDateHeaderStyle {
  justify-content: left;
  width: auto;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .lhSchedulerCell.schedulerHeaderCell.schedulerResourceCell {
  box-sizing: border-box;
  flex-grow: 1;
  align-content: start;
  align-items: start;
  justify-content: left;
  min-width: 142px;
  padding: 0;
  overflow: visible;
  font-size: 0.875rem;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .lhSchedulerCell.schedulerSideCell {
  flex-grow: 0;
  flex-basis: auto;
  justify-content: flex-end;
  overflow: visible;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .schedulerRow:not(.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .schedulerRow.schedulerGroupRow) {
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .schedulerRow .lhRangeContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .lh-dragOverlay-color {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .lh-dragOverlay-container {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  left: 4px;
  z-index: 200;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .lh-dragOverlay-container .lh-dragOverlay-label-top {
  position: absolute;
  top: 2px;
  left: 0;
  padding: 0 4px 0 4px;
  font-size: 0.75rem;
  line-height: 25px;
  text-wrap: nowrap;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .lh-dragOverlay-container .lh-dragOverlay-label-bottom {
  position: absolute;
  right: 0;
  bottom: 2px;
  padding: 0 4px 0 4px;
  font-size: 0.75rem;
  line-height: 25px;
  text-wrap: nowrap;
}
.schedulerWrapper .schedulerControlContainer .schedulerLayout.schedulerLayoutFlex .schedulerInnerContentWrapper .schedulerSlotsColumn {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  width: 100%;
  padding: 0;
  border-width: 0;
}
.schedulerWrapper .snippetContentContainer > .snippetControls .snippetActionsContainer .menuActionButtonsContainer .menuButton {
  margin: 0;
}
.schedulerWrapper .snippetContentContainer > .snippetControls .snippetActionsContainer .menuActionButtonsContainer .menuButton.menuButtonSmall {
  width: 31px;
  height: 31px;
  padding: 2px 6px;
}
.schedulerWrapper .schedulerCurrentTimeMarker {
  position: absolute;
  width: 1px;
}
.schedulerWrapper .schedulerCurrentTimeMarker.lh-schedulerCurrentTimeArrowLeft {
  width: 0;
  height: 0;
  background: transparent;
  border: 4px solid transparent;
}
.schedulerWrapper .schedulerCurrentTimeMarker.lh-schedulerCurrentTimeArrowRight {
  width: 0;
  height: 0;
  background: transparent;
  border: 4px solid transparent;
}
.schedulerWrapper .schedulerCurrentTimeMarker.lh-schedulerCurrentTimeArrowDown {
  width: 0;
  height: 0;
  background: transparent;
  border: 4px solid transparent;
}
.schedulerWrapper .schedulerCurrentTimeMarker.lh-schedulerCurrentTimeArrowTop {
  width: 0;
  height: 0;
  background: transparent;
  border: 4px solid transparent;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Scheduler/Components/TransFilter/transFilterList.style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.schedulerTransFilterContainer .schedulerTransFilterRow .transFilterIcon {
  margin-right: 0.5rem;
  vertical-align: middle;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/CatalogSelection/View/Catalog/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.mainContainer {
  display: flex;
  width: 100%;
  height: 100%;
}
.mainContainer .rightSideSearchInputContainer {
  border-right: 1px solid #EDEDED;
  border-left: 1px solid #EDEDED;
}
.mainContainer .catalogSearchInputContainer {
  position: relative;
  display: flex;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid #EDEDED;
}
.mainContainer .catalogSearchInputContainer .searchIcon {
  margin: 0 5px;
}
.mainContainer .catalogSearchInputContainer .catalogSearchInput {
  margin-left: 10px;
  outline: none;
  border: none;
}
.mainContainer .catalogSearchInputContainer .clearInputValue {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 100%;
  margin-right: 5px;
  font-size: 1.5rem;
  cursor: pointer;
}
.mainContainer .leftSide {
  display: flex;
  flex-direction: column;
  width: 15%;
  height: 100%;
  border-right: 1px solid #EDEDED;
}
.mainContainer .leftSide .allCatalogsTitle {
  padding: 0px 0px 5px 5px;
}
.mainContainer .leftSide .allCatalogsTitle .allCatalogsTitleText > span {
  font-size: 1rem;
  font-weight: bold;
  font-variant: all-petite-caps;
}
.mainContainer .leftSide .allSingleCatalogsContainer {
  align-content: start;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.mainContainer .leftSide .allSingleCatalogsContainer .singleCatalogContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  padding-left: 10px;
  cursor: pointer;
  border-bottom: 1px solid #EDEDED;
}
.mainContainer .leftSide .allSingleCatalogsContainer .singleCatalogContainer .catalogSnippetContainer {
  flex: 1;
  min-width: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mainContainer .leftSide .allSingleCatalogsContainer .singleCatalogContainer .catalogFavoriteButton {
  display: none;
  flex-shrink: 0;
  margin-left: 8px;
}
.mainContainer .leftSide .allSingleCatalogsContainer .singleCatalogContainer .snippetContentContainer {
  width: 100%;
}
.mainContainer .leftSide .allSingleCatalogsContainer .singleCatalogContainer .catalogButton {
  height: inherit;
}
.mainContainer .leftSide .allSingleCatalogsContainer .singleCatalogContainer .catalogButton .catalogItemIcon {
  min-width: 2.5rem;
}
.mainContainer .leftSide .allSingleCatalogsContainer .singleCatalogContainer svg {
  width: 1.2rem;
  height: 1.2rem;
}
.mainContainer .leftSide .allSingleCatalogsContainer .singleCatalogContainer:hover .catalogFavoriteButton {
  display: flex;
}
.mainContainer .rightSide {
  width: 85%;
  height: 100%;
  overflow: auto;
}
.mainContainer .rightSide .rightSideHeader {
  display: flex;
  justify-content: center;
  height: 50px;
  border-bottom: 1px solid #EDEDED;
}
.mainContainer .rightSide .rightSideHeader h4 {
  padding-left: 10px;
  line-height: 50px;
}
.mainContainer .rightSide .rightSideHeader .allControlIconsContainer {
  display: flex;
  height: 100%;
}
.mainContainer .rightSide .rightSideHeader .allControlIconsContainer .groupedIconsContainer {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 80px;
  height: 100%;
  border-left: 1px solid #EDEDED;
}
.mainContainer .rightSide .rightSideHeader .allControlIconsContainer .groupedIconsContainer span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.mainContainer .rightSide .rightSideHeader .allControlIconsContainer .groupedIconsContainer span:hover {
  cursor: pointer;
  background-color: rgb(226, 226, 226);
}
.mainContainer .rightSide .rightSideHeader .allControlIconsContainer .groupedIconsContainer span img {
  width: 20px;
  height: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/RightsAndRoles/rightsAndRoles.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
html, body {
  height: 100%;
}

.MuiDataGrid-columnHeaders {
  overflow: unset;
}

.dividerHeader {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rightSelectorBox {
  padding: 10px;
  overflow: visible;
}

.accordionHeight {
  height: 100%;
}

.rightsAndRolesRightsCheckbox {
  position: relative;
  right: 6px;
}

.rightsAndRolesRightsIcon {
  transform: scale(0.8);
}

.rightsAndRolesSetAllRightsIcon {
  position: relative;
  left: 3px;
}

.rightsAndRolesCreatorDialogDataGrid {
  height: 60vh;
}

.mediumRightsIcon {
  width: 24px;
  height: 24px;
}

.smallRightsIcon {
  width: 16px;
  height: 16px;
}

.defaultCursor {
  cursor: default;
}

.actionButtonInDataGridRow {
  position: relative;
  top: 6px;
}

.restrictionsCatalogDropdownTable {
  max-height: 300px;
  overflow: auto;
}

.restrictionAutocompleteTagSelect {
  min-width: 120px;
  margin: 5px 10px;
}

.rightsAndRolesSettingsCheckbox {
  margin-left: 3px;
}

.restrictionAutocompleteTagChip {
  margin: 5px 10px;
}

.rightsAndRolesRestrictionsDataGridEvenRow {
  background-color: #d50000;
}

.rightsAndRolesRestrictionsDataGridOddRow {
  background-color: #005092;
}

.highlight-green {
  animation: highlight 1s ease-out;
}

@keyframes highlight {
  from {
    background-color: #c6d9d5;
  }
  to {
    background-color: transparent;
  }
}
.rightsAndRolesRoleCard {
  height: 100%;
}

.rightsAndRolesRolesListBox {
  height: calc(100% - 43px);
}

@media (max-width: 2333px) {
  .rightsAndRolesRolesListBox {
    height: calc(100% - 83px);
  }
}
.RightsAndRolesListHeader {
  width: 100%;
  height: 70px;
}

.RightsAndRolesList {
  height: 62vh;
  overflow: auto;
}

.autocompletePlaceholder::-moz-placeholder {
  opacity: 0.6;
}

.autocompletePlaceholder::placeholder {
  opacity: 0.6;
}

.MuiAutocomplete-inputRoot.restrictionAutocompleteInputRoot {
  flex-wrap: nowrap;
  overflow: auto;
}

.mainContainer {
  display: flex;
  width: 100%;
  height: 100%;
}
.mainContainer .leftSideRightsAndRoles {
  width: 20%;
  min-width: 300px;
  height: 100%;
  border-right: 1px solid #EDEDED;
}
.mainContainer .leftSideRightsAndRoles .RightsAndRolesList {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.mainContainer .leftSideRightsAndRoles .rightsAndRolesListBox {
  width: 100%;
  height: 100%;
}
.mainContainer .leftSideRightsAndRoles .rightsAndRolesListCollapse {
  position: absolute;
  z-index: 9999;
  width: 100%;
}
.mainContainer .leftSideRightsAndRoles .rightsAndRolesExpandGridContainer {
  position: relative;
}
.mainContainer .leftSideRightsAndRoles .rightsAndRolesExpandGridItem {
  position: absolute;
  top: -10px;
}
.mainContainer .leftSideRightsAndRoles .rightsAndRolesMainGrid {
  width: 100%;
  padding-right: 10px;
  padding-left: 16px;
}
.mainContainer .leftSideRightsAndRoles .rightsAndRolesSearchIconGrid {
  min-width: 56px;
}
.mainContainer .leftSideRightsAndRoles .rightsAndRolesSearchIconGrid .rightsAndRolesSearchIcon {
  position: relative;
  top: 2px;
}
.mainContainer .leftSideRightsAndRoles .rightsAndRolesSearchField {
  align-self: center;
}
.mainContainer .leftSideRightsAndRoles .rightsAndRolesListDivider {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mainContainer .leftSideRightsAndRoles .rightsAndRolesListDivider .rightsAndRolesListDividerRelative {
  position: relative;
  top: 5px;
}
.mainContainer .leftSideRightsAndRolesDark {
  width: 20%;
  min-width: 300px;
  height: 100%;
  border-right: 1px solid #47494c;
}
.mainContainer .leftSideRightsAndRolesDark .RightsAndRolesListHeader {
  width: 100%;
  height: 70px;
}
.mainContainer .leftSideRightsAndRolesDark .RightsAndRolesList {
  width: 100%;
  height: calc(100% - 105px);
  overflow: auto;
}
.mainContainer .rightsAndRolesRightsCheckbox {
  position: relative;
  right: 6px;
}
.mainContainer .rightSideRightsAndRoles {
  width: 80%;
  max-width: calc(100% - 300px);
  height: 100%;
  overflow: auto;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesTabs {
  position: relative;
  z-index: 99;
  margin-left: -6px;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesTabs .rightsAndRolesTabLabel {
  position: relative;
  bottom: 0;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesSettingsBox {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesSettingsUpperDiv {
  width: 100%;
  height: 48px;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesSettingsHeaderRowGrid {
  padding-right: 2px;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesSettingsVerticalDivider {
  height: 30px;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesSettingsMenuGrid {
  padding-right: 4px;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesSettingsLowerDiv {
  position: relative;
  z-index: 99;
  width: 100%;
  height: calc(100% - 48px);
  overflow: auto;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesSettingsHorizontalDivider {
  position: relative;
  z-index: 999;
  width: 100%;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesAllRightsCheckbox {
  position: relative;
  right: 5px;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesRowActionsMenu {
  position: relative;
  left: 5px;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesMainDataGrid {
  position: relative;
  z-index: 1;
  height: 100%;
  padding-right: -0.5px;
  margin-top: -0.5px;
  margin-left: -1px;
  overflow: hidden;
  border-radius: 0;
}
.mainContainer .rightSideRightsAndRoles .rightsAndRolesMainDataGrid .MuiDataGrid-cell[data-field=restriction] {
  padding: 0;
}
.mainContainer .rightsAndRolesRestrictionTableBorder {
  border-right: 1px solid lightgray;
  border-left: 1px solid lightgray;
}
.mainContainer .restrictionTableRowFilterTermBorderBottom:last-child td, .mainContainer .restrictionTableRowFilterTermBorderBottom:last-child th {
  border-bottom: 0;
}
.mainContainer .rightsAndRolesRestrictionTableCellBorder {
  border-right: 1px solid lightgray;
}
.mainContainer .autoComplete {
  margin-top: 5px;
}
.mainContainer .rightsAndRolesSubRolesBox {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.mainContainer .rightsAndRolesSubRolesBox .ListIndentation {
  padding-left: 20px;
}
.mainContainer .rightsAndRolesSubRolesBox .subRolesDeleteButton {
  margin-right: 10px;
}
.mainContainer .rightsAndRolesSubRolesBox .subRolesVerticalDivider {
  height: 100%;
}
.mainContainer .rightsAndRolesSubRolesBox .subRolesExpandIcon {
  position: relative;
  right: 10px;
}
.mainContainer .rightsAndRolesSubRolesBox .subRolesListItem {
  max-height: 48px;
}
.mainContainer .rightsAndRolesSubRolesBox .subRolesSecondaryAction {
  margin-right: 25px;
}
.mainContainer .rightsAndRolesSubRolesBox .subRolesButtonGrid {
  padding-right: 5px;
}
.mainContainer .rightsAndRolesSubRolesBox .subRolesRolesListGrid {
  margin-top: 8px;
}

.rightsAndRolesRowMenuDataGridContainer {
  height: 500px;
}

.rightsAndRolesRowMenuDataGrid {
  height: 100%;
}

.rightsAndRolesInactiveChip {
  color: #993955;
  background-color: #f4e4e4;
}

.rightsAndRolesActiveChip {
  color: #70a288;
  background-color: #e2ece7;
}

.rightsAndRolesExpiredChip {
  color: #cf9100;
  background-color: #fff4db;
}

.roleContainerBox {
  padding: 20px;
}
.roleContainerBox .header {
  font-size: large;
  font-weight: bold;
}

.roleCardHeader {
  padding-top: 0;
}

.rolePropertyItems {
  padding-right: 10px;
  padding-left: 10px;
}

.rolePropertyItemsTitle {
  font-weight: bold;
}

.rolePropertyItem {
  display: flex;
  padding-top: 5px;
}
.rolePropertyItem .label {
  width: 180px;
}
.rolePropertyItem .input {
  width: 150px;
}

.rolePropertyIcon {
  padding-right: 5px;
}

.MuiDialogContent-root.noPadding {
  padding: 5px 0 0;
}

.creatorFilterBarContainer {
  width: 100%;
  height: 30px;
  margin: 10px;
}

.rightsAndRolesTabContainer .rightsAndRolesTabIndicator {
  display: none;
}
.rightsAndRolesTabContainer .rightsAndRolesTabItem[aria-selected=true] {
  font-weight: 700;
}
.rightsAndRolesTabContainer .rightsAndRolesTabItem .rightAndRolesLabel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 400;
}
.rightsAndRolesTabContainer .rightsAndRolesTabItem .rightAndRolesLabel .rightAndRolesTabOpenerLabel {
  margin: 0;
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/SettingsAdministration/Components/styles/settings.style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.settingsContainer {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px;
}
.settingsContainer .noSettingSelectedContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-left: 10px;
  border-radius: 5px 5px 5px 5px;
}
.settingsContainer .noSettingSelectedContainer .noSettingPositionSelectedTextContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.settingsContainer .noSettingSelectedContainer .noSettingPositionSelectedTextContainer .noSettingPositionSelectedText {
  font-size: 0.8rem;
  font-weight: lighter;
}
.settingsContainer .noSettingSelectedContainer .noSettingSelectedIcon {
  width: 15rem;
}
.settingsContainer .settingPositionsListContainer {
  display: flex;
  flex-direction: column;
  width: 20%;
  height: 100%;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.03), 0 10px 10px rgba(0, 0, 0, 0.01), 0px -5px 25px rgba(0, 0, 0, 0.02);
}
.settingsContainer .settingPositionsListContainer .settingsBackBtnContainer {
  width: 100%;
  height: 50px;
  padding: 4px;
  border-radius: 5px 5px 0px 0px;
}
.settingsContainer .settingPositionsListContainer .settingsBackBtnContainer .settingsBackTextContainer {
  margin-left: 0.5rem;
}
.settingsContainer .settingPositionsListContainer .settingsBackBtnContainer .settingsBackTextContainer .settingsBackText {
  font-size: inherit;
  font-weight: 500;
}
.settingsContainer .settingPositionsListContainer .settingsPositionListSearch {
  width: 100%;
  height: 50px;
  padding: 10px;
  border-bottom: 1px solid rgba(128, 128, 128, 0.168627451);
}
.settingsContainer .settingPositionsListContainer .settingsPositionListSearch input {
  font-size: 0.9rem;
}
.settingsContainer .settingPositionsListContainer .categoryIcon {
  margin-right: 10px;
}
.settingsContainer .settingPositionsListContainer .settingPositionsList {
  height: 100%;
  overflow: auto;
}
.settingsContainer .settingPositionsListContainer .settingPositionsList .positionList {
  overflow-y: auto;
}
.settingsContainer .settingPositionsListContainer .settingPositionsList .categoryList {
  max-height: 100%;
  padding: unset;
}
.settingsContainer .settingPositionsListContainer .settingPositionsList .settingPosAdditionalTitle {
  width: 100%;
  height: 3rem;
  padding: 7px 7px 7px 10px;
}
.settingsContainer .settingPositionsListContainer .settingPositionsList .settingPosAdditionalTitle .settingsPosIDListText > span {
  font-size: 1.2rem;
  font-weight: 500;
  font-variant: all-petite-caps;
}
.settingsContainer .settingPositionsListContainer .settingPositionsList .settingPositionListEntry {
  width: 100%;
}
.settingsContainer .settingPositionsListContainer .settingPositionsList .settingPositionListEntry .posIDName {
  flex: 1;
  margin-left: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: inherit;
  white-space: nowrap;
}
.settingsContainer .settingPositionsListContainer .settingPositionsList .settingPositionListEntry .posIdRightIconsContainer {
  display: flex;
}
.settingsContainer .settingPositionsListContainer .settingPositionsList .settingPositionListEntry .posIdRightIconsContainer .posIdLockedIcon {
  width: 20px;
}
.settingsContainer .settingPositionsListContainer .settingPositionsList .settingPositionListEntry:hover {
  cursor: pointer;
}
.settingsContainer .generalData {
  height: 100%;
}
.settingsContainer .settingsGroupTitle,
.settingsContainer .settingsDescriptionTitle {
  font-size: 0.9rem;
}
.settingsContainer .settingsGroupTitle {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.settingsContainer .settingsGroupEntry .settingsGroupEntryText {
  font-size: 0.8rem;
}
.settingsContainer .parentCategoryTitle {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 500;
  font-variant: all-petite-caps;
}
.settingsContainer .settingPositionListEntry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.settingsContainer .arrowIcon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.settingsContainer .settingPostionsDetails {
  width: 100%;
  height: 100%;
}
.settingsContainer .settingsPosIDNested {
  padding: 0px;
  margin-left: 0.5rem;
}
.settingsContainer .settingPositionDataContainer {
  display: flex;
  flex-direction: column;
  width: 80%;
  height: 100%;
  padding: 0px 10px 0px 10px;
}
.settingsContainer .settingPositionDataContainer .settingPositionData {
  display: flex;
  width: 100%;
  height: 95%;
  padding-top: 5px;
  overflow: auto;
}
.settingsContainer .settingPositionDataContainer .generalDataContainer,
.settingsContainer .settingPositionDataContainer .descriptionContainer {
  height: 100%;
  padding-top: 10px;
  padding-right: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.03), 0 10px 10px rgba(0, 0, 0, 0.01), 0 -5px 25px rgba(0, 0, 0, 0.02);
}
.settingsContainer .settingPositionDataContainer .generalDataContainer .settingsDescriptionContent,
.settingsContainer .settingPositionDataContainer .descriptionContainer .settingsDescriptionContent {
  flex-grow: 1;
  min-height: 0;
  padding: 5px 5px 0px 10px;
  overflow: auto;
}
.settingsContainer .settingPositionDataContainer .generalDataContainer .generalDataList,
.settingsContainer .settingPositionDataContainer .descriptionContainer .generalDataList {
  padding-top: 0px;
}
.settingsContainer .settingPositionDataContainer .generalDataContainer .generalEntryIconContainer,
.settingsContainer .settingPositionDataContainer .descriptionContainer .generalEntryIconContainer {
  min-width: 30px;
}
.settingsContainer .settingPositionDataContainer .generalDataContainer .generalEntryIconContainer .generalEntryIcon,
.settingsContainer .settingPositionDataContainer .descriptionContainer .generalEntryIconContainer .generalEntryIcon {
  font-size: 1.2rem;
}
.settingsContainer .settingPositionDataContainer .settingRoles,
.settingsContainer .settingPositionDataContainer .settingsInfo {
  width: 25%;
  height: 100%;
}
.settingsContainer .settingPositionDataContainer .settingRoles .settingsDescriptionContainer,
.settingsContainer .settingPositionDataContainer .settingsInfo .settingsDescriptionContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.settingsContainer .settingPositionDataContainer .settingRoles .settingsGroupContainer,
.settingsContainer .settingPositionDataContainer .settingsInfo .settingsGroupContainer {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.03), 0 10px 10px rgba(0, 0, 0, 0.01), 0px -5px 25px rgba(0, 0, 0, 0.02);
}
.settingsContainer .settingPositionDataContainer .settingRoles .settingsGroupListContainer,
.settingsContainer .settingPositionDataContainer .settingsInfo .settingsGroupListContainer {
  height: 100%;
  padding: 0px 0px 0px 0px;
  overflow-y: auto;
}
.settingsContainer .settingPositionDataContainer .settingRoles .settingsGroupListContainer .settingsGroupEntryIconContainer,
.settingsContainer .settingPositionDataContainer .settingsInfo .settingsGroupListContainer .settingsGroupEntryIconContainer {
  min-width: 30px;
}
.settingsContainer .settingPositionDataContainer .settingRoles .descriptionContainer,
.settingsContainer .settingPositionDataContainer .settingsInfo .descriptionContainer {
  height: 25%;
  padding-top: 10px;
}
.settingsContainer .settingPositionDataContainer .settingRoles .generalDataContainer,
.settingsContainer .settingPositionDataContainer .settingsInfo .generalDataContainer {
  height: 70%;
  padding-top: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.03), 0 10px 10px rgba(0, 0, 0, 0.01), 0 -5px 25px rgba(0, 0, 0, 0.02);
}
.settingsContainer .settingPositionDataContainer .settingRoles .administratorsContainer,
.settingsContainer .settingPositionDataContainer .settingRoles .personalRolesContainer,
.settingsContainer .settingPositionDataContainer .settingsInfo .administratorsContainer,
.settingsContainer .settingPositionDataContainer .settingsInfo .personalRolesContainer {
  height: 47.5%;
  padding-top: 10px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.03), 0 10px 10px rgba(0, 0, 0, 0.01), 0 -5px 25px rgba(0, 0, 0, 0.02);
}
.settingsContainer .settingPositionDataContainer .settingsGroupNoDataContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.settingsContainer .settingPositionDataContainer .settingsGroupNoDataContainer .settingsGroupNoDataTitle {
  font-size: 0.9rem;
}
.settingsContainer .settingPositionDataContainer .settingsGroupNoDataContainer .settingsGroupNoDataText {
  font-size: 0.8rem;
  font-weight: lighter;
  text-align: center;
}
.settingsContainer .settingPositionDataContainer .settingsGroupContainer {
  height: 100%;
}
.settingsContainer .settingPositionDataContainer .settingPositionHeaderContainer {
  height: 5%;
  min-height: 60px;
}
.settingsContainer .settingPositionDataContainer .settingPositionHeaderContainer .settingPositionHeaderTitle {
  font-size: 1.1rem;
}
.settingsContainer .settingPositionDataContainer .settingPositionHeaderContainer .settingPositionHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 5px 10px 5px 10px;
  font-weight: 500;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.03), 0 10px 10px rgba(0, 0, 0, 0.01), 0px -5px 25px rgba(0, 0, 0, 0.02);
}
.settingsContainer .settingPositionDataContainer .settingPositionHeaderContainer .settingPositionHeader .headerBackToParentButton {
  display: none;
}
.settingsContainer .settingPositionDataContainer .settingPositionHeaderContainer .settingPositionHeader b {
  font-weight: 500;
}
.settingsContainer .settingPositionDataContainer .settingPositionHeaderContainer .settingPositionHeader .settingPositionHeaderActions {
  display: flex;
  justify-content: space-around;
}
.settingsContainer .settingsPosIDTrans {
  flex: 1;
  width: 100%;
  height: 95%;
  min-height: 0;
  padding: 10px 0px 0px 10px;
  overflow: auto;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.03), 0 10px 10px rgba(0, 0, 0, 0.01), 0 -5px 25px rgba(0, 0, 0, 0.02);
}
.settingsContainer .settingsPosIDTrans .settingsTransContainer {
  height: 100%;
}
.settingsContainer .settingsPosIDTrans .settingsTransContainer .settingsTransPaper {
  height: 100%;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.03), 0 10px 10px rgba(0, 0, 0, 0.01), 0px -5px 25px rgba(0, 0, 0, 0.02);
}
.settingsContainer .settingsPosIDTrans .settingsTransContainer .settingsTransHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 2.3rem;
  padding: 25px 15px;
  font-weight: 500;
}
.settingsContainer .settingsPosIDTrans .settingsTransContainer .settingsTransHeader .settingsTransHeaderActions {
  display: flex;
}
.settingsContainer .settingsPosIDTrans .settingsTransContainer .settingsTransHeader .settingsTransHeaderActions .settingsPosIDActionDivider {
  height: 1.7rem;
  margin: 3px 5px 0px 5px;
}
.settingsContainer .settingsPosIDTrans .settingsTransContainer .settingsTransContent {
  display: flex;
  height: calc(100% - 50px);
  max-height: 100%;
  overflow: auto;
}
.settingsContainer .settingsPosIDTrans .settingsTransContainer .settingsTransContent .dataGridRow:hover .settingsTransActions {
  opacity: 1;
}
.settingsContainer .settingsPosIDTrans .settingsTransContainer .settingsTransContent .settingsTransActions {
  display: inline-flex;
  height: 100%;
  opacity: 0;
  transition: 0.5s;
}
.settingsContainer .settingsPosIDTrans .settingsTransContainer .settingsTransContent .settingsTransTblIcons {
  display: inline-flex;
  justify-content: space-between;
  height: 100%;
}

.settingsContainer.tabletView {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: visible;
  overflow-y: auto;
}
.settingsContainer.tabletView .settingPositionsListContainer {
  position: relative;
  width: 35%;
  height: 100%;
}
.settingsContainer.tabletView .settingPositionsListContainer .settingPositionsList {
  height: 100%;
  overflow: auto;
}
.settingsContainer.tabletView .settingPositionsListContainer .settingPositionsList .settingsPosIDListText {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settingsContainer.tabletView .settingPositionDataContainer {
  max-width: 65%;
  padding: 0px 5px 0px 5px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionHeaderContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding-bottom: 5px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData {
  display: block;
  height: initial;
  padding: 0px 0px 0px 0px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingsInfo {
  width: 100%;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingsInfo .descriptionContainer {
  padding: 5px 0px 0px 0px;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.03), 0 10px 10px rgba(0, 0, 0, 0.01), 0 -5px 25px rgba(0, 0, 0, 0.02);
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingsInfo .generalDataContainer {
  width: 100%;
  height: auto;
  padding: 5px 0px 0px 0px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingsInfo .generalDataContainer .generalDataList {
  padding-top: 0px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingRoles {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding: 5px 0px 5px 0px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingRoles .settingDescriptionTitleContainer,
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingRoles .settingsGroupTitleContainer {
  padding-bottom: 0px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingRoles .administratorsContainer {
  height: auto;
  padding-top: 0px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingRoles .personalRolesContainer {
  height: auto;
  padding-top: 5px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingsGroupContainer,
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingsDescriptionContainer {
  display: flex;
  flex-direction: column;
  min-height: 150px;
  max-height: 300px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingsGroupListContainer {
  flex-grow: 1;
  overflow-y: auto;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingsGroupListContainer .settingsGroupEntryIconContainer {
  min-width: 30px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingsPosIDTrans {
  width: 100%;
  height: auto;
  padding: 0px 0px 0px 0px;
}
.settingsContainer.tabletView .settingPositionDataContainer .settingPositionData .settingsPosIDTrans .settingsTransContainer {
  min-height: 300px;
}

.settingsContainer.mobileView {
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: visible;
  overflow-y: auto;
}
.settingsContainer.mobileView .settingPositionDataContainer {
  width: 100%;
  padding: 0px 5px 0px 5px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingPositionData {
  display: block;
  height: initial;
  padding: 0px 0px 0px 0px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingPositionData .settingsInfo {
  width: 100%;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingPositionData .settingsInfo .descriptionContainer {
  padding-right: 0px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingPositionData .settingsInfo .settingsDescriptionContent {
  min-height: 150px;
  max-height: 300px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingPositionData .settingsInfo .generalDataContainer {
  width: 100%;
  height: auto;
  padding: 5px 0px 0px 0px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingPositionData .settingsTrans {
  width: 100%;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingPositionHeaderContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingPositionHeaderContainer .settingPositionHeader .headerBackToParentButton {
  display: flex;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingRoles {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding: 5px 0px 5px 0px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingRoles .settingsGroupTitleContainer {
  padding-bottom: 0px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingRoles .administratorsContainer {
  height: auto;
  padding-top: 0px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingRoles .personalRolesContainer {
  height: auto;
  padding-top: 5px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingsGroupContainer {
  display: flex;
  flex-direction: column;
  min-height: 150px;
  max-height: 300px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingsGroupListContainer {
  flex-grow: 1;
  overflow-y: auto;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingsGroupListContainer .settingsGroupEntryIconContainer {
  min-width: 30px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingsPosIDTrans {
  width: 100%;
  height: auto;
  padding: 0px 0px 0px 0px;
}
.settingsContainer.mobileView .settingPositionDataContainer .settingsPosIDTrans .settingsTrans {
  height: 100%;
}
.settingsContainer.mobileView .settingPositionsListContainer {
  width: 100%;
}
.settingsContainer.mobileView .settingPositionsListContainer.hide {
  display: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/FieldMappingEditor/fieldMappingEditor.style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
html, body {
  height: 100%;
}

.MuiDataGrid-columnHeaders {
  overflow: unset;
}

.dividerHeader {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mainContainerMapping {
  display: flex;
  width: 100%;
  height: 100%;
}
.mainContainerMapping .mappingDiv {
  display: flex;
  width: 100%;
  height: 100%;
}
.mainContainerMapping .mappingDiv .leftSideFieldMappingEditor {
  min-width: 250px;
  max-width: 300px;
  height: 100%;
  border-right: 1px solid #EDEDED;
}
.mainContainerMapping .mappingDiv .leftSideFieldMappingEditor .saveButtonDiv {
  width: 100%;
  height: 70px;
}
.mainContainerMapping .mappingDiv .leftSideFieldMappingEditor .fieldMappingEditorSettingsDiv {
  width: 100%;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 2px;
  margin-left: 10px;
}
.mainContainerMapping .mappingDiv .leftSideFieldMappingEditor .dropdownImportExtension {
  display: block;
  width: 100%;
  min-width: 150px;
  height: 100%;
  margin-top: 10px;
  margin-left: 5px;
}
.mainContainerMapping .mappingDiv .leftSideFieldMappingEditor .dropdownImportExtension .fieldMappingTypeGrid {
  position: relative;
  top: 8px;
  bottom: 12px;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}
.mainContainerMapping .mappingDiv .leftSideFieldMappingEditor .dropdownImportExtension .fieldMappingTypeGrid .PackageExtension {
  display: inline;
  width: 100%;
  margin-bottom: 10px;
}
.mainContainerMapping .mappingDiv .leftSideFieldMappingEditor .dropdownImportExtension .fieldMappingTypeGrid .dropdownMappingType {
  display: inline;
  width: 100%;
}
.mainContainerMapping .mappingDiv .datagridContainer {
  display: flex;
  width: calc(100% - 300px);
  height: 95%;
}
.mainContainerMapping .mappingDiv .datagridContainer .tableMappingGrid {
  width: 50%;
  height: 100%;
  margin-right: 2px;
}
.mainContainerMapping .mappingDiv .datagridContainer .tableMappingGrid .tableMappingDataGrid {
  height: 100%;
  min-height: 500px;
  padding-right: -0.5px;
  margin-left: -1px;
  overflow: hidden;
  border-top: white;
  border-radius: 0;
}
.mainContainerMapping .mappingDiv .datagridContainer .tableMappingGrid .tableMappingDataGrid .MuiDataGrid-toolbarContainer {
  border-Bottom: solid lightgray 1px;
}
.mainContainerMapping .mappingDiv .datagridContainer .tableMappingGrid .tableMappingDataGrid .toolbarTableMapping {
  width: 100%;
}
.mainContainerMapping .mappingDiv .datagridContainer .tableMappingGrid .tableMappingDataGrid .toolbarBoxTableMapping {
  margin-top: 9px;
  margin-left: 5px;
}
.mainContainerMapping .mappingDiv .datagridContainer .tableMappingGrid .datagridHeader {
  font-weight: bold;
}
.mainContainerMapping .mappingDiv .datagridContainer .tableMappingGrid .tableMappingCheckbox {
  position: relative;
  right: 6px;
}
.mainContainerMapping .mappingDiv .datagridContainer .tableMappingGrid .icon {
  margin-right: 2px;
}
.mainContainerMapping .mappingDiv .datagridContainer .fieldMappingGrid {
  width: 50%;
  margin-left: 10px;
}
.mainContainerMapping .mappingDiv .datagridContainer .fieldMappingGrid .fieldMappingDataGrid {
  height: 100%;
  min-height: 500px;
  padding-right: -0.5px;
  margin-left: -1px;
  overflow: hidden;
  border-top: white;
  border-radius: 0;
}
.mainContainerMapping .mappingDiv .datagridContainer .fieldMappingGrid .fieldMappingDataGrid .MuiDataGrid-toolbarContainer {
  border-bottom: solid lightgray 1px;
}
.mainContainerMapping .mappingDiv .datagridContainer .fieldMappingGrid .fieldMappingDataGrid .virtualFieldBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
}
.mainContainerMapping .mappingDiv .datagridContainer .fieldMappingGrid .fieldMappingDataGrid .toolbarFieldMapping {
  width: 100%;
}
.mainContainerMapping .mappingDiv .datagridContainer .fieldMappingGrid .fieldMappingDataGrid .toolbarBoxFieldMapping {
  margin-top: 9px;
  margin-left: 5px;
}
.mainContainerMapping .mappingDiv .datagridContainer .fieldMappingGrid .datagridHeader {
  font-weight: bold;
}
.mainContainerMapping .mappingDiv .datagridContainer .fieldMappingGrid .tableMappingCheckbox {
  position: relative;
  right: 6px;
}
.mainContainerMapping .mappingDiv .datagridContainer .fieldMappingGrid .icon {
  margin-right: 2px;
}
.mainContainerMapping .mappingDiv .datagridContainer .styled-box {
  width: 100%;
  height: 100%;
}
.mainContainerMapping .fieldmappingeditorVerticalDivider {
  height: 50px;
}
.mainContainerMapping .fieldmappingEditorHorizontalDivider {
  width: 100%;
}

.virtualFieldDialog .comboFieldDiv {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.virtualFieldDialog .comboFieldDiv .dropdownTextDiv {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  margin-top: 5px;
}
.virtualFieldDialog .comboFieldDiv .autocomplete {
  width: 60%;
}
.virtualFieldDialog .comboFieldDiv .textField {
  margin-top: 5px;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/UserRoles/userRoles.style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
html, body {
  height: 100%;
}

.dividerHeader {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
}

.userRolesDataGrid {
  height: 500px;
}

.userRightsRightCheckbox {
  position: relative;
  right: 6px;
}

.userRightsRightIcon {
  position: relative;
  left: 3px;
}

.userRolesSelectAllCheckbox .MuiCheckbox-root {
  visibility: hidden;
}

.userRolesRestrictionTableBorder {
  border-right: 1px solid lightgray;
  border-left: 1px solid lightgray;
}

.restrictionTableRowFilterTermBorderBottom:last-child td, .restrictionTableRowFilterTermBorderBottom:last-child th {
  border-bottom: 0;
}

.restrictionTableCell12 {
  width: 12%;
}

.restrictionTableCell14 {
  width: 14%;
}

.restrictionTableCell25 {
  width: 25%;
}

.userRolesRestrictionsDataGridEvenRow {
  background-color: white;
}

.userRolesRestrictionsDataGridOddRow {
  background-color: #FAFCFF;
}

.userRolesRoleIcon {
  display: flex;
  align-self: center;
  justify-self: center;
  width: 100%;
  height: 100%;
  transform: scale(0.6);
}

.userRolesRightsIcon {
  height: inherit;
  transform: scale(1.15);
}

.iconColumnHeaderOverflow .MuiDataGrid-columnHeaderTitleContainerContent {
  overflow: visible !important; /* Allow overflow for this specific header */
}

.iconColumnHeaderNoOverflow .MuiDataGrid-columnHeaderTitleContainerContent {
  overflow: hidden !important; /* Hide overflow for this specific header */
}

.userRolesRightsCheckbox {
  position: relative;
  right: 6px;
}

.userRolesInactiveChip {
  color: #993955;
  background-color: #f4e4e4;
}

.userRolesActiveChip {
  color: #70a288;
  background-color: #e2ece7;
}

.userRolesExpiredChip {
  color: #cf9100;
  background-color: #fff4db;
}

.userRolesRestrictionTableCellBorder {
  border-right: 1px solid lightgray;
}

.userRolesMainDataGrid {
  position: relative;
  z-index: 9;
  width: 100%;
  height: 100%;
  padding-right: -0.5px;
  margin-top: -0.5px;
  margin-left: -1px;
  overflow: hidden;
  border-right-color: white;
  border-bottom-color: white;
  border-left-color: white;
  border-radius: 0;
}
.userRolesMainDataGrid .userRolesDataGridcolumnHeader {
  overflow: visible;
}
.userRolesMainDataGrid .userRolesDataGridcolumnHeaderDraggableContainer {
  overflow: visible;
}
.userRolesMainDataGrid .userRolesDataGridcolumnHeaderTitleContainer {
  overflow: visible;
}

.mainUserRolesContainer {
  display: flex;
  width: 100%;
  height: 100%;
}
.mainUserRolesContainer .leftSideUserRoles {
  width: 40%;
  height: 100%;
  border-right: 1px solid #EDEDED;
}
.mainUserRolesContainer .leftSideUserRoles .userRolesSearchIconGrid {
  min-width: 56px;
}
.mainUserRolesContainer .leftSideUserRoles .userRolesSearchIcon {
  position: relative;
  top: 2px;
}
.mainUserRolesContainer .leftSideUserRolesSmall {
  width: 20%;
  height: 100%;
  border-right: 1px solid #EDEDED;
}
.mainUserRolesContainer .leftSideUserRolesSmall .userRolesSearchIconGrid {
  min-width: 56px;
}
.mainUserRolesContainer .leftSideUserRolesSmall .userRolesSearchIcon {
  position: relative;
  top: 2px;
}
.mainUserRolesContainer .leftSideUserRolesDark {
  width: 40%;
  height: 100%;
  border-right: 1px solid #47494c;
}
.mainUserRolesContainer .leftSideUserRolesDarkSmall {
  width: 20%;
  height: 100%;
  border-right: 1px solid #47494c;
}
.mainUserRolesContainer .rightSideUserRoles {
  width: 60%;
  height: 100%;
  overflow: auto;
}
.mainUserRolesContainer .rightSideUserRolesLarge {
  width: 80%;
  height: 100%;
  overflow: auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Import/ImportDataPreview/View/Components/Style/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.importDataPreviewDiv {
  display: block;
  width: 100%;
  height: 100%;
}
.importDataPreviewDiv .importDataPreviewMainContainer {
  display: flex;
  width: 100%;
  height: 100%;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer {
  display: flex;
  width: 100%;
  height: 85%;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .treeViewColumn {
  display: flex;
  max-width: 500px;
  height: 100%;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .treeViewColumn .importDataTreeViewArea {
  flex-grow: 1;
  width: 100%;
  height: 93%;
  padding: 10px;
  overflow-x: auto;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .treeViewColumn .importDataTreeViewArea .importTreeViewContainer .importdataTreeItemUl {
  margin-left: 30px;
  background-repeat: no-repeat;
  background-position: top;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .treeViewColumn .importDataTreeViewArea .importTreeViewContainer .highlightVerticalContainer {
  position: absolute;
  z-index: 10;
  width: 10px;
  height: 70%;
  margin-left: 15px;
  background-repeat: no-repeat;
  background-position: top;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .treeViewColumn .importDataTreeViewArea .importTreeViewContainer .importTreeItemContainer {
  display: flex;
  flex-direction: row;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .treeViewColumn .importDataTreeViewArea .importTreeViewContainer .importTreeItemContainer .importDataPreviewTreeItemContent {
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-left: 23px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .treeViewColumn .importDataTreeViewArea .importTreeViewContainer .importTreeItemContainer .importDataPreviewTreeItemContent .MuiTreeItem2-content.Mui-selected {
  color: white;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .treeViewColumn .importDataTreeViewArea .importTreeViewContainer .importTreeItemContainer .importDataPreviewTreeItemContent .treeItemHorizontalLine {
  position: absolute;
  width: 23px;
  height: 1px;
  margin-left: -23.5px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .treeViewColumn .importDataTreeViewArea .importTreeViewContainer .importTreeItemContainer .importDataPreviewTreeItemContent .treeItemSnippetContainer {
  width: 100%;
  min-width: 0;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn {
  display: flex;
  flex: 1;
  height: 100%;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 93%;
  padding: 10px;
  overflow-y: auto;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .modifyText {
  display: flex;
  min-height: 60px;
  padding: 10px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .modifyText .simpleFieldDiv {
  width: 100%;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .modifyText .simpleFieldDiv .fieldWithButtons {
  position: relative;
  width: 100%;
  height: 100%;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .modifyCat {
  display: flex;
  padding: 10px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .modifyLabel {
  margin-top: 10px;
  margin-left: 10px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .importDataTable .MuiDataGrid-cell {
  padding: 0;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .importDataTable .MuiDataGrid-cell .datagridRenderCellDiv {
  width: 100%;
  height: 100%;
  padding-left: 10px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .importDataTable .textfieldDiv {
  height: 15px;
  margin: 10px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .importDataTable .textfieldDiv .MuiFilledInput-root {
  height: 35px;
  padding-top: 10px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .importDataTable .textfieldDiv .MuiInputBase-inputMultiline.memo {
  padding-top: 0px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .importDataTable .textfieldDiv .MuiInputBase-input {
  padding-top: 0px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .importDataContainer .modifyColumn .modifyAreaTextArea .importDataTable .iconDiv {
  max-height: 50px;
  margin-left: 10px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .overviewColumn {
  height: 15%;
  min-height: 100px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .overviewColumn .headerArea {
  height: 10%;
}
.importDataPreviewDiv .importDataPreviewMainContainer .overviewColumn .overviewRow .importButton {
  margin-right: 15px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .overviewColumn .overviewRow .importButton .importText {
  padding-left: 5px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .overviewColumn .overviewTextArea {
  display: flex;
  margin-top: 20px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .overviewColumn .overviewTextArea .overviewRow {
  display: flex;
  padding: 20px;
}
.importDataPreviewDiv .importDataPreviewMainContainer .overviewColumn .overviewTextArea .overviewText {
  margin-left: 5px;
}
.importDataPreviewDiv .headerText {
  padding-left: 10px;
  margin: 10px;
  margin-top: 15px;
  margin-left: inherit;
  font-size: 16px;
  text-align: left;
}
.importDataPreviewDiv .headerButton {
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
  margin-right: inherit;
  margin-left: auto;
}
.importDataPreviewDiv .importButton {
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
  margin-right: inherit;
  margin-left: auto;
}
.importDataPreviewDiv .saveButtonDiv {
  width: 100%;
  height: 70px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Selection/Components/HelperComponents/Styles/columnSelector.style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.addColumnTreePopper {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.selectionDashboard {
  width: 100%;
  height: 100%;
}

.addColumnMenuText .MuiInputLabel-shrink {
  margin-top: 5px;
  font-size: 1rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/TreeSelectAutocomplete/Styles/treeSelectStyle.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.treeSelectListBox .collapseIcon {
  display: flex;
  margin-right: 2px;
  margin-left: 10px;
}
.treeSelectListBox .treeSelectOptionText {
  display: flex;
  align-Items: center;
  width: 100%;
}
.treeSelectListBox .treeSelectOption {
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
.treeSelectListBox .expandedNode {
  display: flex;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid;
}
.treeSelectListBox .isSelectableIcon {
  display: flex;
  margin-left: auto;
}
.treeSelectListBox .expandButton {
  display: flex;
  margin-left: 5px;
}

.treeSelectInput {
  height: 0.5rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Widgets/Components/MainWidgetHeader/Style/mainWidgetHeader.style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
@layer components.widgets {
  .widgetHeader {
    margin: 0 !important;
  }
  .widgetHeader .mainWidgetHeaderButton {
    margin: 0 !important;
  }
  .mainWidgetHeader, .widgetHeader {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: 10px 10px 7px 10px;
  }
  .mainWidgetHeader .skeletonsContainer, .widgetHeader .skeletonsContainer {
    flex: 1;
  }
  .mainWidgetHeader .skeletonsContainer .skeletonContainer, .widgetHeader .skeletonsContainer .skeletonContainer {
    display: flex;
    align-items: center;
  }
  .mainWidgetHeader .skeletonsContainer .skeletonContainer.skeletonContainerHeader, .widgetHeader .skeletonsContainer .skeletonContainer.skeletonContainerHeader {
    height: 32px;
    padding: 8px 0 0 0;
  }
  .mainWidgetHeader .skeletonsContainer .skeletonContainer.skeletonContainerDetails, .widgetHeader .skeletonsContainer .skeletonContainer.skeletonContainerDetails {
    height: 30px;
    padding: 0 0 8px 0;
  }
  .mainWidgetHeader .mainWidgetHeaderIcon, .widgetHeader .mainWidgetHeaderIcon {
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 7px 0 0;
  }
  .mainWidgetHeader .headerTitleContainer, .widgetHeader .headerTitleContainer {
    display: flex;
    flex: 1;
    align-items: center;
    width: 90%;
  }
  .mainWidgetHeader .headerTitleContainer .detailsText, .widgetHeader .headerTitleContainer .detailsText {
    min-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    text-transform: uppercase;
  }
  .mainWidgetHeader .headerTitleContainer .hideDetailsText, .widgetHeader .headerTitleContainer .hideDetailsText {
    display: none;
  }
  .mainWidgetHeader .headerTitleContainer .headerText, .widgetHeader .headerTitleContainer .headerText {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
  }
  @media screen and (max-width: 425px) {
    .mainWidgetHeader .headerTitleContainer .headerText, .widgetHeader .headerTitleContainer .headerText {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
  }
  .mainWidgetHeader .headerTitleContainer .headerTitleTextContainer, .widgetHeader .headerTitleContainer .headerTitleTextContainer {
    width: 100%;
  }
  @media screen and (max-width: 720px) {
    .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer, .widgetHeader .headerTitleContainer .headerTextStatusContainer {
      width: initial !important;
    }
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer, .widgetHeader .headerTitleContainer .headerTextStatusContainer {
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer > *, .widgetHeader .headerTitleContainer .headerTextStatusContainer > * {
    margin-right: 5px;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .flexWrap, .widgetHeader .headerTitleContainer .headerTextStatusContainer .flexWrap {
    flex-wrap: wrap;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .moreControlsChip, .widgetHeader .headerTitleContainer .headerTextStatusContainer .moreControlsChip {
    height: 20px;
    margin: 2.5px;
    margin-bottom: 7px;
    border-radius: 7px;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems {
    display: flex;
    align-items: center;
    width: inherit;
    height: inherit;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl {
    display: flex;
    justify-content: center;
    max-width: 20px;
    padding-bottom: 5px;
    margin: 0 3px 0 5px;
    border-radius: 5px;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl.colorSquareDarkFont span, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl.colorSquareDarkFont span {
    font-size: 0.875rem;
    font-weight: 500;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl .colorSquare, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerColorControl .colorSquare {
    width: 20px;
    height: 20px;
    border-radius: 3px;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton {
    display: flex;
    align-items: center;
    min-width: 25px;
    height: 20px;
    padding: 0 8px;
    text-transform: none;
    white-space: nowrap;
    border-radius: 80px;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl {
    align-items: center;
    padding: 0 9px 0 11px;
    cursor: default;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl span, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl span {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.75rem;
    font-weight: 700;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl:hover, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerTextControl:hover {
    max-width: 100% !important;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerButtonWithLabel span, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerButtonWithLabel span {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerButtonWithLabel .headerButtonIcon, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton.headerButtonWithLabel .headerButtonIcon {
    margin-right: 6px;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .MuiButton-startIcon, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .MuiButton-startIcon {
    margin: 0;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .headerButtonIconContainer, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .headerButtonIconContainer {
    display: flex;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .headerButtonIcon, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .mainWidgetHeaderButton .headerButtonIcon {
    width: 14px;
    height: 14px;
  }
  .mainWidgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerRuleActionButton, .widgetHeader .headerTitleContainer .headerTextStatusContainer .statusItems .headerRuleActionButton {
    cursor: pointer;
  }
  @media screen and (max-width: 425px) {
    .mainWidgetHeader .headerTitleContainer, .widgetHeader .headerTitleContainer {
      width: 50%;
    }
  }
  .mainWidgetHeader .mainWidgetHeaderButtons, .widgetHeader .mainWidgetHeaderButtons {
    height: -moz-fit-content;
    height: fit-content;
    padding: 5px;
    margin-left: auto;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Cockpit/Components/Style/cockpitPage.style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.index #uxMainContainer .cockpitTabWindow .homePageContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  background-color: #f5f5f5;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageHeaderContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 400px;
  min-height: 400px;
  border-radius: 0;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageHeaderContainer .homePageHeaderTextContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  align-self: center;
  justify-content: center;
  padding: 0 10px;
  color: #ffffff;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageHeaderContainer .homePageHeaderTextContainer .homePageHeaderHeadline {
  font-size: 2rem;
  line-height: 32px;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageHeaderContainer .homePageHeaderTextContainer .homePageHeadeSubline {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 24px;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageHeaderContainer .homePageHeaderWaves {
  position: absolute;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 50%;
}
@media screen and (max-width: 720px) {
  .index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageHeaderContainer .homePageHeaderWaves {
    height: unset;
  }
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageContentBackground {
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: -20px;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageContentContainer {
  display: flex;
  flex: 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageContentContainer .homePageContent {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 33px;
  margin-top: -150px;
}
@media screen and (max-width: 520px) {
  .index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageContentContainer .homePageContent {
    padding: 0;
  }
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageContentContainer .homeButtonRows {
  z-index: 1;
  height: 50px;
  margin: 0 10px 10px 10px;
  text-align: right;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageContentContainer .homeButtonRows .homeHeaderButtons {
  display: inline-flex;
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageContentContainer .homePageWidgetList {
  position: relative;
  flex: 1;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageContentContainer .homePageWidgetList .noWidget {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 10px 10px 0px 10px;
  font-size: 0.75rem;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer .homePageContentContainer .homePageWidgetList .noWidget .noWidgetTitle {
  font-size: 1rem;
  font-weight: bold;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer.compactDesign .homePageHeaderContainer {
  height: 260px;
  min-height: 260px;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer.compactDesign .homePageHeaderContainer .homePageHeaderTextContainer {
  align-items: flex-start;
  align-self: flex-start;
  margin-left: 50px;
}
@media screen and (max-width: 600px) {
  .index #uxMainContainer .cockpitTabWindow .homePageContainer.compactDesign .homePageHeaderContainer .homePageHeaderTextContainer {
    width: 50%;
  }
}
@media screen and (max-width: 400px) {
  .index #uxMainContainer .cockpitTabWindow .homePageContainer.compactDesign .homePageHeaderContainer .homePageHeaderTextContainer {
    margin-left: 0;
  }
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer.compactDesign .homePageHeaderContainer .homePageHeaderWaves {
  height: 65%;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer.compactDesign .homePageContentBackground {
  margin-top: -50px;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer.compactDesign .homePageContentContainer .homePageContent {
  margin-top: -120px;
}
.index #uxMainContainer .cockpitTabWindow .homePageContainer.compactDesign .homePageContentContainer .homeButtonRows {
  margin: -32px 10px 42px 10px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Selection/Components/Configuration/Style/selectionconfiguration.style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.selectionConfigurationWidgetHeader {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 35px;
  padding-right: 5px;
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 7px;
}
.selectionConfigurationWidgetHeader .selectionConfigHeaderControls {
  display: flex;
  flex-grow: 1;
}
.selectionConfigurationWidgetHeader .selectionConfigurationActionButtonsContainer {
  margin-left: auto;
}
.selectionConfigurationWidgetHeader .selectionConfigCloseButton {
  width: 30px;
  height: 30px;
  padding: 4px;
  margin-right: 5px;
}
.selectionConfigurationWidgetHeader .selectionConfigCloseButton .selectionConfigCloseIcon {
  width: 100%;
}
.selectionConfigurationWidgetHeader .selectionConfigurationComponentSelector {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  background-color: unset;
}
.selectionConfigurationWidgetHeader .selectionConfigurationComponentSelector .selectionConfigurationComponentSelectorSnippet {
  height: 35px;
  padding-right: 0;
  padding-left: 0;
}
.selectionConfigurationWidgetHeader .selectionConfigurationComponentSelector .selectionConfigurationComponentSelectorSnippet.selectionConfigurationSelectionSelector {
  padding-left: 4px;
}
.selectionConfigurationWidgetHeader .selectionConfigurationComponentSelector .selectionConfigurationComponentSelectorSnippet .snippetContentContainer {
  width: initial;
  height: 35px;
  min-height: 35px;
}
.selectionConfigurationWidgetHeader .selectionConfigurationComponentSelector .selectionConfigurationComponentSelectorSnippet .snippetContentContainer .snippetContent.simpleHeader {
  padding: 0;
}
.selectionConfigurationWidgetHeader .selectionConfigurationComponentSelector .selectionConfigurationComponentSelectorSnippet .snippetContentContainer .snippetContent .snippetTextContainer .snippetHeading.snippetEllipsis {
  font-size: 1.1rem;
  font-weight: bold;
}

.selectionConfigurationWidgetContainer {
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
  overflow: auto;
}
.selectionConfigurationWidgetContainer .componentSelectorContainer {
  margin-bottom: 15px;
}

.selectionConfigurationComponentSelector .selectionConfigurationComponentSelectorSnippet {
  display: flex;
  width: 100%;
  height: 78px;
  padding-right: 5px;
  padding-left: 14px;
}
.selectionConfigurationComponentSelector .selectionConfigurationComponentSelectorSnippet .snippetContentContainer {
  width: 100%;
}

.selectionConfigurationComponentSelectorSnippet {
  width: 100%;
}

.selectionConfigurationComponentSelectorOutputtypeHeader {
  height: 61px;
}
.selectionConfigurationComponentSelectorOutputtypeHeader .collapseIcon {
  display: flex;
  margin-right: 2px;
}
.selectionConfigurationComponentSelectorOutputtypeHeader .expandIcon {
  position: absolute;
  right: 10px;
  display: flex;
  margin-left: 2px;
}

.selectionConfigurationComponentSelectorSearchMenuItem {
  width: 100%;
  height: 45px;
  padding: 0;
  margin: 0;
}
.selectionConfigurationComponentSelectorSearchMenuItem .selectionConfigurationComponentSelectorSearchTextField {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.selectionConfigurationComponentSelectorSearchMenuItem .selectionConfigurationComponentSelectorSearchTextField .MuiInputAdornment-root {
  margin-left: 8px;
}
.selectionConfigurationComponentSelectorSearchMenuItem .selectionConfigurationComponentSelectorSearchTextField .MuiInputBase-root {
  height: 100%;
}

.configurationSectionTitle {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.fieldSetEditorSubTitle {
  margin-top: 5px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.configurationSectionMultiLangName {
  margin-top: 18px;
  margin-bottom: 20px;
}

.selectionComponentConfig {
  display: flex;
  flex-direction: column;
}
.selectionComponentConfig .selectionComponentConfigOption {
  justify-content: space-between;
  margin: 0;
}
.selectionComponentConfig .selectionComponentConfigOption .selectionComponentConfigOptionLabel {
  display: flex;
  flex-direction: row;
}
.selectionComponentConfig .selectionComponentConfigOption .selectionComponentConfigOptionControl {
  display: flex;
  flex-direction: row;
  width: 50%;
}
.selectionComponentConfig .selectionComponentConfigOption .selectionComponentConfigOptionControl .selectionComponentConfigOptionControlButton {
  align-self: center;
  width: 26px;
  height: 26px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Selection/Components/Configuration/SelectionComponentEditors/FilterSet/Style/filtersetEditor.style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.groupJoinOpNode {
  width: auto;
  padding: 2px 8px 2px 0px;
}
.groupJoinOpNode:hover {
  background-color: inherit;
}
.groupJoinOpNode .andOp {
  color: rgb(191, 89, 0);
}
.groupJoinOpNode .orOp {
  color: rgb(112, 162, 136);
}
.groupJoinOpNode.oneChildNode .joinOpContainer {
  height: 2px;
}
.groupJoinOpNode .joinOpContainer {
  position: absolute;
  top: 1rem;
  right: 0;
  bottom: 1rem;
  width: calc(50% - 6px);
  margin: auto;
}
.groupJoinOpNode .joinOpContainer.collapsed {
  display: none;
}
.groupJoinOpNode .joinOpContainer .draggedItem, .groupJoinOpNode .joinOpContainer.dragMode, .groupJoinOpNode .joinOpContainer.rootNode {
  width: calc(50% + 4px);
}
.groupJoinOpNode .joinOpContainer.andFilterGroupContainer {
  border: 1px solid rgb(191, 89, 0);
  border-right: none;
}
.groupJoinOpNode .joinOpContainer.orFilterGroupContainer {
  border: 1px solid rgb(112, 162, 136);
  border-right: none;
}

.joinOpContainer {
  width: 0px;
}

.filterGroupContainer .disabledTreeItem {
  opacity: 0.7;
}
.filterGroupContainer {
  display: flex;
}
.filterGroupContainer .draggedItem {
  opacity: 0.3;
}
.filterGroupContainer.draggedPosition {
  border: 2px dashed;
}

.filterListContainer {
  width: 100%;
}

.filterNode {
  display: flex;
  padding-left: 0px;
  margin: 0 0 5px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 5px;
}
.filterNode .filterItemActions {
  opacity: 0;
}
.filterNode .filterValue {
  display: inline-flex;
  margin-left: 5px;
}
.filterNode:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.filterNode:hover .filterItemActions {
  opacity: 1;
}

.showInKeyboardMode {
  display: none;
}

.filterTreeRoot {
  overflow: auto;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/BookingSystem/Components/Styles/bookingWidget.style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.bookingWidgetContent {
  min-width: 0;
  padding: 0 5px 0 15px;
  margin-top: 10px;
  margin-bottom: 7px;
  overflow: auto;
}
.bookingWidgetContent .bookingObjCatalogList {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: -moz-fit-content;
  width: fit-content;
}
.bookingWidgetContent .bookingObjCatalogList li {
  width: auto;
  padding: 5px 10px 0px 0px;
}
.bookingWidgetContent .fieldLabel {
  margin-bottom: 10px;
  font-weight: bold;
}

.bookingOverviewContainer {
  overflow: auto;
}
.bookingOverviewContainer .MuiDataGrid-filler > div {
  border: 0px;
}
.bookingOverviewContainer .bookingSearchResult {
  height: 100%;
  overflow: hidden;
}
.bookingOverviewContainer .contentLabel {
  margin: 10px;
  font-size: 1rem;
  font-weight: bold;
}
.bookingOverviewContainer .bookingItemCell,
.bookingOverviewContainer .hideBorder {
  border: 0px;
}
.bookingOverviewContainer .bookingListVirtualScrollerRenderZone {
  width: 100%;
}
.bookingOverviewContainer .bookingObjCatalogList {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0px;
  overflow: auto;
}
.bookingOverviewContainer .bookingObjCatalogList li {
  width: auto;
  padding: 0px 10px 5px 0px;
}
.bookingOverviewContainer .bookingItemRow {
  min-height: 100px;
}
.bookingOverviewContainer .bookingItemRow .bookingItemCell {
  width: 100%;
  padding: 0px;
}
.bookingOverviewContainer .bookingItemRow .bookingObjectImage {
  width: 100%;
  height: auto;
  max-height: 15rem;
}
.bookingOverviewContainer .bookingItemRow .bookingTagContainer {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
}
.bookingOverviewContainer .bookingItemRow .bookingTagContainer .bookingTag {
  display: flex;
}
.bookingOverviewContainer .bookingItemRow .bookingTagContainer .fieldLabel {
  margin-right: 5px;
}
.bookingOverviewContainer .bookingItemRow .bookingTagContainer .bookingInfoTag {
  margin-right: 5px;
  margin-bottom: 5px;
}
.bookingOverviewContainer .bookingItemRow .bookingTitleContainer {
  padding: 0px;
  margin-bottom: 10px;
}
.bookingOverviewContainer .bookingItemRow .bookingTitleContainer .bookingObjectTitle {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.125rem;
  font-weight: 500;
}
.bookingOverviewContainer .bookingItemRow .bookingTitleContainer .bookingObjectSubTitle {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  font-weight: 300;
}
.bookingOverviewContainer .bookingItemRow .bookingTitleContainer .addBookingButton {
  margin: 5px;
}
.bookingOverviewContainer .fieldValue {
  margin-right: 5px;
  text-wrap-mode: nowrap;
}
.bookingOverviewContainer .bookingInfoLine {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 0.875rem;
}
.bookingOverviewContainer .filterGroupExpanded {
  min-height: unset;
}
.bookingOverviewContainer .filterGroupExpanded .filterGroupSummaryContent {
  margin: 12px 0px;
}
.bookingOverviewContainer .filterGroupContent {
  padding-top: 0px;
  padding-bottom: 0px;
}

.addUsersToBookingDialogContent .snippetContentContainer {
  width: 100%;
}

.bookingSearchResult .bookingcadInfo {
  position: absolute;
  left: 50%;
  z-index: 1000;
  display: inline-block;
  visibility: hidden;
  padding: 4px 8px;
  margin: 2px;
  text-align: left;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
.bookingSearchResult .bookingcadInfo .bookingObjectImage img {
  width: 250px;
}
.bookingSearchResult .bookingcadInfo .bookingObjectTitle {
  margin-left: 10px;
  font-family: Roboto, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  text-transform: none;
}
.bookingSearchResult .bookingcadInfo .bookingObjectSubTitle {
  margin-left: 10px;
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  text-transform: none;
}
.bookingSearchResult .bookingcadInfo .bookingInfoLine {
  align-items: center;
  margin: 10px 10px 5px 10px;
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
}
.bookingSearchResult .bookingcadInfo .bookingInfoLine .bookingDetailsImage {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.bookingSearchResult .bookingcadInfo .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bookingSearchResult .bookingcadInfo .bookingTagContainer {
  display: flex;
  flex-wrap: wrap;
  width: 250px;
  margin-left: 10px;
  font-size: 0.75rem;
}
.bookingSearchResult .bookingcadInfo .bookingTagContainer .bookingInfoTag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 10px;
  margin: 2px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 16px;
}
.bookingSearchResult .bookingcadInfo .addBookingButton {
  display: flex;
  align-items: flex-end;
}
/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/DashboardUx/View/Components/Style/DashboardUx.style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.uxDashEditorWrapper {
  width: 100%;
}

.uxDashEditorBox {
  padding: 15px;
  margin: 10px;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  box-shadow: 5ch;
}

.uxDashEditorBoxDetails {
  max-height: 70vh;
  padding: 0px;
  overflow-y: auto;
}

.uxDashEditorPreview {
  min-height: 500px;
}

.uxDashEditorBoxDetails .uxDashEditorHeadline {
  padding-top: 15px;
  padding-left: 15px;
}

.uxDashEditorBoxDetails .uxDashEditorSubtitle {
  padding-left: 15px;
}

.uxDashEditorHeadline {
  font-size: 16px;
  font-weight: 600;
}

.uxDashEditorSubtitle {
  padding-bottom: 10px;
  font-size: 12px;
}

.uxDashEditorAccordion {
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  box-shadow: none;
}

.uxDashEditorSourcesSummaryContentName {
  font-size: 15px;
  font-weight: 600;
}

.uxDashEditorSourcesSummaryContentType {
  font-size: 13px;
  font-style: italic;
}

.uxDashEditorAccordionDetails {
  padding: 0px;
}

.uxDashEditorOuterButton {
  padding: 8px;
  margin-top: 10px;
  cursor: pointer;
}

.uxDashEditorInnerButton {
  position: relative;
  height: 60px;
  padding: 5px;
  overflow: hidden;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  transition: background-color 0.3s, box-shadow 0.3s, border 0.3s;
}

.uxDashTemplatesMenuWrapper.MuiBox-root {
  position: absolute;
}

.uxDashEditorButtonLabel,
.uxDashEditorButtonDesc {
  width: 100%;
}

.uxDashEditorButtonArea {
  padding: 5px;
}

.uxDashEditorButtonLabel {
  padding-right: 30px;
  font-size: 14px;
  font-weight: 500;
}

.uxDashEditorButtonDesc {
  display: -webkit-box;
  max-height: 30px;
  padding-right: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-size: 11px;
  font-weight: 300;
  line-height: 120%;
  -webkit-box-orient: vertical;
}

.uxDashEditorButtonIcon {
  padding-right: 10px;
  padding-left: 5px;
}

.uxDashEditorSourceStack > :last-child {
  margin-top: 0px;
}

#uxDashEditorSourceStepper {
  padding-top: 15px;
  padding-bottom: 15px;
}

.uxDashEditorSourcesAddButton {
  padding: 4px 12px;
  margin-left: auto;
  font-size: 0.75rem;
}

.uxDashEditorSourcesDeleteButton {
  min-width: 0;
  padding: 4px;
  margin-right: 8px;
  margin-left: auto;
}

.uxDashEditorSourcesDeleteButton:disabled {
  pointer-events: none;
  opacity: 0.4;
}

.uxDashEditorSourcesSummaryContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.uxDashEditorAccordionSummary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.center-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
  border-radius: 12px;
}

.uxDashEditorButtonStack {
  justify-content: flex-end;
  padding-top: 12px;
  padding-right: 10px;
  padding-bottom: 12px;
}

.uxDashEditorButtonStackLeftRight {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 12px;
  padding-right: 10px;
  padding-bottom: 12px;
  padding-left: 10px;
}

.uxDashEditorButtonStackContent {
  margin-left: 15px;
}

.uxDashEditorButtonStackContentLeftRight {
  margin-right: 25px;
}

.uxDashEditorStep {
  height: 42px;
  cursor: pointer;
}

.uxDashEditorStep.active .MuiStepLabel-label,
.uxDashEditorStep.active .MuiSvgIcon-root {
  font-weight: 600;
}

.uxDashEditorPropLabel {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 500;
}

.uxDashEditorPropFilterHeader .uxDashEditorPropFilterAddIcon {
  margin-top: 14px;
}

.uxDashEditorDetailsRoot {
  width: 100%;
}

.uxDashEditorDetailsTabs {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.uxDashEditorDetailsAccordion {
  box-shadow: none;
}

.uxDashEditorDetailsAccordion.Mui-expanded .uxDashEditorDetailsAccordionSummary {
  font-weight: 800;
}

.uxDashEditorDetailsAccordionSummary {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.uxDashEditorDetailsToggle {
  margin-left: auto;
}

.uxDashEditorDetailsAccordionDetails {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding-top: 0;
}

.uxDashEditorDetailsAccordionDetails--plain {
  padding: 0px;
}

.uxDashEditorDetailsCategoryPlainBox {
  align-self: center;
  width: 96%;
  margin: 0px;
  border-radius: 12px;
}

.uxDashEditorDetailsAccordionDetails--noGroups {
  padding: 0;
}

.uxDashEditorDetailsCategoryPlainBoxInner {
  padding: 12px 16px;
}

.uxDashEditorDetailsCategoryDivider {
  margin-top: 16px;
}

.uxDashEditorDetailsCategoryDivider:first-child {
  margin-top: 0;
}

.uxDashEditorDetailsInnerWrapper {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
  border-radius: 6px;
}

.uxDashEditorDetailsInnerToggle {
  margin-left: auto;
}

.uxDashEditorDetailsInnerSummary {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.uxDashEditorDetailsInnerLabel {
  flex-grow: 1;
  margin-left: 4px;
  font-size: 0.9rem;
}

.uxDashEditorDetailsInnerContent {
  margin: 10px;
}

.uxDashEditorDetailsPlaceholder {
  width: 100%;
  height: 80px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.uxDashEditorActionLabel {
  padding-top: 4px;
  padding-left: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  white-space: nowrap;
}

.uxDashEditorActionItem {
  padding-top: 10px;
}

.uxDashEditorSourcesListTreeLabel {
  padding-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  white-space: nowrap;
}

.uxDashEditorSourcesListTreeIcon {
  padding-right: 5px;
}

.uxDashDragOverlay {
  display: inline-block;
  padding: 4px 8px;
  pointer-events: none;
  border-radius: 4px;
  opacity: 0.95;
}

.uxDashDropField {
  padding: 8px;
  margin-bottom: 6px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.uxDashDropFieldLabel {
  font-size: 14px;
  font-weight: 500;
}

.uxDashDropFieldCategory {
  margin-top: -2px;
  font-size: 12px;
}

.uxDashDropFieldDeleteIcon {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.uxDashDropField:hover .uxDashDropFieldDeleteIcon {
  opacity: 1;
}

.uxDashDropZonePlaceholder {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  text-align: center;
  border-style: dashed;
  border-width: 1px;
  border-radius: 4px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.uxDashBaseFilterModal {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 400px;
  max-width: 600px;
  padding: 32px;
  border-radius: 16px;
  transform: translate(-50%, -50%);
}

.uxDashBaseFilterField {
  border-radius: 20px;
}

.uxDashBaseFilterActions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 24px;
}

.uxDashEditorTemplatesInnerFull {
  justify-content: center;
  height: 130px;
  text-align: center;
}

.uxDashEditorTemplatesInnerFull .uxDashEditorButtonIcon {
  margin-bottom: 8px;
  font-size: 3rem;
}

.uxDashEditorTemplatesInnerFull .uxDashEditorButtonLabel,
.uxDashEditorTemplatesInnerFull .uxDashEditorButtonDesc {
  width: 100%;
}

.uxDashTemplatesMenuWrapper {
  position: absolute;
  top: 4px;
  right: 4px;
  visibility: hidden;
}

.uxDashEditorOuterButton:hover .uxDashTemplatesMenuWrapper {
  visibility: visible;
}

.uxDashEditorInnerButton .MuiStack-root {
  height: 100%;
}

.uxDashEditorInnerButton .MuiStack-directionRow {
  align-items: center;
}

.uxDashEditorActionsHeadline {
  margin-bottom: 10px;
}

.uxDashEditorActionsItem {
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.uxDashEditorActionsLabel {
  font-size: 11px;
}

.uxDashEditorActionsIcon {
  font-size: 1.2rem;
}

.UxDashEditorNaviStepper {
  padding-top: 10px;
  padding-left: 0;
}

.UxDashEditorNaviStep {
  cursor: pointer;
}

.UxDashEditorNaviIconWrapper {
  position: relative;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
}

.UxDashEditorNaviMainIcon {
  font-size: 32px;
}

.UxDashEditorNaviStatusIcon {
  position: absolute;
  right: -5px;
  bottom: -10px;
  scale: 0.8;
}

.UxDashEditorNavi {
  max-width: 200px;
}

.UxDashEditorNavi .MuiStepConnector-root {
  margin-top: -8px;
}

.UxDashEditorNavi .MuiStepLabel-label {
  margin-bottom: 10px;
  margin-left: -5px;
}

.uxDashEditorTreeRoot .MuiTreeItem-group {
  padding-left: 12px;
  margin-left: 8px;
  border-left-style: solid;
  border-left-width: 1px;
}

.uxDashEditorTreeItem {
  display: flex;
  align-items: center;
}

.uxDashEditorTreeDescriptionGrid {
  padding-top: 2px;
}

.uxDashEditorTreeDescriptionText {
  padding-bottom: 5px;
  font-size: 12px;
}

.uxDashEditorTreeRoot .MuiTreeItem-label {
  font-size: 10px;
}

.uxDashEditorSourceSearch {
  border: none;
}

.uxDashEditorSourceStack > *:not(:last-child) {
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.uxDashEditorSourceSearchRoot {
  padding-bottom: 0px;
  margin-top: 2px;
}

.uxDashEditorSourcesClearIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}

.uxDashEditorSourcesClearIcon:active {
  opacity: 0.6;
}

.uxDashEditorNaviButtons {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
  padding-top: 18px;
}

.uxDashEditorBasicGroupsTextField {
  margin-top: 15px;
  margin-bottom: 15px;
}

.uxDashEditorBasicGroupsIconPicker {
  position: relative;
  margin-bottom: 20px;
}

.uxDashEditorBasicGroupsPickerField {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.uxDashEditorBasicGroupsIconId {
  margin-left: 8px;
}

.uxDashEditorBasicGroupsIconGrid {
  width: 200px;
  padding: 8px;
}

.uxDashEditorBasicGroupsIconButton {
  width: 100%;
  height: 40px;
}

.uxDashEditorBasicsNoFilterBox {
  padding: 6px;
  margin-bottom: 8px;
  border-style: dashed;
  border-width: 1px;
  border-radius: 4px;
}

.uxDashEditorBasicsFilterBox {
  position: relative;
  padding: 12px;
  margin-bottom: 8px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.uxDashEditorBasicsFilterHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.uxDashEditorBasicsFilterLabel {
  font-weight: bold;
}

.uxDashEditorBasicsFilterActions {
  display: flex;
  visibility: hidden;
  gap: 4px;
}

.uxDashEditorBasicsFilterBox:hover .uxDashEditorBasicsFilterActions {
  visibility: visible;
}

.uxDashEditorBasicsFilterQuelle {
  margin-top: 4px;
}

.uxDashEditorDetailsDividerLabel {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
}

.uxDashEditorDetailsItemBox {
  padding: 8px;
}

.uxDashEditorDetailsItemBoxBordered {
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.uxDashEditorDetailsItemLabel {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  font-weight: bold;
}

.uxDashSettingPlaceholder {
  width: 100%;
  min-width: 20px;
  min-height: 20px;
}

.uxDashEditorDetailsItemBoxFramed {
  position: relative;
  height: 2.5em;
  padding: 0px;
  padding-top: 4px;
  padding-left: 8px;
  margin-top: 8px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.uxDashEditorDetailsItemLegend {
  position: absolute;
  top: -0.6em;
  left: 12px;
  max-width: calc(100% - 24px);
  padding: 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  white-space: nowrap;
}

.uxDashEditorDetailsDividerGrid {
  flex-wrap: wrap;
}

.uxDashEditorDetailsDivider {
  flex-grow: 1;
  min-width: 120px;
}

.uxDashEditorTextfieldNoPadding .MuiInputBase-root {
  padding: 0;
}

.uxDashEditorTextfieldNoPadding .MuiInputBase-input {
  padding: 0;
}

.uxDashEditorBaseStack {
  width: 100%;
}

.uxDashEditorBoxBase {
  flex-grow: 1;
  max-height: 70vh;
  overflow-y: auto;
}

.uxDashEditorSources {
  max-height: 70vh;
  overflow-y: auto;
}

.uxDashEditorBoxSourcesList {
  max-width: 300px;
}

.uxDashRenameField {
  margin-top: 8px;
}

.uxDashTreeWrapper {
  min-height: 100px;
}

.uxDashTreeEmptyMessage {
  padding-top: 3px;
  font-size: 13px;
  font-style: bold;
}

.uxDashEditorLinkedGroupBox {
  display: inline-block;
  max-width: 92%;
  padding: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.uxDashEditorLinkedParentLabel {
  font-size: 1.25rem;
  font-weight: 600;
  overflow-wrap: break-word;
}

.uxDashEditorTreeDescriptionChildBox {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 4px;
  white-space: nowrap;
}

.uxDashEditorTreeDescriptionChildLabel {
  margin-left: 6px;
  font-size: 12px;
}

.uxDashEditorLinkedPathLabel {
  margin-bottom: 4px;
  font-size: 0.75rem;
}

.uxDashEditorBoxDataTable {
  display: flex;
  flex-direction: column;
  height: 60vh;
  min-height: 400px;
}

.uxDashEditorBoxDataTableEmpty {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
}

.uxDashEditorBoxDataTableGrid .MuiDataGrid-columnHeaderTitle {
  font-size: 0.9rem;
  font-weight: 600;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.uxDashEditorBoxDataTableGrid .MuiDataGrid-cell {
  padding: 6px;
  font-size: 0.85rem;
}

.uxDashEditorBoxDataTableAccordion {
  margin-bottom: 12px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.uxDashEditorBoxDataTableAccordionTitle {
  font-weight: 600;
}

.uxDashEditorBoxDataTableGridWrapper {
  width: 100%;
  height: 95%;
}

.uxDashEditorBoxDataTable .uxDashEditorHeadline {
  margin-bottom: 20px;
}

.uxDashEditorPreview div {
  width: 100%;
}

.uxDashEditorBoxPreview {
  display: flex;
  flex-direction: column;
  min-height: 500px;
  max-height: 70vh;
  margin-bottom: 0px;
}

.uxDashEditorBoxPreviewHeader {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
}

.uxDashEditorBoxPreviewSwitchWrapper {
  position: relative;
  top: -7px;
  right: -20px;
  display: flex;
  gap: 8px;
}

.uxDashEditorBoxPreviewContent {
  display: flex;
  flex-direction: column;
  height: 70vh;
  overflow: hidden;
}

.uxDashEditorBoxPreviewChart {
  width: 100%;
  height: 60vh;
  min-height: 100px;
  overflow: hidden;
}

.uxDashEditorBoxPreviewSplitter {
  height: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: row-resize;
}

.uxDashEditorBoxPreviewGrid {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.uxDashEditorBoxPreviewEmpty {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
}

.uxDashRenameFieldDialog .MuiPaper-root {
  min-width: 400px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/DashboardUx/View/Components/Editors/Style/Editor.style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.editor-container {
  display: flex;
  width: 100%;
  margin: 4px 0;
  overflow: hidden;
}

.label-top {
  flex-direction: column;
  align-items: flex-start;
}

.label-right {
  flex: 1;
  flex-direction: row;
  align-items: center;
}

.editor-label {
  padding-top: 4px;
  margin-right: 8px;
  margin-bottom: 4px;
  font-size: 13px;
  white-space: wrap;
}

.editor-input {
  flex: 1;
}

.editorToggleGroup {
  position: relative;
  top: 2px;
  left: -4px;
  display: flex;
  width: 100%;
  padding: 5px;
  padding-left: 0px;
}

.editorToggleItem {
  display: flex;
  width: 20px;
  min-width: 30px;
  height: 20px;
  border: 0px;
}

.editorDropDownIconButton {
  position: absolute;
  top: -3px;
  left: -5px;
  width: 30px;
  height: 30px;
}

.editorCheckBox {
  padding: 3px;
}

.editorCheckBoxLabel {
  font-size: 14px;
}

.colorRangeRow {
  position: relative;
  display: grid;
  grid-template-columns: 60px 1fr 1fr 40px;
  gap: 0.5em;
  align-items: center;
  padding: 4px 0;
}

.gridHeader {
  margin-bottom: 0.5em;
}

.colorRangeCell {
  font-size: 0.9em;
}

.colorRangeDivider {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.colorCircle {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
}

.bold {
  font-weight: bold;
}

.alignRight {
  display: flex;
  justify-content: flex-end;
}

.uxDashColorCircle {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  border-radius: 50%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/App/View/WindowManager/Components/Pages/Style/pages.style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.newTileContent {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.newTileContent .newTileBody {
  flex: 1;
}

.widgetHeaderContainer {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}
.widgetHeaderContainer h2 {
  font-size: 0.875px;
  font-weight: normal;
}
.widgetHeaderContainer .widgetActionsContainer {
  position: relative;
  margin-left: auto;
}
.widgetHeaderContainer .widgetActionsContainer i {
  font-size: 1.25rem;
  cursor: pointer;
}
.widgetHeaderContainer .widgetActionsContainer .widgetHeaderMenu {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  visibility: hidden;
  padding: 10px;
  color: #333;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
  opacity: 0;
  transform: translateY(5px);
  transition: 200ms;
}
.widgetHeaderContainer .widgetActionsContainer .widgetHeaderMenu.visible {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.widgetHeaderContainer .widgetActionsContainer .widgetHeaderMenu li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px;
  cursor: pointer;
}
.widgetHeaderContainer .widgetActionsContainer .widgetHeaderMenu li i {
  margin-right: 5px;
}
.widgetHeaderContainer .widgetActionsContainer .widgetHeaderMenu li.minimizeWidget i {
  width: 15px;
  height: 15px;
  font-size: 0.75rem;
  color: white;
  background-color: #333;
}

.grabHandlerContainer {
  width: 100%;
  height: 100%;
}

.inEditMode .grabHandler {
  cursor: grab;
}
.inEditMode .grabHandler:active {
  cursor: grabbing;
}

.layout.inEditMode > *,
.layout.inEditMode > * > .widgetContainer {
  border-radius: 0;
}

.react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-nw, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-ne, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-sw, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-se, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-n::after, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-e::after, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-s::after, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-w::after {
  visibility: hidden;
}
.react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-s, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-n {
  left: 0;
  width: 100%;
  height: 2px;
  margin-left: 0;
  transform: rotate(180deg);
}
.react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-e, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-w {
  top: 0;
  width: 2px;
  height: 100%;
  margin-top: 0;
  transform: rotate(0deg);
}
.react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-nw::after, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-ne::after, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-sw::after, .react-grid-item.react-resizable > .react-resizable-handle.react-resizable-handle-se::after {
  visibility: visible;
}
.react-grid-item.react-resizable > .react-resizable-handle::after {
  right: 2.5px;
  bottom: 2.5px;
  width: 5px;
  height: 5px;
}

.react-grid-item.react-grid-placeholder {
  background: #005092 !important;
  opacity: 0.2;
}

.newTile {
  background-color: #fff;
  border-radius: 0.43rem;
}

.pageLoadingComponent {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.homePageContainer {
  height: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/App/View/MainPage/style/mainPage.style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.index {
  display: flex;
  flex-direction: column;
  width: 100dvw;
  height: 100dvh;
}
.index main {
  position: relative;
  top: 2.8125rem;
  flex: 1;
  box-shadow: none;
}
.index main.mobileSearchShown {
  top: 5.3125rem;
}
.index main.mobileSearchShown .windowTabNavContainer {
  top: 5.3125rem;
}
.index main.mobileSearchShown #uxMainContainer {
  top: 7.8125rem;
}
.index main .windowTabNavContainer {
  position: fixed;
  top: 2.8125rem;
  width: 100%;
  height: 2.5rem;
}
@media screen and (max-width: 520px) {
  .index main #uxMainContainer {
    width: 100vw !important;
    margin-left: 0 !important;
  }
}
.index main #uxMainContainer {
  position: fixed;
  top: 5.3125rem;
  display: flex;
  width: 100%;
  height: calc(100dvh - 100px);
  padding: 0;
  margin-top: 0px;
  margin-left: 0px;
  border: none;
}
.index main #uxMainContainer #uxMainPage {
  width: 100%;
  overflow-y: auto;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer {
  width: 100%;
  height: inherit;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  margin: 0;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .k-tabstrip-wrapper {
  height: 100%;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .cardTabsContainer {
  position: static;
  height: 100%;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .cardTabsContainer .cardTabs {
  height: 100%;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .cardTabsContainer .cardTabs .cardContents {
  height: 100%;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .cardStacker {
  position: static;
  width: 100%;
  height: 100%;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer [class*=tabPageContainer] {
  position: static;
  height: auto;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer [class*=tabPageContainer] .cardStacker {
  position: static;
  height: auto;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .cardCenteredContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 1rem;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .emptyCardText {
  font-size: 0.8rem;
  font-weight: lighter;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindow .cardMainContentContainer {
  position: relative;
  height: 100%;
  container-name: cardContainer;
  container-type: inline-size;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindow .cardMainContentContainer div:not(.selectionFooterContainer) > .MuiTablePagination-root:not(.schedulerPagination) {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 55px;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindow .cardMainContentContainer div:not(.selectionFooterContainer) > .MuiTablePagination-root:not(.schedulerPagination) .MuiTablePagination-toolbar {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent {
    flex-direction: column;
  }
}
@container cardContainer (max-width: 768px) {
  .index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent {
    flex-direction: column;
  }
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent {
  position: static;
  display: flex;
  height: inherit;
  overflow: hidden;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .transactionList {
  display: flex;
  flex-direction: column;
  border: none;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .transactionList .transSearchContainer {
  z-index: 1;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .transactionList .cardNavListContent {
  display: flex;
  flex: 1;
  width: inherit;
  min-width: inherit;
  overflow: auto;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .transactionList.noTransition {
  transition: none;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .transactionList.showTransactionList {
  width: 300px;
  min-width: 204px;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .transactionList + .divider-hitbox {
  display: none;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .transactionList.showTransactionList + .divider-hitbox {
  display: flex;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .divider-hitbox {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
  cursor: col-resize;
  outline-offset: 0;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .divider-hitbox::before {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  left: -2px;
  z-index: 1;
  content: "";
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .divider {
  height: 100%;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .rightPane {
  flex: 1;
  height: 100%;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .splitView {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .splitView.no-select, .index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowContent .splitView.no-select * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowFooter {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  /* footer height */
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .tabWindowFooter .tabWindowFooterContent {
  position: relative;
  top: 10px;
  float: left;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .cardContent {
  height: 100%;
  margin: 0;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .card {
  position: relative;
  height: 100%;
  padding: 0;
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer .iframeArea {
  min-height: calc(100vh - 160px);
  max-height: calc(100vh - 160px);
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer.mdc-layout-grid div.mdc-layout-grid__inner.primitiveContent > div.mdc-layout-grid__cell {
  height: 280px;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.index main #uxMainContainer #uxMainPage #uxPageContentContainer #uxPageContainer.mdc-layout-grid div.mdc-layout-grid__inner.primitiveContent > div.mdc-layout-grid__cell.hide {
  display: none;
}

.noRecords {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
  font-weight: bold;
  color: #d9d9d9;
}

ul#pageTabsContextMenu {
  padding: 0;
  font-size: 0.75rem !important;
  list-style-type: none;
}
ul#pageTabsContextMenu .k-link {
  color: #4F4F4F;
}
ul#pageTabsContextMenu li {
  padding: 7px;
  cursor: pointer;
}
ul#pageTabsContextMenu li:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

div#hint ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
div#hint li {
  padding: 4px 10px;
  font-size: 0.75rem;
  background-color: #929292;
  border-radius: 3px;
}
div#hint li.k-active {
  background-color: #005092;
}
div#hint li div.pageTabOpener {
  display: flex;
  align-items: center;
}
div#hint li div.pageTabOpener img {
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
div#hint li div.pageTabOpener .tabLabel {
  cursor: default;
}

.k-tabstrip .k-content.k-active {
  background-color: transparent !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Login/Components/LoginForm/Style/loginForm.style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.loginFormContainer {
  display: flex;
  flex-direction: column;
  width: 90%;
  max-width: 75em;
}
.loginFormContainer .loginDescription {
  margin-top: 10px;
  font-size: 0.875rem;
}
.loginFormContainer #loginInstallIdGrid {
  top: 100%;
}
.loginFormContainer #buttonAnimationLogin {
  color: white !important;
}
.loginFormContainer button {
  font-size: 1rem;
}
.loginFormContainer .loginButton {
  width: 35%;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.loginFormContainer .loginButton .loginBtnText {
  text-transform: uppercase;
}
@media screen and (max-width: 800px) {
  .loginFormContainer .loginButton {
    width: 75%;
  }
}
@media screen and (max-width: 600px) {
  .loginFormContainer .loginButton {
    width: 100%;
  }
}
.loginFormContainer .loginStatusContainer {
  display: flex;
  align-content: center;
  justify-content: center;
  margin-bottom: 2%;
}
.loginFormContainer .loginStatus {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 35%;
  color: var(--danger);
  text-align: left;
  background-color: #212531;
  border-radius: 5px;
}
@media screen and (max-width: 800px) {
  .loginFormContainer .loginStatus {
    width: 75%;
  }
}
@media screen and (max-width: 600px) {
  .loginFormContainer .loginStatus {
    width: 100%;
  }
}
.loginFormContainer .loginStatus .statusMsgTitle,
.loginFormContainer .loginStatus .statusMsgDesc {
  display: block;
  font-size: 0.875rem;
}
.loginFormContainer .loginStatus .statusMsgTitle {
  display: flex;
  align-items: center;
  margin: 15px 15px 10px;
  font-size: 1rem;
  font-weight: bold;
  color: #e5bfb5;
}
.loginFormContainer .loginStatus .statusMsgTitle .statusMsgIcon {
  margin-right: 10px;
  font-size: 25px;
}
.loginFormContainer .loginStatus .statusMsgDesc {
  padding-right: 15px;
  margin-bottom: 15px;
  margin-left: 50px;
  line-height: 1.5rem;
  color: #e5bfb5;
}
.loginFormContainer .loginFormInputsContainer {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
.loginFormContainer .loginFormInputsContainer .registrationTermsOfUse {
  justify-content: center;
  width: 50%;
  margin-bottom: 1rem;
  color: white;
}
.loginFormContainer .loginFormInputsContainer .registrationTermsOfUse .MuiLink-root:focus {
  display: flex;
  width: 100%;
  padding: 0.2rem;
  outline: 1px solid rgba(128, 128, 128, 0.7607843137);
  border-radius: 3.5px;
}
@media screen and (max-width: 800px) {
  .loginFormContainer .loginFormInputsContainer .registrationTermsOfUse {
    width: 75%;
  }
}
@media screen and (max-width: 600px) {
  .loginFormContainer .loginFormInputsContainer .registrationTermsOfUse {
    width: 98%;
  }
}
.loginFormContainer .loginFormInputsContainer .loginTextField {
  width: 35%;
  color: white;
  background-color: #545c64;
  border-radius: 5px;
}
.loginFormContainer .loginFormInputsContainer .loginTextField .loginPwIcon {
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 800px) {
  .loginFormContainer .loginFormInputsContainer .loginTextField {
    width: 75%;
  }
}
@media screen and (max-width: 600px) {
  .loginFormContainer .loginFormInputsContainer .loginTextField {
    width: 100%;
  }
}
.loginFormContainer .loginFormInputsContainer .loginTextField label.Mui-focused {
  color: rgba(255, 255, 255, 0.7);
}
.loginFormContainer .loginFormInputsContainer .loginTextField label {
  color: rgba(255, 255, 255, 0.7);
}
.loginFormContainer .loginFormInputsContainer .loginTextField label.Mui-disabled {
  color: rgba(255, 255, 255, 0.7);
}
.loginFormContainer .loginFormInputsContainer .loginTextField input {
  color: white;
}
.loginFormContainer .loginFormInputsContainer .loginTextField input::-ms-reveal {
  display: none;
}
.loginFormContainer .loginFormInputsContainer .loginTextField input::-ms-clear {
  display: none;
}
.loginFormContainer .loginFormInputsContainer .loginTextField .MuiInput-underline:after {
  border-bottom-color: #545c64;
}
.loginFormContainer .loginFormInputsContainer .loginTextField .MuiOutlinedInput-root fieldset {
  border-color: #545c64;
}
.loginFormContainer .loginFormInputsContainer .loginTextField .MuiOutlinedInput-root :hover fieldset {
  border-color: #545c64;
}
.loginFormContainer .loginFormInputsContainer .loginTextField .MuiOutlinedInput-root .Mui-focused fieldset {
  border-color: #545c64;
}
.loginFormContainer .loginFormInputsContainer .loginTextFieldFullWidth {
  width: 100%;
  color: white;
  background-color: #545c64;
  border-radius: 5px;
}
.loginFormContainer .loginFormInputsContainer .loginTextFieldFullWidth label.Mui-focused {
  color: #babcc0;
}
.loginFormContainer .loginFormInputsContainer .loginTextFieldFullWidth label {
  color: #babcc0;
}
.loginFormContainer .loginFormInputsContainer .loginTextFieldFullWidth label.Mui-disabled {
  color: #babcc0;
}
.loginFormContainer .loginFormInputsContainer .loginTextFieldFullWidth input {
  color: white;
}
.loginFormContainer .loginFormInputsContainer .loginTextFieldFullWidth .MuiInput-underline:after {
  border-bottom-color: #545c64;
}
.loginFormContainer .loginFormInputsContainer .loginTextFieldFullWidth .MuiOutlinedInput-root fieldset {
  border-color: #545c64;
}
.loginFormContainer .loginFormInputsContainer .loginTextFieldFullWidth .MuiOutlinedInput-root :hover fieldset {
  border-color: #545c64;
}
.loginFormContainer .loginFormInputsContainer .loginTextFieldFullWidth .MuiOutlinedInput-root .Mui-focused fieldset {
  border-color: #545c64;
}
.loginFormContainer .loginFormInputsContainer .passwordFieldInlineError {
  width: 35%;
  color: #e5bfb5;
}
.loginFormContainer .loginFormInputsContainer > div {
  margin-bottom: 20px;
}
.loginFormContainer .loginFormInputsContainer > div.installIdContainer {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.loginFormContainer .loginFormInputsContainer > div > i {
  font-size: 1.25rem;
}
.loginFormContainer .loginFormInputsContainer > div > input {
  background-color: #ededed;
  border-bottom: none !important;
}
.loginFormContainer .loginFormInputsContainer .loginHelpText {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 35%;
  font-size: 0.875rem;
  color: white;
}
.loginFormContainer .loginFormInputsContainer .loginHelpText .pwRecoveryBtn {
  color: white;
  text-transform: none;
}
@media screen and (max-width: 800px) {
  .loginFormContainer .loginFormInputsContainer .loginHelpText {
    width: 75%;
  }
}
@media screen and (max-width: 600px) {
  .loginFormContainer .loginFormInputsContainer .loginHelpText {
    width: 98%;
  }
}
.loginFormContainer .loginFormInputsContainer .loginHelpText .MuiSwitch-track {
  background-color: white;
}
.loginFormContainer .loginFormInputsContainer .loginRegistrationBtnWrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px;
  color: white;
}
.loginFormContainer .loginFormInputsContainer p {
  margin-right: 10px;
}
.loginFormContainer .whiteText {
  color: white;
}
.loginFormContainer .loginTitle {
  font-size: 1rem;
  color: white;
  text-transform: uppercase;
}
@media screen and (max-width: 800px) {
  .loginFormContainer .loginTitleContainer .hugeTitle {
    font-size: 2.8rem;
  }
  .loginFormContainer .loginTitleContainer .p {
    font-size: 0.875rem;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Login/Components/LoginDialogs/Style/selectLanguageDialog.style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.languageOptionsDialog {
  padding: 5px 20px;
}
.languageOptionsDialog .languageOptionsContainer {
  max-width: 100%;
}
.languageOptionsDialog .languageOptionsContainer .languageOptions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 1vw;
       column-gap: 1vw;
}
.languageOptionsDialog .languageOptionsContainer .languageOptions .languageLabel {
  width: 50%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Login/Components/LoginHeader/Style/loginHeader.style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.loginHeaderContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  margin-top: 5px;
}
.loginHeaderContainer .loginHeaderRightSide {
  position: relative;
  top: 13px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  height: inherit;
}
.loginHeaderContainer .MuiLink-root:focus {
  height: inherit;
  padding: 0.2rem;
  outline: 1px solid rgba(128, 128, 128, 0.7607843137);
  border-radius: 3.5px;
}
.loginHeaderContainer .loginHelpBtn {
  margin-left: 10px;
}
.loginHeaderContainer .accessibilityEnableBtn {
  margin-right: 0.5rem;
  margin-left: 1rem;
}
.loginHeaderContainer .loginHeaderBtn {
  display: flex;
  align-items: center;
  width: auto;
  padding: 5px;
  font-weight: 100;
  color: white;
  text-transform: none;
}
.loginHeaderContainer .loginHeaderBtn svg {
  width: 1rem;
  height: 1rem;
  margin-right: 5px;
}

.secondaryLogo {
  width: 126px;
  height: 90px;
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
  .secondaryLogo {
    filter: brightness(0%);
  }
}
.primaryLogoContainer {
  position: relative;
  top: 0px;
  left: 18px;
  height: inherit;
}

.primaryLogo {
  width: 240px;
  height: 60px;
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
  .primaryLogo {
    filter: brightness(0%);
  }
}
@media screen and (max-width: 768px) {
  .loginHeaderContainer .secondaryLogo {
    display: none;
  }
  .loginHeaderContainer .primaryLogoContainer {
    top: -8px;
    left: 15px;
  }
  .loginHeaderContainer .primaryLogoContainer .primaryLogo {
    width: 180px;
    height: inherit;
  }
  .loginHeaderContainer .loginHeaderRightSide {
    top: -5px;
    right: 11px;
  }
  .loginHeaderContainer .loginHeaderBtn {
    min-width: 0px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 370px) {
  .loginHeaderContainer .primaryLogoContainer {
    top: -17px;
    left: 8px;
  }
  .loginHeaderContainer .primaryLogoContainer .primaryLogo {
    width: 100px;
    height: inherit;
  }
  .loginHeaderContainer .loginHeaderRightSide {
    top: -15px;
    right: 0;
    left: 10px;
  }
  .loginHeaderContainer .loginHeaderRightSide .loginHelpBtn {
    margin-right: 15px;
    margin-left: unset;
    font-size: 0.6rem;
  }
  .loginHeaderContainer .loginHeaderRightSide .loginHelpBtn svg {
    width: 0.6rem;
    height: 0.6rem;
  }
  .loginHeaderContainer .loginHeaderRightSide .accessibilityEnableBtn {
    width: unset;
    font-size: 0.6rem;
  }
  .loginHeaderContainer .loginHeaderRightSide .accessibilityEnableBtn svg {
    width: 0.6rem;
    height: 0.6rem;
  }
}
@media (max-width: 768px) {
  .loginHeaderBtnText {
    display: none;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Login/Components/LoginFooter/Style/loginFooter.style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.footerContainer {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: flex-end;
}
@media screen and (max-height: 880px) {
  .footerContainer {
    height: 8rem;
  }
}
@media screen and (min-width: 1200px) {
  .footerContainer {
    height: calc(100vh - 83%);
  }
}
.footerContainer .footerSectionContainer {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 5px 20px;
  font-size: 1rem;
}
.footerContainer .footerSectionContainer p {
  text-align: center;
}
.footerContainer .footerSectionContainer .footerItems {
  display: flex;
  flex-direction: revert;
  padding: 0;
}
.footerContainer .footerSectionContainer .footerItems li {
  padding: 0 10px;
}
.footerContainer .footerSectionContainer .footerItems li:not(:last-child) {
  border-right: 1px solid #000;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Login/Components/LoginProgress/Style/loginProgress.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.inFrontOfWaves {
  position: relative;
  z-index: 99999;
  color: grey;
}

.grayText {
  color: lightgray;
}

.registrationProgressTitleContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
}
@media screen and (max-width: 800px) {
  .registrationProgressTitleContainer {
    width: 75%;
  }
}
@media screen and (max-width: 600px) {
  .registrationProgressTitleContainer {
    width: 100%;
  }
}
.registrationProgressTitleContainer .registrationProgressTitle {
  text-transform: uppercase;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Login/Components/LoginClientIdList/Style/loginClientIdList.style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.clientIdsSectionContainer {
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90%;
  height: 100%;
  opacity: 0;
}
.clientIdsSectionContainer .clientIdsSectionActionsContainer {
  display: flex;
  width: 600px;
  padding-right: 1rem;
  padding-left: 0.5rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 800px) {
  .clientIdsSectionContainer .clientIdsSectionActionsContainer {
    width: 75%;
  }
}
@media screen and (max-width: 600px) {
  .clientIdsSectionContainer .clientIdsSectionActionsContainer {
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .clientIdsSectionContainer .clientIdsSectionActionsContainer {
    display: block;
    width: 100%;
  }
}
.clientIdsSectionContainer .clientIdsSectionActionsContainer .backButton {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: white;
  cursor: pointer;
}
@media screen and (max-width: 400px) {
  .clientIdsSectionContainer .clientIdsSectionActionsContainer .backButton {
    width: 100%;
    margin-bottom: 20px;
  }
}
.clientIdsSectionContainer .clientIdsSectionActionsContainer .backButton > i {
  font-size: 1.875rem;
}
.clientIdsSectionContainer .clientIdsSectionActionsContainer .clientSearchContainer {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
@media screen and (max-width: 400px) {
  .clientIdsSectionContainer .clientIdsSectionActionsContainer .clientSearchContainer {
    justify-content: center;
  }
}
.clientIdsSectionContainer .clientIdListContainer {
  display: flex;
  flex-wrap: wrap;
  width: 600px;
  padding: 0.5rem;
  overflow: auto;
}
.clientIdsSectionContainer .clientIdListContainer .clientEmptyIdList {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .clientIdsSectionContainer .clientIdListContainer {
    width: 75%;
  }
}
@media screen and (max-width: 600px) {
  .clientIdsSectionContainer .clientIdListContainer {
    width: 100%;
  }
}
.clientIdsSectionContainer .clientIdListContainer .clientIdItem {
  justify-content: flex-start;
  width: calc(50% - 0.7rem);
  height: 65px;
  padding: 10px;
  margin: 10px 5px 10px 5px;
  cursor: pointer;
  background-color: #545c64;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
}
@media screen and (max-width: 400px) {
  .clientIdsSectionContainer .clientIdListContainer .clientIdItem {
    width: 100%;
    margin: 10px 0;
  }
}
.clientIdsSectionContainer .clientIdListContainer .clientIdItem .clientIdIcon {
  min-width: 44px;
  min-height: 44px;
  margin-right: 10px;
  font-weight: bold;
  color: #005092;
  border: 1px solid #c9c9c9;
  border-radius: 50%;
}
.clientIdsSectionContainer .clientIdsShowMore {
  margin-top: 20px;
  font-size: 0.875rem;
  text-align: center;
  cursor: pointer;
}
.clientIdsSectionContainer .clientIdsSectionTitle {
  display: flex;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 700;
  color: #babcc0;
}
@media screen and (max-width: 800px) {
  .clientIdsSectionContainer .clientIdsSectionTitleContainer .hugeTitle {
    font-size: 1.875rem;
  }
  .clientIdsSectionContainer .clientIdsSectionTitleContainer .p {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1400px) {
  .clientIdsSectionContainer {
    margin-top: 40px;
  }
}

.blueWhiteIcon {
  color: #005092;
  background-color: white;
}

.whiteText {
  color: white;
}

.loginSearchField {
  width: 70%;
  color: white;
  background-color: #545c64;
  border-radius: 50px;
}
.loginSearchField label.Mui-focused {
  color: #babcc0;
}
.loginSearchField svg {
  color: #babcc0;
}
.loginSearchField label {
  width: 100%;
  color: #babcc0;
}
.loginSearchField label.Mui-disabled {
  color: #babcc0;
}
.loginSearchField input {
  color: white;
}
.loginSearchField .MuiInputBase-root {
  border-bottom: unset;
  border-radius: 50px;
}
.loginSearchField .MuiInputBase-root:before {
  border-bottom: unset;
}
.loginSearchField .MuiInputBase-root:after {
  border-bottom: unset;
}
.loginSearchField .MuiInputBase-root:hover:not(.Mui-disabled):before {
  border-bottom: unset;
}
.loginSearchField .MuiInput-underline:after {
  border-color: #545c64;
  border-radius: 50px;
}
.loginSearchField .MuiOutlinedInput-root fieldset {
  border-color: #545c64;
  border-radius: 50px;
}
.loginSearchField .MuiOutlinedInput-root :hover fieldset {
  border-color: #545c64;
  border-radius: 50px;
}
.loginSearchField .MuiOutlinedInput-root .Mui-focused fieldset {
  border-color: red;
  border-radius: 50px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Login/Components/LoginOneTimePassword/Style/loginOneTimePassword.style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.loginOneTimePasswordContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loginOneTimePasswordContainer .loginOneTimePasswordInputContainer {
  width: 100%;
}
.loginOneTimePasswordContainer #loginOneTimePasswordButton {
  margin-top: 20px;
}

.whiteText {
  color: white;
}

.loginTextFieldOTP {
  color: white;
  background-color: #545c64;
  border-radius: 5px;
}
.loginTextFieldOTP label.Mui-focused {
  color: white;
}
.loginTextFieldOTP label {
  color: white;
}
.loginTextFieldOTP label.Mui-disabled {
  color: #babcc0;
}
.loginTextFieldOTP input {
  color: white;
}
.loginTextFieldOTP .MuiInput-underline:after {
  border-bottom-color: #545c64;
}
.loginTextFieldOTP .MuiOutlinedInput-root fieldset {
  border-color: #545c64;
}
.loginTextFieldOTP .MuiOutlinedInput-root :hover fieldset {
  border-color: #545c64;
}
.loginTextFieldOTP .MuiOutlinedInput-root .Mui-focused fieldset {
  border-color: #545c64;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Login/LoginPage/Style/login.style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.loginContainer {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  overflow-x: clip;
  overflow-y: auto;
  background-color: #2A303C;
}
.loginContainer .loginPageWaves {
  bottom: 5%;
  left: 0;
  width: 100%;
  /*Fix for safari gap*/
  min-height: 90px;
  max-height: 190px;
  margin-bottom: -7px;
  overflow: visible;
}
.loginContainer .loginFormInputsContainer .loginPwRecoveryCancelRecoverPw {
  margin: 10px;
}
.loginContainer .loginFormInputsContainer .changeLoginValuesContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 10px;
}
.loginContainer .loginFormInputsContainer .changeLoginValuesContainer .changeLoginValuesButton {
  text-transform: none;
}
.loginContainer .loginFormInputsContainer .changeLoginValuesContainer .lockIcon {
  margin: 5px;
}
.loginContainer h2 {
  margin-bottom: 10px;
}
.loginContainer .titleContainer {
  margin-bottom: 2rem;
}
.loginContainer .colContainer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.loginContainer .colContainer .loginScrollableArea {
  height: 84%;
}
.loginContainer .colContainer .col {
  position: relative;
  height: 100%;
}
.loginContainer .colContainer .col.loginFormOuterContainer {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
}
.loginContainer .colContainer .col.loginFormOuterContainer .progressSectionContainer {
  visibility: hidden;
  flex-direction: column;
  width: 100%;
  opacity: 0;
}
.loginContainer .colContainer .col.loginFormOuterContainer .progressSectionContainer > .waveContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 0;
}
.loginContainer .colContainer .col.loginFormOuterContainer .progressSectionContainer > .waveContainer > .wave {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background-color: #c9c9c9;
  border-radius: 50%;
}
.loginContainer .colContainer .col.loginFormOuterContainer .progressSectionContainer .waveContainer {
  padding-bottom: 50px;
}
@media screen and (max-width: 800px) {
  .loginContainer .colContainer {
    flex-direction: column;
  }
}
.loginContainer .MuiIconButton-root:hover {
  background-color: #545c64;
}
.loginContainer .MuiFormLabel-asterisk {
  color: white;
}
.loginContainer .backButton.MuiIconButton-root:hover {
  background: unset !important;
}
.loginContainer .mdc-text-field:not(.mdc-text-field--disabled) {
  background: none;
  background-color: transparent;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
.loginContainer .flood {
  animation: floodAnimation 1.2s ease-in forwards;
}
@keyframes floodAnimation {
  0% {
    z-index: 600;
  }
  100% {
    z-index: 600;
    transform: translateY(-95vh);
  }
}
.loginContainer .floodHolder {
  animation: floodHolderAnimation 1.2s ease-in forwards;
}
@keyframes floodHolderAnimation {
  0% {
    z-index: 600;
    height: 5vh;
  }
  100% {
    z-index: 600;
    height: 100vh;
  }
}
.loginContainer .fade {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 1;
  animation: fadeAnimation 0.5s linear;
}
.loginContainer .fadePlaceholder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 1;
}
@keyframes fadeAnimation {
  100% {
    opacity: 0;
  }
}

.grecaptcha-badge {
  z-index: 1;
}

.installIdDropdown {
  color: white;
  background-color: #2A303C;
  border: 1px solid white;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/App/View/AppRibbon/Style/appRibbonSearch.style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.ribbonSearchContainer {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ribbonSearchContainer .appRibbonSearchContainer.largeAppRibbonSearchContainer {
  width: 300px;
  min-width: 200px;
}
.ribbonSearchContainer .appRibbonSearchContainer {
  width: 216px;
  min-width: 150px;
}
.ribbonSearchContainer .appRibbonSearchContainer .searchField {
  display: table-cell;
  width: inherit;
  margin-top: 0px;
  border-radius: 5px;
}
.ribbonSearchContainer .appRibbonSearchContainer .searchField .MuiInputBase-root {
  flex-wrap: nowrap;
  padding: 0 8px;
}
.ribbonSearchContainer .appRibbonSearchContainer .searchField .MuiFormControl-root {
  height: inherit;
  margin: unset;
}
.ribbonSearchContainer .appRibbonSearchContainer .searchField ::-moz-placeholder {
  opacity: 1;
}
.ribbonSearchContainer .appRibbonSearchContainer .searchField ::placeholder {
  opacity: 1;
}
.ribbonSearchContainer .appRibbonSearchContainer .searchField .searchGroupsButton {
  width: 200px;
  height: 20px;
  padding: 6px;
  font-size: 0.75rem;
}
.ribbonSearchContainer .appRibbonSearchContainer .searchField .searchBoxInput {
  margin-left: 8px;
}
.ribbonSearchContainer .selectedSearchGroupText {
  width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  white-space: nowrap;
}
.ribbonSearchContainer .searchGroupMenuBody {
  width: 125px;
}
.ribbonSearchContainer .searchGroupMenuBody .searchGroupMenuItem {
  padding-top: 4px;
  padding-left: 8px;
}
.ribbonSearchContainer .snippetContentContainer {
  width: 100%;
}
.ribbonSearchContainer .snippetContentContainer .snippetContent.snippetContentFlexEnd {
  display: none;
}

.appRibbonSearchItemContainer {
  padding: 5px 8px !important;
  border-bottom: 1px solid #dbdbdb;
}

.appRibbonSearchItemContainer:hover {
  cursor: pointer;
}

@media screen and (max-width: 720px) {
  .MuiAutocomplete-popper {
    width: 100% !important;
  }
}
.mobileViewSearch {
  position: fixed;
  top: 2.8125rem;
}
.mobileViewSearch .ribbonSearchContainer .largeAppRibbonSearchContainer,
.mobileViewSearch .ribbonSearchContainer .appRibbonSearchContainer {
  width: 100%;
  height: 40px;
}
.mobileViewSearch .ribbonSearchContainer .searchField {
  display: block;
  height: 100%;
  margin: 0px;
  border-radius: 0px;
}
.mobileViewSearch .ribbonSearchContainer .searchField .MuiInputBase-root {
  height: 100%;
  padding: 0 20px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/Menus/MainMenu/Style/mainmenu.style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@media screen and (max-width: 480px) {
  #uxMainRibbon {
    padding: unset !important;
  }
}
#uxMainRibbon {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 2.8125rem;
  padding: 0 20px;
}
#uxMainRibbon .menuActionsContainer {
  display: flex;
  flex-Shrink: 0;
}
#uxMainRibbon .uxMainRibbonItemsContainer {
  display: flex;
  justify-content: space-between;
  width: inherit;
}
#uxMainRibbon .uxMainRibbonItemsContainer .uxMainRibbonNavItemsContainer {
  display: flex;
  height: 100%;
}
#uxMainRibbon .uxMainRibbonItemsContainer .uxHomeButtonNoPadding {
  padding: 0;
}
#uxMainRibbon .uxMainRibbonItemsContainer .uxHomeButton {
  border-radius: 0;
}
#uxMainRibbon .uxMainRibbonItemsContainer .uxHomeButton .logoImg {
  filter: brightness(0) invert(1) !important;
}
@media (forced-colors: active) and (prefers-color-scheme: light) {
  #uxMainRibbon .uxMainRibbonItemsContainer .uxHomeButton .logoImg {
    filter: brightness(0%) !important;
  }
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems {
  flex-grow: 1;
  height: 100%;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .base-Popper-root .menuSectionPaperMobile {
  border-radius: 0;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems #uxAppRibbonLeftMenus {
  height: 100%;
  margin-left: 10px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems #uxAppRibbonLeftMenus :first-child {
  margin-left: 0;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems #uxAppRibbonLeftMenus #mainMenuMobileTreeView .MuiTreeItem-root {
  align-content: center;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems #uxAppRibbonLeftMenus #mainMenuMobileTreeView .MuiTreeItem-content {
  position: relative;
  min-height: 48px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems #uxAppRibbonLeftMenus #mainMenuMobileTreeView .mainMenuMobileSubTreeItem .MuiTreeItem-content {
  padding: 6px 16px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems #uxAppRibbonLeftMenus #mainMenuMobileTreeView .mainMenuMobileTreeItemLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems #uxAppRibbonLeftMenus #mainMenuMobileTreeView .mainMenuMobileTreeNoDataItemLabel {
  overflow: hidden;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems #uxAppRibbonLeftMenus #mainMenuMobileTreeView .mainMenuMobileSubTreeItem {
  position: relative;
  align-content: center;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems #uxAppRibbonLeftMenus #mainMenuMobileTreeView .mainMenuMobileSubTreeItem .MuiTreeItem-iconContainer {
  width: unset;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems #uxAppRibbonLeftMenubarItems {
  flex-direction: row;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .menuListExpandIcon {
  margin-bottom: 15px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenusTabs {
  height: 100%;
  margin-left: 10px;
  font-weight: 400;
  color: white;
  text-transform: none;
  white-space: nowrap;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenusTabsActive {
  background-color: rgba(194, 210, 223, 0.4);
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .menuItemsList {
  width: 100%;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .menuItemsList .menuSectionDropdownItem {
  flex-wrap: wrap;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .menuListItemImg {
  width: 19px;
  height: 24px;
  margin-right: 7px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .menuItemsListContainer {
  height: auto;
  max-height: 25rem;
  padding: 0.3em 0 0.3em 0;
  margin: 0;
  overflow: auto;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .menuItemsMobile {
  width: inherit;
  height: inherit;
  max-height: none;
  border: unset !important;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .mobileWidth {
  min-width: auto !important;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer {
  min-width: 420px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader {
  display: flex;
  flex-direction: column;
  margin: 0;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .mainMenuBackButton {
  margin-right: 10px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .headerSearchContainer {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .headerSearchContainer .mobileSearchbarButtons {
  position: relative;
  bottom: 4px;
  margin-top: 0;
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  border-radius: 0 0 4px 0;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .headerSearchContainer .searchField {
  margin-top: 8px;
  margin-bottom: 8px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .headerSearchContainer .searchField.searchFieldMobile {
  margin-top: 0;
  background-color: unset !important;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .headerSearchContainer .searchField.searchFieldMobile .searchFieldMobileBorder {
  border-radius: 0 0 4px 4px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .headerSearchContainer .searchField.searchFieldMobile .searchFieldMobileBorderWithButtons {
  border: 1px solid white;
  border-top: 0;
  border-radius: 0 0 0 4px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .uxMainMenuHeaderActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .uxMainMenuHeaderActions .uxMainMenuHeaderTitle {
  display: flex;
  align-items: center;
  font-weight: bold;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .mobileMenuHeader {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px !important;
  border-radius: 4px 4px 0 0;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .uxMainMenuHeaderIconsContainer {
  display: flex;
  margin-right: 10px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .uxMainMenuHeaderIconsContainer .uxMainMenuHeaderIconButton {
  height: 42px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .uxMainMenuGridHeader .uxMainMenuHeaderIconsContainer .uxMainMenuHeaderIconButton .uxMainMenuHeaderIcon {
  width: 20px;
  height: 45px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .mobileViewSectionBackwardsContainer {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuGridHeaderContainer .mobileViewSectionBackwardsContainer .mobileViewSectionPath {
  font-weight: 600;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .menuContentCenter {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 370px;
  height: 100%;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .menuContentCenterMobile {
  width: 100%;
  min-width: unset;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuContentContainer {
  display: flex;
  width: 420px;
  height: auto;
  min-height: 100px;
  max-height: 290px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuContentContainer .menuItemsList {
  flex: 1;
  overflow-x: hidden;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuContentContainer .uxMainMenuTransTab {
  min-width: 0;
  cursor: pointer;
  border-radius: 0;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuContentContainer .snippetContentContainer {
  width: 100%;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuContentContainer .uxMainMenuTransIconsContainer {
  display: flex;
  flex-direction: column;
  width: 50px;
  overflow-x: hidden;
  overflow-y: auto;
  border-right: 1px solid rgb(224, 224, 224);
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuContentContainer .uxMainMenuTransIconsContainer .uxMainMenuTransIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  padding: 0;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuContentContainer .uxMainMenuTransIconsContainer .uxMainMenuTransIcon .uxMainMenuTransImg {
  width: 20px;
  height: 20px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxMainMenuScrollContainer {
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .mobileContent {
  width: inherit;
  max-height: none;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxAppRibbonLeft,
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxAppRibbonRight {
  height: auto;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxAppRibbonLeft i.material-icons,
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxAppRibbonRight i.material-icons {
  font-size: 1.5rem;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxAppRibbonLeft i {
  margin-right: 10px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxAppRibbonRight {
  margin-left: 10px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxAppRibbonRight > * {
  margin-left: 10px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems .uxAppRibbonRight > button {
  margin-right: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
  /*box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, .12);*/
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul > * {
  color: inherit;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul i {
  font-size: 1.25rem;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul.ribbonSubmenuContainer {
  position: absolute;
  top: 100%;
  right: 0;
  flex-direction: column;
  height: 300px;
  background-color: #fff;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul.ribbonSubmenuContainer > li.cardRibbonSubmenuHeader {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 35px;
  padding: 0 20px;
  font-size: 0.75rem;
  border-bottom: 1px solid #d9d9d9;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul.ribbonSubmenuContainer > ul {
  width: auto;
  height: calc(100% - 35px);
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul.ribbonSubmenuContainer > ul li {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  min-width: 300px;
  height: 100%;
  padding: 10px;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul.ribbonSubmenuContainer > ul li:not(:last-child) {
  border-right: 1px solid #d9d9d9;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul.ribbonSubmenuContainer > ul li h2 {
  padding: 0 0 10px;
  margin: 0;
  font-size: 0.875rem;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul.ribbonSubmenuContainer > ul li div.listSectionItemsContainer {
  width: 100%;
  height: 100%;
  overflow: auto;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul.ribbonSubmenuContainer > ul li div.listSectionItemsContainer > div.listItemContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 10px;
  font-size: 0.75rem;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul.ribbonSubmenuContainer > ul li div.listSectionItemsContainer > div.listItemContainer > div {
  display: flex;
  align-items: center;
}
#uxMainRibbon .uxMainRibbonItemsContainer #uxMainRibbonItems ul.ribbonSubmenuContainer > ul li div.listSectionItemsContainer > div.listItemContainer > div > .itemIcon {
  padding-right: 5px;
}

.menuIcon {
  color: #fff;
}

.moreMenuWithText {
  justify-content: center;
  padding: 6px 8px;
}

.mainMenuMoreMenu {
  color: white;
  white-space: nowrap;
}
.mainMenuMoreMenu .mainMenuMoreMenuTitle {
  display: block;
  padding-top: 2px;
  font-weight: 400;
  text-transform: uppercase;
}

.menuSectionPopper {
  z-index: 2;
}

#uxMainMenuSectionContentDialog {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.menuSectionPopperMobile {
  width: 20em;
  height: 100vh;
  transform: none !important;
}
.menuSectionPopperMobile .menuSectionPaperMobile {
  width: inherit;
  height: inherit;
}
.menuSectionPopperMobile .menuSectionPaperMobile #mobileMenuHeaderContainer {
  display: inherit;
  justify-content: space-between;
  width: inherit;
}
.menuSectionPopperMobile .menuSectionClickawayAreaMobile {
  height: 100%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/UI/Components/ProgressBar/Style/progressBar.style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.progressBarOverlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.progressBarOverlay .progressBarContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40%;
  height: 15%;
}
.progressBarOverlay .progressBarContainer .progressBarBox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
  color: white;
}
.progressBarOverlay .progressBarContainer .progressBarBox .progressBarProgressBox {
  position: absolute;
}
.progressBarOverlay .progressBarContainer .progressBarText {
  padding: 10px;
  color: white;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Dashboard/View/Components/style/dashboard.style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.dashboardWidget {
  display: flex;
  flex-direction: column;
}

.dashboardWidgetLoading {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.dashboardWidgetContentContainer {
  display: flex;
  flex-grow: 0;
  flex-direction: column;
  flex-wrap: wrap;
  height: calc(100% - 52px);
  padding: 15px 5px 5px;
  overflow: auto;
}
.dashboardWidgetContentContainer svg {
  overflow: visible;
}

.dashboardSelectIcon {
  margin-right: 10px;
}

.uxDashEditorStep.active {
  height: 48px;
}

/*
  CSS for WebDashboard
 */
.dashboardTable {
  width: 100%;
}

.dashboardWindow {
  padding: 10px;
  overflow-y: hidden;
  color: #555555;
  background-color: #f2f5f7;
}

.dashboardContainer {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.dashboardRow {
  text-align: center;
}

.dashboardCell {
  padding-bottom: 15px;
}

.dashboardCellInner {
  text-align: center;
  border: 2px solid #DDDDDD;
}

a.dashboardUndock:link,
a.dashboardUndock:visited {
  color: #333333;
  text-decoration: underline;
  background: transparent;
}

a.dashboardUndock:hover {
  color: #333333;
  text-decoration: underline;
  background: transparent;
}

.dashboardUndock {
  color: #333333;
}

.dashboardCell.ui-movable {
  position: relative;
}

.dashboardCell.ui-movable-handle {
  position: absolute;
  z-index: 99999;
  display: block;
  font-size: 0.1px;
}

.dashboardCell.ui-movable-e {
  right: -5px;
  width: 7px;
  cursor: e-resize;
}

.m-t-3 {
  margin-top: 3px;
}

.dashboardHeaderIcons .borderColor {
  border: 1px solid #cee6f1;
}

.dashboardHeaderIcons .dashboardIconsWidth {
  width: 25px;
}

.dashboardSelectionExplorer .customButton {
  float: right;
  padding: 10px;
  margin: 5px 5px 0 0;
  text-align: center;
}

.dashboardSelectionExplorerContent .outputFilterCriteriaGrid .filterValue {
  height: 50%;
}

.dataSourceDialog .addNewDataSource,
.dataSourceDialog .deleteDataSource {
  padding: 10px;
  margin: 5px 5px 0 0;
}

.dataSourceDialog .customButton {
  float: right;
  padding: 10px;
  margin: 5px 5px 0 0;
}

.dashboardNoData {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 30px;
  margin: auto;
}

.dashboardEditorDialog .dashboardEditorContainer {
  padding-top: 65px;
}
.dashboardEditorDialog .editorButton {
  margin-right: 0;
  margin-left: auto;
}
.dashboardEditorDialog .editorButton .editorButtonIcon {
  fill: white;
}
.dashboardEditorDialog .accordionDetailContainer {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 1px 10px;
}
.dashboardEditorDialog .accordionDetailContainer .textContainer {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboardEditorDialog .accordionDetailContainer .textContainer .infoText {
  font-size: 0.875rem;
  font-weight: bold;
}
.dashboardEditorDialog .accordionDetailContainer .textContainer .childInfoText {
  font-size: 0.75rem;
  font-weight: normal;
}
.dashboardEditorDialog .accordionDetailContainer .textContainer .blueText {
  color: #005092;
}
.dashboardEditorDialog .accordionDetailContainer .textContainer .infoValue {
  font-size: 0.75rem;
}

.selectionDashboardTreeMapNode {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.selectionDashboardTreeMapNodeText {
  font-weight: bold;
}

.uxDashIconRotate90 {
  transform: rotate(90deg);
}

.uxDashBoxPadding {
  padding: 16px;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Snippets/Widget/View/Components/Style/snippets.style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.snippetsWidgetContainer {
  margin-bottom: 10px;
  border: none;
}
.snippetsWidgetContainer .MuiDataGrid-row:hover {
  background-color: inherit;
}
.snippetsWidgetContainer .snippetContentContainer {
  width: 100%;
  padding-right: 5px;
}
.snippetsWidgetContainer .snippetWidgetItem:nth-child(odd) {
  background-color: rgba(0, 80, 146, 0.0470588235);
}
.snippetsWidgetContainer .snippetWidgetItem .snippetParentContainer {
  line-height: normal;
}
.snippetsWidgetContainer .displayNone {
  display: none;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Shortcut/Widget/View/Components/Style/shortcut.style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.shortcutWidget {
  display: flex;
  flex-direction: column;
  width: inherit;
  height: inherit;
}

.shortcutWidgetContainer {
  position: relative;
  height: 100%;
  max-height: calc(100% - 50px);
  margin-bottom: 2px;
}
.shortcutWidgetContainer .shortcutWidgetInnerContainer {
  height: 100%;
  overflow-y: auto;
}

.shortcutWidgetContent {
  padding: 1rem;
}

.shortcutCompactView {
  overflow: auto;
}
.shortcutCompactView .shortcutWidgetContent {
  display: flex;
  flex-wrap: wrap;
}
.shortcutCompactView .startAction {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  padding-bottom: 1rem;
  cursor: pointer;
}
.shortcutCompactView .startAction .startActionIconContainer {
  position: relative;
  width: 3rem;
  height: 3rem;
  background-color: lightgray;
}
.shortcutCompactView .startAction .startActionIconContainer .startActionIcon {
  z-index: 30;
  width: 1.5rem;
  height: 1.5rem;
}
.shortcutCompactView .startAction .startActionIconContainer:hover {
  background-color: rgba(211, 211, 211, 0.6509803922) !important;
  transition-delay: 50ms;
}
.shortcutCompactView .startAction .transparency::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  height: 100%;
  content: "";
  background: rgba(255, 255, 255, 0.8);
  border-radius: inherit;
}
.shortcutCompactView .startAction .transparency:hover::after {
  background-color: rgba(211, 211, 211, 0.6509803922);
  transition-delay: 50ms;
}
.shortcutCompactView .startAction .startActionTitle {
  display: -webkit-box;
  width: 6rem;
  min-height: 2rem;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-align: center;
  word-break: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
}

.shortcutExpandedView .shortcutWidgetInnerContainer {
  align-content: center;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent {
  position: relative;
  align-items: stretch;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  transition: scroll-behavior 1s ease-out;
  -ms-overflow-style: none;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent.wrapContent {
  display: flex;
  flex-wrap: wrap;
  scrollbar-width: auto;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent.smoothScroll {
  scroll-behavior: smooth;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent .startAction {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: min(353px, 100%);
  min-width: unset;
  min-height: 9.1rem;
  color: inherit;
  scroll-snap-align: center;
  background-color: lightgray;
  border-radius: 5px;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent .startAction .startActionContent {
  z-index: 30;
  width: 100%;
  height: inherit;
  text-align: left;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent .startAction .startActionContent .startActionContentHeader {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.5em;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent .startAction .startActionContent .startActionContentHeader .startActionTitle {
  display: -webkit-box;
  min-height: 2rem;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 1.125rem;
  font-weight: bold;
  overflow-wrap: anywhere;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent .startAction .startActionContent p {
  display: -webkit-box;
  margin-right: 55px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-align: initial;
  word-break: normal;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent .startAction .transparency::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  content: "";
  background: rgba(255, 255, 255, 0.8);
  border-radius: inherit;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent .startAction .transparency:hover::after {
  background-color: rgba(211, 211, 211, 0.6509803922);
  transition-delay: 50ms;
}
.shortcutExpandedView .shortcutWidgetInnerContainer .shortcutWidgetContent .startAction:hover {
  background-color: rgba(211, 211, 211, 0.6509803922) !important;
  transition-delay: 50ms;
}

.shortcutScrollIcon {
  position: absolute;
  top: 50%;
  z-index: 50;
  display: none;
  transform: translateY(-50%);
}
.shortcutScrollIcon .shortcutNavigateIcon {
  width: 1.3rem;
  height: 1.3rem;
}

.shortcutWidgetContainer:hover .shortcutScrollIcon {
  display: flex;
}

.shortcutScrollLeft {
  left: 0;
  margin-left: 2px;
}

.shortcutScrollRight {
  right: 0;
  margin-right: 2px;
}

.showScrollIcon {
  display: flex;
}
/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/Options/Widget/Components/Style/options.style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.optionsWidget {
  display: flex;
  flex-direction: column;
  width: inherit;
  height: inherit;
}
.optionsWidget .optionsWidgetContent {
  height: inherit;
  overflow: auto;
}
.optionsWidget .optionsWidgetContent .accordionSelectHeader {
  height: 4rem;
}
.optionsWidget .optionsWidgetContent .accordionSelectHeader .MuiAccordionSummary-content {
  display: flex;
  flex-direction: column;
}
.optionsWidget .optionsWidgetContent .accordionSelectHeader .optionsAccordionSelectHeaderTitle {
  display: flex;
}
.optionsWidget .optionsWidgetContent .accordionSelectHeader .optionsAccordionSelectHeaderDesc {
  font-size: 0.9rem;
  color: gray;
}
.optionsWidget .optionsWidgetContent .accordionSelectContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.optionsWidget .optionsWidgetContent .accordionSelectContainer .optionsAccordionSelect {
  flex-grow: 1;
  width: 47%;
  margin: 0.5rem 0.5rem;
}
.optionsWidget .optionsWidgetContent .accordionSelectContainer .optionsAccordionSelectDesc {
  font-size: 0.81rem;
  color: gray;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/DateSnippets/Widget/Components/Style/dateSnippets.style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.dateSnippetWidget {
  display: flex;
  flex-direction: column;
  width: inherit;
  height: inherit;
}
.dateSnippetWidget .snippetDateGroupHeader {
  height: 2.5rem;
  min-height: unset !important;
}
.dateSnippetWidget .snippetDate {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 16px;
  margin-right: 0.5rem;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.75;
  border-radius: 4px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/SnippetGroups/Widget/Components/Style/snippetGroups.style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.snippetGroupsListContainer {
  overflow-y: auto;
}
.snippetGroupsListContainer .snippetGroupsList .snippetGroupsTreeItemContainer {
  padding-left: 6px;
}
.snippetGroupsListContainer .snippetGroupsList .snippetGroupsTreeItemContainer.snippetGroupHeaderItem {
  margin-top: 4px;
}
.snippetGroupsListContainer .snippetGroupsList .snippetGroupsTreeItemContainer.snippetGroupHeaderItem .snippetGroupsTreeItemContent {
  padding-left: 0;
}
.snippetGroupsListContainer .snippetGroupsList .snippetGroupsTreeItemContainer.snippetGroupHeaderItem .snippetGroupsTreeItemContent:not(:has(.treeItemToggleIcon)) {
  cursor: default;
}
.snippetGroupsListContainer .snippetGroupsList .snippetGroupsTreeItemContainer .snippetGroupsTreeItemContent {
  gap: 2px;
  width: calc(100% - 20px);
  margin-left: 8px;
}
.snippetGroupsListContainer .snippetGroupsList .snippetGroupsTreeItemContainer .snippetGroupsTreeItemContent:has(.moreButton) {
  cursor: default;
}
.snippetGroupsListContainer .snippetGroupsList .snippetGroupsTreeItemContainer .snippetGroupsTreeItemContent .treeItemSnippetContainer {
  width: 100%;
}
.snippetGroupsListContainer .snippetGroupsList .snippetGroupsTreeItemContainer .snippetGroupsTreeItemContent .treeItemSnippetContainer .groupHeader {
  font-size: 0.9rem;
  font-weight: 500;
}
.snippetGroupsListContainer .snippetGroupsList .snippetGroupsTreeItemContainer .snippetGroupsTreeItemContent .treeItemSnippetContainer .moreButton {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 5px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/ServiceCoordinator/Components/Style/serviceCoordinator.style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.serviceCoordinatorWidget {
  display: flex;
  flex-direction: column;
  height: inherit;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: inherit;
  overflow: hidden;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .loadingIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .noWidgetData {
  display: contents;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorSearchBar {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorSearchBar ::-webkit-input-placeholder {
  opacity: 0.5 !important;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorSearchBar ::-moz-placeholder {
  opacity: 0.5 !important;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorSearchBar .serviceCoordinatorSearchBarInputContainer {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorSearchBar .serviceCoordinatorSearchBarInput {
  flex: 1;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorSearchBar .serviceCoordinatorCloseIcon {
  margin-right: 5px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorSearchBar .serviceCoordinatorSearchIcon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-left: 10px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorLeftPane {
  height: 100%;
  overflow-x: hidden;
  border-top-right-radius: 5px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorLeftPane .serviceCoordinatorLeftPaneListContainer {
  padding: 0;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorLeftPane .serviceCoordinatorLeftPaneListContainer .serviceCoordinatorItemContainer {
  justify-content: space-between;
  height: 45px;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 0;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorLeftPane .serviceCoordinatorLeftPaneListContainer .serviceCoordinatorItemContainer .selectionGroupLabelContainer {
  display: flex;
  align-items: center;
  margin-left: 8px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorLeftPane .serviceCoordinatorLeftPaneListContainer .serviceCoordinatorItemContainer .selectionGroupIcon {
  width: 20px;
  height: 20px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorLeftPane .serviceCoordinatorLeftPaneListContainer .serviceCoordinatorTabsIndicator {
  display: none;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane {
  flex: 1;
  height: 100%;
  overflow: auto;
  box-shadow: none;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionsListContainer {
  display: flex;
  flex-wrap: wrap;
  height: unset;
  padding: 0 8px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionsListContainer .objectSelectionsItemContainer {
  max-width: 250px;
  height: 45px;
  margin: 0 12px 10px 0;
  cursor: pointer;
  border-radius: 5px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionsListContainer .objectSelectionsItemContainer .objectSelectionIconContainer:hover {
  opacity: 1;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionsListContainer .objectSelectionsItemContainer .selectionMenuActionButtonsContainer {
  display: flex;
  margin-right: 15px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionsListContainer .objectSelectionsItemContainer .selectionMenuActionButtonsContainer .selectionMenuMoreButtons {
  margin: auto;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionsListContainer .objectSelectionsItemContainer:hover .favoriteIconButtonShowOnHover {
  opacity: 1;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionsListContainer .objectSelectionsItemContainer .objectSelectionsItemMainButton {
  height: inherit;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: inherit;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionsListContainer .objectSelectionsItemContainer .favoriteIconButtonShowOnHover {
  opacity: 0;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionsListContainer .objectSelectionsItemContainer .objectSelectionsName {
  margin-top: 0;
  margin-bottom: 0;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionsListContainer .objectSelectionsItemContainer .objectSelectionsName.objectSelectionsNameText {
  display: -webkit-box;
  width: 100%;
  margin-left: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 0.875rem;
  -webkit-box-orient: vertical;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .containerMargin {
  margin-left: 10px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .transSelectionsContainer {
  margin-bottom: 50px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .transSelectionsContainer .transSelectionsAccardionSummary {
  display: flex;
  flex-Direction: row-reverse;
  min-Height: 35px;
  padding: 0;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .transSelectionsContainer .transSelectionsAccardionSummary .accordionSummarySpan {
  padding-left: 5px;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .transSelectionsContainer .transSelectionsAccardionSummary .transSelectionIcon {
  width: 20px;
  height: 20px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .transSelectionsContainer .transSelectionsAccardionSummary div:first-child {
  margin: 0;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .transSelectionsContainer .transSelectionsAccardionDetails {
  display: flex;
  flex-Direction: column;
  padding: 0 12px 2px 0;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .selectionIcon {
  width: 20px;
  min-width: unset;
  height: 20px;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .rightPane .serviceCoordinatorRightPane .noDataContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .divider-hitbox {
  align-self: stretch;
  width: 9px;
  cursor: col-resize;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .divider {
  width: 4px;
  height: 100%;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .splitView {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .splitView.no-select, .serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .splitView.no-select * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.serviceCoordinatorWidget .serviceCoordinatorWidgetContainer .serviceCoordinatorSelectionName {
  margin-left: 22px;
  font-size: 0.875rem;
  font-weight: bold;
  white-space: pre;
}
/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/HTML/View/Components/Style/html.style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.htmlWidgetContent li {
  list-style: disc;
}

.htmlWidgetContent a:-moz-any-link {
  color: revert;
  text-decoration: underline;
}

.htmlWidgetContent a:any-link {
  color: revert;
  text-decoration: underline;
}

.htmlWidgetContent ol {
  padding-left: 20px;
  list-style-type: decimal;
}

.htmlWidgetContent table {
  width: 100%;
  border-collapse: collapse;
}

.htmlWidgetContent th, td {
  padding: 8px;
  text-align: left;
  border: 1px solid #ccc;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/js/UX/Features/WavewareAI/View/Style/aiWidget.style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.aiWidgetMainContainer {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.aiWidgetMainContainer .aiStartScreenContent {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.aiWidgetMainContainer .aiStartScreenContent .aiUserGreetingContainer {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.aiWidgetMainContainer .aiStartScreenContent .aiUserGreetingContainer .octopusIcon {
  width: 60px;
  height: 60px;
}
.aiWidgetMainContainer .aiStartScreenContent .aiUserGreetingContainer .aiGreetingTextContainer {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.aiWidgetMainContainer .aiStartScreenContent .aiUserGreetingContainer .aiGreetingTextContainer .aiGreetingText {
  margin: 0;
  font-size: 20px;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent {
  flex: 1;
  min-height: 0;
  padding: 8px 0;
  overflow-y: auto;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
  justify-content: flex-start;
  max-height: none;
  padding: 8px 16px 12px;
  overflow: visible;
  text-align: center;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiBubble {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.35;
  border-radius: 14px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiBubbleSender {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7);
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .menuProfilePicInPaper {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiUserDot {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #cfe1ff;
  border-radius: 9999px;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiSenderName {
  font-size: 12px;
  font-weight: 600;
  opacity: 0.8;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiBubbleTyping .typingDots {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  line-height: 0;
  color: inherit;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiBubbleTyping .typingDots span {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: currentColor;
  border-radius: 50%;
  opacity: 0.35;
  animation: dotPulse 1.2s infinite ease-in-out;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiBubbleTyping .typingDots span:nth-child(2) {
  animation-delay: 0.15s;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiBubbleTyping .typingDots span:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes dotPulse {
  0%, 60%, 100% {
    opacity: 0.35;
    transform: scale(0.6);
  }
  30% {
    opacity: 1;
    transform: scale(1);
  }
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiBubbleUser {
  align-self: flex-end;
  max-width: 80%;
  margin-left: auto;
  color: #fff;
  background: #1e63d5;
  border-top-right-radius: 6px;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiBubbleAssistant {
  align-self: flex-start;
  max-width: 80%;
  margin-right: auto;
  color: #111;
  background: #f2f5f7;
  border-top-left-radius: 6px;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiBubbleText {
  font-size: 1rem;
  text-align: left;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiMessageAttachments {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 6px;
}
.aiWidgetMainContainer .aiStartScreenContent .aiScrollableContent .aiChatArea .aiBubbleMeta {
  align-self: flex-end;
  margin-top: 2px;
  font-size: 11px;
  opacity: 0.75;
}
.aiWidgetMainContainer .aiStartScreenContent .aiPromptSelect {
  display: grid;
  grid-template-columns: 36px 1fr 36px;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding-top: 6px;
  padding-bottom: 6px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 16px;
}
.aiWidgetMainContainer .aiStartScreenContent .aiAttachmentChip {
  margin-right: 4px;
  margin-bottom: 4px;
  color: #0d47a1;
  background-color: #e3f2fd;
  border-radius: 4px;
}

.aiListItemText {
  margin-right: 8px;
  margin-left: 8px;
  font-size: 14px;
}

.aiMorePromptsButton {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
}

.aiInputBarContainer {
  align-items: center;
  padding: 8px;
}

.aiInfoText {
  margin-bottom: 4px;
  font-size: 10px;
  text-align: center;
  opacity: 0.8;
}

.aiPH {
  padding: 2px 6px;
  color: #1e40af;
  background: #eaf2ff;
  border-radius: 6px;
}

.aiInputBar {
  flex: 1;
  margin-left: 8px;
}

.aiInputBarIcon {
  width: 22px;
  height: 22px;
}

.aiPromptInputContainer {
  display: grid;
  gap: 8;
  align-items: center;
}
.aiPromptInputContainer .aiPromptInput {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid var(--mui-palette-divider, #e0e0e0);
  border-radius: 12px;
}

.aiTabHeader {
  display: flex;
  gap: 8;
  align-items: center;
  padding: 8px 12px;
}
.aiTabHeader .aiTabHeaderTitle {
  flex: 1;
  font-weight: 600;
}

.aiNoChatsFound {
  padding: 12px;
  font: 12;
  color: rgba(0, 0, 0, 0.6);
}

.aiChatListItemBtn {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  padding: 8px 12px;
  cursor: pointer;
  outline: none;
  border-radius: 4px;
}

.aiChatsUnreadDot {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 6px;
  outline-offset: 1px;
  background: #1e40af;
  border-radius: 50%;
}

.aiChatListItemBtn.is-selected {
  background: var(--mui-palette-action-selected, rgba(0, 0, 0, 0.08));
}

.aiChatListItemBtn.is-selected:hover {
  background: var(--mui-palette-action-selected, rgba(0, 0, 0, 0.08));
}

.aiFollowUpActions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 6px;
}

.aiUnreadDivider {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 8px 16px;
}
.aiUnreadDivider .aiUnreadLine {
  flex: 1;
  height: 1px;
  background: rgba(0, 0, 0, 0.12);
}
.aiUnreadDivider .aiUnreadLabel {
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.6);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 9999px;
}

.aiChatsListItemContent {
  display: flex;
  gap: 4;
  align-items: center;
  margin-left: auto;
}
.aiChatsListItemContent .aiChatsListItemDate {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
}
.aiChatsListItemContent .aiFollowUpBubble {
  position: relative;
  padding-bottom: 12px;
}
.aiChatsListItemContent .aiActionIcon {
  width: 28px;
  height: 28px;
  color: #222;
  background: #E9EBF1;
  border-radius: 9999px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  transition: background 120ms ease, box-shadow 120ms ease, transform 60ms ease;
}
.aiChatsListItemContent .aiActionIcon:hover {
  background: #DEE1EA;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}
.aiChatsListItemContent .aiActionIcon:active {
  transform: translateY(0.5px);
}
.aiChatsListItemContent .aiActionIcon.aiActionIcon--discard {
  color: #111;
  background: #E0E0E5;
}
.aiChatsListItemContent .aiActionIcon.aiActionIcon--edit {
  color: #111;
  background: #E0E0E5;
}
.aiChatsListItemContent .aiActionIcon.is-green {
  color: #fff;
  background: #78B58C;
}
.aiChatsListItemContent .aiActionIcon.is-red {
  color: #fff;
  background: #9E3B49;
}
.aiChatsListItemContent .richTextEditorInnerContent {
  width: 100%;
}

.aiWidgetLoading {
  box-sizing: border-box;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 160px;
  padding: 16px;
}

.aiWidgetLoading__spinner {
  --ring-size: 34px;
  --ring-width: 3px;
  width: var(--ring-size);
  height: var(--ring-size);
  border: var(--ring-width) solid rgba(0, 0, 0, 0.15);
  border-top-color: currentColor;
  border-radius: 50%;
  animation: aiw-spin 700ms linear infinite;
}

.aiWidgetLoading__label {
  color: #202125;
  opacity: 0.9;
}

@media (prefers-reduced-motion: reduce) {
  .aiWidgetLoading__spinner {
    border-top-color: rgba(0, 0, 0, 0.45);
    animation: none;
  }
}
@keyframes aiw-spin {
  to {
    transform: rotate(360deg);
  }
}