/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
.mxo-widget-markdown {
  position: relative;
  overflow-x: auto;
  line-height: 1.4;
}
.mxo-widget-table:not(.multiline) .cells .mxo-widget-markdown {
  height: 24px;
}
.mxo-widget-table:not(.multiline) .cells .mxo-widget-markdown,
.mxo-widget-table:not(.multiline) .cells .mxo-widget-markdown * {
  margin: 0;
  line-height: inherit;
}
.mxo-widget-table:not(.multiline) .cells .mxo-widget-markdown,
.mxo-widget-table:not(.multiline) .cells .mxo-widget-markdown > * {
  /* don't trigger child elements like ::marker in lists */
  overflow: hidden;
  text-overflow: ellipsis;
}
.mxo-widget-table.multiline .mxo-widget-markdown {
  white-space: normal;
}
.mxo-widget-markdown a,
.mxo-widget-markdown a:link,
.mxo-widget-markdown a:visited {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  overflow: visible;
  font-weight: normal;
  font-size: 1em;
  text-overflow: clip;
  border: none;
  display: inline;
}
.mxo-widget-markdown a.external-link::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: no-repeat center center;
  background-size: 12px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M13.824%207.104c-0.397%200-0.701%200.304-0.701%200.701v5.143c0%200.912-0.725%201.636-1.636%201.636h-8.416c-0.912%200-1.636-0.725-1.636-1.636v-8.416c0-0.912%200.725-1.636%201.636-1.636h5.143c0.397%200%200.701-0.304%200.701-0.701s-0.304-0.701-0.701-0.701h-5.143c-1.683%200-3.039%201.356-3.039%203.039v8.416c0%201.683%201.356%203.039%203.039%203.039h8.416c1.683%200%203.039-1.356%203.039-3.039v-5.143c0-0.397-0.304-0.701-0.701-0.701z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M15.998%200.605c0-0.023%200-0.047-0.023-0.047%200-0.023-0.023-0.047-0.023-0.070s-0.023-0.047-0.047-0.070c0-0.023-0.023-0.047-0.023-0.047-0.047-0.070-0.117-0.14-0.187-0.187l-0.047-0.023c-0.047-0.070-0.093-0.093-0.14-0.093l-0.070-0.023c-0.047%200-0.094-0.023-0.14-0.023h-4.278c-0.397%200-0.701%200.304-0.701%200.701s0.304%200.701%200.701%200.701h2.595l-6.429%206.452c-0.28%200.281-0.28%200.725%200%200.982%200.281%200.281%200.725%200.281%200.982%200l6.452-6.429v2.595c0%200.397%200.304%200.701%200.701%200.701%200.374-0%200.678-0.327%200.701-0.701v-4.278c-0-0.047-0-0.094-0.023-0.14z%22%3E%3C/path%3E%3C/svg%3E");
  margin-left: 0.25em;
}
.mxo-widget-table .cells.selected .mxo-widget-markdown a.external-link::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: no-repeat center center;
  background-size: 12px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M13.824%207.104c-0.397%200-0.701%200.304-0.701%200.701v5.143c0%200.912-0.725%201.636-1.636%201.636h-8.416c-0.912%200-1.636-0.725-1.636-1.636v-8.416c0-0.912%200.725-1.636%201.636-1.636h5.143c0.397%200%200.701-0.304%200.701-0.701s-0.304-0.701-0.701-0.701h-5.143c-1.683%200-3.039%201.356-3.039%203.039v8.416c0%201.683%201.356%203.039%203.039%203.039h8.416c1.683%200%203.039-1.356%203.039-3.039v-5.143c0-0.397-0.304-0.701-0.701-0.701z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M15.998%200.605c0-0.023%200-0.047-0.023-0.047%200-0.023-0.023-0.047-0.023-0.070s-0.023-0.047-0.047-0.070c0-0.023-0.023-0.047-0.023-0.047-0.047-0.070-0.117-0.14-0.187-0.187l-0.047-0.023c-0.047-0.070-0.093-0.093-0.14-0.093l-0.070-0.023c-0.047%200-0.094-0.023-0.14-0.023h-4.278c-0.397%200-0.701%200.304-0.701%200.701s0.304%200.701%200.701%200.701h2.595l-6.429%206.452c-0.28%200.281-0.28%200.725%200%200.982%200.281%200.281%200.725%200.281%200.982%200l6.452-6.429v2.595c0%200.397%200.304%200.701%200.701%200.701%200.374-0%200.678-0.327%200.701-0.701v-4.278c-0-0.047-0-0.094-0.023-0.14z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-markdown a.external-link:hover::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: no-repeat center center;
  background-size: 12px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M13.824%207.104c-0.397%200-0.701%200.304-0.701%200.701v5.143c0%200.912-0.725%201.636-1.636%201.636h-8.416c-0.912%200-1.636-0.725-1.636-1.636v-8.416c0-0.912%200.725-1.636%201.636-1.636h5.143c0.397%200%200.701-0.304%200.701-0.701s-0.304-0.701-0.701-0.701h-5.143c-1.683%200-3.039%201.356-3.039%203.039v8.416c0%201.683%201.356%203.039%203.039%203.039h8.416c1.683%200%203.039-1.356%203.039-3.039v-5.143c0-0.397-0.304-0.701-0.701-0.701z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M15.998%200.605c0-0.023%200-0.047-0.023-0.047%200-0.023-0.023-0.047-0.023-0.070s-0.023-0.047-0.047-0.070c0-0.023-0.023-0.047-0.023-0.047-0.047-0.070-0.117-0.14-0.187-0.187l-0.047-0.023c-0.047-0.070-0.093-0.093-0.14-0.093l-0.070-0.023c-0.047%200-0.094-0.023-0.14-0.023h-4.278c-0.397%200-0.701%200.304-0.701%200.701s0.304%200.701%200.701%200.701h2.595l-6.429%206.452c-0.28%200.281-0.28%200.725%200%200.982%200.281%200.281%200.725%200.281%200.982%200l6.452-6.429v2.595c0%200.397%200.304%200.701%200.701%200.701%200.374-0%200.678-0.327%200.701-0.701v-4.278c-0-0.047-0-0.094-0.023-0.14z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-table .cells.selected .mxo-widget-markdown a.external-link:hover::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: no-repeat center center;
  background-size: 12px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M13.824%207.104c-0.397%200-0.701%200.304-0.701%200.701v5.143c0%200.912-0.725%201.636-1.636%201.636h-8.416c-0.912%200-1.636-0.725-1.636-1.636v-8.416c0-0.912%200.725-1.636%201.636-1.636h5.143c0.397%200%200.701-0.304%200.701-0.701s-0.304-0.701-0.701-0.701h-5.143c-1.683%200-3.039%201.356-3.039%203.039v8.416c0%201.683%201.356%203.039%203.039%203.039h8.416c1.683%200%203.039-1.356%203.039-3.039v-5.143c0-0.397-0.304-0.701-0.701-0.701z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M15.998%200.605c0-0.023%200-0.047-0.023-0.047%200-0.023-0.023-0.047-0.023-0.070s-0.023-0.047-0.047-0.070c0-0.023-0.023-0.047-0.023-0.047-0.047-0.070-0.117-0.14-0.187-0.187l-0.047-0.023c-0.047-0.070-0.093-0.093-0.14-0.093l-0.070-0.023c-0.047%200-0.094-0.023-0.14-0.023h-4.278c-0.397%200-0.701%200.304-0.701%200.701s0.304%200.701%200.701%200.701h2.595l-6.429%206.452c-0.28%200.281-0.28%200.725%200%200.982%200.281%200.281%200.725%200.281%200.982%200l6.452-6.429v2.595c0%200.397%200.304%200.701%200.701%200.701%200.374-0%200.678-0.327%200.701-0.701v-4.278c-0-0.047-0-0.094-0.023-0.14z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-markdown p,
.mxo-widget-markdown .field p {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  overflow: visible;
  font-weight: normal;
  font-size: 1em;
  text-overflow: clip;
  border: none;
  display: block;
  margin: 0 0 1em 0;
}
.mxo-widget-markdown p:last-child,
.mxo-widget-markdown .field p:last-child {
  margin-bottom: 0;
}
.mxo-widget-markdown ul,
.mxo-widget-markdown ol {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  overflow: visible;
  font-weight: normal;
  font-size: 1em;
  text-overflow: clip;
  border: none;
  margin: 1em 0;
  padding-left: 26px;
}
.mxo-widget-markdown ul li,
.mxo-widget-markdown ol li {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  overflow: visible;
  font-weight: normal;
  font-size: 1em;
  text-overflow: clip;
  border: none;
}
.mxo-widget-markdown ul:last-child,
.mxo-widget-markdown ol:last-child {
  margin-bottom: 0;
}
.mxo-widget-markdown ul {
  list-style: disc;
}
.mxo-widget-markdown ol.ordinal {
  counter-reset: item;
  list-style-type: none;
}
.mxo-widget-markdown ol.ordinal li {
  padding-left: 10px;
  counter-increment: item;
}
.mxo-widget-markdown ol.ordinal li::marker {
  content: counter(item, decimal) "\00BA.";
}
.mxo-widget-markdown table {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  overflow: visible;
  font-weight: normal;
  font-size: 1em;
  text-overflow: clip;
  border: none;
  border-collapse: collapse;
  margin: 0 0 1em 0;
}
.mxo-widget-markdown table:last-child {
  margin-bottom: 0;
}
.mxo-widget-markdown table tr,
.mxo-widget-markdown table td,
.mxo-widget-markdown table th,
.mxo-widget-markdown table tbody,
.mxo-widget-markdown table thead {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  overflow: visible;
  font-weight: normal;
  font-size: 1em;
  text-overflow: clip;
  border: none;
}
.mxo-widget-markdown table td,
.mxo-widget-markdown table th {
  border: 1px solid #dddddd;
  padding: 2px;
}
.mxo-widget-markdown table thead th {
  font-weight: bold;
}
.mxo-widget-markdown pre:last-child {
  margin-bottom: 0;
}
.mxo-widget-markdown-tooltip {
  width: 300px;
  padding: 12px 2px 12px 12px;
}
.mxo-widget-markdown-tooltip p.info {
  color: #6e6e66;
}
.mxo-widget-markdown-editor > .markdown-editor-explanation {
  text-align: right;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-markdown-editor-v2 {
  /* temporary fix to cover textarea when toolbar is sticky */
}
.mxo-widget-markdown-editor-v2::before {
  content: "";
  display: block;
  position: sticky;
  top: 0;
  width: 100%;
  height: 4px;
  margin-bottom: -4px;
  background: #fcfcfb;
  z-index: 1;
}
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: -1px;
  border: 1px solid #919187;
  border-radius: 4px 4px 0 0;
  padding: 4px;
  background: #f0f0eb;
  z-index: 2;
}
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar .markdown-editor-actions {
  display: flex;
}
.mxo-widget-markdown-editor-v2 .markdown-editor-preview {
  padding: 5px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* 	Needed for legacy fabric components:
	- content
*/
@font-face {
  font-family: "IBM Plex Sans";
  src: url(18b7029dfa6a14b16d20.woff2) format("woff2");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url(3992764c778b3d10d390.woff2) format("woff2");
  font-weight: 100 900;
  font-style: italic;
}
@font-face {
  font-family: "iA Writer Quattro";
  src: url(45c0869696c024909725.woff2) format("woff2");
  font-weight: 100 900;
  font-style: normal;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  font-variant-numeric: slashed-zero;
  font-size: 81.25%;
  letter-spacing: 0.0025em;
  color: #14140f;
  background: #f5f6f5;
}
input:active,
textarea:active,
input:focus,
textarea:focus {
  outline: none;
}
ol,
ul {
  padding-left: 15px;
  margin: 0 0 10px 0;
}
li {
  margin: 0 0 2px 0;
  line-height: 1.4;
  letter-spacing: 0.0025em;
}
p {
  margin: 0 0 10px 0;
  line-height: 1.4;
  letter-spacing: 0.0025em;
}
p:last-child {
  margin: 0;
}
ins {
  text-decoration: none;
  letter-spacing: 0.0025em;
  color: #33964f;
}
del {
  text-decoration: none;
  letter-spacing: 0.0025em;
  color: #e54a3b;
}
/* container */
#application_container {
  height: 100%;
}
#container,
.mxo-application {
  height: 100%;
  display: flex;
}
@supports (animation-timeline: none) {
  #container,
  .mxo-application {
    timeline-scope: --panestimeline;
  }
}
#container .mxo-main,
.mxo-application .mxo-main {
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  z-index: 1;
}
#container .mxo-main .mxo-content,
.mxo-application .mxo-main .mxo-content {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  overflow: auto;
  z-index: 1;
}
.mxo-customer-aware {
  width: inherit;
  height: inherit;
}
/* Disable animations in functional tests */
body.mxo-mode-functional-test * {
  scroll-behavior: auto !important;
  /* stylelint-disable-line declaration-no-important */
  transition: unset !important;
  /* stylelint-disable-line declaration-no-important */
}
body.mxo-mode-screenshot {
  /* Disable pointer-events (hovers etc.) in screenshots */
  /* fix to prevent false positives caused by unspecified width of scroll area */
}
body.mxo-mode-screenshot * {
  pointer-events: none !important;
  /* stylelint-disable-line declaration-no-important */
  /* Disable spelling decoration in screenshots */
}
body.mxo-mode-screenshot *::spelling-error {
  text-decoration: none !important;
  /* stylelint-disable-line declaration-no-important */
}
body.mxo-mode-screenshot .mxo-widget-pane-scroll,
body.mxo-mode-screenshot .mxo-widget-table.fixed .body {
  overflow-x: hidden;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* 	LEGACY shared with fabric components:
	- dictionary_table
	- dictionary_table_creator
	- dictionary_table_entry_edit_button
	- dictionary_table_entry_functional_id
	- list_table
	- list_table_entry_edit_button
	- toggle_button
	- file/upload_feedback_file
	- reference/selected/column_empty_state_button
	- reference/selected/column_unlink_button
	- table/entry_delete_button
	- table/table
*/
a.button {
  position: relative;
  /* stylelint-disable-next-line order/order */
}
a.button,
a.button:link,
a.button:visited {
  align-self: flex-start;
  display: inline-block;
  margin: 0;
  padding: 0 12px 0 12px;
  width: auto;
  height: 32px;
  min-height: 0;
  max-width: 100%;
  overflow: hidden;
  vertical-align: middle;
  box-sizing: border-box;
  font-weight: 500;
  text-decoration: none;
  line-height: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 4px;
  cursor: pointer;
  transition: 0.15s ease-in-out;
  transition-property: color, background;
}
a.button:has(.icon:first-child:not(.text-before-and-after)),
a.button:link:has(.icon:first-child:not(.text-before-and-after)),
a.button:visited:has(.icon:first-child:not(.text-before-and-after)) {
  padding-left: 8px;
}
a.button:has(.icon.notext):not(.button-expand-below):not(.button-expand-next):not(.button-more),
a.button:link:has(.icon.notext):not(.button-expand-below):not(.button-expand-next):not(.button-more),
a.button:visited:has(.icon.notext):not(.button-expand-below):not(.button-expand-next):not(.button-more),
a.button:has(.icon.text-before:last-child),
a.button:link:has(.icon.text-before:last-child),
a.button:visited:has(.icon.text-before:last-child) {
  padding-right: 8px;
}
.mxo-widget-copyable a.button,
.mxo-widget-copyable a.button:link,
.mxo-widget-copyable a.button:visited,
.mxo-header .header-nav a.button,
.mxo-header .header-nav a.button:link,
.mxo-header .header-nav a.button:visited,
.mxo-widget-diagram-node a.button,
.mxo-widget-diagram-node a.button:link,
.mxo-widget-diagram-node a.button:visited,
.mxo-widget-table:not(.spacious) .row .cells .cell a.button,
.mxo-widget-table:not(.spacious) .row .cells .cell a.button:link,
.mxo-widget-table:not(.spacious) .row .cells .cell a.button:visited,
.mxo-widget-legenda .legenda-item-label a.button,
.mxo-widget-legenda .legenda-item-label a.button:link,
.mxo-widget-legenda .legenda-item-label a.button:visited,
.mxo-widget-keyvalue .keyvalue-property-key a.button,
.mxo-widget-keyvalue .keyvalue-property-key a.button:link,
.mxo-widget-keyvalue .keyvalue-property-key a.button:visited,
.mxo-widget-panes2 .pane-heading-edit-button a.button,
.mxo-widget-panes2 .pane-heading-edit-button a.button:link,
.mxo-widget-panes2 .pane-heading-edit-button a.button:visited,
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar a.button,
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar a.button:link,
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar a.button:visited {
  height: 24px;
  line-height: 24px;
}
.mxo-widget-diagram-node a.button,
.mxo-widget-diagram-node a.button:link,
.mxo-widget-diagram-node a.button:visited,
.mxo-widget-table .row .cells .cell a.button,
.mxo-widget-table .row .cells .cell a.button:link,
.mxo-widget-table .row .cells .cell a.button:visited {
  vertical-align: top;
}
.mxo-widget-feedback a.button,
.mxo-widget-feedback a.button:link,
.mxo-widget-feedback a.button:visited {
  margin: 6px 0;
}
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 li a.button,
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 li a.button:link,
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 li a.button:visited {
  border-radius: 0;
}
.mxo-widget-segmented-control .options li a.button,
.mxo-widget-segmented-control .options li a.button:link,
.mxo-widget-segmented-control .options li a.button:visited {
  border-radius: 0;
  box-shadow: none;
}
.mxo-widget-segmented-control .options li:first-child a.button,
.mxo-widget-segmented-control .options li:first-child a.button:link,
.mxo-widget-segmented-control .options li:first-child a.button:visited {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mxo-widget-segmented-control .options li:last-child a.button,
.mxo-widget-segmented-control .options li:last-child a.button:link,
.mxo-widget-segmented-control .options li:last-child a.button:visited {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mxo-widget-segmented-control.wide .options li a.button,
.mxo-widget-segmented-control.wide .options li a.button:link,
.mxo-widget-segmented-control.wide .options li a.button:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 32px;
  width: auto;
}
.mxo-widget-toolbar-v2 a.button,
.mxo-widget-toolbar-v2 a.button:link,
.mxo-widget-toolbar-v2 a.button:visited {
  align-self: auto;
}
a.button:hover,
.styleguide-hover a.button {
  text-decoration: none;
  box-shadow: 0 0.5px 4px -1px rgba(20, 20, 15, 0.24), 0 4px 12px -4px rgba(20, 20, 15, 0.12), 0 8px 16px -8px rgba(20, 20, 15, 0.12);
}
a.button.active,
a.button:active,
.styleguide-active a.button {
  box-shadow: 0 0.5px 2px -1px rgba(20, 20, 15, 0.16), 0 4px 8px -4px rgba(20, 20, 15, 0.08), 0 8px 12px -8px rgba(20, 20, 15, 0.08);
}
a.button:focus,
a.button.active,
a.button:active,
.styleguide-focus a.button,
.styleguide-active a.button {
  outline: none;
}
a.button.disabled {
  cursor: default;
  box-shadow: none;
}
a.button,
a.button:link,
a.button:visited {
  color: #00575e;
  background: #f0f0eb;
  box-shadow: none;
}
a.button:hover,
a.button.active,
a.button:active,
.styleguide-hover a.button,
.styleguide-active a.button {
  color: #00575e;
  background: #e3e3de;
}
a.button:focus-visible,
.styleguide-focus a.button {
  color: #00575e;
  background: #f0f0eb;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
a.button:focus-visible::before,
.styleguide-focus a.button::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
a.button.disabled,
a.button.disabled:link,
a.button.disabled:visited {
  color: #b2b0ab;
  background: #f0f0eb;
}
a.button.disabled:focus-visible,
.styleguide-focus a.button.disabled {
  outline: none;
}
a.button.button-color-selected:not(.button-primary):not(.button-secondary),
a.button.button-color-selected:not(.button-primary):not(.button-secondary):link,
a.button.button-color-selected:not(.button-primary):not(.button-secondary):visited {
  color: #fcfcfb;
  background: #3d9c9c;
  box-shadow: none;
}
a.button.button-color-selected:not(.button-primary):not(.button-secondary):hover,
a.button.button-color-selected:not(.button-primary):not(.button-secondary).active,
a.button.button-color-selected:not(.button-primary):not(.button-secondary):active,
.styleguide-hover a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-active a.button.button-color-selected:not(.button-primary):not(.button-secondary) {
  color: #fcfcfb;
  background: #127578;
}
a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus a.button.button-color-selected:not(.button-primary):not(.button-secondary) {
  color: #fcfcfb;
  background: #3d9c9c;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus a.button.button-color-selected:not(.button-primary):not(.button-secondary)::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled,
a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:link,
a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #b2b0ab;
  background: #f0f0eb;
}
a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary) {
  cursor: default;
}
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary):link,
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary):visited {
  color: #fcfcfb;
  background: #3d9c9c;
  box-shadow: none;
}
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary):hover,
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary).active,
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary):active,
.styleguide-hover .mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-active .mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary) {
  color: #fcfcfb;
  background: #3d9c9c;
}
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus .mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary) {
  color: #fcfcfb;
  background: #3d9c9c;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary)::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled,
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:link,
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #b2b0ab;
  background: #f0f0eb;
}
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus .mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
a.button.button-primary,
a.button.button-primary:link,
a.button.button-primary:visited {
  color: #ffffff;
  background: #127578;
  box-shadow: none;
}
a.button.button-primary:hover,
a.button.button-primary.active,
a.button.button-primary:active,
.styleguide-hover a.button.button-primary,
.styleguide-active a.button.button-primary {
  color: #ffffff;
  background: #00575e;
}
a.button.button-primary:focus-visible,
.styleguide-focus a.button.button-primary {
  color: #ffffff;
  background: #127578;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
a.button.button-primary:focus-visible::before,
.styleguide-focus a.button.button-primary::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
a.button.button-primary.disabled,
a.button.button-primary.disabled:link,
a.button.button-primary.disabled:visited {
  color: #ffffff;
  background: #e3e3de;
}
a.button.button-primary.disabled:focus-visible,
.styleguide-focus a.button.button-primary.disabled {
  outline: none;
}
a.button.button-secondary,
a.button.button-secondary:link,
a.button.button-secondary:visited {
  color: #00575e;
  background: transparent;
  box-shadow: none;
}
a.button.button-secondary:hover,
a.button.button-secondary.active,
a.button.button-secondary:active,
.styleguide-hover a.button.button-secondary,
.styleguide-active a.button.button-secondary {
  color: #00575e;
  background: #e3e3de;
}
a.button.button-secondary:focus-visible,
.styleguide-focus a.button.button-secondary {
  color: #00575e;
  background: transparent;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
a.button.button-secondary:focus-visible::before,
.styleguide-focus a.button.button-secondary::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
a.button.button-secondary.disabled,
a.button.button-secondary.disabled:link,
a.button.button-secondary.disabled:visited {
  color: #b2b0ab;
  background: transparent;
}
a.button.button-secondary.disabled:focus-visible,
.styleguide-focus a.button.button-secondary.disabled {
  outline: none;
}
a.button.button-color-positive:not(.button-primary):not(.button-secondary),
a.button.button-color-positive:not(.button-primary):not(.button-secondary):link,
a.button.button-color-positive:not(.button-primary):not(.button-secondary):visited {
  color: #ffffff;
  background: #2e7840;
  box-shadow: none;
}
a.button.button-color-positive:not(.button-primary):not(.button-secondary):hover,
a.button.button-color-positive:not(.button-primary):not(.button-secondary).active,
a.button.button-color-positive:not(.button-primary):not(.button-secondary):active,
.styleguide-hover a.button.button-color-positive:not(.button-primary):not(.button-secondary),
.styleguide-active a.button.button-color-positive:not(.button-primary):not(.button-secondary) {
  color: #ffffff;
  background: #1c6630;
}
a.button.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus a.button.button-color-positive:not(.button-primary):not(.button-secondary) {
  color: #ffffff;
  background: #2e7840;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
a.button.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus a.button.button-color-positive:not(.button-primary):not(.button-secondary)::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled,
a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled:link,
a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #ffffff;
  background: #c9cfca;
}
a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
a.button.button-color-negative:not(.button-primary):not(.button-secondary),
a.button.button-color-negative:not(.button-primary):not(.button-secondary):link,
a.button.button-color-negative:not(.button-primary):not(.button-secondary):visited {
  color: #ffffff;
  background: #c90014;
  box-shadow: none;
}
a.button.button-color-negative:not(.button-primary):not(.button-secondary):hover,
a.button.button-color-negative:not(.button-primary):not(.button-secondary).active,
a.button.button-color-negative:not(.button-primary):not(.button-secondary):active,
.styleguide-hover a.button.button-color-negative:not(.button-primary):not(.button-secondary),
.styleguide-active a.button.button-color-negative:not(.button-primary):not(.button-secondary) {
  color: #ffffff;
  background: #b20012;
}
a.button.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus a.button.button-color-negative:not(.button-primary):not(.button-secondary) {
  color: #ffffff;
  background: #c90014;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
a.button.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus a.button.button-color-negative:not(.button-primary):not(.button-secondary)::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled,
a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled:link,
a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #ffffff;
  background: #d2cac8;
}
a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
a.button.button-color-new:not(.button-primary):not(.button-secondary),
a.button.button-color-new:not(.button-primary):not(.button-secondary):link,
a.button.button-color-new:not(.button-primary):not(.button-secondary):visited {
  color: #ffffff;
  background: #0063ba;
  box-shadow: none;
}
a.button.button-color-new:not(.button-primary):not(.button-secondary):hover,
a.button.button-color-new:not(.button-primary):not(.button-secondary).active,
a.button.button-color-new:not(.button-primary):not(.button-secondary):active,
.styleguide-hover a.button.button-color-new:not(.button-primary):not(.button-secondary),
.styleguide-active a.button.button-color-new:not(.button-primary):not(.button-secondary) {
  color: #ffffff;
  background: #0057a3;
}
a.button.button-color-new:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus a.button.button-color-new:not(.button-primary):not(.button-secondary) {
  color: #ffffff;
  background: #0063ba;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
a.button.button-color-new:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus a.button.button-color-new:not(.button-primary):not(.button-secondary)::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled,
a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled:link,
a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #ffffff;
  background: #c7cad0;
}
a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
a.button.button-color-warning:not(.button-primary):not(.button-secondary),
a.button.button-color-warning:not(.button-primary):not(.button-secondary):link,
a.button.button-color-warning:not(.button-primary):not(.button-secondary):visited {
  color: #ffffff;
  background: #997303;
  box-shadow: none;
}
a.button.button-color-warning:not(.button-primary):not(.button-secondary):hover,
a.button.button-color-warning:not(.button-primary):not(.button-secondary).active,
a.button.button-color-warning:not(.button-primary):not(.button-secondary):active,
.styleguide-hover a.button.button-color-warning:not(.button-primary):not(.button-secondary),
.styleguide-active a.button.button-color-warning:not(.button-primary):not(.button-secondary) {
  color: #ffffff;
  background: #7a5700;
}
a.button.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus a.button.button-color-warning:not(.button-primary):not(.button-secondary) {
  color: #ffffff;
  background: #997303;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
a.button.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus a.button.button-color-warning:not(.button-primary):not(.button-secondary)::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled,
a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled:link,
a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #ffffff;
  background: #d4d0ca;
}
a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more),
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):visited {
  color: #ffffff;
  background: transparent;
  box-shadow: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):hover,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).active,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):active,
.styleguide-hover .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more),
.styleguide-active .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more) {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):focus-visible,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more) {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):focus-visible::before,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more)::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).disabled,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).disabled:link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).disabled:visited {
  color: #b5c7c4;
  background: transparent;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).disabled:focus-visible,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).disabled {
  outline: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more),
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):visited {
  height: 36px;
  line-height: 36px;
  box-shadow: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:visited {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
  box-shadow: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected.active,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:active,
.styleguide-hover .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected,
.styleguide-active .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:focus-visible,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:focus-visible::before,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected.disabled,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected.disabled:link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected.disabled:visited {
  color: #b5c7c4;
  background: rgba(0, 0, 0, 0.4);
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected.disabled:focus-visible,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected.disabled {
  outline: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:visited {
  box-shadow: none;
}
@media screen and (max-width: 1200px) {
  .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more) {
    overflow: hidden;
    width: 32px;
    white-space: nowrap;
    text-overflow: clip;
  }
}
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more),
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):link,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):visited {
  color: #ffffff;
  background: transparent;
  box-shadow: none;
}
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):hover,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more).active,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):active,
.styleguide-hover .mxo-widget-lightbox .lightbox-header a.button:not(.button-more),
.styleguide-active .mxo-widget-lightbox .lightbox-header a.button:not(.button-more) {
  color: #ffffff;
  background: transparent;
}
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):focus-visible,
.styleguide-focus .mxo-widget-lightbox .lightbox-header a.button:not(.button-more) {
  color: #ffffff;
  background: transparent;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):focus-visible::before,
.styleguide-focus .mxo-widget-lightbox .lightbox-header a.button:not(.button-more)::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more).disabled,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more).disabled:link,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more).disabled:visited {
  color: #b5c7c4;
  background: transparent;
}
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more).disabled:focus-visible,
.styleguide-focus .mxo-widget-lightbox .lightbox-header a.button:not(.button-more).disabled {
  outline: none;
}
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more),
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):link,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):visited {
  height: 36px;
  line-height: 36px;
  box-shadow: none;
  opacity: 0.75;
}
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):hover {
  opacity: 1;
}
a.button.notext {
  overflow: hidden;
  width: 32px;
  white-space: nowrap;
  text-overflow: clip;
}
.mxo-widget-diagram-node a.button.notext,
.mxo-widget-table .row .cells .cell a.button.notext,
.mxo-widget-diagram-node a.button.notext:link,
.mxo-widget-table .row .cells .cell a.button.notext:link,
.mxo-widget-diagram-node a.button.notext:visited,
.mxo-widget-table .row .cells .cell a.button.notext:visited {
  color: #00575e;
  background: transparent;
  box-shadow: none;
}
.mxo-widget-diagram-node a.button.notext:hover,
.mxo-widget-table .row .cells .cell a.button.notext:hover,
.mxo-widget-diagram-node a.button.notext.active,
.mxo-widget-table .row .cells .cell a.button.notext.active,
.mxo-widget-diagram-node a.button.notext:active,
.mxo-widget-table .row .cells .cell a.button.notext:active,
.styleguide-hover .mxo-widget-diagram-node a.button.notext,
.styleguide-hover .mxo-widget-table .row .cells .cell a.button.notext,
.styleguide-active .mxo-widget-diagram-node a.button.notext,
.styleguide-active .mxo-widget-table .row .cells .cell a.button.notext {
  color: #00575e;
  background: #e3e3de;
}
.mxo-widget-diagram-node a.button.notext:focus-visible,
.mxo-widget-table .row .cells .cell a.button.notext:focus-visible,
.styleguide-focus .mxo-widget-diagram-node a.button.notext,
.styleguide-focus .mxo-widget-table .row .cells .cell a.button.notext {
  color: #00575e;
  background: transparent;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-diagram-node a.button.notext:focus-visible::before,
.mxo-widget-table .row .cells .cell a.button.notext:focus-visible::before,
.styleguide-focus .mxo-widget-diagram-node a.button.notext::before,
.styleguide-focus .mxo-widget-table .row .cells .cell a.button.notext::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
.mxo-widget-diagram-node a.button.notext.disabled,
.mxo-widget-table .row .cells .cell a.button.notext.disabled,
.mxo-widget-diagram-node a.button.notext.disabled:link,
.mxo-widget-table .row .cells .cell a.button.notext.disabled:link,
.mxo-widget-diagram-node a.button.notext.disabled:visited,
.mxo-widget-table .row .cells .cell a.button.notext.disabled:visited {
  color: #b2b0ab;
  background: transparent;
}
.mxo-widget-diagram-node a.button.notext.disabled:focus-visible,
.mxo-widget-table .row .cells .cell a.button.notext.disabled:focus-visible,
.styleguide-focus .mxo-widget-diagram-node a.button.notext.disabled,
.styleguide-focus .mxo-widget-table .row .cells .cell a.button.notext.disabled {
  outline: none;
}
.mxo-widget-table .row .cells .cell a.button.notext,
.mxo-widget-table .row .cells .cell a.button.notext:link,
.mxo-widget-table .row .cells .cell a.button.notext:visited,
.mxo-widget-table .row .cells .cell a.button.notext:hover,
.mxo-widget-table .row .cells .cell a.button.notext.disabled:hover,
.styleguide-hover .mxo-widget-table .row .cells .cell a.button.notext {
  padding: 0 6px 0 6px;
  width: 28px;
  text-overflow: clip;
  /* override for <a> in first cell */
}
.mxo-widget-segmented-control .options a.button.notext {
  font-size: 0;
}
a.button.button-more {
  /* stylelint-disable-next-line order/order */
}
a.button.button-more,
a.button.button-more:link,
a.button.button-more:visited {
  position: relative;
  padding-right: 28px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header a.button.button-more,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button.button-more:link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button.button-more:visited {
  width: 100%;
}
a.button.button-more::after {
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 16px;
  content: " ";
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
  border: 0 none;
}
a.button.button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.notext,
a.button.button-more.notext:link,
a.button.button-more.notext:visited,
.mxo-widget-table .row .cells .cell a.button.button-more.notext,
.mxo-widget-table .row .cells .cell a.button.button-more.notext:link,
.mxo-widget-table .row .cells .cell a.button.button-more.notext:visited {
  padding-right: 16px;
  width: 52px;
}
.mxo-widget-table .row .cells .cell a.button.button-more.notext,
.mxo-widget-table .row .cells .cell a.button.button-more.notext:link,
.mxo-widget-table .row .cells .cell a.button.button-more.notext:visited {
  background: #f0f0eb;
  opacity: 1;
}
.mxo-widget-table .head .row .cells .cell.cell-highlight a.button.button-more.notext,
.mxo-widget-table .head .row .cells .cell.cell-highlight a.button.button-more.notext:link,
.mxo-widget-table .head .row .cells .cell.cell-highlight a.button.button-more.notext:visited {
  background-color: #ffffff;
}
.mxo-widget-table .row .cells .cell a.button.button-more.notext:hover,
.mxo-widget-table .head .row .cells .cell.cell-highlight a.button.button-more.notext:hover,
.styleguide-hover .mxo-widget-table .row .cells .cell a.button.button-more.notext,
.styleguide-hover .mxo-widget-table .head .row .cells .cell.cell-highlight a.button.button-more.notext {
  background: #e3e3de;
}
a.button.button-more.notext.select-all,
a.button.button-more.notext.select-all:link,
a.button.button-more.notext.select-all:visited,
.mxo-widget-table .head .row .cells .cell a.button.button-more.notext.select-all,
.mxo-widget-table .head .row .cells .cell a.button.button-more.notext.select-all:link,
.mxo-widget-table .head .row .cells .cell a.button.button-more.notext.select-all:visited {
  margin-right: 5px;
  padding: 0 16px 0 0;
  width: 40px;
}
a.button.button-more.button-color-selected:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-color-selected:not(.button-primary):not(.button-secondary).disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-primary::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-primary.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-secondary::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-secondary.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-color-positive:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-color-positive:not(.button-primary):not(.button-secondary).disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-color-negative:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-color-negative:not(.button-primary):not(.button-secondary).disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-color-new:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-color-new:not(.button-primary):not(.button-secondary).disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-color-warning:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-more.button-color-warning:not(.button-primary):not(.button-secondary).disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below,
a.button.button-expand-next,
a.button.button-expand-below:link,
a.button.button-expand-next:link,
a.button.button-expand-below:visited,
a.button.button-expand-next:visited {
  position: relative;
  padding-right: 28px;
}
a.button.button-expand-below::after,
a.button.button-expand-next::after {
  position: absolute;
  top: 8px;
  right: 8px;
}
a.button.button-expand-below.notext,
a.button.button-expand-next.notext {
  width: 52px;
}
a.button.button-expand-below::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-selected:not(.button-primary):not(.button-secondary)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-selected:not(.button-primary):not(.button-secondary).disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-primary::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-primary.disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-secondary::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-secondary.disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-positive:not(.button-primary):not(.button-secondary)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-positive:not(.button-primary):not(.button-secondary).disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-negative:not(.button-primary):not(.button-secondary)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-negative:not(.button-primary):not(.button-secondary).disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-new:not(.button-primary):not(.button-secondary)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-new:not(.button-primary):not(.button-secondary).disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-warning:not(.button-primary):not(.button-secondary)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-warning:not(.button-primary):not(.button-secondary).disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-below.button-color-selected::after {
  transform: scaleY(-1);
}
a.button.button-expand-next::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-selected:not(.button-primary):not(.button-secondary)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-selected:not(.button-primary):not(.button-secondary).disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-primary::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-primary.disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-secondary::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-secondary.disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-positive:not(.button-primary):not(.button-secondary)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-positive:not(.button-primary):not(.button-secondary).disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-negative:not(.button-primary):not(.button-secondary)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-negative:not(.button-primary):not(.button-secondary).disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-new:not(.button-primary):not(.button-secondary)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-new:not(.button-primary):not(.button-secondary).disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-warning:not(.button-primary):not(.button-secondary)::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-warning:not(.button-primary):not(.button-secondary).disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
a.button.button-expand-next.button-color-selected::after {
  transform: scaleX(-1);
}
a.button.button-parent {
  /* divider */
  /* divider + control */
  /* .create-button-parent (@background, @background-hover, @background-focus, @background-disabled, @border, @color-control, @color-control-disabled) */
  /* stylelint-disable-next-line order/order */
}
a.button.button-parent,
a.button.button-parent:link,
a.button.button-parent:visited {
  position: relative;
  overflow: visible;
  z-index: 1;
}
a.button.button-parent::after {
  position: absolute;
  right: -7px;
  top: 0;
  display: inline-block;
  width: 7px;
  height: 32px;
  content: " ";
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 24px;
  transition: background 0.15s ease-in-out;
}
a.button.button-parent.button-more::after {
  top: 0;
  right: -7px;
  width: 23px;
  background-position: 0 50%, 100% 50%;
  background-size: 16px, 24px;
  border-left: 0 none;
}
a.button.button-parent:focus-visible::before,
.styleguide-focus a.button.button-parent::before {
  border-right: 0 none;
}
a.button.button-parent::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23f0f0eb%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent:hover::after,
a.button.button-parent.active::after,
a.button.button-parent:active::after,
.styleguide-hover a.button.button-parent::after,
.styleguide-active a.button.button-parent::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e3e3de%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent:focus-visible::after,
.styleguide-focus a.button.button-parent::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23f0f0eb%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.disabled::after,
a.button.button-parent.disabled:hover::after,
.styleguide-hover a.button.button-parent.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23f0f0eb%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23f0f0eb%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-more:hover::after,
a.button.button-parent.button-more.active::after,
a.button.button-parent.button-more:active::after,
.styleguide-hover a.button.button-parent.button-more::after,
.styleguide-active a.button.button-parent.button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e3e3de%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-more:focus-visible::after,
.styleguide-focus a.button.button-parent.button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23f0f0eb%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-more.disabled::after,
a.button.button-parent.button-more.disabled:hover::after,
.styleguide-hover a.button.button-parent.button-more.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23f0f0eb%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-primary:focus-visible::before,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus a.button.button-parent.button-primary::before,
.styleguide-focus a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::before {
  border-right: 0 none;
}
a.button.button-parent.button-primary::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-primary:hover::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):hover::after,
a.button.button-parent.button-primary.active::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).active::after,
a.button.button-parent.button-primary:active::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):active::after,
.styleguide-hover a.button.button-parent.button-primary::after,
.styleguide-hover a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::after,
.styleguide-active a.button.button-parent.button-primary::after,
.styleguide-active a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-primary:focus-visible::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible::after,
.styleguide-focus a.button.button-parent.button-primary::after,
.styleguide-focus a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-primary.disabled::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).disabled::after,
a.button.button-parent.button-primary.disabled:hover::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).disabled:hover::after,
.styleguide-hover a.button.button-parent.button-primary.disabled::after,
.styleguide-hover a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e3e3de%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-primary.button-more::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-primary.button-more:hover::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more:hover::after,
a.button.button-parent.button-primary.button-more.active::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more.active::after,
a.button.button-parent.button-primary.button-more:active::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more:active::after,
.styleguide-hover a.button.button-parent.button-primary.button-more::after,
.styleguide-hover a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-active a.button.button-parent.button-primary.button-more::after,
.styleguide-active a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-primary.button-more:focus-visible::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
.styleguide-focus a.button.button-parent.button-primary.button-more::after,
.styleguide-focus a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-primary.button-more.disabled::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more.disabled::after,
a.button.button-parent.button-primary.button-more.disabled:hover::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
.styleguide-hover a.button.button-parent.button-primary.button-more.disabled::after,
.styleguide-hover a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e3e3de%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-secondary:focus-visible::before,
.styleguide-focus a.button.button-parent.button-secondary::before {
  border-right: 0 none;
}
a.button.button-parent.button-secondary::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-secondary:hover::after,
a.button.button-parent.button-secondary.active::after,
a.button.button-parent.button-secondary:active::after,
.styleguide-hover a.button.button-parent.button-secondary::after,
.styleguide-active a.button.button-parent.button-secondary::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-secondary:focus-visible::after,
.styleguide-focus a.button.button-parent.button-secondary::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-secondary.disabled::after,
a.button.button-parent.button-secondary.disabled:hover::after,
.styleguide-hover a.button.button-parent.button-secondary.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-secondary.button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-secondary.button-more:hover::after,
a.button.button-parent.button-secondary.button-more.active::after,
a.button.button-parent.button-secondary.button-more:active::after,
.styleguide-hover a.button.button-parent.button-secondary.button-more::after,
.styleguide-active a.button.button-parent.button-secondary.button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-secondary.button-more:focus-visible::after,
.styleguide-focus a.button.button-parent.button-secondary.button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-secondary.button-more.disabled::after,
a.button.button-parent.button-secondary.button-more.disabled:hover::after,
.styleguide-hover a.button.button-parent.button-secondary.button-more.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23e5e5e5%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::before {
  border-right: 0 none;
}
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23c90014%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary):hover::after,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).active::after,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary):active::after,
.styleguide-hover a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::after,
.styleguide-active a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23b20012%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible::after,
.styleguide-focus a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23c90014%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).disabled::after,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).disabled:hover::after,
.styleguide-hover a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23d2cac8%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23c90014%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more:hover::after,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more.active::after,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more:active::after,
.styleguide-hover a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-active a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23b20012%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
.styleguide-focus a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23c90014%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more.disabled::after,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
.styleguide-hover a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23d2cac8%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::before {
  border-right: 0 none;
}
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%233d9c9c%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary):hover::after,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).active::after,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary):active::after,
.styleguide-hover a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::after,
.styleguide-active a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::after,
.styleguide-focus a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%233d9c9c%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).disabled::after,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).disabled:hover::after,
.styleguide-hover a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23f0f0eb%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%233d9c9c%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more:hover::after,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more.active::after,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more:active::after,
.styleguide-hover a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-active a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
.styleguide-focus a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%233d9c9c%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more.disabled::after,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
.styleguide-hover a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23f0f0eb%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::before {
  border-right: 0 none;
}
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%230063ba%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary):hover::after,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).active::after,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary):active::after,
.styleguide-hover a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::after,
.styleguide-active a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%230057a3%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary):focus-visible::after,
.styleguide-focus a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%230063ba%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).disabled::after,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).disabled:hover::after,
.styleguide-hover a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23c7cad0%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%230063ba%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more:hover::after,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more.active::after,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more:active::after,
.styleguide-hover a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-active a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%230057a3%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
.styleguide-focus a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%230063ba%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more.disabled::after,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
.styleguide-hover a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23c7cad0%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::before {
  border-right: 0 none;
}
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23997303%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary):hover::after,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).active::after,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary):active::after,
.styleguide-hover a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::after,
.styleguide-active a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%237a5700%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible::after,
.styleguide-focus a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23997303%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).disabled::after,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).disabled:hover::after,
.styleguide-hover a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23d4d0ca%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23997303%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more:hover::after,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more.active::after,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more:active::after,
.styleguide-hover a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-active a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%237a5700%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
.styleguide-focus a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23997303%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more.disabled::after,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
.styleguide-hover a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more.disabled::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23d4d0ca%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C/path%3E%3C/svg%3E");
}
a.button.button-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
a.button.button-child.button-more,
a.button.button-child.button-more:link,
a.button.button-child.button-more:visited {
  padding: 0 31px 0 18px;
}
a.button input[type="file"] {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 460px;
  opacity: 0;
  cursor: pointer;
}
/* pane-back */
.sidebar-header a.button.icon-close.notext {
  padding: 3px 0;
  width: 21px;
  background: none;
  box-shadow: none;
}
.sidebar-header a.button.icon-close.notext::before {
  margin-left: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
time {
  /* 'blackout' dates and times (with fixed width) for screenshots during functional tests */
}
body.mxo-mode-functional-test.mxo-mode-screenshot time {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot time > *,
body.mxo-mode-functional-test.mxo-mode-screenshot time::after,
body.mxo-mode-functional-test.mxo-mode-screenshot time::before {
  visibility: hidden;
}
body.mxo-mode-functional-test.mxo-mode-screenshot time {
  display: inline-block;
  width: 17ch;
  /* a realistic width for a full date (date month year) to not mess up the layout eg. 13 september 2022 */
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* 	Needed for legacy fabric components:
	- 404
*/
.mxo-widget-error-404,
.mxo-widget-error-500 {
  margin: 0 auto;
  padding-top: 72px;
  max-width: 600px;
  text-align: left;
  color: #14140f;
}
.mxo-widget-error-404 .error-heading,
.mxo-widget-error-500 .error-heading {
  margin: 0;
  padding: 0 0 18px 0;
}
.mxo-widget-error-404 .error-content,
.mxo-widget-error-500 .error-content {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.mxo-widget-error-404 .error-content::after,
.mxo-widget-error-500 .error-content::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  overflow: hidden;
  background: #cccccc;
}
.mxo-widget-error-404 .error-content .error-reason,
.mxo-widget-error-500 .error-content .error-reason,
.mxo-widget-error-404 .error-content .error-action,
.mxo-widget-error-500 .error-content .error-action {
  width: 45%;
}
.mxo-widget-error-404 p,
.mxo-widget-error-500 p {
  margin: 0;
  padding: 0 0 16px 0;
  font-size: 1.1em;
  line-height: 1.4em;
}
.mxo-widget-error-404 ul,
.mxo-widget-error-500 ul {
  margin: 0;
  padding: 0 0 0 6px;
  list-style: none;
}
.mxo-widget-error-404 ul li,
.mxo-widget-error-500 ul li {
  position: relative;
  margin: 0;
  padding: 0 0 13px 12px;
  font-size: 1.1em;
  line-height: 1.4em;
}
.mxo-widget-error-404 ul li::before,
.mxo-widget-error-500 ul li::before {
  content: "";
  display: block;
  position: absolute;
  right: 100%;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background: #6c8f89;
}

@charset "utf-8";
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
.mxo-widget-feedback {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  gap: 0;
  overflow: hidden;
  color: #14140f;
  background: #fcfcfb;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
}
.mxo-widget-feedback > h1,
.mxo-widget-feedback > h2,
.mxo-widget-feedback > h3,
.mxo-widget-feedback > h4,
.mxo-widget-feedback > h5,
.mxo-widget-feedback > h6 {
  margin-bottom: -10px;
}
.mxo-widget-feedback > p,
.mxo-widget-feedback > ul {
  margin: 0;
}
.mxo-widget-feedback-container .mxo-widget-feedback {
  margin: 0;
  border: 0 none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.75);
}
.mxo-widget-feedback .item {
  padding: 8px 12px;
  border-top: 1px solid #e0e0e0;
}
.mxo-widget-feedback .item:first-child {
  border-top: 0 none;
}
.mxo-widget-feedback .item a:not(.button),
.mxo-widget-feedback .item a:not(.button):link,
.mxo-widget-feedback .item a:not(.button):visited {
  color: #14140f;
  font-weight: bold;
}
.mxo-widget-feedback .item a:not(.button):hover {
  color: #00575e;
}
.mxo-widget-feedback .item .close {
  position: relative;
  right: -5px;
  float: right;
  display: block;
  padding: 0 6px;
  width: 10px;
  height: 20px;
  overflow: hidden;
  opacity: 0.75;
  cursor: pointer;
}
.mxo-widget-feedback .item .close:hover {
  opacity: 1;
}
.mxo-widget-feedback .item .close::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  background: no-repeat center center;
  background-size: 8px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M14.364%200.222l-6.364%206.364-6.364-6.364-1.414%201.414%206.364%206.364-6.364%206.364%201.414%201.414%206.364-6.364%206.364%206.364%201.414-1.414-6.364-6.364%206.364-6.364z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-feedback .item.feedback-color-new {
  background-color: #f5f7ff;
}
.mxo-widget-feedback .item.feedback-color-negative {
  background-color: #fff0ed;
}
.mxo-widget-feedback .item.feedback-color-positive {
  background-color: #f0fcf0;
}
.mxo-widget-feedback .item.feedback-color-warning {
  background-color: #fff7f0;
}
.mxo-widget-feedback-container {
  position: fixed;
  left: 50%;
  top: 0;
  width: 450px;
  margin: 0 auto 0 -225px;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-feedback-container {
  visibility: hidden;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
.file-icon {
  height: 14px;
  line-height: normal;
}
.file-icon svg {
  width: 14px;
  height: 14px;
}
.file-icon svg {
  position: relative;
  top: 2px;
  margin-right: 4px;
  /* OpenLayers */
}
.mxo-widget-expandable .expandable-heading .file-icon svg {
  margin-right: 6px;
}
.ol-control button .file-icon svg {
  margin: 0;
  position: static;
  /* reset position relative */
  vertical-align: middle;
}
.button.notext .file-icon svg {
  margin-left: 0;
  margin-right: 100px;
}
.mxo-widget-segmented-control .button.notext .file-icon svg {
  margin-right: 0;
}
.button.button-more.notext .file-icon svg {
  margin-left: 0;
  margin-right: 100px;
}
.button.button-expand-below.notext .file-icon svg {
  margin-left: 0;
  margin-right: 100px;
}
@media screen and (max-width: 1200px) {
  .mxo-widget-pdf-viewer .pdf-viewer-header .button:not(.button-more) .file-icon svg {
    margin-left: 0;
    margin-right: 100px;
  }
}
.file-icon.notext svg {
  margin-right: 0;
}
.file-icon.text-before svg {
  margin-left: 4px;
  margin-right: 0;
}
.file-icon.text-before-and-after svg {
  margin-left: 12px;
}
.file-icon svg {
  /* SIZE */
  transform: scale(1.1666666);
  /* temporary fix to enlarge image but prevent extra spacing (https://moxio.atlassian.net/browse/PINK-31) */
  /* COLOURS */
  /* archived */
}
.button .file-icon svg {
  height: 16px;
  position: relative;
  top: -1px;
  transform: scale(1);
  /* temporary fix to reset enlarged image but prevent extra spacing (https://moxio.atlassian.net/browse/PINK-31) */
}
.button .file-icon svg svg {
  width: 16px;
  height: 16px;
}
a:not(.button):hover .file-icon svg,
.styleguide-hover a .file-icon svg {
  filter: brightness(0.6);
}
.file-icon-color-archived.file-icon svg {
  filter: grayscale(1);
}
a:not(.button):hover .file-icon-color-archived.file-icon svg,
.styleguide-hover a .file-icon-color-archived.file-icon svg {
  filter: grayscale(1) brightness(0.6);
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
.mxo-header {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
  height: 40px;
  padding: 8px 10px;
  box-sizing: border-box;
  overflow: hidden;
  color: #14140f;
  background: #f5f6f5;
  z-index: 2;
}
.highlight-development .mxo-header::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: repeating-linear-gradient(120deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 14px, transparent 15px, transparent 29px, rgba(0, 0, 0, 0.05) 30px);
}
body.mxo-mode-functional-test.mxo-mode-screenshot .highlight-development .mxo-header::before {
  visibility: hidden;
}
.mxo-header.highlight-test::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.05) 50%, transparent 51%);
}
.mxo-header .header-name {
  font-family: "iA Writer Quattro", Arial, Helvetica, sans-serif;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 16px;
  min-width: 0;
  font-size: 19px;
  font-weight: 500;
}
.mxo-header .header-name .app-name,
.mxo-header .header-name .installation-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mxo-header .header-name .app-name {
  flex: 0 0 auto;
  color: #127578;
}
.mxo-header .header-name .installation-name {
  color: #051f27;
}
.mxo-header .header-name .name {
  flex: 1 1 auto;
  overflow: hidden;
  font-size: 17px;
  font-style: italic;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #6c8f89;
}
.mxo-header .header-nav {
  display: flex;
  flex: 0 0 auto;
}
.mxo-header .header-nav ul {
  display: flex;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mxo-header .header-nav ul li {
  display: flex;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
}
.mxo-header .header-nav ul li .number {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: calc(50% + 8px);
  top: 4px;
  margin: 0;
  padding: 0 3px;
  height: 16px;
  min-width: 16px;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 0.9em;
  text-align: center;
  line-height: 16px;
  color: #ffffff;
  background: #e54a3b;
  border-radius: 8px;
  outline: 2px solid #f5f6f5;
  transform: translate(-50%, -50%);
  z-index: 1;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-header .header-nav ul li .number {
  visibility: hidden;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "iA Writer Quattro", Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 2px 0 4px 0;
  flex: 0 0 auto;
  color: #14140f;
}
h1.inverse,
h2.inverse,
h3.inverse,
h4.inverse,
h5.inverse,
h6.inverse {
  color: #fbfbfa;
}
.mxo-nav h1,
.mxo-nav h2,
.mxo-nav h3,
.mxo-nav h4,
.mxo-nav h5,
.mxo-nav h6,
.mxo-widget-legenda h1,
.mxo-widget-legenda h2,
.mxo-widget-legenda h3,
.mxo-widget-legenda h4,
.mxo-widget-legenda h5,
.mxo-widget-legenda h6,
.mxo-widget-emptystate h1,
.mxo-widget-emptystate h2,
.mxo-widget-emptystate h3,
.mxo-widget-emptystate h4,
.mxo-widget-emptystate h5,
.mxo-widget-emptystate h6,
.mxo-widget-toolbar-v2 h1,
.mxo-widget-toolbar-v2 h2,
.mxo-widget-toolbar-v2 h3,
.mxo-widget-toolbar-v2 h4,
.mxo-widget-toolbar-v2 h5,
.mxo-widget-toolbar-v2 h6,
.mxo-widget-context-list h1,
.mxo-widget-context-list h2,
.mxo-widget-context-list h3,
.mxo-widget-context-list h4,
.mxo-widget-context-list h5,
.mxo-widget-context-list h6,
.mxo-widget-drawer .drawer-header h1,
.mxo-widget-drawer .drawer-header h2,
.mxo-widget-drawer .drawer-header h3,
.mxo-widget-drawer .drawer-header h4,
.mxo-widget-drawer .drawer-header h5,
.mxo-widget-drawer .drawer-header h6 {
  margin: 0;
}
.mxo-widget-scope-selector h1,
.mxo-widget-scope-selector h2,
.mxo-widget-scope-selector h3,
.mxo-widget-scope-selector h4,
.mxo-widget-scope-selector h5,
.mxo-widget-scope-selector h6 {
  white-space: nowrap;
}
.mxo-widget-section .section-heading h1,
.mxo-widget-section .section-heading h2,
.mxo-widget-section .section-heading h3,
.mxo-widget-section .section-heading h4,
.mxo-widget-section .section-heading h5,
.mxo-widget-section .section-heading h6 {
  flex: 0 1 auto;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
h1 {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
}
h2 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
}
h3 {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
}
h4 {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.03em;
  word-spacing: -0.1em;
}
h5 {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.02em;
  word-spacing: -0.1em;
}
.mxo-widget-notifications .notification-read h5 {
  color: #999992;
}
h6 {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.02em;
  word-spacing: -0.1em;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* COLOURS */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
.icon {
  height: 14px;
  line-height: normal;
}
.icon svg {
  width: 14px;
  height: 14px;
}
.icon svg {
  position: relative;
  top: 2px;
  margin-right: 4px;
  /* OpenLayers */
}
.mxo-widget-expandable .expandable-heading .icon svg {
  margin-right: 6px;
}
.ol-control button .icon svg {
  margin: 0;
  position: static;
  /* reset position relative */
  vertical-align: middle;
}
.button.notext .icon svg {
  margin-left: 0;
  margin-right: 100px;
}
.mxo-widget-segmented-control .button.notext .icon svg {
  margin-right: 0;
}
.button.button-more.notext .icon svg {
  margin-left: 0;
  margin-right: 100px;
}
.button.button-expand-below.notext .icon svg {
  margin-left: 0;
  margin-right: 100px;
}
@media screen and (max-width: 1200px) {
  .mxo-widget-pdf-viewer .pdf-viewer-header .button:not(.button-more) .icon svg {
    margin-left: 0;
    margin-right: 100px;
  }
}
.icon.notext svg {
  margin-right: 0;
}
.icon.text-before svg {
  margin-left: 4px;
  margin-right: 0;
}
.icon.text-before-and-after svg {
  margin-left: 12px;
}
h1 > .icon {
  height: 32px;
}
h1 > .icon svg {
  width: 32px;
  height: 32px;
}
h1 > .icon svg {
  top: 4px;
}
h2 > .icon {
  height: 24px;
}
h2 > .icon svg {
  width: 24px;
  height: 24px;
}
h2 > .icon svg {
  top: 4px;
}
h3 > .icon {
  height: 19px;
}
h3 > .icon svg {
  width: 19px;
  height: 19px;
}
h3 > .icon svg {
  top: 3px;
}
h4 > .icon {
  height: 15px;
}
h4 > .icon svg {
  width: 15px;
  height: 15px;
}
h4 > .icon svg {
  top: 2px;
}
.button .icon,
.ol-control button .icon,
.table-drag-handle .icon,
.mxo-widget-search .icon,
.mxo-widget-lightbox .icon,
.mxo-widget-input .input-value .icon,
.mxo-widget-dropdown-v2 .dropdown-select .icon,
.mxo-widget-calltoaction-card .cta-icon .icon,
.mxo-widget-dropdown-selector-v2 .selector-add-action .icon {
  height: 16px;
}
.button .icon svg,
.ol-control button .icon svg,
.table-drag-handle .icon svg,
.mxo-widget-search .icon svg,
.mxo-widget-lightbox .icon svg,
.mxo-widget-input .input-value .icon svg,
.mxo-widget-dropdown-v2 .dropdown-select .icon svg,
.mxo-widget-calltoaction-card .cta-icon .icon svg,
.mxo-widget-dropdown-selector-v2 .selector-add-action .icon svg {
  width: 16px;
  height: 16px;
}
.mxo-nav .nav-toggle .icon,
.mxo-nav .nav-section .icon,
.mxo-widget-inputfile-dropzone .icon,
.mxo-widget-debugger > .debug-options .icon {
  height: 20px;
}
.mxo-nav .nav-toggle .icon svg,
.mxo-nav .nav-section .icon svg,
.mxo-widget-inputfile-dropzone .icon svg,
.mxo-widget-debugger > .debug-options .icon svg {
  width: 20px;
  height: 20px;
}
.icon svg {
  /* COLOURS */
  fill: #14140f;
  /* neutral */
  /* buttons */
  /* selected */
  /* heading */
  /* table */
  /* brand */
  /* brand 95 */
  /* accent */
  /* disabled */
  /* positive */
  /* negative */
  /* new */
  /* warning */
}
.button .icon svg,
.mxo-widget-table .head .icon svg {
  top: 3px;
}
.mxo-widget-search .icon svg,
.mxo-widget-toolbar-v2 li > .icon svg,
.mxo-widget-input .input-value .icon svg,
.mxo-nav .nav-section .icon svg,
.mxo-widget-tabs.vertical .icon svg,
.mxo-widget-diagram-node .label-icon .icon svg,
.mxo-widget-panes2 .panes-navigator .icon svg,
.mxo-widget-debugger > .debug-options .icon svg,
.mxo-widget-filterselection .icon svg {
  top: 0;
}
a:not(.button):hover .icon svg,
.styleguide-hover a:not(.button) .icon svg {
  fill: #000000;
}
.icon-color-neutral.icon svg,
.mxo-widget-table .head .icon-color-neutral.icon svg,
.mxo-widget-table .cells.selected :not(.button) > .icon-color-neutral.icon svg,
.mxo-widget-context-list .disabled .icon svg,
.mxo-widget-notifications .notification-read .icon svg {
  fill: #919187;
}
a:not(.button):hover .icon-color-neutral.icon svg,
a:not(.button):hover .mxo-widget-table .head .icon-color-neutral.icon svg,
a:not(.button):hover .mxo-widget-table .cells.selected :not(.button) > .icon-color-neutral.icon svg,
a:not(.button):hover .mxo-widget-context-list .disabled .icon svg,
a:not(.button):hover .mxo-widget-notifications .notification-read .icon svg,
.styleguide-hover a:not(.button) .icon-color-neutral.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .head .icon-color-neutral.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .cells.selected :not(.button) > .icon-color-neutral.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-context-list .disabled .icon svg,
.styleguide-hover a:not(.button) .mxo-widget-notifications .notification-read .icon svg {
  fill: #7a7a77;
}
.button .icon svg {
  fill: #00575e;
}
.disabled.button .icon svg {
  fill: #b2b0ab;
}
.button.button-color-selected .icon svg {
  fill: #fcfcfb;
}
.disabled.button.button-color-selected .icon svg {
  fill: #b2b0ab;
}
.button.button-primary .icon svg {
  fill: #ffffff;
}
.disabled.button.button-primary .icon svg {
  fill: #ffffff;
}
.button.button-secondary .icon svg {
  fill: #00575e;
}
.disabled.button.button-secondary .icon svg {
  fill: #b2b0ab;
}
.button.button-color-positive .icon svg {
  fill: #ffffff;
}
.disabled.button.button-color-positive .icon svg {
  fill: #ffffff;
}
.button.button-color-negative .icon svg {
  fill: #ffffff;
}
.disabled.button.button-color-negative .icon svg {
  fill: #ffffff;
}
.button.button-color-new .icon svg {
  fill: #ffffff;
}
.disabled.button.button-color-new .icon svg {
  fill: #ffffff;
}
.button.button-color-warning .icon svg {
  fill: #ffffff;
}
.disabled.button.button-color-warning .icon svg {
  fill: #ffffff;
}
.mxo-widget-tabs.buttons .current .icon svg,
.mxo-widget-diagram-node .node:has(.mark) .label-icon .icon svg,
.mxo-widget-selectbox.edit .selectbox-option.selected .icon svg,
.mxo-widget-lightbox .icon svg,
.mxo-widget-lightbox a:not(.button):hover .icon svg,
.mxo-widget-pdf-viewer .pdf-viewer-header .icon svg,
.mxo-widget-viewer .mxo-widget-viewer-header .icon svg,
.mxo-widget-viewer .mxo-widget-viewer-header .mxo-widget-tabs .icon svg {
  fill: #ffffff;
}
h1 > .icon svg,
h2 > .icon svg,
h3 > .icon svg,
h4 > .icon svg,
h5 > .icon svg,
h6 > .icon svg {
  fill: #14140f;
}
a.mxo-widget-calltoaction-card:hover .icon svg,
.styleguide-hover a.mxo-widget-calltoaction-card .icon svg,
a.mxo-widget-calltoaction-button:hover .icon svg,
.styleguide-hover a.mxo-widget-calltoaction-button .icon svg {
  fill: #14140f;
}
.mxo-widget-table .head .icon svg {
  fill: #3b3b33;
}
.mxo-widget-search .icon svg,
.mxo-widget-search a:not(.button):hover .icon svg,
.mxo-widget-inputfile-dropzone .icon svg,
.mxo-widget-tabs .current .icon svg,
.mxo-widget-tabs .current:hover .icon svg,
.styleguide-hover .mxo-widget-tabs .current .icon svg,
.mxo-widget-table .body .table-drag-row.table-drag-dragging .icon svg {
  fill: #127578;
}
.mxo-widget-context-list li .icon svg {
  fill: #003338;
}
.login-form .icon svg,
.mxo-widget-selectbox a.selectbox-option .icon svg,
.mxo-widget-selectbox a.selectbox-option.selected.disabled .icon svg,
.mxo-widget-keyvalue .keyvalue-property-key > .icon svg,
.mxo-widget-calltoaction-card .icon svg,
.mxo-widget-calltoaction-button .icon svg,
.mxo-widget-pdf-viewer .pdf-viewer-aside .pdf-viewer-subtitle .icon svg {
  fill: #6c8f89;
}
a.button.disabled .icon svg,
.mxo-widget-tabs .disabled .icon svg,
.mxo-widget-tabs .disabled a:hover .icon svg,
.mxo-widget-table a.button.notext.disabled .icon svg,
.styleguide-hover .mxo-widget-tabs .disabled a .icon svg,
.mxo-widget-expandable.disable .expandable-heading .icon svg,
.mxo-widget-expandable.disable .expandable-heading a:hover .icon svg,
.styleguide-hover .mxo-widget-expandable.disable .expandable-heading a .icon svg {
  fill: #b3b3b1;
}
.icon-color-positive.icon svg,
.mxo-widget-table .head .icon-color-positive.icon svg,
.mxo-widget-table a.button.button-color-positive.notext .icon svg,
.mxo-widget-table .cells.selected :not(.button) > .icon-color-positive.icon svg,
.mxo-widget-table .cells.selected a.button.button-color-positive.notext .icon svg {
  fill: #2e7840;
}
a:not(.button):hover .icon-color-positive.icon svg,
a:not(.button):hover .mxo-widget-table .head .icon-color-positive.icon svg,
a:not(.button):hover .mxo-widget-table a.button.button-color-positive.notext .icon svg,
a:not(.button):hover .mxo-widget-table .cells.selected :not(.button) > .icon-color-positive.icon svg,
a:not(.button):hover .mxo-widget-table .cells.selected a.button.button-color-positive.notext .icon svg,
.styleguide-hover a:not(.button) .icon-color-positive.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .head .icon-color-positive.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table a.button.button-color-positive.notext .icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .cells.selected :not(.button) > .icon-color-positive.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .cells.selected a.button.button-color-positive.notext .icon svg {
  fill: #1c7847;
}
.icon-color-negative.icon svg,
.mxo-widget-table .head .icon-color-negative.icon svg,
.mxo-widget-table a.button.button-color-negative.notext .icon svg,
.mxo-widget-table .cells.selected :not(.button) > .icon-color-negative.icon svg,
.mxo-widget-table .cells.selected a.button.button-color-negative.notext .icon svg {
  fill: #c90014;
}
a:not(.button):hover .icon-color-negative.icon svg,
a:not(.button):hover .mxo-widget-table .head .icon-color-negative.icon svg,
a:not(.button):hover .mxo-widget-table a.button.button-color-negative.notext .icon svg,
a:not(.button):hover .mxo-widget-table .cells.selected :not(.button) > .icon-color-negative.icon svg,
a:not(.button):hover .mxo-widget-table .cells.selected a.button.button-color-negative.notext .icon svg,
.styleguide-hover a:not(.button) .icon-color-negative.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .head .icon-color-negative.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table a.button.button-color-negative.notext .icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .cells.selected :not(.button) > .icon-color-negative.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .cells.selected a.button.button-color-negative.notext .icon svg {
  fill: #b02b1c;
}
.icon-color-new.icon svg,
.mxo-widget-table .head .icon-color-new.icon svg,
.mxo-widget-table a.button.button-color-new.notext .icon svg,
.mxo-widget-table .cells.selected :not(.button) > .icon-color-new.icon svg,
.mxo-widget-table .cells.selected a.button.button-color-new.notext .icon svg {
  fill: #0063ba;
}
a:not(.button):hover .icon-color-new.icon svg,
a:not(.button):hover .mxo-widget-table .head .icon-color-new.icon svg,
a:not(.button):hover .mxo-widget-table a.button.button-color-new.notext .icon svg,
a:not(.button):hover .mxo-widget-table .cells.selected :not(.button) > .icon-color-new.icon svg,
a:not(.button):hover .mxo-widget-table .cells.selected a.button.button-color-new.notext .icon svg,
.styleguide-hover a:not(.button) .icon-color-new.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .head .icon-color-new.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table a.button.button-color-new.notext .icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .cells.selected :not(.button) > .icon-color-new.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .cells.selected a.button.button-color-new.notext .icon svg {
  fill: #005070;
}
.icon-color-warning.icon svg,
.mxo-widget-table .head .icon-color-warning.icon svg,
.mxo-widget-table a.button.button-color-warning.notext .icon svg,
.mxo-widget-table .cells.selected :not(.button) > .icon-color-warning.icon svg,
.mxo-widget-table .cells.selected a.button.button-color-warning.notext .icon svg {
  fill: #997303;
}
a:not(.button):hover .icon-color-warning.icon svg,
a:not(.button):hover .mxo-widget-table .head .icon-color-warning.icon svg,
a:not(.button):hover .mxo-widget-table a.button.button-color-warning.notext .icon svg,
a:not(.button):hover .mxo-widget-table .cells.selected :not(.button) > .icon-color-warning.icon svg,
a:not(.button):hover .mxo-widget-table .cells.selected a.button.button-color-warning.notext .icon svg,
.styleguide-hover a:not(.button) .icon-color-warning.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .head .icon-color-warning.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table a.button.button-color-warning.notext .icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .cells.selected :not(.button) > .icon-color-warning.icon svg,
.styleguide-hover a:not(.button) .mxo-widget-table .cells.selected a.button.button-color-warning.notext .icon svg {
  fill: #e6a400;
}

@charset "utf-8";
/* LAYER */

/*
21-02-2013 KLA:
"_layers" stylesheets define the layers available in each application.
They should should only contain selectors and z-indexes. The sole exception being the .mxo-layer in mxo_layer.css.
All z-indexes assigned for styling purposes should be defined in such a stylesheet, with .mxo-layer allways receiving the highest z-index.
Elements (popups, tooltips etc.) inside .mxo-layer receive z-indexes from a z-index-manager (starting from Fabric 1.5).
There should be no need to assign z-indexes in other stylesheets, or inline (Heaven forbid).

Want to know more? Read this: http://www.vanseodesign.com/css/css-stack-z-index/

This special, highest level "_layers" stylesheet sets default values for .mxo_layer to make sure all this works.
Additionally, the feedback widget, that needs to be rendered very early on, is given a default z-index that makes it lay on top of everyting else when no other "_layers" stylesheet is included.
If you define a new "_layers" stylesheet for your application, you need to make sure both the feedback widget and .mxo_layer are assigned high enough z-indexes.
*/

.mxo-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 3;
}

#feedback,
.mxo-widget-feedback-container {
	z-index: 1;
}
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
a,
a:link,
a:visited {
  text-decoration: underline;
  letter-spacing: 0.0025em;
  font-weight: 500;
  color: #127578;
}
a:hover,
.styleguide-hover a {
  text-decoration: underline;
  color: #00575e;
}
a:active,
.styleguide-active a {
  color: #3d9c9c;
}
a.link-inverse,
a.link-inverse:hover {
  color: #fbfbfa;
}
a.link-subtle,
a.link-subtle:link,
a.link-subtle:visited {
  color: #14140f;
  text-decoration-color: #3d9c9c;
  font-weight: normal;
}
a.link-subtle:hover,
.styleguide-hover a.link-subtle {
  color: #00575e;
  text-decoration-color: #00575e;
}
a.link-subtle:active,
.styleguide-active a.link-subtle {
  color: #3d9c9c;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* 	Needed for legacy fabric components:
	- nav
	- navigation_links
*/
.mxo-nav {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  gap: 4px;
  width: 218px;
  overflow: hidden;
  color: #14140f;
  background: #f5f6f5;
  clip-path: inset(0 -12px 0 0);
  z-index: 2;
  transition: width 0.4s;
  box-shadow: 0.25px 0 2px -0.5px rgba(20, 20, 15, 0.16), 1px 0 12px -4px rgba(20, 20, 15, 0.12), 4px 0 11px -8px rgba(20, 20, 15, 0.12);
}
@supports (animation-timeline: none) {
  .mxo-nav {
    animation-timeline: --panestimeline;
    animation-name: shadow;
    animation-fill-mode: both;
    animation-range: 10px 20px;
    animation-duration: 1ms;
    /* Firefox requires this to apply the animation */
  }
}
@supports (animation-timeline: none) {
  .mxo-nav {
    box-shadow: 0.25px 0 2px -0.5px rgba(20, 20, 15, 0), 1px 0 12px -4px rgba(20, 20, 15, 0), 4px 0 11px -8px rgba(20, 20, 15, 0);
  }
}
@keyframes shadow {
  from {
    box-shadow: 0.25px 0 2px -0.5px rgba(20, 20, 15, 0), 1px 0 12px -4px rgba(20, 20, 15, 0), 4px 0 11px -8px rgba(20, 20, 15, 0);
  }
  to {
    box-shadow: 0.25px 0 2px -0.5px rgba(20, 20, 15, 0.16), 1px 0 12px -4px rgba(20, 20, 15, 0.12), 4px 0 11px -8px rgba(20, 20, 15, 0.12);
  }
}
.mxo-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: column;
}
.mxo-nav ul li {
  margin: 0;
  padding: 0;
}
.mxo-nav .nav-header {
  padding: 12px 8px;
}
.mxo-nav .nav-header .logo-client {
  position: relative;
  display: block;
  height: 36px;
}
.mxo-nav .nav-header .logo-client::after,
.mxo-nav .nav-header .logo-client::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(16011a4c91a123b50ec3.svg) no-repeat 50% 0;
  opacity: 1;
  transition: opacity 0.4s, transform 0.4s;
}
.mxo-nav .nav-header .logo-client::after {
  width: 36px;
  background-position: 50% -36px;
  opacity: 0;
  transition: opacity 0.4s;
}
.mxo-nav .nav-content {
  display: flex;
  flex-flow: column;
  gap: 8px;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 8px 0 8px;
}
.mxo-nav .nav-content .nav-section {
  display: flex;
  flex-flow: column nowrap;
  gap: 4px;
}
.mxo-nav .nav-content .nav-section::after {
  content: "";
  display: block;
  margin: 8px 0 8px 40px;
  height: 1px;
  background: #d4d1cc;
}
.mxo-nav .nav-content .nav-section .nav-heading {
  padding-left: 40px;
  width: 154px;
  opacity: 1;
  transition: opacity 0.4s;
}
.mxo-nav .nav-content .nav-section ul {
  gap: 2px;
}
.mxo-nav .nav-content .nav-section ul li a,
.mxo-nav .nav-content .nav-section ul li a:link,
.mxo-nav .nav-content .nav-section ul li a:visited {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 6px 8px;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  text-decoration: none;
  font-weight: 400;
  color: #14140f;
  border-radius: 4px;
  transition: width 0.4s;
}
.mxo-nav .nav-content .nav-section ul li a .label,
.mxo-nav .nav-content .nav-section ul li a:link .label,
.mxo-nav .nav-content .nav-section ul li a:visited .label {
  flex: 0 0 auto;
  width: 154px;
}
.mxo-nav .nav-content .nav-section ul li a:hover,
.styleguide-hover .mxo-nav .nav-content .nav-section ul li a {
  color: #14140f;
  background: #e3e3de;
}
.mxo-nav .nav-content .nav-section ul li a:focus-visible,
.styleguide-focus .mxo-nav .nav-content .nav-section ul li a {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-nav .nav-content .nav-section ul li.current a,
.mxo-nav .nav-content .nav-section ul li.current a:link,
.mxo-nav .nav-content .nav-section ul li.current a:visited {
  font-weight: 700;
  color: #003338;
  background: #c7f2e5;
}
.mxo-nav .nav-legal {
  flex: 1 0 auto;
  padding: 8px 8px 0 48px;
}
.mxo-nav .nav-legal ul {
  gap: 8px;
}
.mxo-nav .nav-legal ul li a,
.mxo-nav .nav-legal ul li a:link,
.mxo-nav .nav-legal ul li a:visited {
  display: flex;
  width: 100%;
  overflow: hidden;
  transition: width 0.4s;
}
.mxo-nav .nav-legal ul li a .label,
.mxo-nav .nav-legal ul li a:link .label,
.mxo-nav .nav-legal ul li a:visited .label {
  flex: 0 0 auto;
  width: 154px;
}
.mxo-nav:has(.nav-legal) .nav-content {
  flex: 0 1 auto;
}
.mxo-nav .nav-footer {
  display: flex;
  flex: 0 0 auto;
  padding: 8px;
}
.mxo-nav .nav-footer .nav-toggle,
.mxo-nav .nav-footer .nav-toggle:link,
.mxo-nav .nav-footer .nav-toggle:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 36px;
  height: 32px;
  overflow: hidden;
  text-decoration: none;
  color: #127578;
}
.mxo-nav .nav-footer .logo-moxio,
.mxo-nav .nav-footer .logo-moxio:link,
.mxo-nav .nav-footer .logo-moxio:visited {
  flex: 1 1 auto;
  margin-right: 36px;
  overflow: hidden;
  text-indent: 100%;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: #14140f;
  background: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2069%2020%22%3E%3Cpath%20fill%3D%22%23260859%22%20d%3D%22M40.32%205.3c.13-.2.27-.29.55-.29h2.05c.11%200%20.22.11.22.27%200%20.04-.02.13-.07.2l-3.6%205.19%203.97%205.5c.04.07.04.13.04.2%200%20.13-.09.24-.22.24h-2.19a.44.44%200%200%201-.35-.2l-2.85-4.39-.95-1.46.84-1.3%202.54-3.95ZM17.44%2016.6h-1.81c-.22%200-.35-.13-.35-.33V8.34c0-1.37-.55-1.81-1.86-1.81-1.43%200-2.94.38-3.27.46v9.27c0%20.2-.13.33-.33.33H7.99c-.2%200-.33-.13-.33-.33V8.33c0-1.37-.53-1.81-1.83-1.81-1.44%200-2.98.38-3.31.46v9.27c0%20.2-.13.33-.33.33H.35c-.2%200-.35-.13-.35-.33V6.89c0-.84.29-1.17%201.48-1.55%201.13-.33%203.13-.62%204.55-.62s2.36.29%202.98.79c.86-.33%203.05-.79%204.68-.79%202.69%200%204.08.75%204.08%203.29v8.26c0%20.2-.11.33-.33.33ZM25.55%2016.89c-4.79%200-5.39-2.72-5.39-6.07s.6-6.09%205.39-6.09%205.37%202.72%205.37%206.09-.57%206.07-5.37%206.07Zm0-10.35c-2.69%200-2.8%201.57-2.8%204.28s.11%204.26%202.8%204.26%202.78-1.57%202.78-4.26-.11-4.28-2.78-4.28ZM47.66%203.33h-1.57c-.29%200-.46-.15-.46-.44V.44c0-.29.18-.44.46-.44h1.57c.29%200%20.46.15.46.44v2.45c0%20.29-.18.44-.46.44Zm.13%2013.27h-1.81c-.22%200-.35-.13-.35-.33V5.45c0-.18.15-.31.35-.31h1.81c.2%200%20.33.13.33.31v10.82c0%20.2-.13.33-.33.33ZM56.08%2016.89c-4.79%200-5.39-2.72-5.39-6.07s.6-6.09%205.39-6.09%205.37%202.72%205.37%206.09-.57%206.07-5.37%206.07Zm0-10.35c-2.69%200-2.8%201.57-2.8%204.28s.11%204.26%202.8%204.26%202.78-1.57%202.78-4.26-.11-4.28-2.78-4.28Z%22/%3E%3Cpath%20fill%3D%22%23ec098d%22%20d%3D%22M65.63%205.3c-.13-.2-.27-.29-.55-.29h-2.05c-.11%200-.22.11-.22.27%200%20.04.02.13.07.2l3.6%205.19-3.97%205.5c-.04.07-.04.13-.04.2%200%20.13.09.24.22.24h2.19c.13%200%20.29-.09.35-.2l2.85-4.39.95-1.46-.84-1.3-2.54-3.95ZM35.1%205.3c-.13-.2-.27-.29-.55-.29H32.5c-.11%200-.22.11-.22.27%200%20.04.02.13.07.2l3.6%205.19-3.97%205.5c-.04.07-.04.13-.04.2%200%20.13.09.24.22.24h2.19c.13%200%20.29-.09.35-.2l2.85-4.39.94-1.46-.84-1.3-2.54-3.95Z%22/%3E%3C/svg%3E") no-repeat 50% 50%;
  background-size: 69px;
}
.mxo-nav.collapsed,
.styleguide-collapsed .mxo-nav {
  width: 61px;
}
@supports (animation-timeline: none) {
  .mxo-nav.collapsed,
  .styleguide-collapsed .mxo-nav {
    timeline-scope: --navtimeline;
  }
}
@supports (animation-timeline: none) {
  .mxo-nav.collapsed,
  .styleguide-collapsed .mxo-nav {
    animation-timeline: --navtimeline, --panestimeline;
    animation-name: resize, shadow;
    animation-fill-mode: both;
    animation-range: 0 0, 10px 20px;
    animation-duration: 1ms;
    /* Firefox requires this to apply the animation */
  }
}
@supports (animation-timeline: none) {
  .mxo-nav.collapsed,
  .styleguide-collapsed .mxo-nav {
    width: 52px;
  }
}
@keyframes resize {
  from {
    width: 52px;
  }
  to {
    width: 61px;
  }
}
.mxo-nav.collapsed .nav-header .logo-client::before,
.styleguide-collapsed .mxo-nav .nav-header .logo-client::before {
  opacity: 0;
  transform: scaleX(0.5);
}
.mxo-nav.collapsed .nav-header .logo-client::after,
.styleguide-collapsed .mxo-nav .nav-header .logo-client::after {
  opacity: 1;
}
@supports (animation-timeline: none) {
  .mxo-nav.collapsed .nav-content,
  .styleguide-collapsed .mxo-nav .nav-content {
    scroll-timeline: --navtimeline block;
  }
}
.mxo-nav.collapsed .nav-content .nav-section::after,
.styleguide-collapsed .mxo-nav .nav-content .nav-section::after,
.mxo-nav.collapsed .nav-content .nav-section .nav-heading,
.styleguide-collapsed .mxo-nav .nav-content .nav-section .nav-heading {
  opacity: 0;
}
.mxo-nav.collapsed .nav-content .nav-section ul li a,
.styleguide-collapsed .mxo-nav .nav-content .nav-section ul li a,
.mxo-nav.collapsed .nav-content .nav-section ul li a:link,
.styleguide-collapsed .mxo-nav .nav-content .nav-section ul li a:link,
.mxo-nav.collapsed .nav-content .nav-section ul li a:visited,
.styleguide-collapsed .mxo-nav .nav-content .nav-section ul li a:visited {
  width: 36px;
}
.mxo-nav.collapsed .nav-legal ul li a,
.styleguide-collapsed .mxo-nav .nav-legal ul li a,
.mxo-nav.collapsed .nav-legal ul li a:link,
.styleguide-collapsed .mxo-nav .nav-legal ul li a:link,
.mxo-nav.collapsed .nav-legal ul li a:visited,
.styleguide-collapsed .mxo-nav .nav-legal ul li a:visited {
  width: 0;
}
.mxo-nav.collapsed .nav-footer .nav-toggle::before,
.styleguide-collapsed .mxo-nav .nav-footer .nav-toggle::before {
  transform: scaleX(-1);
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* COLOURS */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
a.button .number {
  margin-left: 4px;
}
.mxo-widget-value-multiple .number {
  margin-left: 2px;
}
.mxo-widget-table .body .row .cells .cell .number {
  display: inline-block;
  padding-left: 6px;
  font-weight: normal;
  color: #6e6e66;
}
.number.persistent {
  float: right;
}
.number.number-badge {
  display: inline-block;
  padding: 1px 6px;
  box-sizing: border-box;
  line-height: normal;
  color: #00575e;
  background: #b5ebdb;
  border-radius: 10px;
}
a.button.button-color-selected .number.number-badge {
  color: #00575e;
  background: #d9f7ed;
}
a.button.disabled .number.number-badge {
  color: #b2b0ab;
  background-color: #e3e3de;
}
.mxo-widget-expandable .expandable-heading .number.number-badge,
.mxo-widget-table .body .row .cells .cell .number.number-badge {
  margin-right: 4px;
  padding: 1px 5px;
  min-width: 12px;
  font-size: 11px;
  line-height: normal;
  text-align: center;
  color: #00575e;
  background: #b5ebdb;
}
.mxo-widget-expandable.open .expandable-heading .number.number-badge,
.mxo-widget-table .body .row.open > .cells .cell .number.number-badge,
.mxo-widget-table .body .row .cells.selected .cell .number.number-badge {
  background: #d9f7ed;
}
.mxo-widget-expandable .expandable-heading .number.number-badge {
  margin: 12px 0 0 6px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .number.number-badge {
  color: #6c8f89;
  background: #ffffff;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Content spacing */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* DIMENSIONS */
/* COLOURS */
/* 	Needed for legacy fabric components:
	- dictionary_table
	- list_table
*/
.mxo-modal {
  position: absolute;
  /* position absolute is required for zIndex */
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  display: none;
}
.mxo-modal.modal-shown {
  display: block;
}
.mxo-modal .mxo-modal-container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
}
.modal-fixed-position.mxo-modal .mxo-modal-container {
  justify-content: flex-start;
}
.mxo-modal-error.mxo-modal .mxo-modal-container {
  display: none;
  /* for Fabric error handler */
}
.mxo-modal .mxo-modal-container .mxo-modal-dialog {
  position: static;
  display: flex;
  flex-flow: column;
  max-height: 100%;
}
.modal-stretch-height.mxo-modal .mxo-modal-container .mxo-modal-dialog {
  height: 100%;
}
.mxo-modal .mxo-modal-dialog {
  position: absolute;
  overflow: hidden;
  width: 540px;
  text-align: left;
  background: #fcfcfb;
  border-radius: 12px;
  box-shadow: 0 0.5px 4px -4px rgba(20, 20, 15, 0.4), 0 6px 48px -12px rgba(20, 20, 15, 0.32), 0 12px 64px -24px rgba(20, 20, 15, 0.24);
}
.info.mxo-modal .mxo-modal-dialog {
  width: 600px;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-titlebar {
  flex: 0 0 auto;
  position: relative;
  padding: 16px 48px 16px 16px;
  word-break: break-word;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-titlebar a,
.mxo-modal .mxo-modal-dialog .mxo-modal-titlebar a:link,
.mxo-modal .mxo-modal-dialog .mxo-modal-titlebar a:visited {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #14140f;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-titlebar .mxo-modal-close {
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 24px;
  height: 24px;
  overflow: hidden;
  text-decoration: none;
  background: transparent;
  border-radius: 50%;
  transition: 0.15s ease-in-out;
  transition-property: background;
  cursor: pointer;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-titlebar .mxo-modal-close::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
  background-size: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.4%2019L5%2017.6L10.6%2012L5%206.4L6.4%205L12%2010.6L17.6%205L19%206.4L13.4%2012L19%2017.6L17.6%2019L12%2013.4L6.4%2019Z%22%20fill%3D%22black%22/%3E%3C/svg%3E");
  display: block;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-titlebar .mxo-modal-close:hover {
  background-color: #e3e3de;
  box-shadow: 0 0.5px 4px -1px rgba(20, 20, 15, 0.24), 0 4px 12px -4px rgba(20, 20, 15, 0.12), 0 8px 16px -8px rgba(20, 20, 15, 0.12);
}
.mxo-modal .mxo-modal-dialog .mxo-modal-titlebar .mxo-modal-close:focus-visible {
  outline: 1.5px solid #3d9c9c;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-titlebar + .mxo-modal-content {
  padding-top: 0;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  box-sizing: border-box;
  padding: 12px;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-content > h1,
.mxo-modal .mxo-modal-dialog .mxo-modal-content > h2,
.mxo-modal .mxo-modal-dialog .mxo-modal-content > h3,
.mxo-modal .mxo-modal-dialog .mxo-modal-content > h4,
.mxo-modal .mxo-modal-dialog .mxo-modal-content > h5,
.mxo-modal .mxo-modal-dialog .mxo-modal-content > h6 {
  margin-bottom: -10px;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-content > p,
.mxo-modal .mxo-modal-dialog .mxo-modal-content > ul {
  margin: 0;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-content .heading {
  margin: 0;
  padding: 0 0 1em 0;
  font-size: 1.5em;
  background: none;
  height: auto;
  line-height: normal;
  color: #b70724;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-content .subheading {
  margin: 0;
  padding: 0 0 1em 0;
  font-size: 1.166em;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-content fieldset.buttons {
  text-align: right;
}
.mxo-modal .mxo-modal-dialog .mxo-modal-content fieldset.buttons input,
.mxo-modal .mxo-modal-dialog .mxo-modal-content fieldset.buttons button,
.mxo-modal .mxo-modal-dialog .mxo-modal-content fieldset.buttons .button,
.mxo-modal .mxo-modal-dialog .mxo-modal-content fieldset.buttons a.button,
.mxo-modal .mxo-modal-dialog .mxo-modal-content fieldset.buttons a.button:link,
.mxo-modal .mxo-modal-dialog .mxo-modal-content fieldset.buttons a.button:visited {
  margin: 0 0 0 10px;
}
.info.mxo-modal .mxo-modal-dialog .mxo-modal-content p,
.warning.mxo-modal .mxo-modal-dialog .mxo-modal-content p {
  padding-left: 52px;
  padding-top: 5px;
  min-height: 42px;
}
.info.mxo-modal .mxo-modal-dialog .mxo-modal-content p::before,
.warning.mxo-modal .mxo-modal-dialog .mxo-modal-content p::before {
  content: " ";
  float: left;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: -42px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 32px;
}
.info.mxo-modal .mxo-modal-dialog .mxo-modal-content fieldset p,
.warning.mxo-modal .mxo-modal-dialog .mxo-modal-content fieldset p {
  padding: 0;
  min-height: 0;
  background: none;
}
.info.mxo-modal .mxo-modal-dialog .mxo-modal-content p::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%200c-4.418%200-8%203.582-8%208s3.582%208%208%208c4.418%200%208-3.582%208-8s-3.582-8-8-8zM10.635%2012.954l-0.193%200.789-0.098%200.039c-0.503%200.199-0.911%200.352-1.212%200.457-0.32%200.111-0.694%200.167-1.111%200.167-0.658%200-1.181-0.167-1.556-0.497-0.382-0.336-0.575-0.769-0.575-1.286%200-0.186%200.013-0.379%200.040-0.573s0.069-0.412%200.126-0.649l0.001-0.004%200.001-0.004%200.629-2.226c0.055-0.211%200.102-0.41%200.138-0.593%200.035-0.178%200.053-0.34%200.053-0.483%200-0.219-0.040-0.379-0.113-0.448-0.035-0.034-0.158-0.112-0.531-0.112-0.143%200-0.291%200.023-0.442%200.067-0.164%200.048-0.307%200.095-0.426%200.139l-0.359%200.133%200.284-1.159%200.096-0.039c0.415-0.169%200.818-0.315%201.199-0.436%200.395-0.125%200.776-0.189%201.131-0.189%200.654%200%201.172%200.165%201.537%200.49%200.372%200.331%200.561%200.766%200.561%201.293%200%200.104-0.012%200.277-0.035%200.53-0.024%200.257-0.069%200.495-0.133%200.709l-0.627%202.22c-0.049%200.171-0.094%200.37-0.133%200.59-0.038%200.216-0.058%200.378-0.058%200.483%200%200.223%200.043%200.381%200.122%200.445%200.053%200.043%200.194%200.115%200.553%200.115%200.133%200%200.288-0.024%200.461-0.072%200.223-0.061%200.332-0.103%200.384-0.128l0.384-0.18-0.101%200.412zM10.309%204.725c-0.33%200.307-0.732%200.462-1.195%200.462s-0.867-0.155-1.199-0.461c-0.337-0.31-0.508-0.693-0.508-1.136s0.171-0.826%200.507-1.139c0.333-0.309%200.736-0.466%201.2-0.466s0.866%200.157%201.196%200.467c0.334%200.313%200.503%200.696%200.503%201.139s-0.17%200.825-0.504%201.136z%22%20fill%3D%22%230074bd%22%3E%3C/path%3E%3C/svg%3E");
}
.warning.mxo-modal .mxo-modal-dialog .mxo-modal-content p::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M15.926%2014.151l-7.423-13.027c-0.102-0.18-0.295-0.291-0.503-0.291s-0.401%200.111-0.503%200.291l-7.422%2013.027c-0.101%200.176-0.099%200.392%200.005%200.567s0.293%200.282%200.498%200.282h14.845c0.205%200%200.395-0.107%200.498-0.282s0.105-0.391%200.005-0.567zM8.917%2013.333h-1.833v-1.667h1.833v1.667zM8.917%2010.416h-1.833v-5h1.833v5z%22%20fill%3D%22%23f0c000%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-modal.downloads .mxo-modal-dialog {
  width: 470px;
}
.mxo-modal.downloads .mxo-modal-content-inner {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 0;
}
.mxo-modal.downloads .mxo-modal-content-inner > h1,
.mxo-modal.downloads .mxo-modal-content-inner > h2,
.mxo-modal.downloads .mxo-modal-content-inner > h3,
.mxo-modal.downloads .mxo-modal-content-inner > h4,
.mxo-modal.downloads .mxo-modal-content-inner > h5,
.mxo-modal.downloads .mxo-modal-content-inner > h6 {
  margin-bottom: -10px;
}
.mxo-modal.downloads .mxo-modal-content-inner > p,
.mxo-modal.downloads .mxo-modal-content-inner > ul {
  margin: 0;
}
.mxo-modal.downloads .mxo-modal-content-inner fieldset.buttons {
  padding: 10px;
}
/* OBSOLETE */
.mxo-modal-dialog .mxo-modal-content-inner .buttons .cancel {
  float: right;
}

@media print {
  html,
  body {
    height: auto;
    overflow: visible;
  }
  body {
    font-size: 9pt;
    color: #000000;
    background: #ffffff;
  }
  .mxo-header {
    display: none;
  }
  .mxo-application > .main > .mxo-nav {
    display: none;
  }
  .mxo-application > .main > .content {
    padding-left: 0;
    overflow: visible;
  }
  h1.icon::before {
    display: none;
  }
}

::-webkit-scrollbar {
	width: 17px;
	height: 17px;
}

::-webkit-scrollbar-track {
	height: 7px;
	width: 7px;
	background-color: #cbcec3;
	background-clip: padding-box;
	border: 5px solid rgba(0, 0, 0, 0);
	border-radius: 10px;
}

::-webkit-scrollbar-track:active,
::-webkit-scrollbar-track:hover {
	background-color: #b3b5ac;
}

::-webkit-scrollbar-thumb {
	height: 7px;
	width: 7px;
	min-height: 30px;
	min-width: 30px;
	background-color: #5d5e59;
	background-clip: padding-box;
	border: 5px solid rgba(0, 0, 0, 0);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
	background-color: #272829;
}

::-webkit-scrollbar-corner {
	background: transparent;
}
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.styleguide-container {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.styleguide-container > h1,
.styleguide-container > h2,
.styleguide-container > h3,
.styleguide-container > h4,
.styleguide-container > h5,
.styleguide-container > h6 {
  margin-bottom: -10px;
}
.styleguide-container > p,
.styleguide-container > ul {
  margin: 0;
}
.styleguide-container-group {
  display: flex;
  gap: 24px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.styleguide-container-group > h1,
.styleguide-container-group > h2,
.styleguide-container-group > h3,
.styleguide-container-group > h4,
.styleguide-container-group > h5,
.styleguide-container-group > h6 {
  margin-bottom: -18px;
}
.styleguide-container-group > p,
.styleguide-container-group > ul {
  margin: 0;
}
.styleguide-container-columns {
  display: flex;
  gap: 20px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
.text-secondary {
  font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  color: #14140f;
}
.text-inverted {
  color: #ffffff;
}
.text-inverted.text-secondary,
.text-inverted .text-secondary {
  color: #ccccc8;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* Content spacing */
.mxo-tooltip-v2 {
  position: absolute;
  display: none;
  /* DEPRECATED */
  /* END DEPRECATED */
}
.mxo-tooltip-v2.tooltip-shown {
  display: block;
}
.mxo-tooltip-v2:not(.tooltip-fancy).tooltip-large .mxo-tooltip-inner {
  max-width: 540px;
}
.mxo-tooltip-v2 .mxo-tooltip-arrow {
  border: 7px solid;
  border-color: transparent #fcfcfb #fcfcfb transparent;
  box-shadow: 0.5px 0.5px 4px rgba(20, 20, 15, 0.24), 2px 2px 24px -2px rgba(20, 20, 15, 0.12), 4px 4px 32px -4px rgba(20, 20, 15, 0.12);
  clip-path: polygon(200% -100%, -100% 200%, 200% 200%);
  position: absolute;
}
.mxo-tooltip-v2.mxo-tooltip-behaviour-sticky .mxo-tooltip-arrow {
  display: none;
}
.mxo-tooltip-v2 .mxo-tooltip-inner {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  position: relative;
  padding: 8px;
  min-height: 14px;
  max-height: 80vh;
  max-width: 340px;
  overflow: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  line-height: 1.4;
  border-radius: 8px;
  background-color: #fcfcfb;
  box-shadow: 0 0.5px 4px rgba(20, 20, 15, 0.24), 0 2px 24px -2px rgba(20, 20, 15, 0.12), 0 4px 32px -4px rgba(20, 20, 15, 0.12);
}
.mxo-tooltip-v2 .mxo-tooltip-inner > h1,
.mxo-tooltip-v2 .mxo-tooltip-inner > h2,
.mxo-tooltip-v2 .mxo-tooltip-inner > h3,
.mxo-tooltip-v2 .mxo-tooltip-inner > h4,
.mxo-tooltip-v2 .mxo-tooltip-inner > h5,
.mxo-tooltip-v2 .mxo-tooltip-inner > h6 {
  margin-bottom: -10px;
}
.mxo-tooltip-v2 .mxo-tooltip-inner > p,
.mxo-tooltip-v2 .mxo-tooltip-inner > ul {
  margin: 0;
}
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading {
  border-bottom: 1px solid #d4d1cc;
}
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading > a,
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading .navigation-heading,
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading > a:link,
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading .navigation-heading:link,
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading > a:visited,
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading .navigation-heading:visited {
  position: relative;
  display: block;
  padding: 8px 8px 8px 24px;
  min-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  line-height: 18px;
  color: #14140f;
  cursor: pointer;
}
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading > a::after,
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading .navigation-heading::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon {
  display: flex;
}
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon .tooltip-contentwithicon-icon {
  flex: 0 0 auto;
  width: 20px;
}
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon .tooltip-contentwithicon-content {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon .tooltip-contentwithicon-content > h1,
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon .tooltip-contentwithicon-content > h2,
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon .tooltip-contentwithicon-content > h3,
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon .tooltip-contentwithicon-content > h4,
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon .tooltip-contentwithicon-content > h5,
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon .tooltip-contentwithicon-content > h6 {
  margin-bottom: -10px;
}
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon .tooltip-contentwithicon-content > p,
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-contentwithicon .tooltip-contentwithicon-content > ul {
  margin: 0;
}
.mxo-tooltip-v2 .mxo-tooltip-inner .tooltip-highlight {
  font-weight: bold;
  color: #6c8f89;
}
.mxo-tooltip-v2.mxo-tooltip-behaviour-hover .mxo-tooltip-inner,
.mxo-tooltip-v2.mxo-tooltip-behaviour-autoclose .mxo-tooltip-inner,
.mxo-tooltip-v2.mxo-tooltip-behaviour-sticky .mxo-tooltip-inner {
  padding: 8px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-above-center,
.mxo-tooltip-v2.mxo-tooltip-orientation-above-right,
.mxo-tooltip-v2.mxo-tooltip-orientation-above-left {
  padding-bottom: 10px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-above-center.mxo-tooltip-behaviour-sticky,
.mxo-tooltip-v2.mxo-tooltip-orientation-above-right.mxo-tooltip-behaviour-sticky,
.mxo-tooltip-v2.mxo-tooltip-orientation-above-left.mxo-tooltip-behaviour-sticky {
  padding-bottom: 0;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-above-center .mxo-tooltip-arrow,
.mxo-tooltip-v2.mxo-tooltip-orientation-above-right .mxo-tooltip-arrow,
.mxo-tooltip-v2.mxo-tooltip-orientation-above-left .mxo-tooltip-arrow {
  bottom: 3px;
  transform: scaleX(0.9) rotate(45deg);
}
.mxo-tooltip-v2.mxo-tooltip-orientation-above-center .mxo-tooltip-arrow {
  left: calc(50% - 7px);
}
.mxo-tooltip-v2.mxo-tooltip-orientation-above-right .mxo-tooltip-arrow {
  right: 12px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-above-left .mxo-tooltip-arrow {
  left: 12px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-below-center,
.mxo-tooltip-v2.mxo-tooltip-orientation-below-right,
.mxo-tooltip-v2.mxo-tooltip-orientation-below-left {
  padding-top: 10px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-below-center.mxo-tooltip-behaviour-sticky,
.mxo-tooltip-v2.mxo-tooltip-orientation-below-right.mxo-tooltip-behaviour-sticky,
.mxo-tooltip-v2.mxo-tooltip-orientation-below-left.mxo-tooltip-behaviour-sticky {
  padding-top: 0;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-below-center .mxo-tooltip-arrow,
.mxo-tooltip-v2.mxo-tooltip-orientation-below-right .mxo-tooltip-arrow,
.mxo-tooltip-v2.mxo-tooltip-orientation-below-left .mxo-tooltip-arrow {
  transform: scaleX(0.9) rotate(-135deg);
  top: 3px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-below-center .mxo-tooltip-arrow {
  left: calc(50% - 7px);
}
.mxo-tooltip-v2.mxo-tooltip-orientation-below-right .mxo-tooltip-arrow {
  right: 12px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-below-left .mxo-tooltip-arrow {
  left: 12px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-right-top,
.mxo-tooltip-v2.mxo-tooltip-orientation-right-bottom {
  padding-left: 10px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-right-top.mxo-tooltip-behaviour-sticky,
.mxo-tooltip-v2.mxo-tooltip-orientation-right-bottom.mxo-tooltip-behaviour-sticky {
  padding-left: 0;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-right-top .mxo-tooltip-arrow,
.mxo-tooltip-v2.mxo-tooltip-orientation-right-bottom .mxo-tooltip-arrow {
  transform: scaleX(0.9) rotate(135deg);
  left: 3px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-right-top .mxo-tooltip-arrow {
  top: 11px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-right-bottom .mxo-tooltip-arrow {
  bottom: 11px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-left-top,
.mxo-tooltip-v2.mxo-tooltip-orientation-left-bottom {
  padding-right: 10px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-left-top.mxo-tooltip-behaviour-sticky,
.mxo-tooltip-v2.mxo-tooltip-orientation-left-bottom.mxo-tooltip-behaviour-sticky {
  padding-right: 0;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-left-top .mxo-tooltip-arrow,
.mxo-tooltip-v2.mxo-tooltip-orientation-left-bottom .mxo-tooltip-arrow {
  transform: scaleX(0.9) rotate(-45deg);
  right: 3px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-left-top .mxo-tooltip-arrow {
  top: 11px;
}
.mxo-tooltip-v2.mxo-tooltip-orientation-left-bottom .mxo-tooltip-arrow {
  bottom: 11px;
}
.mxo-tooltip-v2.tooltip-fancy .mxo-tooltip-inner {
  background-color: #f1f4f3;
}
.mxo-tooltip-v2.tooltip-fancy .mxo-tooltip-arrow {
  border: 7px solid;
  border-color: transparent #f1f4f3 #f1f4f3 transparent;
  box-shadow: 0.5px 0.5px 4px rgba(20, 20, 15, 0.24), 2px 2px 24px -2px rgba(20, 20, 15, 0.12), 4px 4px 32px -4px rgba(20, 20, 15, 0.12);
  clip-path: polygon(200% -100%, -100% 200%, 200% 200%);
}
.mxo-tooltip-v2.tooltip-fancy-shortcut {
  flex: 1 1 auto;
}
.mxo-tooltip-v2.tooltip-fancy-shortcut.tooltip-shown {
  display: flex;
}
.mxo-tooltip-v2.tooltip-fancy-shortcut .mxo-tooltip-inner {
  border-radius: 3px 0 0 3px;
  background-color: #f1f4f3;
}
.mxo-tooltip-v2.tooltip-fancy-shortcut .tooltip-shortcut {
  padding: 12px 8px 8px 8px;
  background-color: #6c8f89;
  display: flex;
  flex: 0 0 auto;
  min-width: 38px;
  box-sizing: border-box;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 -0.5px 4px rgba(0, 0, 0, 0.25);
}
.mxo-tooltip-v2.tooltip-fancy-shortcut .tooltip-shortcut .tooltip-shortcut-center {
  align-items: center;
  justify-content: center;
  color: #ffffff;
  margin: auto;
}
.mxo-tooltip-v2.tooltip-fancy-shortcut .mxo-tooltip-arrow {
  border: 7px solid;
  border-color: transparent #f1f4f3 #f1f4f3 transparent;
  box-shadow: 0.5px 0.5px 4px rgba(20, 20, 15, 0.24), 2px 2px 24px -2px rgba(20, 20, 15, 0.12), 4px 4px 32px -4px rgba(20, 20, 15, 0.12);
  clip-path: polygon(200% -100%, -100% 200%, 200% 200%);
}
.mxo-tooltip-v2.tooltip-fancy-shortcut.mxo-tooltip-orientation-left-top .mxo-tooltip-arrow,
.mxo-tooltip-v2.tooltip-fancy-shortcut.mxo-tooltip-orientation-left-bottom .mxo-tooltip-arrow,
.mxo-tooltip-v2.tooltip-fancy-shortcut.mxo-tooltip-orientation-below-right .mxo-tooltip-arrow,
.mxo-tooltip-v2.tooltip-fancy-shortcut.mxo-tooltip-orientation-above-right .mxo-tooltip-arrow {
  border: 7px solid;
  border-color: transparent #6c8f89 #6c8f89 transparent;
  box-shadow: 0.5px 0.5px 4px rgba(20, 20, 15, 0.24), 2px 2px 24px -2px rgba(20, 20, 15, 0.12), 4px 4px 32px -4px rgba(20, 20, 15, 0.12);
  clip-path: polygon(200% -100%, -100% 200%, 200% 200%);
}
.mxo-tooltip-v2.tooltip-status-warning .mxo-tooltip-inner {
  background-color: #fff7f0;
}
.mxo-tooltip-v2.tooltip-status-warning .mxo-tooltip-arrow {
  border: 7px solid;
  border-color: transparent #fff7f0 #fff7f0 transparent;
  box-shadow: 0.5px 0.5px 4px rgba(20, 20, 15, 0.24), 2px 2px 24px -2px rgba(20, 20, 15, 0.12), 4px 4px 32px -4px rgba(20, 20, 15, 0.12);
  clip-path: polygon(200% -100%, -100% 200%, 200% 200%);
}
.mxo-tooltip-v2.tooltip-status-positive .mxo-tooltip-inner {
  background-color: #f0fcf0;
}
.mxo-tooltip-v2.tooltip-status-positive .mxo-tooltip-arrow {
  border: 7px solid;
  border-color: transparent #f0fcf0 #f0fcf0 transparent;
  box-shadow: 0.5px 0.5px 4px rgba(20, 20, 15, 0.24), 2px 2px 24px -2px rgba(20, 20, 15, 0.12), 4px 4px 32px -4px rgba(20, 20, 15, 0.12);
  clip-path: polygon(200% -100%, -100% 200%, 200% 200%);
}
.mxo-tooltip-v2.tooltip-status-negative .mxo-tooltip-inner {
  background-color: #fff0ed;
}
.mxo-tooltip-v2.tooltip-status-negative .mxo-tooltip-arrow {
  border: 7px solid;
  border-color: transparent #fff0ed #fff0ed transparent;
  box-shadow: 0.5px 0.5px 4px rgba(20, 20, 15, 0.24), 2px 2px 24px -2px rgba(20, 20, 15, 0.12), 4px 4px 32px -4px rgba(20, 20, 15, 0.12);
  clip-path: polygon(200% -100%, -100% 200%, 200% 200%);
}
.mxo-tooltip-v2.tooltip-status-new .mxo-tooltip-inner {
  background-color: #f5f7ff;
}
.mxo-tooltip-v2.tooltip-status-new .mxo-tooltip-arrow {
  border: 7px solid;
  border-color: transparent #f5f7ff #f5f7ff transparent;
  box-shadow: 0.5px 0.5px 4px rgba(20, 20, 15, 0.24), 2px 2px 24px -2px rgba(20, 20, 15, 0.12), 4px 4px 32px -4px rgba(20, 20, 15, 0.12);
  clip-path: polygon(200% -100%, -100% 200%, 200% 200%);
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Content spacing */
.mxo-widget-actionbar {
  padding: 12px 8px 8px 8px;
  flex-flow: wrap;
  display: flex;
  flex: 0 0 auto;
  gap: 0 8px;
  line-height: 1.4;
  background-color: #f0f0eb;
  border: 1px solid #d4d1cc;
  border-radius: 8px;
}
.mxo-widget-actionbar,
.mxo-widget-actionbar h5 {
  color: #3b3b33;
}
.mxo-widget-actionbar.actionbar-color-negative {
  background-color: #fff0ed;
  border-color: #fcc4b8;
}
.mxo-widget-actionbar.actionbar-color-negative,
.mxo-widget-actionbar.actionbar-color-negative h5 {
  color: #b20012;
}
.mxo-widget-actionbar.actionbar-color-new {
  background-color: #f5f7ff;
  border-color: #bfcffc;
}
.mxo-widget-actionbar.actionbar-color-new,
.mxo-widget-actionbar.actionbar-color-new h5 {
  color: #0057a3;
}
.mxo-widget-actionbar.actionbar-color-positive {
  background-color: #f0fcf0;
  border-color: #b5e5ba;
}
.mxo-widget-actionbar.actionbar-color-positive,
.mxo-widget-actionbar.actionbar-color-positive h5 {
  color: #1c6630;
}
.mxo-widget-actionbar.actionbar-color-warning {
  background-color: #fff7f0;
  border-color: #ffe3ba;
}
.mxo-widget-actionbar.actionbar-color-warning,
.mxo-widget-actionbar.actionbar-color-warning h5 {
  color: #7a5700;
}
.mxo-widget-actionbar .actionbar-heading {
  flex: 0 0 auto;
  width: 100%;
}
.mxo-widget-actionbar .actionbar-content {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 1 0 auto;
  justify-content: center;
  width: 10%;
  /* to prevent content from getting to overflow component */
}
.mxo-widget-actionbar .actionbar-content > h1,
.mxo-widget-actionbar .actionbar-content > h2,
.mxo-widget-actionbar .actionbar-content > h3,
.mxo-widget-actionbar .actionbar-content > h4,
.mxo-widget-actionbar .actionbar-content > h5,
.mxo-widget-actionbar .actionbar-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-actionbar .actionbar-content > p,
.mxo-widget-actionbar .actionbar-content > ul {
  margin: 0;
}
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon {
  display: flex;
}
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon .actionbar-contentwithicon-icon {
  flex: 0 0 auto;
  width: 20px;
}
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon .actionbar-contentwithicon-content {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 1 1 auto;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon .actionbar-contentwithicon-content > h1,
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon .actionbar-contentwithicon-content > h2,
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon .actionbar-contentwithicon-content > h3,
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon .actionbar-contentwithicon-content > h4,
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon .actionbar-contentwithicon-content > h5,
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon .actionbar-contentwithicon-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon .actionbar-contentwithicon-content > p,
.mxo-widget-actionbar .actionbar-content .actionbar-contentwithicon .actionbar-contentwithicon-content > ul {
  margin: 0;
}
.mxo-widget-actionbar .actionbar-buttons {
  display: flex;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mxo-widget-actionbar .actionbar-buttons li {
  margin: 0;
}

.mxo-widget-applicationheader {
  display: flex;
  flex: 0 0 auto;
}
.mxo-widget-applicationheader .applicationheader-section {
  flex: 1 1 auto;
  margin: 0 10px 10px 10px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
.mxo-widget-avatarstack {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mxo-widget-avatarstack li {
  margin: 0 0 0 -6px;
  padding: 0;
  min-width: 0;
  max-width: 100%;
}
.mxo-widget-avatarstack li:first-child {
  margin-left: 0;
}
.mxo-widget-avatarstack li .mxo-widget-avatar {
  box-shadow: -0.5px 0.5px 2px -4px rgba(20, 20, 15, 0.24), -2px 2px 8px -4px rgba(20, 20, 15, 0.12), -4px 4px 8px -4px rgba(20, 20, 15, 0.12);
}
.mxo-widget-avatarstack li .mxo-widget-avatar.avatar-full {
  box-shadow: none;
}
.mxo-widget-avatar,
.mxo-widget-avatar:link,
.mxo-widget-avatar:visited {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  height: 24px;
  width: 24px;
  max-width: 100%;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #14140f;
  background: #c7f2e5;
  border: 1px solid #94ded1;
  border-radius: 12px;
}
.mxo-widget-avatar .label,
.mxo-widget-avatar:link .label,
.mxo-widget-avatar:visited .label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxo-widget-avatar.avatar-full {
  padding: 0 8px;
  width: auto;
}
.mxo-widget-avatar.avatar-more {
  font-size: 10px;
  background-color: #e3e3de;
  border-color: #d4d1cc;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
.mxo-widget-calltoaction-card,
.mxo-widget-calltoaction-card:link,
.mxo-widget-calltoaction-card:visited {
  position: relative;
  display: flex;
  text-decoration: none;
  font-weight: 400;
  border: 2px solid #b5c7c4;
  border-radius: 6px;
  background: #f0f0eb;
}
.mxo-widget-calltoaction-card .cta-label-sublabel,
.mxo-widget-calltoaction-card:link .cta-label-sublabel,
.mxo-widget-calltoaction-card:visited .cta-label-sublabel {
  display: flex;
  flex-flow: column;
}
.mxo-widget-calltoaction-card .cta-label,
.mxo-widget-calltoaction-card:link .cta-label,
.mxo-widget-calltoaction-card:visited .cta-label {
  font-weight: bold;
  overflow-wrap: break-word;
}
.mxo-widget-calltoaction-card .cta-sublabel,
.mxo-widget-calltoaction-card:link .cta-sublabel,
.mxo-widget-calltoaction-card:visited .cta-sublabel {
  color: #14140f;
  overflow-wrap: break-word;
}
.mxo-widget-calltoaction-card:hover,
.styleguide-hover .mxo-widget-calltoaction-card {
  text-decoration: none;
  background-color: #eef0f0;
  border-color: #506762;
}
.mxo-widget-calltoaction-card,
.mxo-widget-calltoaction-card:link,
.mxo-widget-calltoaction-card:visited {
  flex-flow: column;
  align-items: center;
  gap: 12px;
  padding: 12px;
}
.mxo-widget-calltoaction-card .cta-image,
.mxo-widget-calltoaction-card:link .cta-image,
.mxo-widget-calltoaction-card:visited .cta-image {
  width: 100%;
  max-width: 190px;
  aspect-ratio: 100 / 75;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.mxo-widget-calltoaction-card .cta-label,
.mxo-widget-calltoaction-card:link .cta-label,
.mxo-widget-calltoaction-card:visited .cta-label {
  font-size: 16px;
  text-align: center;
}
.mxo-widget-calltoaction-card .cta-sublabel,
.mxo-widget-calltoaction-card:link .cta-sublabel,
.mxo-widget-calltoaction-card:visited .cta-sublabel {
  text-align: center;
}
.mxo-widget-calltoaction-card .cta-calltoaction,
.mxo-widget-calltoaction-card:link .cta-calltoaction,
.mxo-widget-calltoaction-card:visited .cta-calltoaction {
  text-decoration: underline;
}
.mxo-widget-calltoaction-card .cta-calltoaction::after,
.mxo-widget-calltoaction-card:link .cta-calltoaction::after,
.mxo-widget-calltoaction-card:visited .cta-calltoaction::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
  margin-left: 7px;
  opacity: 0.75;
}
.mxo-widget-calltoaction-card:hover .cta-calltoaction::after,
.styleguide-hover .mxo-widget-calltoaction-card .cta-calltoaction::after {
  opacity: 1;
}
.mxo-widget-calltoaction-button,
.mxo-widget-calltoaction-button:link,
.mxo-widget-calltoaction-button:visited {
  position: relative;
  display: flex;
  text-decoration: none;
  font-weight: 400;
  border: 2px solid #b5c7c4;
  border-radius: 6px;
  background: #f0f0eb;
}
.mxo-widget-calltoaction-button .cta-label-sublabel,
.mxo-widget-calltoaction-button:link .cta-label-sublabel,
.mxo-widget-calltoaction-button:visited .cta-label-sublabel {
  display: flex;
  flex-flow: column;
}
.mxo-widget-calltoaction-button .cta-label,
.mxo-widget-calltoaction-button:link .cta-label,
.mxo-widget-calltoaction-button:visited .cta-label {
  font-weight: bold;
  overflow-wrap: break-word;
}
.mxo-widget-calltoaction-button .cta-sublabel,
.mxo-widget-calltoaction-button:link .cta-sublabel,
.mxo-widget-calltoaction-button:visited .cta-sublabel {
  color: #14140f;
  overflow-wrap: break-word;
}
.mxo-widget-calltoaction-button:hover,
.styleguide-hover .mxo-widget-calltoaction-button {
  text-decoration: none;
  background-color: #eef0f0;
  border-color: #506762;
}
.mxo-widget-calltoaction-button,
.mxo-widget-calltoaction-button:link,
.mxo-widget-calltoaction-button:visited {
  padding: 8px 24px 8px 8px;
}
.mxo-widget-calltoaction-button::after,
.mxo-widget-calltoaction-button:link::after,
.mxo-widget-calltoaction-button:visited::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.75;
}
.mxo-widget-calltoaction-button .cta-label-sublabel,
.mxo-widget-calltoaction-button:link .cta-label-sublabel,
.mxo-widget-calltoaction-button:visited .cta-label-sublabel {
  gap: 4px;
}
.mxo-widget-calltoaction-button:hover::after,
.styleguide-hover .mxo-widget-calltoaction-button::after {
  opacity: 1;
}
.mxo-widget-calltoaction-button.cta-external,
.mxo-widget-calltoaction-button.cta-external:link,
.mxo-widget-calltoaction-button.cta-external:visited {
  background-color: #fcfcfb;
}
.mxo-widget-calltoaction-button.cta-external::after,
.mxo-widget-calltoaction-button.cta-external:link::after,
.mxo-widget-calltoaction-button.cta-external:visited::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M13.824%207.104c-0.397%200-0.701%200.304-0.701%200.701v5.143c0%200.912-0.725%201.636-1.636%201.636h-8.416c-0.912%200-1.636-0.725-1.636-1.636v-8.416c0-0.912%200.725-1.636%201.636-1.636h5.143c0.397%200%200.701-0.304%200.701-0.701s-0.304-0.701-0.701-0.701h-5.143c-1.683%200-3.039%201.356-3.039%203.039v8.416c0%201.683%201.356%203.039%203.039%203.039h8.416c1.683%200%203.039-1.356%203.039-3.039v-5.143c0-0.397-0.304-0.701-0.701-0.701z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M15.998%200.605c0-0.023%200-0.047-0.023-0.047%200-0.023-0.023-0.047-0.023-0.070s-0.023-0.047-0.047-0.070c0-0.023-0.023-0.047-0.023-0.047-0.047-0.070-0.117-0.14-0.187-0.187l-0.047-0.023c-0.047-0.070-0.093-0.093-0.14-0.093l-0.070-0.023c-0.047%200-0.094-0.023-0.14-0.023h-4.278c-0.397%200-0.701%200.304-0.701%200.701s0.304%200.701%200.701%200.701h2.595l-6.429%206.452c-0.28%200.281-0.28%200.725%200%200.982%200.281%200.281%200.725%200.281%200.982%200l6.452-6.429v2.595c0%200.397%200.304%200.701%200.701%200.701%200.374-0%200.678-0.327%200.701-0.701v-4.278c-0-0.047-0-0.094-0.023-0.14z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-calltoaction-button.cta-external:hover,
.styleguide-hover .mxo-widget-calltoaction-button.cta-external {
  background-color: #eef0f0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
/* 	Needed for legacy fabric components:
	- state_group_checkbox
*/
.mxo-widget-checkbox {
  position: relative;
  display: flex;
  gap: 8px;
  box-sizing: border-box;
  min-height: 17px;
  cursor: pointer;
}
.mxo-widget-checkbox.disabled,
.mxo-widget-checkbox.readonly {
  cursor: default;
}
.mxo-widget-table .row .cells .cell .mxo-widget-checkbox {
  float: left;
  padding: 4px 0.5ch 4px 5px;
  min-height: 24px;
}
.spacious.mxo-widget-table .row .cells .cell .mxo-widget-checkbox {
  padding: 8px 0.5ch 8px 5px;
  min-height: 32px;
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-checkbox,
.spacious.mxo-widget-table .row .cells .cell:first-child .mxo-widget-checkbox {
  padding-right: 0;
}
.mxo-widget-toolbar-v2 > li > .mxo-widget-checkbox {
  min-height: 32px;
  align-items: center;
}
.mxo-widget-checkbox input[type="checkbox"] {
  margin: 0;
  padding: 0;
  position: absolute;
  top: auto;
  width: 16px;
  height: 16px;
  min-height: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
@media print {
  .mxo-widget-checkbox input[type="checkbox"] {
    opacity: 1;
  }
}
.mxo-widget-checkbox input[type="checkbox"] + .checkbox-overlay,
.mxo-widget-checkbox input[type="checkbox"] + .radiobutton-overlay {
  flex: 0 0 auto;
  position: relative;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  background: no-repeat #fcfcfb -0.75px -0.75px;
  border: 0.75px solid #919187;
  transition: 0.15s ease-in-out;
  transition-property: color, background, box-shadow;
}
@media print {
  .mxo-widget-checkbox input[type="checkbox"] + .checkbox-overlay,
  .mxo-widget-checkbox input[type="checkbox"] + .radiobutton-overlay {
    opacity: 0;
  }
}
.mxo-widget-checkbox input[type="checkbox"]:focus-visible + .checkbox-overlay,
.styleguide-focus .mxo-widget-checkbox input[type="checkbox"] + .checkbox-overlay,
.mxo-widget-checkbox input[type="checkbox"]:focus-visible + .radiobutton-overlay,
.styleguide-focus .mxo-widget-checkbox input[type="checkbox"] + .radiobutton-overlay {
  background: #f7f7f5;
  outline: 1.5px solid #3d9c9c;
}
.mxo-widget-checkbox input[type="checkbox"]:checked + .checkbox-overlay,
.mxo-widget-checkbox input[type="checkbox"].indeterminate + .checkbox-overlay,
.mxo-widget-checkbox input[type="checkbox"]:checked + .radiobutton-overlay,
.mxo-widget-checkbox input[type="checkbox"].indeterminate + .radiobutton-overlay {
  background-color: #3d9c9c;
  border-color: #3d9c9c;
}
.mxo-widget-checkbox input[type="checkbox"]:checked:focus-visible + .checkbox-overlay,
.mxo-widget-checkbox input[type="checkbox"].indeterminate:focus-visible + .checkbox-overlay,
.styleguide-focus .mxo-widget-checkbox input[type="checkbox"]:checked + .checkbox-overlay,
.styleguide-focus .mxo-widget-checkbox input[type="checkbox"].indeterminate + .checkbox-overlay,
.mxo-widget-checkbox input[type="checkbox"]:checked:focus-visible + .radiobutton-overlay,
.mxo-widget-checkbox input[type="checkbox"].indeterminate:focus-visible + .radiobutton-overlay,
.styleguide-focus .mxo-widget-checkbox input[type="checkbox"]:checked + .radiobutton-overlay,
.styleguide-focus .mxo-widget-checkbox input[type="checkbox"].indeterminate + .radiobutton-overlay {
  outline-offset: 0.75px;
}
.mxo-widget-checkbox input[type="checkbox"]:disabled {
  cursor: default;
}
.mxo-widget-checkbox input[type="checkbox"]:disabled + .checkbox-overlay,
.mxo-widget-checkbox input[type="checkbox"]:disabled + .radiobutton-overlay {
  background-color: #d4d1cc;
  border-color: #d4d1cc;
}
.mxo-widget-checkbox input[type="checkbox"]:disabled:checked + .checkbox-overlay,
.mxo-widget-checkbox input[type="checkbox"]:disabled:checked + .radiobutton-overlay {
  background-color: #cad4d4;
}
.mxo-widget-checkbox:hover input[type="checkbox"]:not(:disabled) + .checkbox-overlay,
.styleguide-hover .mxo-widget-checkbox input[type="checkbox"]:not(:disabled) + .checkbox-overlay,
.mxo-widget-checkbox:hover input[type="checkbox"]:not(:disabled) + .radiobutton-overlay,
.styleguide-hover .mxo-widget-checkbox input[type="checkbox"]:not(:disabled) + .radiobutton-overlay {
  background-color: #00575e;
  border-color: #00575e;
}
.mxo-widget-checkbox:hover input[type="checkbox"]:not(:disabled):not(:checked):not(.indeterminate) + .checkbox-overlay,
.styleguide-hover .mxo-widget-checkbox input[type="checkbox"]:not(:disabled):not(:checked):not(.indeterminate) + .checkbox-overlay,
.mxo-widget-checkbox:hover input[type="checkbox"]:not(:disabled):not(:checked):not(.indeterminate) + .radiobutton-overlay,
.styleguide-hover .mxo-widget-checkbox input[type="checkbox"]:not(:disabled):not(:checked):not(.indeterminate) + .radiobutton-overlay {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  background-color: #fcfcfb;
  border-color: #00575e;
}
.mxo-widget-checkbox .checkbox-label,
.mxo-widget-checkbox .radiobutton-label {
  display: flex;
  overflow: hidden;
  line-height: normal;
  text-overflow: ellipsis;
}
.mxo-widget-table .row .cells .cell .mxo-widget-checkbox .checkbox-label,
.mxo-widget-table .row .cells .cell .mxo-widget-checkbox .radiobutton-label {
  line-height: 16px;
}
.disabled.mxo-widget-checkbox .checkbox-label .checkbox-label,
.disabled.mxo-widget-checkbox .radiobutton-label .checkbox-label,
.disabled.mxo-widget-checkbox .checkbox-label .radiobutton-label,
.disabled.mxo-widget-checkbox .radiobutton-label .radiobutton-label {
  color: #6e6e66;
}
.mxo-widget-checkbox input[type="checkbox"] + .checkbox-overlay {
  top: 1px;
  border-radius: 2px;
}
.mxo-widget-checkbox input[type="checkbox"]:checked + .checkbox-overlay {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M6.483%2011.55%203.25%208.334l.85-.867L6.483%209.85l5.417-5.4.85.85-6.267%206.25Z%22/%3E%3C/svg%3E");
}
.mxo-widget-checkbox input[type="checkbox"].indeterminate + .checkbox-overlay {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M4.8%208.6V7.4h6.4v1.2H4.8Z%22/%3E%3C/svg%3E");
}
.mxo-widget-checkbox.readonly input[type="checkbox"]:checked + .checkbox-overlay {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%233d9c9c%22%20d%3D%22M6.483%2011.55%203.25%208.334l.85-.867L6.483%209.85l5.417-5.4.85.85-6.267%206.25Z%22/%3E%3C/svg%3E");
  background-color: transparent;
  border-color: transparent;
}
.mxo-widget-checkbox-group {
  display: flex;
  flex-flow: column;
  gap: 8px;
}

.mxo-widget-codesnippet {
  overflow: auto;
  font-size: 12px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* 	Needed for legacy fabric components:
	- table/table
*/
.mxo-widget-context-list {
  position: relative;
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.mxo-widget-context-list .mxo-widget-context-list {
  position: static;
}
.mxo-widget-context-list .context-list-content-heading {
  background: #fcfcfb;
}
.mxo-widget-context-list .context-list-content-heading > a,
.mxo-widget-context-list .context-list-content-heading .navigation-heading,
.mxo-widget-context-list .context-list-content-heading > a:link,
.mxo-widget-context-list .context-list-content-heading .navigation-heading:link,
.mxo-widget-context-list .context-list-content-heading > a:visited,
.mxo-widget-context-list .context-list-content-heading .navigation-heading:visited {
  position: relative;
  display: block;
  padding: 8px 8px 8px 24px;
  min-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  line-height: 18px;
  color: #14140f;
  cursor: pointer;
}
.mxo-widget-context-list .context-list-content-heading > a::after,
.mxo-widget-context-list .context-list-content-heading .navigation-heading::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mxo-widget-context-list .mxo-widget-context-list .context-list-content-heading {
  position: absolute;
  top: 0;
  width: 100%;
}
.mxo-tooltip-v2 .mxo-widget-context-list .context-list-content-heading {
  background: #fcfcfb;
}
.mxo-widget-context-list .context-list-content {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-context-list .context-list-content > h1,
.mxo-widget-context-list .context-list-content > h2,
.mxo-widget-context-list .context-list-content > h3,
.mxo-widget-context-list .context-list-content > h4,
.mxo-widget-context-list .context-list-content > h5,
.mxo-widget-context-list .context-list-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-context-list .context-list-content > p,
.mxo-widget-context-list .context-list-content > ul {
  margin: 0;
}
.mxo-widget-context-list .context-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mxo-widget-context-list .context-list .context-list-heading {
  padding: 16px 0 8px 0;
}
.mxo-widget-context-list .context-list .context-list-heading:first-child {
  padding-top: 8px;
}
.mxo-widget-context-list .context-list li {
  margin: 0;
}
.mxo-widget-context-list .context-list li .context-list-item {
  position: relative;
  padding: 8px;
  min-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  line-height: 18px;
  color: #14140f;
  cursor: pointer;
}
.mxo-widget-context-list .context-list li .context-list-item:hover,
.styleguide-hover .mxo-widget-context-list .context-list li .context-list-item {
  background-color: #f0f0eb;
}
.mxo-widget-context-list .context-list li .context-list-item:focus,
.styleguide-focus .mxo-widget-context-list .context-list li .context-list-item {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-context-list .context-list li .separator {
  border-bottom: 1px solid #d4d1cc;
}
.mxo-widget-context-list .context-list li.context-list-selectable.enable-arrow .context-list-item {
  padding-right: 32px;
}
.mxo-widget-context-list .context-list li.context-list-selectable.enable-arrow .context-list-item::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.mxo-widget-context-list .context-list li.context-list-selectable.enable-arrow.disabled .context-list-item::after {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-context-list .context-list li.context-list-selectable.selected .context-list-item {
  color: #004547;
  background-color: #c7f2e5;
}
.mxo-widget-context-list .context-list li.context-list-selectable.selected .context-list-item:hover,
.styleguide-hover .mxo-widget-context-list .context-list li.context-list-selectable.selected .context-list-item {
  background-color: #b5ebdb;
}
.mxo-widget-context-list .context-list li.context-list-external .context-list-item {
  padding-right: 32px;
}
.mxo-widget-context-list .context-list li.context-list-external .context-list-item::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M13.824%207.104c-0.397%200-0.701%200.304-0.701%200.701v5.143c0%200.912-0.725%201.636-1.636%201.636h-8.416c-0.912%200-1.636-0.725-1.636-1.636v-8.416c0-0.912%200.725-1.636%201.636-1.636h5.143c0.397%200%200.701-0.304%200.701-0.701s-0.304-0.701-0.701-0.701h-5.143c-1.683%200-3.039%201.356-3.039%203.039v8.416c0%201.683%201.356%203.039%203.039%203.039h8.416c1.683%200%203.039-1.356%203.039-3.039v-5.143c0-0.397-0.304-0.701-0.701-0.701z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M15.998%200.605c0-0.023%200-0.047-0.023-0.047%200-0.023-0.023-0.047-0.023-0.070s-0.023-0.047-0.047-0.070c0-0.023-0.023-0.047-0.023-0.047-0.047-0.070-0.117-0.14-0.187-0.187l-0.047-0.023c-0.047-0.070-0.093-0.093-0.14-0.093l-0.070-0.023c-0.047%200-0.094-0.023-0.14-0.023h-4.278c-0.397%200-0.701%200.304-0.701%200.701s0.304%200.701%200.701%200.701h2.595l-6.429%206.452c-0.28%200.281-0.28%200.725%200%200.982%200.281%200.281%200.725%200.281%200.982%200l6.452-6.429v2.595c0%200.397%200.304%200.701%200.701%200.701%200.374-0%200.678-0.327%200.701-0.701v-4.278c-0-0.047-0-0.094-0.023-0.14z%22%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.mxo-widget-context-list .context-list li.disabled .context-list-item {
  color: #b2b0ab;
  cursor: auto;
}
.mxo-widget-context-list .context-list li.disabled .context-list-item:hover,
.styleguide-hover .mxo-widget-context-list .context-list li.disabled .context-list-item {
  background: inherit;
}
.mxo-widget-context-list .context-list li.disabled .context-list-item:focus,
.styleguide-focus .mxo-widget-context-list .context-list li.disabled .context-list-item {
  outline: none;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
.mxo-widget-copyable {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mxo-widget-copyable .content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mxo-widget-copyable .copyable-action {
  flex: 1 1 auto;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* 	Needed for legacy fabric components:
	- debugger
*/
.mxo-widget-debugger {
  width: inherit;
  height: inherit;
}
.mxo-widget-debugger > .debug-options {
  display: flex;
  position: absolute;
  bottom: 48px;
  left: 0;
  padding: 0 8px;
  z-index: 2;
}
.mxo-widget-debugger > .debug-options .debug-options-button,
.mxo-widget-debugger > .debug-options .debug-options-button:link,
.mxo-widget-debugger > .debug-options .debug-options-button:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-diagram-node {
  display: flex;
  gap: 8px;
}
.mxo-widget-diagram-node.align-horizontal.has-create-node-right::before {
  content: attr(data-createbutton);
  color: transparent;
  overflow: hidden;
  visibility: hidden;
  text-overflow: clip;
  white-space: nowrap;
  padding: 0 8px 0 26px;
}
.mxo-widget-diagram-node .wrapper {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.mxo-widget-diagram-node .wrapper .content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mxo-widget-diagram-node .wrapper .content .node {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  display: flex;
  gap: 4px;
  min-height: 34px;
  height: 70px;
  width: 250px;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 16px;
  /* should be length for fixed height of label */
  background-color: #ffffff;
  border: 1px solid #e3e3de;
  border-radius: 16px;
}
.mxo-widget-diagram-node .wrapper .content .node:has(.mark) {
  gap: 8px;
}
.text-full.mxo-widget-diagram-node .wrapper .content .node {
  height: auto;
}
.dragging.mxo-widget-diagram-node .wrapper .content .node,
.styleguide-dragging .mxo-widget-diagram-node .wrapper .content .node {
  box-shadow: 0 0.5px 4px -4px rgba(20, 20, 15, 0.24), 0 4px 24px -8px rgba(20, 20, 15, 0.16), 0 8px 32px -16px rgba(20, 20, 15, 0.16);
  background-color: rgba(255, 255, 255, 0.4);
  border-color: #ffffff;
}
.diagram-node-color-neutral.mxo-widget-diagram-node .wrapper .content .node {
  border-color: transparent;
  background-color: #f7f7f5;
  box-shadow: none;
}
.dragging.diagram-node-color-neutral.mxo-widget-diagram-node .wrapper .content .node,
.styleguide-dragging .diagram-node-color-neutral.mxo-widget-diagram-node .wrapper .content .node {
  background-color: rgba(247, 247, 245, 0.6);
}
.diagram-node-color-primary.mxo-widget-diagram-node .wrapper .content .node {
  background-color: #d9f7ed;
  border-color: #94ded1;
}
.dragging.diagram-node-color-primary.mxo-widget-diagram-node .wrapper .content .node,
.styleguide-dragging .diagram-node-color-primary.mxo-widget-diagram-node .wrapper .content .node {
  background-color: rgba(217, 247, 237, 0.6);
  border-color: #ffffff;
}
.mxo-widget-diagram-node .wrapper .content .node.draggable .draghandle {
  flex: 1 0 auto;
  padding: 5px;
  cursor: move;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.mxo-widget-diagram-node .wrapper .content .node.draggable:hover .draghandle,
.styleguide-hover .mxo-widget-diagram-node .wrapper .content .node.draggable .draghandle {
  opacity: 1;
}
.mxo-widget-diagram-node .wrapper .content .node .label-icon-container {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 0 0 auto;
  width: 24px;
  padding: 4px 0 4px 4px;
  overflow: hidden;
}
.mxo-widget-diagram-node .wrapper .content .node .label-icon-container .mark,
.mxo-widget-diagram-node .wrapper .content .node .label-icon-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
}
.mxo-widget-diagram-node .wrapper .content .node .label-icon-container::before {
  background: #ffffff;
}
.diagram-node-color-primary.mxo-widget-diagram-node .wrapper .content .node .label-icon-container::before {
  background-color: #edfaf5;
}
.mxo-widget-diagram-node .wrapper .content .node .label-icon-container .mark {
  height: auto;
  bottom: 4px;
}
.mxo-widget-diagram-node .wrapper .content .node .label-icon-container .label-icon {
  height: 24px;
  width: 24px;
  padding: 5px;
  box-sizing: border-box;
  overflow: hidden;
}
.mxo-widget-diagram-node .wrapper .content .node .label {
  display: flex;
  flex-flow: column;
  gap: 4px;
  flex: 1 1 auto;
  padding: 8px 0 8px 0;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.mxo-widget-diagram-node .wrapper .content .node .label:first-child {
  padding-left: 10px;
}
.mxo-widget-diagram-node .wrapper .content .node .label:last-child {
  padding-right: 10px;
}
.mxo-widget-diagram-node .wrapper .content .node .label .label-wrapper {
  display: flex;
  gap: 4px;
}
.mxo-widget-diagram-node .wrapper .content .node .label .label-wrapper .label-text {
  flex: 1 1 auto;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-full.mxo-widget-diagram-node .wrapper .content .node .label .label-wrapper .label-text {
  display: block;
  max-height: none;
  white-space: normal;
}
.mxo-widget-diagram-node .wrapper .content .node .label .label-wrapper .counter {
  flex: 0 0 auto;
  font-size: max(90%, 11px);
}
.mxo-widget-diagram-node .wrapper .content .node .label .label-sublabel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: max(90%, 11px);
}
.text-full.mxo-widget-diagram-node .wrapper .content .node .label .label-sublabel {
  white-space: normal;
}
.mxo-widget-diagram-node .wrapper .content .node .actions {
  flex: 0 0 auto;
  padding: 4px 8px 4px 0;
}
.mxo-widget-diagram-node .wrapper .footer {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  width: 250px;
}
.align-vertical.mxo-widget-diagram-node .wrapper .footer {
  min-height: 24px;
}
.has-expand-left.mxo-widget-diagram-node .wrapper .footer {
  margin-left: 32px;
}
.mxo-widget-diagram-node.diagram-node-selectable .content .node {
  cursor: pointer;
}
.mxo-widget-diagram-node.diagram-node-selectable .content .node:hover,
.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable .content .node {
  box-shadow: 0 0.5px 4px -4px rgba(20, 20, 15, 0.24), 0 4px 12px -4px rgba(20, 20, 15, 0.12), 0 8px 16px -8px rgba(20, 20, 15, 0.12);
  border-color: #d4d4cc;
}
.dragging.mxo-widget-diagram-node.diagram-node-selectable .content .node:hover,
.dragging.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable .content .node,
.styleguide-dragging.mxo-widget-diagram-node.diagram-node-selectable .content .node:hover,
.styleguide-dragging.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable .content .node {
  border-color: #ffffff;
}
.diagram-node-color-primary.mxo-widget-diagram-node.diagram-node-selectable .content .node:hover,
.diagram-node-color-primary.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable .content .node {
  background-color: #c7f2e5;
  border-color: #5ec7bf;
}
.dragging.diagram-node-color-primary.mxo-widget-diagram-node.diagram-node-selectable .content .node:hover,
.dragging.diagram-node-color-primary.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable .content .node,
.styleguide-dragging.diagram-node-color-primary.mxo-widget-diagram-node.diagram-node-selectable .content .node:hover,
.styleguide-dragging.diagram-node-color-primary.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable .content .node {
  background-color: rgba(199, 242, 229, 0.4);
  border-color: #ffffff;
}
.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node {
  background-color: #c7f2e5;
  border-color: #94ded1;
}
.dragging.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node,
.styleguide-dragging.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node {
  background-color: rgba(199, 242, 229, 0.6);
  border-color: #ffffff;
}
.diagram-node-color-primary.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node {
  background-color: #c7f2e5;
  border-color: #94ded1;
}
.dragging.diagram-node-color-primary.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node,
.styleguide-dragging.diagram-node-color-primary.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node {
  background-color: rgba(199, 242, 229, 0.6);
  border-color: #ffffff;
}
.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node:hover,
.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable.selected .content .node {
  background-color: #b5ebdb;
  border-color: #5ec7bf;
}
.dragging.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node:hover,
.dragging.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable.selected .content .node,
.styleguide-dragging.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node:hover,
.styleguide-dragging.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable.selected .content .node {
  background-color: rgba(181, 235, 219, 0.6);
  border-color: #ffffff;
}
.diagram-node-color-primary.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node:hover,
.diagram-node-color-primary.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable.selected .content .node {
  background-color: #b5ebdb;
  border-color: #5ec7bf;
}
.dragging.diagram-node-color-primary.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node:hover,
.dragging.diagram-node-color-primary.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable.selected .content .node,
.styleguide-dragging.diagram-node-color-primary.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node:hover,
.styleguide-dragging.diagram-node-color-primary.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable.selected .content .node {
  background-color: rgba(181, 235, 219, 0.6);
  border-color: #ffffff;
}
.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node .label-icon-container::before {
  background-color: #d9f7ed;
}
.diagram-node-color-primary.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node .label-icon-container::before {
  background-color: #edfaf5;
}
.mxo-widget-diagram-node.diagram-node-highlight .content .node {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-diagram-node .diagram-expand-button,
.mxo-widget-diagram-node .diagram-expand-button:link,
.mxo-widget-diagram-node .diagram-expand-button:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  flex: 1 1 auto;
  text-decoration: none;
  color: #14140f;
}
.mxo-widget-diagram-node .diagram-expand-button .expand,
.mxo-widget-diagram-node .diagram-expand-button:link .expand,
.mxo-widget-diagram-node .diagram-expand-button:visited .expand {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  width: 24px;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #e3e3de;
  border-radius: 12px;
}
.mxo-widget-diagram-node .diagram-expand-button .expand:has(.count),
.mxo-widget-diagram-node .diagram-expand-button:link .expand:has(.count),
.mxo-widget-diagram-node .diagram-expand-button:visited .expand:has(.count) {
  width: auto;
}
.mxo-widget-diagram-node .diagram-expand-button:focus .expand,
.styleguide-focus .mxo-widget-diagram-node .diagram-expand-button .expand {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-diagram-node .diagram-expand-button:hover .expand,
.styleguide-hover .mxo-widget-diagram-node .diagram-expand-button .expand {
  box-shadow: 0 0.5px 4px -4px rgba(20, 20, 15, 0.24), 0 4px 12px -4px rgba(20, 20, 15, 0.12), 0 8px 16px -8px rgba(20, 20, 15, 0.12);
  border-color: #d4d4cc;
}
.mxo-widget-diagram-node .diagram-expand-button.bottom .expand::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
.mxo-widget-diagram-node .diagram-expand-button.bottom.expanded .expand::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m12%208.295-6%206%201.41%201.41%204.59-4.58%204.59%204.58%201.41-1.41-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-diagram-node .diagram-expand-button.left .expand::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
}
.mxo-widget-diagram-node .diagram-expand-button.left.expanded .expand::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-diagram-node .diagram-expand-button.left .count {
  order: 2;
  padding-right: 8px;
}
.mxo-widget-diagram-node .diagram-expand-button.right .expand::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-diagram-node .diagram-expand-button.right.expanded .expand::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
}
.mxo-widget-diagram-node .diagram-expand-button.right .count {
  padding-left: 8px;
}
.mxo-widget-diagram-create-button,
.mxo-widget-diagram-create-button:link,
.mxo-widget-diagram-create-button:visited {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 24px;
  min-width: 24px;
  padding: 0 8px 0 4px;
  box-sizing: border-box;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
  color: #144278;
  background: #e0e8ff;
  border: 1px solid #bfcffc;
  border-radius: 12px;
  transition: 0.15s ease-in-out;
}
.mxo-widget-diagram-create-button:focus {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-diagram-create-button:hover {
  background-color: #bfcffc;
}
.mxo-widget-diagram-create-button:empty {
  align-self: center;
  padding: 0;
}
.mxo-widget-diagram-create-button::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23144278%22%20d%3D%22M11%2021V13H3V11H11V3H13V11H21V13H13V21H11Z%22/%3E%3C/svg%3E");
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-divider {
  border-top: none;
  border-bottom: 1px solid #d4d1cc;
  margin: 0;
  /* FIX left/right 0 for not growing (getting 100%) when used with flexbox */
}
.mxo-widget-filterbar .mxo-widget-divider,
.mxo-widget-context-list .mxo-widget-divider {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* Content spacing */
.mxo-widget-drawer {
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  position: absolute;
  top: 40px;
  right: 0;
  width: 0;
  height: calc(100vh - 40px);
  box-sizing: border-box;
  overflow: hidden;
  visibility: hidden;
  background: #fcfcfb;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  transition: 0.25s ease-in-out;
  transition-property: width;
}
.mxo-widget-drawer.show {
  width: 400px;
  box-shadow: 0 4px 32px -16px rgba(20, 20, 15, 0.12), 0 2px 24px -8px rgba(20, 20, 15, 0.12), 0 0.5px 4px -1px rgba(20, 20, 15, 0.16);
}
.mxo-widget-drawer.current {
  visibility: visible;
}
.mxo-widget-drawer .drawer-wrapper {
  overflow: auto;
  gap: 16px;
  display: flex;
  gap: 8px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 16px 12px;
  position: relative;
  height: 100%;
  width: 400px;
  box-sizing: border-box;
}
.mxo-widget-drawer .drawer-wrapper > h1,
.mxo-widget-drawer .drawer-wrapper > h2,
.mxo-widget-drawer .drawer-wrapper > h3,
.mxo-widget-drawer .drawer-wrapper > h4,
.mxo-widget-drawer .drawer-wrapper > h5,
.mxo-widget-drawer .drawer-wrapper > h6 {
  margin-bottom: -2px;
}
.mxo-widget-drawer .drawer-wrapper > p,
.mxo-widget-drawer .drawer-wrapper > ul {
  margin: 0;
}
.mxo-widget-drawer .drawer-wrapper .drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  gap: 4px;
}
.mxo-widget-drawer .drawer-wrapper .drawer-header .drawer-close {
  flex: 0 0 auto;
}
.mxo-widget-drawer .drawer-wrapper .drawer-header .drawer-close::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M14.364%200.222l-6.364%206.364-6.364-6.364-1.414%201.414%206.364%206.364-6.364%206.364%201.414%201.414%206.364-6.364%206.364%206.364%201.414-1.414-6.364-6.364%206.364-6.364z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-drawer .drawer-wrapper .drawer-header .drawer-close:hover::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23e54a3b%22%20d%3D%22M14.364%200.222l-6.364%206.364-6.364-6.364-1.414%201.414%206.364%206.364-6.364%206.364%201.414%201.414%206.364-6.364%206.364%206.364%201.414-1.414-6.364-6.364%206.364-6.364z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-drawer .drawer-wrapper .drawer-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-drawer .drawer-wrapper .drawer-content > h1,
.mxo-widget-drawer .drawer-wrapper .drawer-content > h2,
.mxo-widget-drawer .drawer-wrapper .drawer-content > h3,
.mxo-widget-drawer .drawer-wrapper .drawer-content > h4,
.mxo-widget-drawer .drawer-wrapper .drawer-content > h5,
.mxo-widget-drawer .drawer-wrapper .drawer-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-drawer .drawer-wrapper .drawer-content > p,
.mxo-widget-drawer .drawer-wrapper .drawer-content > ul {
  margin: 0;
}
.mxo-widget-drawer-share {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-drawer-share > h1,
.mxo-widget-drawer-share > h2,
.mxo-widget-drawer-share > h3,
.mxo-widget-drawer-share > h4,
.mxo-widget-drawer-share > h5,
.mxo-widget-drawer-share > h6 {
  margin-bottom: -10px;
}
.mxo-widget-drawer-share > p,
.mxo-widget-drawer-share > ul {
  margin: 0;
}
.mxo-widget-drawer-notifications {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-drawer-notifications .drawer-notifications-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-drawer-notifications .drawer-notifications-header > h1,
.mxo-widget-drawer-notifications .drawer-notifications-header > h2,
.mxo-widget-drawer-notifications .drawer-notifications-header > h3,
.mxo-widget-drawer-notifications .drawer-notifications-header > h4,
.mxo-widget-drawer-notifications .drawer-notifications-header > h5,
.mxo-widget-drawer-notifications .drawer-notifications-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-drawer-notifications .drawer-notifications-header > p,
.mxo-widget-drawer-notifications .drawer-notifications-header > ul {
  margin: 0;
}
.mxo-widget-drawer-notifications .drawer-notifications-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-drawer-notifications .drawer-notifications-content > h1,
.mxo-widget-drawer-notifications .drawer-notifications-content > h2,
.mxo-widget-drawer-notifications .drawer-notifications-content > h3,
.mxo-widget-drawer-notifications .drawer-notifications-content > h4,
.mxo-widget-drawer-notifications .drawer-notifications-content > h5,
.mxo-widget-drawer-notifications .drawer-notifications-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-drawer-notifications .drawer-notifications-content > p,
.mxo-widget-drawer-notifications .drawer-notifications-content > ul {
  margin: 0;
}
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-header > h1,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-header > h2,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-header > h3,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-header > h4,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-header > h5,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-header > p,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-header > ul {
  margin: 0;
}
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-content > h1,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-content > h2,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-content > h3,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-content > h4,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-content > h5,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-content > p,
.mxo-widget-drawer-notifications .drawer-notifications-content .notifications-segment .notifications-segment-content > ul {
  margin: 0;
}
ul.mxo-widget-notifications {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.mxo-widget-notifications > li {
  margin: 0;
  padding: 8px;
  display: flex;
  flex-flow: column;
  gap: 4px;
  border-top: 1px solid #d4d1cc;
}
ul.mxo-widget-notifications > li:first-child {
  border-top: 0 none;
}
ul.mxo-widget-notifications > li.notification-selectable {
  cursor: pointer;
}
ul.mxo-widget-notifications > li.notification-selectable:hover {
  background-color: #f1f4f3;
}
ul.mxo-widget-notifications > li .notification-header {
  display: flex;
  justify-content: space-between;
}
ul.mxo-widget-notifications > li .notification-header .notification-state-read,
ul.mxo-widget-notifications > li .notification-header .notification-state-read:link,
ul.mxo-widget-notifications > li .notification-header .notification-state-read:visited {
  position: relative;
  right: -5px;
  top: -5px;
  display: block;
  width: 20px;
  height: 20px;
}
ul.mxo-widget-notifications > li .notification-header .notification-state-read::before,
ul.mxo-widget-notifications > li .notification-header .notification-state-read:link::before,
ul.mxo-widget-notifications > li .notification-header .notification-state-read:visited::before {
  content: "";
  display: block;
  margin: 5px;
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background: #4278cc;
  border: 2px solid #4278cc;
}
ul.mxo-widget-notifications > li .notification-header .notification-state-read:hover::before {
  outline: 5px solid #bfcffc;
}
ul.mxo-widget-notifications > li .notification-date {
  color: #6e6e66;
}
ul.mxo-widget-notifications > li.notification-read,
ul.mxo-widget-notifications > li.notification-read .notification-date {
  color: #999992;
}
ul.mxo-widget-notifications > li.notification-read .notification-header .notification-state-read::before,
ul.mxo-widget-notifications > li.notification-read .notification-header .notification-state-read:link::before,
ul.mxo-widget-notifications > li.notification-read .notification-header .notification-state-read:visited::before {
  background: #fcfcfb;
  border-color: #919187;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-dropdown-v2 {
  flex: 1 1 auto;
}
.mxo-widget-dropdown-v2 .dropdown-value-action {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action:not(:has(.dropdown-select)) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value {
  flex: 1 1 auto;
  min-width: 0;
  /* fix to show action when value is wider than dropdown */
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select {
  padding: 0 25px 0 8px;
  line-height: 30px;
  background-color: #fcfcfb;
  border: 1px solid #919187;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select {
  line-height: 22px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  background-color: #fcfcfb;
  border-color: #919187;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:active,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select {
  padding: 0 24.5px 0 7.5px;
  line-height: 29px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.active a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select {
  padding: 0 24.5px 0 7.5px;
  line-height: 29px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.active a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.active a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.disabled a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.disabled a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.disabled a.dropdown-select:visited,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.disabled a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.disabled a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.disabled a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.disabled a.dropdown-select:active,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.disabled a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.disabled a.dropdown-select {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #f0f0eb;
  box-shadow: none;
  cursor: default;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:visited,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:active,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select {
  padding: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  line-height: 32px;
  background-color: inherit;
  border: 0 none;
  cursor: default;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:visited,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:active,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:link,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:visited,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select:hover,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select {
  line-height: 24px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.readonly a.dropdown-select::after {
  display: none;
  content: none;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select {
  padding: 0 24px 0 7px;
  line-height: 28px;
  background-color: #fcfcfb;
  border: 2px solid #0063ba;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select {
  line-height: 20px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  background-color: #fcfcfb;
  border-color: #0063ba;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select:active,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select {
  padding: 0 24.5px 0 7.5px;
  line-height: 29px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.active a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select {
  padding: 0 24.5px 0 7.5px;
  line-height: 29px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.active a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.active a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.disabled a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.disabled a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.disabled a.dropdown-select:visited,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.disabled a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.disabled a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.disabled a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.disabled a.dropdown-select:active,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.disabled a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.disabled a.dropdown-select {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #0063ba;
  box-shadow: none;
  cursor: default;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:visited,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:active,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select {
  padding: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  line-height: 32px;
  background-color: inherit;
  border: 0 none;
  cursor: default;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:visited,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:active,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:link,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:visited,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select:hover,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select {
  line-height: 24px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new.readonly a.dropdown-select::after {
  display: none;
  content: none;
}
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select,
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select:link,
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select:visited {
  border-color: #0063ba;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select {
  padding: 0 24px 0 7px;
  line-height: 28px;
  background-color: #fcfcfb;
  border: 2px solid #2e7840;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select {
  line-height: 20px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  background-color: #fcfcfb;
  border-color: #2e7840;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select:active,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select {
  padding: 0 24.5px 0 7.5px;
  line-height: 29px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.active a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select {
  padding: 0 24.5px 0 7.5px;
  line-height: 29px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.active a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.active a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.disabled a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.disabled a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.disabled a.dropdown-select:visited,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.disabled a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.disabled a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.disabled a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.disabled a.dropdown-select:active,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.disabled a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.disabled a.dropdown-select {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #2e7840;
  box-shadow: none;
  cursor: default;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:visited,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:active,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select {
  padding: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  line-height: 32px;
  background-color: inherit;
  border: 0 none;
  cursor: default;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:visited,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:active,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:link,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:visited,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select:hover,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select {
  line-height: 24px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive.readonly a.dropdown-select::after {
  display: none;
  content: none;
}
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select,
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select:link,
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select:visited {
  border-color: #2e7840;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select {
  padding: 0 24px 0 7px;
  line-height: 28px;
  background-color: #fcfcfb;
  border: 2px solid #997303;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select {
  line-height: 20px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  background-color: #fcfcfb;
  border-color: #997303;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select:active,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select {
  padding: 0 24.5px 0 7.5px;
  line-height: 29px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.active a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select {
  padding: 0 24.5px 0 7.5px;
  line-height: 29px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.active a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.active a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.disabled a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.disabled a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.disabled a.dropdown-select:visited,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.disabled a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.disabled a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.disabled a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.disabled a.dropdown-select:active,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.disabled a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.disabled a.dropdown-select {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #997303;
  box-shadow: none;
  cursor: default;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:visited,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:active,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select {
  padding: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  line-height: 32px;
  background-color: inherit;
  border: 0 none;
  cursor: default;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:visited,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:active,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:link,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:visited,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select:hover,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select {
  line-height: 24px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning.readonly a.dropdown-select::after {
  display: none;
  content: none;
}
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select,
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select:link,
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select:visited {
  border-color: #997303;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select {
  padding: 0 24px 0 7px;
  line-height: 28px;
  background-color: #fcfcfb;
  border: 2px solid #c90014;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select {
  line-height: 20px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  background-color: #fcfcfb;
  border-color: #c90014;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select:active,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select {
  padding: 0 24.5px 0 7.5px;
  line-height: 29px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.active a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select {
  padding: 0 24.5px 0 7.5px;
  line-height: 29px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.active a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.active a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.disabled a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.disabled a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.disabled a.dropdown-select:visited,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.disabled a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.disabled a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.disabled a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.disabled a.dropdown-select:active,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.disabled a.dropdown-select,
.styleguide-active .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.disabled a.dropdown-select {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #c90014;
  box-shadow: none;
  cursor: default;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:visited,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:focus,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:active,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:hover,
.styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select,
.styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select {
  padding: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  line-height: 32px;
  background-color: inherit;
  border: 0 none;
  cursor: default;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:visited,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:active,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:link,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:visited,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select:hover,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-hover .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select {
  line-height: 24px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative.readonly a.dropdown-select::after {
  display: none;
  content: none;
}
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select,
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select:link,
.mxo-widget-table.expandable .row.open .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select:visited {
  border-color: #c90014;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.new a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.positive a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.warning a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.negative a.dropdown-select {
  padding-right: 46px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value.disabled a.dropdown-select::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%236e6e66%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:link,
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:visited {
  display: block;
  position: relative;
  box-sizing: border-box;
  min-width: 120px;
  width: 100%;
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  font-weight: 400;
  color: #14140f;
  border-radius: 4px;
  outline: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:visited,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:link,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select:visited {
  height: 24px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M12%205.83%2015.17%209l1.41-1.41L12%203%207.41%207.59%208.83%209%2012%205.83Zm0%2012.34L8.83%2015l-1.41%201.41L12%2021l4.59-4.59L15.17%2015%2012%2018.17Z%22/%3E%3C/svg%3E");
  content: " ";
  position: absolute;
  right: 6px;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 16px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 16px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select .placeholder {
  font-style: italic;
  color: #919187;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select .dropdown-status-icon {
  position: absolute;
  top: 4px;
  right: 26px;
  line-height: 0;
  pointer-events: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select .dropdown-status-icon,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-value a.dropdown-select .dropdown-status-icon {
  top: 0px;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-action {
  flex: 0 0 auto;
}
.mxo-widget-dropdown-v2 .dropdown-value-action .dropdown-action:empty {
  display: none;
}
.mxo-widget-dropdown-v2 .dropdown-selection {
  max-height: 330px;
  overflow: auto;
  overflow-x: hidden;
  /* fix for Safari showing horizontal scrollbar */
}
.mxo-widget-dropdown-selector-v2 {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header > h1,
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header > h2,
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header > h3,
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header > h4,
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header > h5,
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header > p,
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header > ul {
  margin: 0;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header:empty {
  display: none;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header a.selector-parent-level,
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header a.selector-parent-level:link,
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header a.selector-parent-level:visited {
  display: block;
  padding: 5px 0;
  margin-bottom: 10px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #3a3a33;
  border-bottom: 1px solid #d4d1cc;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header a.selector-parent-level:last-child {
  margin-bottom: 0;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header a.selector-parent-level::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
  margin-right: 7px;
  opacity: 0.75;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-header a.selector-parent-level:hover::before,
.styleguide-hover .mxo-widget-dropdown-selector-v2 .dropdown-selector-header a.selector-parent-level::before {
  opacity: 1;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-content {
  max-height: 347px;
  /* 10.5 rows * 33 pixels */
  overflow: auto;
  overflow-x: hidden;
  /* fix for Safari showing horizontal scrollbar */
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-content:empty {
  display: none;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-content .mxo-widget-table .body .row .cells.dimmed {
  cursor: default;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-content .mxo-widget-table .body .row .cells .cell .selector-next-level-wrapper .selector-next-level {
  position: relative;
  padding-left: 6px;
  z-index: 1;
  float: right;
  text-decoration: none;
  color: #6c8f89;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-content .mxo-widget-table .body .row .cells .cell .selector-next-level-wrapper .selector-next-level:hover,
.styleguide-hover .mxo-widget-dropdown-selector-v2 .dropdown-selector-content .mxo-widget-table .body .row .cells .cell .selector-next-level-wrapper .selector-next-level {
  color: #506762;
  text-decoration: underline;
}
.mxo-widget-dropdown-selector-v2 .dropdown-toggle {
  display: flex;
  justify-content: right;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-footer:empty {
  display: none;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-footer .selector-add-entry {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  text-decoration: none;
  color: #14140f;
  background: #f5f7ff;
  border: solid 1px #bfcffc;
  border-left: 0 none;
  border-right: 0 none;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-footer .selector-add-entry .selector-add-label {
  flex: 1 1 auto;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-footer .selector-add-entry .selector-add-action {
  flex: 0 0 auto;
}
.mxo-widget-dropdown-selector-v2 .dropdown-selector-footer .selector-add-entry.disabled {
  color: #6e6e66;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* 	Needed for legacy fabric components:
	- emptystate
	- reference/searh/main
*/
.mxo-widget-emptystate {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 8px;
  gap: 16px;
}
.mxo-widget-singleselect .mxo-widget-table .mxo-widget-emptystate,
.mxo-widget-singleselector .mxo-widget-table .mxo-widget-emptystate,
.mxo-widget-multipleselect .mxo-widget-table .mxo-widget-emptystate,
.mxo-widget-multipleselector .mxo-widget-table .mxo-widget-emptystate {
  display: none;
}
.mxo-widget-emptystate .emptystate-image,
.mxo-widget-emptystate .emptystate-title,
.mxo-widget-emptystate .emptystate-description {
  width: 100%;
  max-width: 350px;
  text-align: center;
  word-break: break-word;
}
.mxo-widget-emptystate .emptystate-image {
  aspect-ratio: 1 / 1;
  background: url(557472e5e2b3d5667c07.png) no-repeat 0 0;
  background-size: contain;
}
.mxo-widget-table .mxo-widget-emptystate .emptystate-image {
  background-image: url(7568bbbcb3c8a7d0a27a.png);
}
.mxo-widget-emptystate .emptystate-description {
  font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  color: #6e6e66;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* Content spacing */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
.mxo-widget-expandable:hover,
.styleguide-hover .mxo-widget-expandable {
  box-shadow: 0 0.5px 4px -4px rgba(20, 20, 15, 0.24), 0 4px 12px -4px rgba(20, 20, 15, 0.12), 0 8px 16px -8px rgba(20, 20, 15, 0.12);
}
.mxo-widget-expandable .expandable-heading,
.mxo-widget-expandable .expandable-heading:link,
.mxo-widget-expandable .expandable-heading:visited {
  display: flex;
  gap: 6px;
  padding: 0 40px 0 8px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  line-height: 40px;
  font-weight: 400;
  white-space: nowrap;
  background: #f7f7f5;
  color: #14140f;
  border: 1px solid #b2b0ab;
  border-radius: 4px;
  outline: none;
}
.mxo-widget-expandable .expandable-heading::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
  position: absolute;
  top: 8px;
  right: 8px;
  background-color: #e3e3de;
  border-radius: 50%;
}
.mxo-widget-expandable .expandable-heading .persistent-element-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mxo-widget-expandable .expandable-heading:hover,
.styleguide-hover .mxo-widget-expandable .expandable-heading {
  background: #f0f0eb;
}
.mxo-widget-expandable .expandable-heading:hover::after,
.styleguide-hover .mxo-widget-expandable .expandable-heading::after {
  background-color: #e3e3de;
}
.mxo-widget-expandable .expandable-heading:focus,
.styleguide-focus .mxo-widget-expandable .expandable-heading {
  border-color: #3d9c9c;
}
.mxo-widget-expandable .expandable-content {
  display: none;
}
.mxo-widget-expandable.open .expandable-heading {
  background-color: #c7f2e5;
  border-color: #94ded1;
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.mxo-widget-expandable.open .expandable-heading::after {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22m12%208.295-6%206%201.41%201.41%204.59-4.58%204.59%204.58%201.41-1.41-6-6Z%22/%3E%3C/svg%3E");
  background-color: #b5ebdb;
}
.mxo-widget-expandable.open .expandable-heading:hover,
.styleguide-hover .mxo-widget-expandable.open .expandable-heading {
  background-color: #b5ebdb;
}
.mxo-widget-expandable.open .expandable-heading:hover::after,
.styleguide-hover .mxo-widget-expandable.open .expandable-heading::after {
  background-color: #94ded1;
}
.mxo-widget-expandable.open .expandable-heading:focus,
.styleguide-focus .mxo-widget-expandable.open .expandable-heading {
  border-color: #3d9c9c;
}
.mxo-widget-expandable.open .expandable-content {
  padding: 12px 8px 8px 8px;
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  border: 1px solid #94ded1;
  border-top: 0 none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mxo-widget-expandable.open .expandable-content > h1,
.mxo-widget-expandable.open .expandable-content > h2,
.mxo-widget-expandable.open .expandable-content > h3,
.mxo-widget-expandable.open .expandable-content > h4,
.mxo-widget-expandable.open .expandable-content > h5,
.mxo-widget-expandable.open .expandable-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-expandable.open .expandable-content > p,
.mxo-widget-expandable.open .expandable-content > ul {
  margin: 0;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* 	Needed for legacy fabric components:
	- explanation
*/
.mxo-widget-explanation {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: normal;
}
h1 .mxo-widget-explanation,
h2 .mxo-widget-explanation {
  position: relative;
  top: -2px;
}
.mxo-widget-explanation a,
.mxo-widget-explanation a:link,
.mxo-widget-explanation a:visited {
  padding: 6px 0 6px 6px;
  margin: -6px 0 -6px 0;
  font-weight: 500;
  color: #6e6e66;
}
.mxo-widget-explanation a:has(.icon.notext),
.mxo-widget-explanation a:has(.icon.notext):link,
.mxo-widget-explanation a:has(.icon.notext):visited {
  padding-right: 6px;
  margin-right: -6px;
}
.mxo-widget-explanation a:hover,
.styleguide-hover .mxo-widget-explanation a {
  color: #00575e;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
/* 	Needed for legacy fabric components:
	- filterbar/filterbar
	- filterbar/filterbar_checkbox
	- filterbar/filterbar_daterange
	- filterbar/filterbar_dropdown
	- filterbar/filterbar_radiobuttons
	- filterbar/filterbar_toggles
*/
.mxo-widget-filterbar {
  display: flex;
  flex-flow: column;
  background: #f7f7f5;
  border: 1px solid #e3e3de;
  border-radius: 4px;
}
.mxo-widget-filterbar .number-of-search-results {
  overflow: hidden;
  width: 34px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: 500;
  color: #00575e;
  background: #b5ebdb;
  border-radius: 16px;
}
.mxo-widget-filterbar .mxo-widget-filterbar-item {
  display: flex;
  flex-flow: column;
}
.mxo-widget-filterbar .mxo-widget-filterbar-item .filter-keyvalue {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.mxo-widget-filterbar .mxo-widget-filterbar-item .filter-keyvalue .filter-key {
  font-family: "iA Writer Quattro", Arial, Helvetica, sans-serif;
  overflow: hidden;
  font-weight: 400;
  color: #00575e;
}
.mxo-widget-filterbar .mxo-widget-filterbar-item .filter-keyvalue .filter-value {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.mxo-widget-filterbar .mxo-widget-filterbar-item .filter-keyvalue .filter-value .filter-keyvalue:first-child {
  padding-top: 4px;
}
.mxo-widget-filterbar .mxo-widget-filterbar-item.highlight .filter-keyvalue {
  padding: 8px;
  border: 1px solid #e3e3de;
  background: #f0f0eb;
  border-radius: 4px;
}
.mxo-widget-filterbar .filterbar-filters {
  display: flex;
  gap: 4px;
  padding: 4px;
}
.mxo-widget-filterbar .filterbar-filters > .mxo-widget-filterbar-item {
  justify-content: flex-end;
}
.mxo-widget-filterbar .filterbar-filters > .mxo-widget-filterbar-item.search-filter {
  flex: 1 1 auto;
}
.mxo-widget-filterbar .filterbar-filters > .mxo-widget-filterbar-item .filter-keyvalue {
  gap: 2px;
}
.mxo-widget-filterbar .filterbar-filters > .mxo-widget-filterbar-item .filter-keyvalue .filter-key {
  height: 15px;
  font-size: 11px;
}
.mxo-widget-filterbar .filterbar-filters > .mxo-widget-search {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
.mxo-widget-filterbar .filterbar-advancedfilterswrapper {
  display: none;
  flex-flow: column;
  gap: 8px;
  padding: 4px;
  border-top: 1px solid #e3e3de;
}
.mxo-widget-filterbar .filterbar-advancedfilterswrapper.advancedfilters-shown {
  display: flex;
}
.mxo-widget-filterbar .filterbar-advancedfilterswrapper .filterbar-advancedfilters {
  display: flex;
  flex-flow: wrap;
  gap: 16px 24px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* COLOURS */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* 	Needed for legacy fabric components:
	- filterselection
*/
.mxo-widget-filterselection {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  overflow: auto;
  max-height: 60px;
}
.mxo-widget-filterbar .mxo-widget-filterselection {
  padding: 4px;
  border-top: 1px solid #e3e3de;
}
.mxo-widget-filterbar .mxo-widget-filterselection:empty {
  display: none;
}
.mxo-widget-filterselection .filterselection-label {
  font-family: "iA Writer Quattro", Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #00575e;
}
.mxo-widget-filterselection .filterselection-label::after {
  content: ":";
}
.mxo-widget-filterselection .filterselection-selection {
  display: flex;
  padding: 0 0 0 8px;
  max-width: 85%;
  overflow: hidden;
  box-sizing: border-box;
  height: 20px;
  font-weight: 500;
  color: #6e6e66;
  background: #fcfcfb;
  border: 1px solid #d4d1cc;
  border-radius: 4px;
  animation: appear 0.75s;
  animation-fill-mode: both;
  /* Disable animations in screenshots */
}
body.mxo-mode-screenshot .mxo-widget-filterselection .filterselection-selection {
  animation: none;
}
@keyframes appear {
  0%,
  20%,
  50%,
  50%,
  70%,
  100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scaleX(1);
  }
}
.mxo-widget-filterselection .filterselection-selection .selection-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxo-widget-filterselection .filterselection-selection .selection-delete {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  padding: 0;
  width: 24px;
  opacity: 0.75;
}
.mxo-widget-filterselection .filterselection-selection .selection-delete:hover {
  opacity: 1;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-form {
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  min-height: 52px;
  /* fix to prevent disappearing of form when used in flexbox parent (https://moxio.atlassian.net/browse/OTL-2403) */
}
.mxo-widget-form:has(.form-content:empty) {
  min-height: 36px;
  /* fix to prevent disappearing of form when used in flexbox parent (https://moxio.atlassian.net/browse/OTL-2403) */
}
.mxo-widget-form form {
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
}
@supports (animation-timeline: none) {
  .mxo-widget-form form {
    timeline-scope: --formtimeline;
  }
}
.mxo-widget-form form .form-content {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  overflow: auto;
  padding-bottom: 12px;
}
.mxo-widget-form form .form-content > h1,
.mxo-widget-form form .form-content > h2,
.mxo-widget-form form .form-content > h3,
.mxo-widget-form form .form-content > h4,
.mxo-widget-form form .form-content > h5,
.mxo-widget-form form .form-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-form form .form-content > p,
.mxo-widget-form form .form-content > ul {
  margin: 0;
}
@supports (animation-timeline: none) {
  .mxo-widget-form form .form-content {
    scroll-timeline: --formtimeline block;
  }
}
@supports (animation-timeline: none) {
  .mxo-widget-form form .form-content {
    animation-timeline: --formtimeline;
    animation-name: add-space;
    animation-fill-mode: both;
    animation-range: 0 0;
    animation-duration: 1ms;
    /* Firefox requires this to apply the animation */
  }
}
@supports (animation-timeline: none) {
  .mxo-widget-form form .form-content {
    padding-bottom: 0;
  }
}
@keyframes add-space {
  from {
    padding-bottom: 0;
  }
  to {
    padding-bottom: 12px;
  }
}
.mxo-widget-form form .form-actions {
  position: relative;
  flex: 0 0 auto;
  padding-top: 16px;
}
.mxo-tooltip-v2 .mxo-widget-form form .form-actions {
  padding-top: 12px;
}
.mxo-widget-form form .form-actions .form-divider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
}
@supports (animation-timeline: none) {
  .mxo-widget-form form .form-actions .form-divider {
    animation-timeline: --formtimeline;
    animation-name: show-divider;
    animation-fill-mode: both;
    animation-range: 0 0;
    animation-duration: 1ms;
    /* Firefox requires this to apply the animation */
  }
}
@supports (animation-timeline: none) {
  .mxo-widget-form form .form-actions .form-divider {
    opacity: 0;
  }
}
@keyframes show-divider {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.mxo-widget-form form:has(.form-content:empty) .form-actions {
  padding-top: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-group-buttons {
  display: inline-flex;
  gap: 2px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-radius: 4px;
}
.mxo-widget-toolbar-v2 .mxo-widget-group-buttons {
  margin: 2px 0;
  /* to prevent clipping of box-shadow when .item-is-selected is applied */
}
.mxo-widget-toolbar-v2 li:first-child .mxo-widget-group-buttons {
  margin-left: 2px;
}
.mxo-widget-toolbar-v2.right li:last-child .mxo-widget-group-buttons {
  margin-right: 2px;
}
.mxo-widget-group-buttons li {
  margin: 0;
}
.mxo-widget-group-buttons li:first-child {
  display: none;
}
.mxo-widget-group-buttons li a.button,
.mxo-widget-group-buttons li a.button:link,
.mxo-widget-group-buttons li a.button:visited {
  border-radius: 0;
}
.mxo-widget-group-buttons li:nth-child(2) a.button {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.mxo-widget-group-buttons li:last-child a.button {
  margin-right: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.mxo-widget-group-buttons .number {
  display: block;
  padding: 0 10px;
  height: 32px;
  width: auto;
  overflow: hidden;
  line-height: 32px;
  color: #fcfcfb;
  background: #3d9c9c;
}
.mxo-widget-group-buttons.item-is-selected {
  position: relative;
  background-color: #3d9c9c;
  box-shadow: 0 0 0 2px #3d9c9c;
}
.mxo-widget-group-buttons.item-is-selected li:first-child {
  display: block;
}
.mxo-widget-group-buttons.item-is-selected li:nth-child(2) a.button {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
.mxo-widget-highlight {
  background-color: #b5e5ba;
  color: #14140f;
}
.mxo-widget-highlight.strong {
  background-color: transparent;
  color: inherit;
  font-weight: bold;
}
.mxo-widget-table .selected .mxo-widget-highlight {
  background-color: transparent;
  color: inherit;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Content spacing */
/* 	Needed for legacy fabric components:
	- file/upload_feedback_file
*/
.mxo-widget-infobar {
  padding: 12px 8px 8px 8px;
  flex-flow: wrap;
  display: flex;
  flex: 0 0 auto;
  gap: 0 8px;
  line-height: 1.4;
  background-color: #f0f0eb;
  border: 1px solid #d4d1cc;
  border-radius: 8px;
}
.mxo-widget-infobar,
.mxo-widget-infobar h5 {
  color: #3b3b33;
}
.mxo-widget-infobar.infobar-color-negative {
  background-color: #fff0ed;
  border-color: #fcc4b8;
}
.mxo-widget-infobar.infobar-color-negative,
.mxo-widget-infobar.infobar-color-negative h5 {
  color: #b20012;
}
.mxo-widget-infobar.infobar-color-new {
  background-color: #f5f7ff;
  border-color: #bfcffc;
}
.mxo-widget-infobar.infobar-color-new,
.mxo-widget-infobar.infobar-color-new h5 {
  color: #0057a3;
}
.mxo-widget-infobar.infobar-color-positive {
  background-color: #f0fcf0;
  border-color: #b5e5ba;
}
.mxo-widget-infobar.infobar-color-positive,
.mxo-widget-infobar.infobar-color-positive h5 {
  color: #1c6630;
}
.mxo-widget-infobar.infobar-color-warning {
  background-color: #fff7f0;
  border-color: #ffe3ba;
}
.mxo-widget-infobar.infobar-color-warning,
.mxo-widget-infobar.infobar-color-warning h5 {
  color: #7a5700;
}
.mxo-widget-infobar .infobar-heading {
  flex: 0 0 auto;
  width: 100%;
}
.mxo-widget-infobar .infobar-content {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 1 0 auto;
  justify-content: center;
  width: 10%;
  /* to prevent content from getting to overflow component */
}
.mxo-widget-infobar .infobar-content > h1,
.mxo-widget-infobar .infobar-content > h2,
.mxo-widget-infobar .infobar-content > h3,
.mxo-widget-infobar .infobar-content > h4,
.mxo-widget-infobar .infobar-content > h5,
.mxo-widget-infobar .infobar-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-infobar .infobar-content > p,
.mxo-widget-infobar .infobar-content > ul {
  margin: 0;
}
.mxo-widget-infobar .infobar-content .infobar-contentwithicon {
  display: flex;
}
.mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-icon {
  flex: 0 0 auto;
  width: 20px;
}
.mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-content {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 1 1 auto;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-content > h1,
.mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-content > h2,
.mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-content > h3,
.mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-content > h4,
.mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-content > h5,
.mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-content > p,
.mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-content > ul {
  margin: 0;
}
.mxo-widget-upload .mxo-widget-infobar .infobar-content .infobar-contentwithicon .infobar-contentwithicon-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
/* 	Needed for legacy fabric components:
	- date_input/core
	- input/text
*/
.mxo-widget-input {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  /* for backwards compatibility inside selectors are not wrapped (https://moxio.atlassian.net/browse/DS-426) */
  /* for backwards compatibility inside selectors are not wrapped (https://moxio.atlassian.net/browse/DS-426) */
}
.mxo-widget-input:has(textarea:read-only) {
  min-height: 33px;
}
.mxo-widget-input:has(.units) input,
.mxo-widget-input:has(.units) textarea {
  padding-right: 30px;
}
.mxo-widget-input .input-value {
  flex: 1 1 auto;
  width: 100%;
  /* note: Firefox has no time picker */
}
.mxo-widget-input .input-value:has(.units) input,
.mxo-widget-input .input-value:has(.units) textarea {
  padding-right: 30px;
}
.mxo-widget-input .input-value:has(.units):not(:has(input, textarea)) {
  padding-right: 30px;
}
.mxo-widget-input .input-value:has(.units) .input-status-icon {
  right: 34px;
}
.mxo-widget-input .input-value:not(:has(input, textarea)) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxo-widget-input .input-value:not(:has(input, textarea)) .units {
  right: 0;
}
.mxo-widget-input .input-value .input-status-icon,
.mxo-widget-input .input-value .input-datetime-icon {
  display: flex;
  position: absolute;
  top: 8px;
  pointer-events: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input .input-value .input-status-icon,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input .input-value .input-datetime-icon,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-input .input-value .input-status-icon,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-input .input-value .input-datetime-icon {
  top: 4px;
}
.mxo-widget-input .input-value .input-status-icon {
  right: 7.5px;
}
.mxo-widget-input .input-value:has(input[type="date"]:not(:disabled), input[type="datetime"]:not(:disabled), input[type="datetime-local"]:not(:disabled)) .input-status-icon {
  right: 31.5px;
  /* with custom date/time icon for datepicker */
  /* no datepicker in Safari (hanging-punctuation only supported by Safari) */
}
@supports selector(::-webkit-calendar-picker-indicator) {
  .mxo-widget-input .input-value:has(input[type="date"]:not(:disabled), input[type="datetime"]:not(:disabled), input[type="datetime-local"]:not(:disabled)) .input-status-icon {
    right: 7.5px;
  }
}
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .mxo-widget-input .input-value:has(input[type="date"]:not(:disabled), input[type="datetime"]:not(:disabled), input[type="datetime-local"]:not(:disabled)) .input-status-icon {
    right: 7.5px;
  }
}
.mxo-widget-input .input-value .input-datetime-icon {
  display: none;
  left: 9px;
  /* with custom date/time icon for datepicker */
}
@supports selector(::-webkit-calendar-picker-indicator) {
  .mxo-widget-input .input-value .input-datetime-icon {
    display: flex;
  }
}
.mxo-widget-input .input-linenumbers {
  display: flex;
  flex: 1 0 auto;
  width: 24px;
  z-index: 1;
  clip-path: inset(0 0 -10px -10px);
}
.mxo-widget-input .input-linenumbers ~ .input-value textarea {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  clip-path: inset(0 -10px -10px 0);
  margin-left: -1.5px;
  width: calc(100% + 1.5px);
}
.mxo-widget-input .input-linenumbers:has(~ .input-value textarea:disabled,~ .input-value textarea:disabled:read-only) textarea {
  border-color: #f0f0eb;
  outline: 0 none;
}
.mxo-widget-input .input-linenumbers:has( ~ .input-value textarea:read-only:not(:disabled)) textarea {
  padding-top: 0;
  padding-bottom: 1px;
  border: 0 none;
  outline: 0 none;
}
.mxo-widget-input .input-linenumbers:has(~ .input-value textarea:hover) textarea {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  border-color: #919187;
}
.styleguide-focus .mxo-widget-input .input-linenumbers textarea,
.styleguide-active .mxo-widget-input .input-linenumbers textarea,
.mxo-widget-input .input-linenumbers:has(~ .input-value textarea:focus, ~ .input-value textarea:active) textarea {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-input input,
.mxo-widget-input textarea {
  font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  margin: 0;
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  font-size: 1em;
  font-variant-numeric: slashed-zero;
  letter-spacing: 0.0025em;
  color: #14140f;
  transition: 0.15s ease-in-out;
  transition-property: color, background-color, box-shadow;
  /* hide caret in screenshot mode, as caret blinking causes unstable screenshots */
  padding: 4px 8px 4px 8px;
  background-color: #fcfcfb;
  border: 1px solid #919187;
  border-radius: 4px;
  vertical-align: top;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-input input,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-input textarea {
  min-height: 24px;
}
.mxo-widget-input input:hover,
.mxo-widget-input textarea:hover,
.styleguide-hover .mxo-widget-input input,
.styleguide-hover .mxo-widget-input textarea {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
}
.mxo-widget-input input:disabled:hover,
.mxo-widget-input textarea:disabled:hover,
.mxo-widget-input input:read-only:hover,
.mxo-widget-input textarea:read-only:hover,
.mxo-widget-input input:disabled:read-only:hover,
.mxo-widget-input textarea:disabled:read-only:hover,
.styleguide-hover .mxo-widget-input input:disabled,
.styleguide-hover .mxo-widget-input textarea:disabled,
.styleguide-hover .mxo-widget-input input:read-only,
.styleguide-hover .mxo-widget-input textarea:read-only {
  box-shadow: none;
}
body.mxo-mode-screenshot .mxo-widget-input input,
body.mxo-mode-screenshot .mxo-widget-input textarea {
  caret-color: transparent;
}
.mxo-widget-table .row .cells .cell .mxo-widget-input input,
.mxo-widget-table .row .cells .cell .mxo-widget-input textarea {
  padding-top: 2px;
  padding-bottom: 2px;
}
.mxo-widget-input input:hover,
.mxo-widget-input textarea:hover,
.styleguide-hover .mxo-widget-input input,
.styleguide-hover .mxo-widget-input textarea {
  background: #fcfcfb;
  border-color: #919187;
}
.mxo-widget-input input:focus,
.mxo-widget-input textarea:focus,
.mxo-widget-input input:active,
.mxo-widget-input textarea:active,
.styleguide-focus .mxo-widget-input input,
.styleguide-focus .mxo-widget-input textarea,
.styleguide-active .mxo-widget-input input,
.styleguide-active .mxo-widget-input textarea {
  background: #f7f7f5;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-input input:disabled,
.mxo-widget-input textarea:disabled,
.mxo-widget-input input:disabled:read-only,
.mxo-widget-input textarea:disabled:read-only {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #f0f0eb;
  -webkit-text-fill-color: #6e6e66;
  /* Fix for text colour in Safari iOS/macOS */
  outline: none;
}
.mxo-widget-input input:read-only:not(:disabled):not(.input-line-numbers-numbers),
.mxo-widget-input textarea:read-only:not(:disabled):not(.input-line-numbers-numbers) {
  padding: 0 0 1px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  background-color: inherit;
  border: 0 none;
  outline: none;
  resize: none;
}
.positive.mxo-widget-input input,
.positive.mxo-widget-input textarea {
  background-color: #fcfcfb;
  outline: 1.5px solid #2e7840;
  outline-offset: -1.5px;
}
.positive.mxo-widget-input input:hover,
.positive.mxo-widget-input textarea:hover,
.styleguide-hover .positive.mxo-widget-input input,
.styleguide-hover .positive.mxo-widget-input textarea {
  outline-color: #2e7840;
}
.positive.mxo-widget-input input:focus,
.positive.mxo-widget-input textarea:focus,
.positive.mxo-widget-input input:active,
.positive.mxo-widget-input textarea:active,
.styleguide-focus .positive.mxo-widget-input input,
.styleguide-focus .positive.mxo-widget-input textarea,
.styleguide-active .positive.mxo-widget-input input,
.styleguide-active .positive.mxo-widget-input textarea {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.positive.mxo-widget-input input:disabled,
.positive.mxo-widget-input textarea:disabled,
.positive.mxo-widget-input input:disabled:read-only,
.positive.mxo-widget-input textarea:disabled:read-only {
  outline: 1.5px solid #2e7840;
}
.mxo-widget-input input:invalid,
.mxo-widget-input textarea:invalid,
.negative.mxo-widget-input input,
.negative.mxo-widget-input textarea {
  background-color: #fcfcfb;
  outline: 1.5px solid #c90014;
  outline-offset: -1.5px;
}
.mxo-widget-input input:invalid:hover,
.mxo-widget-input textarea:invalid:hover,
.negative.mxo-widget-input input:hover,
.negative.mxo-widget-input textarea:hover,
.styleguide-hover .mxo-widget-input input:invalid,
.styleguide-hover .mxo-widget-input textarea:invalid,
.styleguide-hover .negative.mxo-widget-input input,
.styleguide-hover .negative.mxo-widget-input textarea {
  outline-color: #c90014;
}
.mxo-widget-input input:invalid:focus,
.mxo-widget-input textarea:invalid:focus,
.negative.mxo-widget-input input:focus,
.negative.mxo-widget-input textarea:focus,
.mxo-widget-input input:invalid:active,
.mxo-widget-input textarea:invalid:active,
.negative.mxo-widget-input input:active,
.negative.mxo-widget-input textarea:active,
.styleguide-focus .mxo-widget-input input:invalid,
.styleguide-focus .mxo-widget-input textarea:invalid,
.styleguide-focus .negative.mxo-widget-input input,
.styleguide-focus .negative.mxo-widget-input textarea,
.styleguide-active .mxo-widget-input input:invalid,
.styleguide-active .mxo-widget-input textarea:invalid,
.styleguide-active .negative.mxo-widget-input input,
.styleguide-active .negative.mxo-widget-input textarea {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-input input:invalid:disabled,
.mxo-widget-input textarea:invalid:disabled,
.negative.mxo-widget-input input:disabled,
.negative.mxo-widget-input textarea:disabled,
.mxo-widget-input input:invalid:disabled:read-only,
.mxo-widget-input textarea:invalid:disabled:read-only,
.negative.mxo-widget-input input:disabled:read-only,
.negative.mxo-widget-input textarea:disabled:read-only {
  outline: 1.5px solid #c90014;
}
.warning.mxo-widget-input input,
.warning.mxo-widget-input textarea {
  background-color: #fcfcfb;
  outline: 1.5px solid #997303;
  outline-offset: -1.5px;
}
.warning.mxo-widget-input input:hover,
.warning.mxo-widget-input textarea:hover,
.styleguide-hover .warning.mxo-widget-input input,
.styleguide-hover .warning.mxo-widget-input textarea {
  outline-color: #997303;
}
.warning.mxo-widget-input input:focus,
.warning.mxo-widget-input textarea:focus,
.warning.mxo-widget-input input:active,
.warning.mxo-widget-input textarea:active,
.styleguide-focus .warning.mxo-widget-input input,
.styleguide-focus .warning.mxo-widget-input textarea,
.styleguide-active .warning.mxo-widget-input input,
.styleguide-active .warning.mxo-widget-input textarea {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.warning.mxo-widget-input input:disabled,
.warning.mxo-widget-input textarea:disabled,
.warning.mxo-widget-input input:disabled:read-only,
.warning.mxo-widget-input textarea:disabled:read-only {
  outline: 1.5px solid #997303;
}
.new.mxo-widget-input input,
.new.mxo-widget-input textarea {
  background-color: #fcfcfb;
  outline: 1.5px solid #0063ba;
  outline-offset: -1.5px;
}
.new.mxo-widget-input input:hover,
.new.mxo-widget-input textarea:hover,
.styleguide-hover .new.mxo-widget-input input,
.styleguide-hover .new.mxo-widget-input textarea {
  outline-color: #0063ba;
}
.new.mxo-widget-input input:focus,
.new.mxo-widget-input textarea:focus,
.new.mxo-widget-input input:active,
.new.mxo-widget-input textarea:active,
.styleguide-focus .new.mxo-widget-input input,
.styleguide-focus .new.mxo-widget-input textarea,
.styleguide-active .new.mxo-widget-input input,
.styleguide-active .new.mxo-widget-input textarea {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.new.mxo-widget-input input:disabled,
.new.mxo-widget-input textarea:disabled,
.new.mxo-widget-input input:disabled:read-only,
.new.mxo-widget-input textarea:disabled:read-only {
  outline: 1.5px solid #0063ba;
}
.mxo-widget-markdown-editor-v2 .mxo-widget-input input,
.mxo-widget-markdown-editor-v2 .mxo-widget-input textarea {
  padding-top: 9px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea {
  padding: 5px 9px 5px 9px;
  background-color: #f0f0eb;
  border: 0px solid transparent;
  border-radius: 4px;
  width: calc(3ch + (9px + 9px));
  text-align: center;
}
.mxo-widget-table .row .cells .cell .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input,
.mxo-widget-table .row .cells .cell .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea {
  padding-top: 2px;
  padding-bottom: 2px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:hover,
.styleguide-hover .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input,
.styleguide-hover .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea {
  background: #fcfcfb;
  border-color: transparent;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:active,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:active,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea,
.styleguide-active .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input,
.styleguide-active .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea {
  background: #f7f7f5;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:disabled,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:disabled,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:disabled:read-only,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:disabled:read-only {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: transparent;
  -webkit-text-fill-color: #6e6e66;
  /* Fix for text colour in Safari iOS/macOS */
  outline: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:read-only:not(:disabled):not(.input-line-numbers-numbers),
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:read-only:not(:disabled):not(.input-line-numbers-numbers) {
  padding: 0 0 1px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  background-color: inherit;
  border: 0 none;
  outline: none;
  resize: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:hover {
  background-color: #ffffff;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:focus,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:disabled,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:disabled,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:disabled:read-only,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:disabled:read-only {
  padding-bottom: 5px;
  border-bottom: 0 solid transparent;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:focus,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea {
  background-color: #ffffff;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:disabled,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:disabled,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input:disabled:read-only,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea:disabled:read-only {
  color: #999992;
  background-color: #f0f0eb;
  -webkit-text-fill-color: #999992;
}
.mxo-widget-input input::placeholder,
.mxo-widget-input textarea::placeholder {
  font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  font-style: normal;
  color: #919187;
  opacity: 1;
  /* FIX for firefox default opacity */
}
.mxo-widget-input input:placeholder-shown,
.mxo-widget-input textarea:placeholder-shown {
  text-overflow: ellipsis;
}
.mxo-widget-input input[type="date"],
.mxo-widget-input input[type="time"],
.mxo-widget-input input[type="datetime"],
.mxo-widget-input input[type="datetime-local"] {
  /* with custom date/time icon for datepicker */
}
.mxo-widget-input input[type="date"],
.mxo-widget-input input[type="time"],
.mxo-widget-input input[type="datetime"],
.mxo-widget-input input[type="datetime-local"],
.mxo-widget-input input[type="date"]:disabled,
.mxo-widget-input input[type="time"]:disabled,
.mxo-widget-input input[type="datetime"]:disabled,
.mxo-widget-input input[type="datetime-local"]:disabled,
.mxo-widget-input input[type="date"]:disabled:read-only,
.mxo-widget-input input[type="time"]:disabled:read-only,
.mxo-widget-input input[type="datetime"]:disabled:read-only,
.mxo-widget-input input[type="datetime-local"]:disabled:read-only {
  /* 'blackout' dates for screenshots during functional tests */
  /* with custom date/time icon for datepicker */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"],
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"],
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"],
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"],
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"]:disabled,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"]:disabled,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"]:disabled,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"]:disabled,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"]:disabled:read-only,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"]:disabled:read-only,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"]:disabled:read-only,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"]:disabled:read-only {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"] > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"] > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"] > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"] > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"]:disabled > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"]:disabled > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"]:disabled > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"]:disabled > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"]:disabled:read-only > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"]:disabled:read-only > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"]:disabled:read-only > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"]:disabled:read-only > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"]::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"]::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"]::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"]::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"]:disabled::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"]:disabled::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"]:disabled::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"]:disabled::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"]:disabled:read-only::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"]:disabled:read-only::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"]:disabled:read-only::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"]:disabled:read-only::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"]::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"]::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"]::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"]::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"]:disabled::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"]:disabled::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"]:disabled::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"]:disabled::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="date"]:disabled:read-only::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="time"]:disabled:read-only::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime"]:disabled:read-only::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-input input[type="datetime-local"]:disabled:read-only::before {
  visibility: hidden;
}
@supports selector(::-webkit-calendar-picker-indicator) {
  .mxo-widget-input input[type="date"],
  .mxo-widget-input input[type="time"],
  .mxo-widget-input input[type="datetime"],
  .mxo-widget-input input[type="datetime-local"],
  .mxo-widget-input input[type="date"]:disabled,
  .mxo-widget-input input[type="time"]:disabled,
  .mxo-widget-input input[type="datetime"]:disabled,
  .mxo-widget-input input[type="datetime-local"]:disabled,
  .mxo-widget-input input[type="date"]:disabled:read-only,
  .mxo-widget-input input[type="time"]:disabled:read-only,
  .mxo-widget-input input[type="datetime"]:disabled:read-only,
  .mxo-widget-input input[type="datetime-local"]:disabled:read-only {
    padding-left: 28px;
  }
}
.mxo-widget-input input[type="date"]::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="time"]::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="datetime"]::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="date"]:disabled::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="time"]:disabled::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="datetime"]:disabled::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="datetime-local"]:disabled::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="date"]:disabled:read-only::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="time"]:disabled:read-only::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="datetime"]:disabled:read-only::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="datetime-local"]:disabled:read-only::-webkit-calendar-picker-indicator {
  width: 28px;
}
.mxo-widget-input input[type="date"]::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="time"]::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="datetime"]::-webkit-calendar-picker-indicator,
.mxo-widget-input input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  position: absolute;
  padding: 0;
  left: 0;
  background: transparent;
}
.mxo-widget-input textarea {
  white-space: pre-wrap;
  resize: vertical;
  overflow-x: hidden;
  /* Fix for Firefox showing more rows https://bugzilla.mozilla.org/show_bug.cgi?id=33654 (https://moxio.atlassian.net/browse/DS-425) */
  line-height: 1.4;
  /* temporary override */
}
.mxo-widget-input textarea.input-autosizing {
  resize: none;
}
.mxo-widget-input textarea:read-only {
  min-height: 32px;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
}
.mxo-widget-input textarea.input-line-numbers-text,
.mxo-widget-input textarea.input-line-numbers-numbers {
  white-space: pre;
}
.mxo-widget-input textarea.input-line-numbers-text {
  flex: 1 1 auto;
}
.mxo-widget-input textarea.input-line-numbers-text,
.mxo-widget-input textarea.input-line-numbers-text:read-only:not(.disabled),
.positive.mxo-widget-input textarea.input-line-numbers-text,
.negative.mxo-widget-input textarea.input-line-numbers-text,
.warning.mxo-widget-input textarea.input-line-numbers-text,
.new.mxo-widget-input textarea.input-line-numbers-text {
  padding-left: 8px;
}
.mxo-widget-input textarea.input-line-numbers-numbers,
.mxo-widget-input textarea.input-line-numbers-numbers:read-only:not(:disabled) {
  flex: 1 0 auto;
  overflow: hidden;
  width: 25.5px;
  padding-right: 5.5px;
  padding-left: 0;
  text-align: right;
  direction: rtl;
  resize: none;
  color: #6e6e66;
  background: #f0f0eb;
  border-radius: 4px 0 0 4px;
  border-right: 0 none;
  outline: none;
}
.mxo-widget-markdown-editor-v2 .mxo-widget-input textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.mxo-widget-table .cells.selected .mxo-widget-input.positive input,
.mxo-widget-table .cells.selected .mxo-widget-input.warning input,
.mxo-widget-table .cells.selected .mxo-widget-input.negative input,
.mxo-widget-table .cells.selected .mxo-widget-input.positive textarea,
.mxo-widget-table .cells.selected .mxo-widget-input.warning textarea,
.mxo-widget-table .cells.selected .mxo-widget-input.negative textarea {
  color: #14140f;
}
.mxo-widget-table .cells.selected .mxo-widget-input.positive input:hover,
.mxo-widget-table .cells.selected .mxo-widget-input.warning input:hover,
.mxo-widget-table .cells.selected .mxo-widget-input.negative input:hover,
.mxo-widget-table .cells.selected .mxo-widget-input.positive textarea:hover,
.mxo-widget-table .cells.selected .mxo-widget-input.warning textarea:hover,
.mxo-widget-table .cells.selected .mxo-widget-input.negative textarea:hover,
.styleguide-hover .mxo-widget-table .cells.selected .mxo-widget-input.positive input,
.styleguide-hover .mxo-widget-table .cells.selected .mxo-widget-input.warning input,
.styleguide-hover .mxo-widget-table .cells.selected .mxo-widget-input.negative input,
.styleguide-hover .mxo-widget-table .cells.selected .mxo-widget-input.positive textarea,
.styleguide-hover .mxo-widget-table .cells.selected .mxo-widget-input.warning textarea,
.styleguide-hover .mxo-widget-table .cells.selected .mxo-widget-input.negative textarea,
.mxo-widget-table .cells.selected .mxo-widget-input.positive input:focus,
.mxo-widget-table .cells.selected .mxo-widget-input.warning input:focus,
.mxo-widget-table .cells.selected .mxo-widget-input.negative input:focus,
.mxo-widget-table .cells.selected .mxo-widget-input.positive textarea:focus,
.mxo-widget-table .cells.selected .mxo-widget-input.warning textarea:focus,
.mxo-widget-table .cells.selected .mxo-widget-input.negative textarea:focus,
.styleguide-focus .mxo-widget-table .cells.selected .mxo-widget-input.positive input,
.styleguide-focus .mxo-widget-table .cells.selected .mxo-widget-input.warning input,
.styleguide-focus .mxo-widget-table .cells.selected .mxo-widget-input.negative input,
.styleguide-focus .mxo-widget-table .cells.selected .mxo-widget-input.positive textarea,
.styleguide-focus .mxo-widget-table .cells.selected .mxo-widget-input.warning textarea,
.styleguide-focus .mxo-widget-table .cells.selected .mxo-widget-input.negative textarea,
.mxo-widget-table .cells.selected .mxo-widget-input.positive input:disabled,
.mxo-widget-table .cells.selected .mxo-widget-input.warning input:disabled,
.mxo-widget-table .cells.selected .mxo-widget-input.negative input:disabled,
.mxo-widget-table .cells.selected .mxo-widget-input.positive textarea:disabled,
.mxo-widget-table .cells.selected .mxo-widget-input.warning textarea:disabled,
.mxo-widget-table .cells.selected .mxo-widget-input.negative textarea:disabled,
.mxo-widget-table .cells.selected .mxo-widget-input.positive input:disabled:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.warning input:disabled:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.negative input:disabled:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.positive textarea:disabled:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.warning textarea:disabled:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.negative textarea:disabled:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.positive input:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.warning input:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.negative input:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.positive textarea:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.warning textarea:read-only,
.mxo-widget-table .cells.selected .mxo-widget-input.negative textarea:read-only {
  color: #14140f;
}
.mxo-widget-input .units {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 9px;
  color: #6e6e66;
  pointer-events: none;
}
.mxo-widget-input .button.notext {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 3px 7px;
  width: 30px;
  background: transparent none;
  border: 0 none;
  opacity: 0.7;
  z-index: 1;
}
.mxo-widget-input .button.notext + input {
  padding-right: 30px;
}
.mxo-widget-input .button.notext:hover,
.styleguide-hover .mxo-widget-input .button.notext {
  opacity: 1;
}
.mxo-widget-input .button.notext:hover + input:not(.invalid):not(.changed):not(:focus),
.styleguide-hover .mxo-widget-input .button.notext + input:not(.invalid):not(.changed):not(:focus) {
  border-bottom: 1px solid #b2b2b2;
}
.mxo-widget-input .button.notext:hover + input,
.styleguide-hover .mxo-widget-input .button.notext + input,
.mxo-widget-input .button.notext:hover + input.invalid,
.styleguide-hover .mxo-widget-input .button.notext + input.invalid,
.mxo-widget-input .button.notext:hover + input.changed,
.styleguide-hover .mxo-widget-input .button.notext + input.changed,
.mxo-widget-input .button.notext:hover + input.changed.invalid,
.styleguide-hover .mxo-widget-input .button.notext + input.changed.invalid {
  background: #fcfcfb;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-inputfile {
  gap: 8px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
}
.mxo-widget-inputfile > h1,
.mxo-widget-inputfile > h2,
.mxo-widget-inputfile > h3,
.mxo-widget-inputfile > h4,
.mxo-widget-inputfile > h5,
.mxo-widget-inputfile > h6 {
  margin-bottom: -2px;
}
.mxo-widget-inputfile > p,
.mxo-widget-inputfile > ul {
  margin: 0;
}
.mxo-widget-inputfile-dropzone {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  position: relative;
  padding: 6px 8px;
  min-height: 20px;
  overflow: hidden;
  box-sizing: border-box;
  text-align: center;
  background-color: #f0f0eb;
  border: 1px dashed #919187;
  border-radius: 4px;
}
.mxo-widget-inputfile-dropzone:has(input) {
  background-color: transparent;
}
.mxo-widget-inputfile-dropzone:has(input:focus) {
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-inputfile-dropzone:first-child:nth-last-child(1) {
  flex: 1 1 auto;
}
.mxo-widget-inputfile-dropzone:hover,
.styleguide-hover .mxo-widget-inputfile-dropzone {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  background-color: #f7f7f5;
  border-color: #3d9c9c;
}
.mxo-widget-inputfile-dropzone .inputfile-dropzone-label,
.mxo-widget-inputfile-dropzone .inputfile-dropzone-label-active {
  display: flex;
  align-items: center;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mxo-widget-inputfile-dropzone .inputfile-dropzone-label-active {
  display: none;
}
.mxo-widget-inputfile-dropzone.active {
  background-color: #f7f7f5;
  border-color: #3d9c9c;
}
.mxo-widget-inputfile-dropzone.active .inputfile-dropzone-label {
  display: none;
}
.mxo-widget-inputfile-dropzone.active .inputfile-dropzone-label-active {
  display: flex;
}
.mxo-widget-inputfile-dropzone input {
  margin: 0;
  padding: 10%;
  /* FIX not showing cursor:pointer in Firefox on text part (filename) of input[type=file] https://moxio.atlassian.net/browse/OTL-1565 */
  position: absolute;
  right: 0;
  top: 0;
  font-size: 460px;
  opacity: 0;
  cursor: pointer;
}
.mxo-widget-inputfile-uploader {
  display: flex;
  flex-flow: column;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 33px;
}
.mxo-widget-inputfile-feedback {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 1 1 auto;
  overflow: auto;
}
.mxo-widget-inputfile-feedback > h1,
.mxo-widget-inputfile-feedback > h2,
.mxo-widget-inputfile-feedback > h3,
.mxo-widget-inputfile-feedback > h4,
.mxo-widget-inputfile-feedback > h5,
.mxo-widget-inputfile-feedback > h6 {
  margin-bottom: -10px;
}
.mxo-widget-inputfile-feedback > p,
.mxo-widget-inputfile-feedback > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-input-url {
  display: flex;
  flex: 1 1 auto;
  gap: 4px;
  align-items: flex-start;
  height: 32px;
}
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-input-url {
  height: 24px;
}
.mxo-widget-input-url .input-url-value {
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 32px;
}
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-input-url .input-url-value {
  line-height: 24px;
}
.mxo-widget-input-url .input-url-action {
  flex: 0 0 auto;
}
.mxo-widget-input-url .input-url-action:empty {
  display: none;
}

/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* 	Needed for legacy fabric components:
	- keyvalue
*/
.mxo-widget-keyvalue {
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.mxo-widget-keyvalue > .keyvalue-property {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-key {
  font-family: "iA Writer Quattro", Arial, Helvetica, sans-serif;
  overflow: hidden;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.0025em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: #00575e;
}
body:not(.mxo-mode-screenshot) .mxo-widget-debugger.highlight-deprecated .mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-key:empty {
  /* stylelint-disable declaration-no-important */
  background: rgba(120, 0, 128, 0.05) !important;
  outline: 1px solid #780080 !important;
  /* stylelint-enable declaration-no-important */
  --mxo-description: "Don't use a KeyValue when the key is empty";
}
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-key .keyvalue-property-key-right {
  float: right;
  font-weight: normal;
}
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-value,
.mxo-widget-keyvalue > .keyvalue-property.small > .keyvalue-property-value {
  display: flex;
  gap: 8px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
  width: 50%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  min-width: 0;
  /* FIX for overflow */
}
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-value > h1,
.mxo-widget-keyvalue > .keyvalue-property.small > .keyvalue-property-value > h1,
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-value > h2,
.mxo-widget-keyvalue > .keyvalue-property.small > .keyvalue-property-value > h2,
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-value > h3,
.mxo-widget-keyvalue > .keyvalue-property.small > .keyvalue-property-value > h3,
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-value > h4,
.mxo-widget-keyvalue > .keyvalue-property.small > .keyvalue-property-value > h4,
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-value > h5,
.mxo-widget-keyvalue > .keyvalue-property.small > .keyvalue-property-value > h5,
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-value > h6,
.mxo-widget-keyvalue > .keyvalue-property.small > .keyvalue-property-value > h6 {
  margin-bottom: -2px;
}
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-value > p,
.mxo-widget-keyvalue > .keyvalue-property.small > .keyvalue-property-value > p,
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-value > ul,
.mxo-widget-keyvalue > .keyvalue-property.small > .keyvalue-property-value > ul {
  margin: 0;
}
.mxo-widget-keyvalue > .keyvalue-property.wide > .keyvalue-property-value {
  flex: 1 1 auto;
  width: auto;
}
.mxo-widget-keyvalue > .keyvalue-property.dimmed > .keyvalue-property-key {
  color: #4d4d45;
}
body:not(.mxo-mode-screenshot) .mxo-widget-debugger.highlight-deprecated .mxo-widget-keyvalue > :not(.keyvalue-property) {
  /* stylelint-disable declaration-no-important */
  background: rgba(120, 0, 128, 0.05) !important;
  outline: 1px solid #780080 !important;
  /* stylelint-enable declaration-no-important */
  --mxo-description: "Only use KeyValueProperty as child component";
}
.mxo-widget-keyvalue.row > .keyvalue-property {
  display: flex;
  flex-flow: row;
  gap: 8px;
}
.mxo-widget-keyvalue.row > .keyvalue-property > .keyvalue-property-key {
  width: 33%;
}
.mxo-widget-keyvalue.row > .keyvalue-property:has(.keyvalue-property-value > .mxo-widget-input:first-child, .keyvalue-property-value > *:first-child > .mxo-widget-input:first-child) > .keyvalue-property-key,
.mxo-widget-keyvalue.row > .keyvalue-property:has(.keyvalue-property-value > .mxo-widget-dropdown-v2:first-child, .keyvalue-property-value > *:first-child > .mxo-widget-dropdown-v2:first-child) > .keyvalue-property-key,
.mxo-widget-keyvalue.row > .keyvalue-property:has(.keyvalue-property-value > .mxo-widget-value-list:first-child, .keyvalue-property-value > *:first-child > .mxo-widget-value-list:first-child) > .keyvalue-property-key {
  padding-top: 8px;
}
.mxo-widget-keyvalue.row > .keyvalue-property:has(.keyvalue-property-value > .mxo-widget-copyable:first-child, .keyvalue-property-value > *:first-child > .mxo-widget-copyable:first-child) > .keyvalue-property-key,
.mxo-widget-keyvalue.row > .keyvalue-property:has(.keyvalue-property-value > .mxo-widget-toggle:first-child, .keyvalue-property-value > *:first-child > .mxo-widget-toggle:first-child) > .keyvalue-property-key {
  padding-top: 4px;
}
.mxo-widget-keyvalue.row > .keyvalue-property > .keyvalue-property-value,
.mxo-widget-keyvalue.row > .keyvalue-property.small > .keyvalue-property-value {
  width: 33%;
}
.mxo-widget-keyvalue.row > .keyvalue-property.wide > .keyvalue-property-value {
  flex: 1 1 auto;
  width: auto;
}
.mxo-widget-toolbar-v2 > li .mxo-widget-keyvalue.row > .keyvalue-property {
  align-items: center;
}
.mxo-widget-toolbar-v2 > li .mxo-widget-keyvalue.row > .keyvalue-property > .keyvalue-property-key {
  width: auto;
}
.mxo-widget-keyvalue .mxo-widget-keyvalue {
  padding-left: 8px;
}
.mxo-widget-keyvalue .mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-key {
  font-weight: 450;
  color: #127578;
}
.mxo-widget-keyvalue.row .mxo-widget-keyvalue {
  padding-left: 0;
}
.mxo-widget-keyvalue > .keyvalue-property.wide .mxo-widget-keyvalue {
  padding: 4px 0 4px 8px;
}
.mxo-widget-keyvalue.row > .keyvalue-property.wide .mxo-widget-keyvalue {
  padding: 0 0 4px 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Content spacing */
.mxo-widget-legenda {
  padding: 12px 8px 8px 8px;
  display: flex;
  flex-flow: column;
  gap: 16px;
  flex: 0 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  word-break: break-word;
}
.mxo-widget-legenda .legenda-group {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.mxo-widget-legenda .legenda-group .legenda-item {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.mxo-widget-legenda .legenda-group .legenda-item .legenda-item-label {
  display: flex;
}
.mxo-widget-legenda .legenda-group .legenda-item .legenda-item-content {
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin: 0 0 0 30px;
}
.mxo-widget-legenda .legenda-group .legenda-item .legenda-item-content:empty {
  display: none;
}
.mxo-widget-legenda-icon {
  flex: 0 0 auto;
  display: inline-block;
  margin-right: 5px;
  /* same total width as icons 14 + 5 = 12 + 7 */
  padding: 1px;
  width: 14px;
  height: 14px;
  box-sizing: border-box;
}
.mxo-widget-legenda-icon::before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  background: no-repeat 0 0;
  background-size: 12px;
}
.mxo-widget-legenda-icon.legenda-circle {
  padding: 0;
}
.mxo-widget-legenda-icon.legenda-circle::before {
  height: 14px;
  width: 14px;
  border-radius: 50%;
}
.mxo-widget-legenda-icon.legenda-line::before,
.mxo-widget-legenda-icon.legenda-rectangle::before {
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.mxo-widget-legenda-icon.legenda-line::before {
  height: 2px;
}
.mxo-widget-legenda-icon.legenda-rectangle::before {
  height: 8px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
.mxo-widget-lightbox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background: #000000;
}
.mxo-widget-lightbox .lightbox-header {
  display: flex;
  flex: 0 0 auto;
  height: 36px;
}
.mxo-widget-lightbox .lightbox-header .lightbox-title {
  flex: 1 1 auto;
  padding: 0 10px;
  min-width: 0;
  font-size: 16px;
  line-height: 36px;
}
.mxo-widget-lightbox .lightbox-header .lightbox-title .label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxo-widget-lightbox .lightbox-header .lightbox-actions {
  display: flex;
  flex: 0 0 auto;
  line-height: normal;
}
.mxo-widget-lightbox .lightbox-header .lightbox-actions a.lightbox-button,
.mxo-widget-lightbox .lightbox-header .lightbox-actions a.lightbox-button:link,
.mxo-widget-lightbox .lightbox-header .lightbox-actions a.lightbox-button:visited {
  padding: 10px;
  opacity: 0.7;
  text-decoration: none;
  color: #ffffff;
}
.mxo-widget-lightbox .lightbox-header .lightbox-actions a.lightbox-button:hover,
.styleguide-hover .mxo-widget-lightbox .lightbox-header .lightbox-actions a.lightbox-button {
  opacity: 1;
}
.mxo-widget-lightbox .lightbox-header .lightbox-actions a.lightbox-button.lightbox-button-close::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M14.364%200.222l-6.364%206.364-6.364-6.364-1.414%201.414%206.364%206.364-6.364%206.364%201.414%201.414%206.364-6.364%206.364%206.364%201.414-1.414-6.364-6.364%206.364-6.364z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-lightbox .lightbox-main {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}
.mxo-widget-lightbox .lightbox-main .lightbox-description {
  flex: 0 0 auto;
  padding: 10px;
  width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: auto;
}
.mxo-widget-lightbox .lightbox-main > .lightbox-image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  margin: 0 20px;
  overflow: hidden;
  min-height: 0;
  /* fallback for IE which does not support object-fit */
}
.mxo-widget-lightbox .lightbox-main > .lightbox-image img {
  object-fit: scale-down;
  max-width: 100%;
  max-height: 100%;
}
.mxo-widget-lightbox .lightbox-main > .lightbox-image .lightbox-background-image {
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  background-size: contain;
}
.mxo-widget-lightbox > .lightbox-footer {
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
  position: relative;
  height: 64px;
}
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls {
  display: flex;
}
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-next a,
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-previous a,
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-next a:link,
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-previous a:link,
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-next a:visited,
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-previous a:visited {
  display: block;
  padding: 24px 20px;
  line-height: 0;
  opacity: 0.7;
}
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-next a:hover,
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-previous a:hover {
  opacity: 1;
}
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-next a.disabled,
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-previous a.disabled {
  opacity: 0.4;
  cursor: default;
}
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-previous a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
}
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-control-next a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-lightbox > .lightbox-footer .lightbox-controls .lightbox-counter {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 67px;
  text-align: right;
}

.mxo-widget-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 34px;
}
.mxo-widget-loader::before,
.mxo-widget-loader::after {
  content: "";
  display: block;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  background: #999992;
  border-radius: 50%;
  opacity: 0.6;
}
.mxo-widget-loader::before {
  animation: circledouble1 1s ease-in-out 0.1s infinite alternate;
  /* Disable animations in screenshots */
}
body.mxo-mode-screenshot .mxo-widget-loader::before {
  animation: none;
}
.mxo-widget-loader::after {
  animation: circledouble2 1s ease-in-out 0.1s infinite alternate;
  /* Disable animations in screenshots */
}
body.mxo-mode-screenshot .mxo-widget-loader::after {
  animation: none;
}
@keyframes circledouble1 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(20px, 0);
    opacity: 0.8;
  }
}
@keyframes circledouble2 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-20px, 0);
    opacity: 0.8;
  }
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-loadingbar {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 1;
  transition: height 0.2s ease-in-out;
  background: #f7f7f5;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-loadingbar {
  visibility: hidden;
}
.mxo-header .mxo-widget-loadingbar,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-loadingbar {
  bottom: 0;
}
.mxo-widget-loadingbar.loading {
  height: 2px;
}
.mxo-widget-loadingbar.loading::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30%;
  background: #3d9c9c;
  border-radius: 1px;
  animation: loading linear 3s infinite;
}
body.mxo-mode-screenshot .mxo-widget-loadingbar.loading::before {
  animation: none;
}
@keyframes loading {
  0% {
    left: 0;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
    transform: translateX(0);
  }
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* COLOURS */
/* 	Needed for legacy fabric components:
	- dropdown
	- reference/search/main
*/
.mxo-widget-loadmore {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 100%;
  height: 34px;
  overflow: hidden;
  text-align: center;
  line-height: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 2px;
}
.mxo-widget-loadmore a,
.mxo-widget-loadmore a:link,
.mxo-widget-loadmore a:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 1px;
  box-sizing: border-box;
  text-decoration: none;
  font-weight: 400;
  color: #5d5e59;
  background: #f6f6f2;
  border: 0 solid #f6f6f2;
  border-bottom-width: 3px;
  border-top-width: 2px;
  transition: 0.15s ease-in-out;
  transition-property: color, background, border-color;
}
.mxo-widget-loadmore a:hover,
.styleguide-hover .mxo-widget-loadmore a {
  color: #5d5e59;
  background: #e3e3de;
  border-top-color: #e3e3de;
  border-bottom-color: #e3e3de;
}
.mxo-widget-loadmore.loading {
  background: #f6f6f2;
}
.mxo-widget-loadmore.loading::before,
.mxo-widget-loadmore.loading::after {
  content: "";
  display: block;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  background: #999992;
  border-radius: 50%;
  opacity: 0.6;
}
.mxo-widget-loadmore.loading::before {
  animation: circledouble1 1s ease-in-out 0.1s infinite alternate;
  /* Disable animations in screenshots */
}
body.mxo-mode-screenshot .mxo-widget-loadmore.loading::before {
  animation: none;
}
.mxo-widget-loadmore.loading::after {
  animation: circledouble2 1s ease-in-out 0.1s infinite alternate;
  /* Disable animations in screenshots */
}
body.mxo-mode-screenshot .mxo-widget-loadmore.loading::after {
  animation: none;
}
.mxo-widget-loadmore.loading a {
  display: none;
}
@keyframes circledouble1 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(20px, 0);
    opacity: 0.8;
  }
}
@keyframes circledouble2 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(-20px, 0);
    opacity: 0.8;
  }
}
.mxo-widget-table .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table .contents .mxo-widget-loadmore {
  margin-left: 32px;
}
.mxo-widget-table .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table .contents .contents .mxo-widget-loadmore {
  margin-left: 50px;
}
.mxo-widget-table .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table .contents .contents .contents .mxo-widget-loadmore {
  margin-left: 68px;
}
.mxo-widget-table .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table .contents .contents .contents .contents .mxo-widget-loadmore {
  margin-left: 86px;
}
.mxo-widget-table .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table .contents .contents .contents .contents .contents .mxo-widget-loadmore {
  margin-left: 104px;
}
.mxo-widget-table .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table .contents .contents .contents .contents .contents .contents .mxo-widget-loadmore {
  margin-left: 122px;
}
.mxo-widget-table .contents .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table .contents .contents .contents .contents .contents .contents .contents .mxo-widget-loadmore {
  margin-left: 140px;
}
.mxo-widget-table .contents .contents .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table .contents .contents .contents .contents .contents .contents .contents .contents .mxo-widget-loadmore {
  margin-left: 158px;
}
.mxo-widget-table .contents .contents .contents .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table .contents .contents .contents .contents .contents .contents .contents .contents .contents .mxo-widget-loadmore {
  margin-left: 176px;
}
.mxo-widget-table .contents .mxo-widget-loadmore {
  width: auto;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* 	Needed for legacy fabric components:
	- mark
*/
.mxo-widget-mark {
  display: inline-block;
  flex: 0 0 auto;
  align-self: center;
  margin-right: 6px;
}
.mxo-widget-expandable .expandable-heading .mxo-widget-mark {
  margin: 0;
}
.mxo-widget-mark::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.mxo-widget-tabs.vertical .mxo-widget-mark,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
}
.mxo-widget-tabs.vertical .mxo-widget-mark::after,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark::after {
  width: 4px;
  height: 100%;
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark {
  padding: 4px 4px;
}
.mxo-widget-tabs .mxo-widget-mark {
  margin: 2px 4px 0 12px;
}
.vertical.mxo-widget-tabs .mxo-widget-mark {
  padding: 4px;
}
.mxo-widget-mark.positive::after {
  background-color: #33964f;
}
.mxo-widget-mark.positive.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.positive.semi {
  /* aligning stripes with dot */
}
.mxo-widget-mark.positive.semi::after,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.positive.semi::after {
  background: repeating-linear-gradient(135deg, #33964f 0 25%, rgba(51, 150, 79, 0.2) 25% 42%, #33964f 42% 57%, rgba(51, 150, 79, 0.2) 57% 75%);
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.positive.semi::after {
  background: repeating-linear-gradient(135deg, #33964f 0 10%, rgba(51, 150, 79, 0.2) 10% 20%);
}
.mxo-widget-mark.warning::after {
  background-color: #d19e2b;
}
.mxo-widget-mark.warning.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.warning.semi {
  /* aligning stripes with dot */
}
.mxo-widget-mark.warning.semi::after,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.warning.semi::after {
  background: repeating-linear-gradient(135deg, #d19e2b 0 25%, rgba(209, 158, 43, 0.2) 25% 42%, #d19e2b 42% 57%, rgba(209, 158, 43, 0.2) 57% 75%);
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.warning.semi::after {
  background: repeating-linear-gradient(135deg, #d19e2b 0 10%, rgba(209, 158, 43, 0.2) 10% 20%);
}
.mxo-widget-mark.negative::after {
  background-color: #e54a3b;
}
.mxo-widget-mark.negative.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.negative.semi {
  /* aligning stripes with dot */
}
.mxo-widget-mark.negative.semi::after,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.negative.semi::after {
  background: repeating-linear-gradient(135deg, #e54a3b 0 25%, rgba(229, 74, 59, 0.2) 25% 42%, #e54a3b 42% 57%, rgba(229, 74, 59, 0.2) 57% 75%);
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.negative.semi::after {
  background: repeating-linear-gradient(135deg, #e54a3b 0 10%, rgba(229, 74, 59, 0.2) 10% 20%);
}
.mxo-widget-mark.new::after {
  background-color: #4278cc;
}
.mxo-widget-mark.new.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.new.semi {
  /* aligning stripes with dot */
}
.mxo-widget-mark.new.semi::after,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.new.semi::after {
  background: repeating-linear-gradient(135deg, #4278cc 0 25%, rgba(66, 120, 204, 0.2) 25% 42%, #4278cc 42% 57%, rgba(66, 120, 204, 0.2) 57% 75%);
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.new.semi::after {
  background: repeating-linear-gradient(135deg, #4278cc 0 10%, rgba(66, 120, 204, 0.2) 10% 20%);
}
.mxo-widget-mark.neutral::after {
  background-color: #919187;
}
.mxo-widget-mark.neutral.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.neutral.semi {
  /* aligning stripes with dot */
}
.mxo-widget-mark.neutral.semi::after,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.neutral.semi::after {
  background: repeating-linear-gradient(135deg, #919187 0 25%, rgba(145, 145, 135, 0.2) 25% 42%, #919187 42% 57%, rgba(145, 145, 135, 0.2) 57% 75%);
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.neutral.semi::after {
  background: repeating-linear-gradient(135deg, #919187 0 10%, rgba(145, 145, 135, 0.2) 10% 20%);
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* 	Needed for legacy fabric components:
	- panes
	- panes_navigator
*/
.mxo-widget-panes2 {
  flex: 1 1 auto;
  position: relative;
  /* Pane Animations */
}
.mxo-widget-panes2 .panes-navigator {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  overflow: hidden;
  margin-bottom: -27px;
  pointer-events: none;
  z-index: 1;
  /* background element to prevent overlaying panes */
}
.mxo-widget-panes2 .panes-navigator::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 24px;
  background-color: #f5f6f5;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  padding: 2px 10px 21px 10px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul {
  display: flex;
  flex: 1 0 auto;
  padding: 0;
  margin: 0;
  list-style: none;
  pointer-events: auto;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li {
  margin: 0;
  cursor: auto;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li.pane-size-single {
  width: 163px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li.pane-size-double {
  width: 268px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li.pane-size-full {
  width: 25%;
  min-width: 268px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li.pane-size-full-minus-single {
  width: calc(0.25 * (100% - 662px));
  min-width: 268px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner {
  display: flex;
  position: relative;
  padding: 4px;
  margin: -4px;
  height: 20px;
  font-size: 11px;
  transition: transform 400ms, opacity 300ms;
  z-index: 1;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner::after,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%221000%22%20height%3D%2256%22%20viewBox%3D%220%200%201000%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_610_5092%29%22%3E%3Cg%20filter%3D%22url%28%23filter0_dd_610_5092%29%22%3E%3Cpath%20d%3D%22M4.00003%2034C4.00001%2032.8955%204.89545%2032%206.00003%2032H989.561C991.243%2032%20992.745%2033.0521%20993.32%2034.6326L995.254%2039.949C995.736%2041.2739%20995.736%2042.7261%20995.254%2044.051L993.32%2049.3674C992.745%2050.9479%20991.243%2052%20989.561%2052H6.00009C4.8955%2052%204.00002%2051.1045%204.00004%2050L4.00017%2042.2496L4.00003%2034Z%22%20fill%3D%22%23fcfcfb%22%20fill-opacity%3D%220.5%22%20shape-rendering%3D%22crispEdges%22/%3E%3Cpath%20d%3D%22M6%2032.375H989.562C991.086%2032.3752%20992.447%2033.3285%20992.968%2034.7607L994.901%2040.0771C995.353%2041.3192%20995.353%2042.6808%20994.901%2043.9229L992.968%2049.2393C992.447%2050.6715%20991.086%2051.6248%20989.562%2051.625H6C5.10256%2051.625%204.375%2050.8974%204.375%2050V34C4.375%2033.1026%205.10255%2032.375%206%2032.375Z%22%20stroke%3D%22%23d4d1cc%22%20stroke-width%3D%220.75%22%20shape-rendering%3D%22crispEdges%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23filter1_dd_610_5092%29%22%3E%3Cpath%20d%3D%22M4.97619%206.68369C4.50171%205.3793%205.46769%204.00002%206.85571%204.00002L989.561%204C991.243%204%20992.745%205.05209%20993.32%206.63265L995.254%2011.949C995.736%2013.2738%20995.736%2014.7261%20995.254%2016.051L993.32%2021.3673C992.745%2022.9479%20991.243%2024%20989.561%2024L6.85571%2024C5.4677%2024%204.50171%2022.6207%204.97619%2021.3163L6.89144%2016.051C7.37337%2014.7261%207.37337%2013.2739%206.89144%2011.949L4.97619%206.68369Z%22%20fill%3D%22%23fcfcfb%22%20fill-opacity%3D%220.5%22%20shape-rendering%3D%22crispEdges%22/%3E%3Cpath%20d%3D%22M6.85547%204.375H989.562C991.086%204.37518%20992.447%205.32853%20992.968%206.76074L994.901%2012.0771C995.353%2013.3192%20995.353%2014.6808%20994.901%2015.9229L992.968%2021.2393C992.447%2022.6715%20991.086%2023.6248%20989.562%2023.625H6.85547C5.72784%2023.6248%204.94264%2022.5041%205.32812%2021.4443L7.24414%2016.1797C7.75619%2014.772%207.75619%2013.228%207.24414%2011.8203L5.32812%206.55566C4.94265%205.49592%205.72784%204.37516%206.85547%204.375Z%22%20stroke%3D%22%23d4d1cc%22%20stroke-width%3D%220.75%22%20shape-rendering%3D%22crispEdges%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_dd_610_5092%22%20x%3D%220%22%20y%3D%2228.5%22%20width%3D%22999.615%22%20height%3D%2228%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset/%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.129412%200%200%200%200%200.14902%200%200%200%200%200.168627%200%200%200%200.08%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_610_5092%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dy%3D%220.5%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.129412%200%200%200%200%200.14902%200%200%200%200%200.168627%200%200%200%200.08%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_dropShadow_610_5092%22%20result%3D%22effect2_dropShadow_610_5092%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect2_dropShadow_610_5092%22%20result%3D%22shape%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22filter1_dd_610_5092%22%20x%3D%220.854004%22%20y%3D%220.5%22%20width%3D%22998.761%22%20height%3D%2228%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset/%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.129412%200%200%200%200%200.14902%200%200%200%200%200.168627%200%200%200%200.08%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_610_5092%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dy%3D%220.5%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.129412%200%200%200%200%200.14902%200%200%200%200%200.168627%200%200%200%200.08%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_dropShadow_610_5092%22%20result%3D%22effect2_dropShadow_610_5092%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect2_dropShadow_610_5092%22%20result%3D%22shape%22/%3E%3C/filter%3E%3CclipPath%20id%3D%22clip0_610_5092%22%3E%3Crect%20width%3D%221000%22%20height%3D%2256%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  z-index: -1;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner::before {
  left: 0;
  right: 50%;
  background-position: 0 0;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner::after {
  left: 50%;
  right: 0;
  background-position: 100% 0;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner:hover::after,
.styleguide-hover .mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner::after,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner:hover::before,
.styleguide-hover .mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%221000%22%20height%3D%2256%22%20viewBox%3D%220%200%201000%2056%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_610_5092%29%22%3E%3Cg%20filter%3D%22url%28%23filter0_dd_610_5092%29%22%3E%3Cpath%20d%3D%22M4.00003%2034C4.00001%2032.8955%204.89545%2032%206.00003%2032H989.561C991.243%2032%20992.745%2033.0521%20993.32%2034.6326L995.254%2039.949C995.736%2041.2739%20995.736%2042.7261%20995.254%2044.051L993.32%2049.3674C992.745%2050.9479%20991.243%2052%20989.561%2052H6.00009C4.8955%2052%204.00002%2051.1045%204.00004%2050L4.00017%2042.2496L4.00003%2034Z%22%20fill%3D%22%23e3e3de%22%20fill-opacity%3D%221%22%20shape-rendering%3D%22crispEdges%22/%3E%3Cpath%20d%3D%22M6%2032.375H989.562C991.086%2032.3752%20992.447%2033.3285%20992.968%2034.7607L994.901%2040.0771C995.353%2041.3192%20995.353%2042.6808%20994.901%2043.9229L992.968%2049.2393C992.447%2050.6715%20991.086%2051.6248%20989.562%2051.625H6C5.10256%2051.625%204.375%2050.8974%204.375%2050V34C4.375%2033.1026%205.10255%2032.375%206%2032.375Z%22%20stroke%3D%22%23d4d1cc%22%20stroke-width%3D%220.75%22%20shape-rendering%3D%22crispEdges%22/%3E%3C/g%3E%3Cg%20filter%3D%22url%28%23filter1_dd_610_5092%29%22%3E%3Cpath%20d%3D%22M4.97619%206.68369C4.50171%205.3793%205.46769%204.00002%206.85571%204.00002L989.561%204C991.243%204%20992.745%205.05209%20993.32%206.63265L995.254%2011.949C995.736%2013.2738%20995.736%2014.7261%20995.254%2016.051L993.32%2021.3673C992.745%2022.9479%20991.243%2024%20989.561%2024L6.85571%2024C5.4677%2024%204.50171%2022.6207%204.97619%2021.3163L6.89144%2016.051C7.37337%2014.7261%207.37337%2013.2739%206.89144%2011.949L4.97619%206.68369Z%22%20fill%3D%22%23e3e3de%22%20fill-opacity%3D%221%22%20shape-rendering%3D%22crispEdges%22/%3E%3Cpath%20d%3D%22M6.85547%204.375H989.562C991.086%204.37518%20992.447%205.32853%20992.968%206.76074L994.901%2012.0771C995.353%2013.3192%20995.353%2014.6808%20994.901%2015.9229L992.968%2021.2393C992.447%2022.6715%20991.086%2023.6248%20989.562%2023.625H6.85547C5.72784%2023.6248%204.94264%2022.5041%205.32812%2021.4443L7.24414%2016.1797C7.75619%2014.772%207.75619%2013.228%207.24414%2011.8203L5.32812%206.55566C4.94265%205.49592%205.72784%204.37516%206.85547%204.375Z%22%20stroke%3D%22%23d4d1cc%22%20stroke-width%3D%220.75%22%20shape-rendering%3D%22crispEdges%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_dd_610_5092%22%20x%3D%220%22%20y%3D%2228.5%22%20width%3D%22999.615%22%20height%3D%2228%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset/%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.129412%200%200%200%200%200.14902%200%200%200%200%200.168627%200%200%200%200.08%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_610_5092%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dy%3D%220.5%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.129412%200%200%200%200%200.14902%200%200%200%200%200.168627%200%200%200%200.08%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_dropShadow_610_5092%22%20result%3D%22effect2_dropShadow_610_5092%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect2_dropShadow_610_5092%22%20result%3D%22shape%22/%3E%3C/filter%3E%3Cfilter%20id%3D%22filter1_dd_610_5092%22%20x%3D%220.854004%22%20y%3D%220.5%22%20width%3D%22998.761%22%20height%3D%2228%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset/%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.129412%200%200%200%200%200.14902%200%200%200%200%200.168627%200%200%200%200.08%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_610_5092%22/%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22/%3E%3CfeOffset%20dy%3D%220.5%22/%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22/%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22/%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200.129412%200%200%200%200%200.14902%200%200%200%200%200.168627%200%200%200%200.08%200%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22effect1_dropShadow_610_5092%22%20result%3D%22effect2_dropShadow_610_5092%22/%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect2_dropShadow_610_5092%22%20result%3D%22shape%22/%3E%3C/filter%3E%3CclipPath%20id%3D%22clip0_610_5092%22%3E%3Crect%20width%3D%221000%22%20height%3D%2256%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner .panes-navigator-label,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner .panes-navigator-label:link,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner .panes-navigator-label:visited {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  padding: 0 0 0 8px;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #14140f;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner .panes-navigator-close,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner .panes-navigator-close:link,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner .panes-navigator-close:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 20px;
  margin-right: 2px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner .panes-navigator-close::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  background: no-repeat center center;
  background-size: 8px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M14.364%200.222l-6.364%206.364-6.364-6.364-1.414%201.414%206.364%206.364-6.364%206.364%201.414%201.414%206.364-6.364%206.364%206.364%201.414-1.414-6.364-6.364%206.364-6.364z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner .panes-navigator-close:hover::before,
.styleguide-hover .mxo-widget-panes2 .panes-navigator .list-wrapper ul li .inner .panes-navigator-close::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23e54a3b%22%20d%3D%22M14.364%200.222l-6.364%206.364-6.364-6.364-1.414%201.414%206.364%206.364-6.364%206.364%201.414%201.414%206.364-6.364%206.364%206.364%201.414-1.414-6.364-6.364%206.364-6.364z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li.closed .inner {
  opacity: 0;
  transform: translateX(-100%);
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li.closed .inner .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fcfcfb;
  opacity: 0.4;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li:first-child .inner::before {
  background-position: 0 -28px;
}
.mxo-widget-panes2 .panes-navigator .visible-area {
  position: absolute;
  left: 0;
  top: 0;
  height: 31px;
  cursor: grab;
  pointer-events: auto;
  /* handle */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-panes2 .panes-navigator .visible-area {
  visibility: hidden;
}
.mxo-widget-panes2 .panes-navigator .visible-area::after,
.mxo-widget-panes2 .panes-navigator .visible-area::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #c7f2e5;
}
.mxo-widget-panes2 .panes-navigator .visible-area::before {
  top: 0;
  left: 0;
  right: 0;
  height: 24px;
  border-radius: 4px;
}
.mxo-widget-panes2 .panes-navigator .visible-area::after {
  clip-path: inset(12px -3px -3px -3px);
  transform: translate(-50%, -19px);
  transition: transform 0.3s, clip-path 0.3s;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2211%22%20viewBox%3D%220%200%2012%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10%206C10%206.275%209.90208%206.51042%209.70625%206.70625C9.51042%206.90208%209.275%207%209%207C8.725%207%208.48958%206.90208%208.29375%206.70625C8.09792%206.51042%208%206.275%208%206C8%205.725%208.09792%205.48958%208.29375%205.29375C8.48958%205.09792%208.725%205%209%205C9.275%205%209.51042%205.09792%209.70625%205.29375C9.90208%205.48958%2010%205.725%2010%206ZM10%203C10%203.275%209.90208%203.51042%209.70625%203.70625C9.51042%203.90208%209.275%204%209%204C8.725%204%208.48958%203.90208%208.29375%203.70625C8.09792%203.51042%208%203.275%208%203C8%202.725%208.09792%202.48958%208.29375%202.29375C8.48958%202.09792%208.725%202%209%202C9.275%202%209.51042%202.09792%209.70625%202.29375C9.90208%202.48958%2010%202.725%2010%203ZM7%206C7%206.275%206.90208%206.51042%206.70625%206.70625C6.51042%206.90208%206.275%207%206%207C5.725%207%205.48958%206.90208%205.29375%206.70625C5.09792%206.51042%205%206.275%205%206C5%205.725%205.09792%205.48958%205.29375%205.29375C5.48958%205.09792%205.725%205%206%205C6.275%205%206.51042%205.09792%206.70625%205.29375C6.90208%205.48958%207%205.725%207%206ZM7%203C7%203.275%206.90208%203.51042%206.70625%203.70625C6.51042%203.90208%206.275%204%206%204C5.725%204%205.48958%203.90208%205.29375%203.70625C5.09792%203.51042%205%203.275%205%203C5%202.725%205.09792%202.48958%205.29375%202.29375C5.48958%202.09792%205.725%202%206%202C6.275%202%206.51042%202.09792%206.70625%202.29375C6.90208%202.48958%207%202.725%207%203ZM4%206C4%206.275%203.90208%206.51042%203.70625%206.70625C3.51042%206.90208%203.275%207%203%207C2.725%207%202.48958%206.90208%202.29375%206.70625C2.09792%206.51042%202%206.275%202%206C2%205.725%202.09792%205.48958%202.29375%205.29375C2.48958%205.09792%202.725%205%203%205C3.275%205%203.51042%205.09792%203.70625%205.29375C3.90208%205.48958%204%205.725%204%206ZM4%203C4%203.275%203.90208%203.51042%203.70625%203.70625C3.51042%203.90208%203.275%204%203%204C2.725%204%202.48958%203.90208%202.29375%203.70625C2.09792%203.51042%202%203.275%202%203C2%202.725%202.09792%202.48958%202.29375%202.29375C2.48958%202.09792%202.725%202%203%202C3.275%202%203.51042%202.09792%203.70625%202.29375C3.90208%202.48958%204%202.725%204%203Z%22%20fill%3D%22%23b2b0ab%22/%3E%3C/svg%3E");
  top: 100%;
  left: 50%;
  height: 16px;
  width: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0 1px 3px rgba(20, 20, 15, 0.22);
}
.mxo-widget-panes2 .panes-navigator .visible-area:hover::after {
  clip-path: inset(0 -3px -3px -3px);
  transform: translate(-50%, -7px);
}
.mxo-widget-panes2 .panes-navigator.dragging,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  user-select: none;
}
.mxo-widget-panes2 .panes-navigator.dragging::before,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator::before {
  background-color: #f0f0eb;
}
.mxo-widget-panes2 .panes-navigator.dragging .list-wrapper ul,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator .list-wrapper ul {
  pointer-events: none;
}
.mxo-widget-panes2 .panes-navigator.dragging .list-wrapper .visible-area,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator .list-wrapper .visible-area {
  cursor: grabbing;
}
.mxo-widget-panes2 .panes-navigator.dragging .list-wrapper .visible-area::after,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator .list-wrapper .visible-area::after,
.mxo-widget-panes2 .panes-navigator.dragging .list-wrapper .visible-area::before,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator .list-wrapper .visible-area::before {
  background-color: #b5ebdb;
}
.mxo-widget-panes2 .panes-navigator.dragging .list-wrapper .visible-area::after,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator .list-wrapper .visible-area::after {
  clip-path: inset(0 -3px -3px -3px);
  transform: translate(-50%, -7px);
}
.mxo-widget-panes2 .panes-navigator:hover .visible-area,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator .visible-area {
  /* handle */
}
.mxo-widget-panes2 .panes-navigator:hover .visible-area::after,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator .visible-area::after {
  clip-path: inset(0 -3px -3px -3px);
  transform: translate(-50%, -7px);
}
.mxo-widget-panes2 .panes-navigator.hidden {
  display: none;
}
.mxo-widget-panes2.panes2-edit .panes-navigator::before {
  background-color: #5EC7BF;
}
.mxo-widget-panes2.panes2-edit .panes-navigator.dragging::before,
.styleguide-dragging .mxo-widget-panes2.panes2-edit .panes-navigator::before {
  background-color: #3d9c9c;
}
.mxo-widget-panes2 > .workspace > .pane {
  display: flex;
  flex-flow: column;
  overflow: hidden;
}
.mxo-widget-panes2 > .workspace > .pane > .pane-inner {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  align-items: stretch;
  overflow: auto;
  background-color: #fcfcfb;
  transition: transform 400ms, opacity 300ms;
}
.mxo-widget-panes2 > .workspace > .pane > .pane-inner > .pane-header {
  display: flex;
  flex: 0 0 auto;
}
.mxo-widget-panes2 > .workspace > .pane > .pane-inner > .pane-header h2 {
  display: flex;
  flex: 1 1 auto;
  gap: 4px;
  align-items: baseline;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mxo-widget-panes2 > .workspace > .pane > .pane-inner > .pane-header h2 .pane-heading-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.mxo-widget-panes2 > .workspace > .pane > .pane-inner > .pane-header h2 .pane-heading-edit-button {
  flex: 0 0 auto;
  position: relative;
  bottom: 4px;
  font-size: 13px;
}
.mxo-widget-panes2 > .workspace > .pane > .pane-inner > .pane-header .pane-tools {
  flex: 0 0 auto;
}
.mxo-widget-panes2 > .workspace > .pane > .pane-inner > .pane-header .pane-tools a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M14.364%200.222l-6.364%206.364-6.364-6.364-1.414%201.414%206.364%206.364-6.364%206.364%201.414%201.414%206.364-6.364%206.364%206.364%201.414-1.414-6.364-6.364%206.364-6.364z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-panes2 > .workspace > .pane > .pane-inner > .pane-header .pane-tools a:hover::before,
.styleguide-hover .mxo-widget-panes2 > .workspace > .pane > .pane-inner > .pane-header .pane-tools a::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23e54a3b%22%20d%3D%22M14.364%200.222l-6.364%206.364-6.364-6.364-1.414%201.414%206.364%206.364-6.364%206.364%201.414%201.414%206.364-6.364%206.364%206.364%201.414-1.414-6.364-6.364%206.364-6.364z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-panes2 > .workspace > .pane.closed > .pane-inner {
  opacity: 0;
}
.mxo-widget-panes2 > .workspace > .pane.closed > .pane-inner > .pane-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fcfcfb;
  opacity: 0.4;
}
.mxo-widget-panes2.flex {
  display: flex;
  flex-flow: column;
  overflow: auto;
}
.mxo-widget-panes2.flex > .workspace {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: auto;
  background-color: #f5f6f5;
  cursor: grab;
}
@supports (animation-timeline: none) {
  .mxo-widget-panes2.flex > .workspace {
    scroll-timeline: --panestimeline inline;
  }
}
@media print {
  .mxo-widget-panes2.flex > .workspace {
    display: block;
    border: 0 none;
  }
}
.mxo-widget-panes2.flex > .workspace > .pane {
  flex: 0 0 auto;
  position: relative;
  padding: 16px 10px 10px 10px;
  box-sizing: border-box;
}
@media print {
  .mxo-widget-panes2.flex > .workspace > .pane {
    padding: 0;
  }
}
.mxo-widget-panes2.flex > .workspace > .pane,
.mxo-widget-panes2.flex > .workspace > .pane.pane-size-single {
  width: 662px;
  /* cannot be specified on pane-inner due to flex align-items stretch requirement */
}
@media print {
  .mxo-widget-panes2.flex > .workspace > .pane,
  .mxo-widget-panes2.flex > .workspace > .pane.pane-size-single {
    width: auto;
  }
}
.mxo-widget-panes2.flex > .workspace > .pane.pane-size-double {
  width: 1082px;
  /* cannot be specified on pane-inner due to flex align-items stretch requirement */
}
@media print {
  .mxo-widget-panes2.flex > .workspace > .pane.pane-size-double {
    width: auto;
  }
}
.mxo-widget-panes2.flex > .workspace > .pane.pane-size-full {
  width: 100%;
  min-width: 1082px;
}
@media print {
  .mxo-widget-panes2.flex > .workspace > .pane.pane-size-full {
    width: auto;
    min-width: auto;
  }
}
.mxo-widget-panes2.flex > .workspace > .pane.pane-size-full-minus-single {
  width: calc(100% - 662px);
  min-width: 1082px;
  /* equal to double + padding due to border-box */
}
@media print {
  .mxo-widget-panes2.flex > .workspace > .pane.pane-size-full-minus-single {
    width: auto;
    min-width: auto;
  }
}
.mxo-widget-panes2.flex > .workspace > .pane > .pane-inner {
  padding: 12px 10px 10px 10px;
  border: 1px solid #d4d1cc;
  border-radius: 8px;
  box-shadow: 0 0.5px 10px -1px rgba(20, 20, 15, 0.16), 0 2px 10px -8px rgba(20, 20, 15, 0.12), 0 4px 10px -16px rgba(20, 20, 15, 0.12);
}
@media print {
  .mxo-widget-panes2.flex > .workspace > .pane > .pane-inner {
    border: 0 none;
    box-shadow: none;
  }
}
.mxo-widget-panes2.flex > .workspace > .pane > .pane-inner > .pane-header {
  gap: 4px;
}
.mxo-widget-panes2.flex > .workspace > .pane.closed > .pane-inner {
  transform: translateX(-100%);
}
.mxo-widget-panes2.flex > .workspace > .pane > * {
  cursor: auto;
}
.mxo-widget-panes2.flex > .workspace.dragging,
.styleguide-dragging-pane .mxo-widget-panes2.flex > .workspace {
  background-color: #f0f0eb;
  cursor: grabbing;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  user-select: none;
}
.mxo-widget-panes2.flex > .workspace::-webkit-scrollbar {
  width: 17px;
  height: 24px;
}
.mxo-widget-panes2.flex.panes2-edit > .workspace {
  background-color: #5EC7BF;
}
.mxo-widget-panes2.flex.panes2-edit > .workspace.dragging,
.styleguide-dragging-pane .mxo-widget-panes2.flex.panes2-edit > .workspace {
  background-color: #3d9c9c;
}
@keyframes PaneSlideIn {
  from {
    transform: translateX(-75%);
    opacity: 0.5;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes PaneSlideOut {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-75%);
    opacity: 0;
  }
}
.mxo-widget-panes2 .pane-opening {
  animation: PaneSlideIn 0.3s ease;
}
.mxo-widget-panes2 .pane-closing {
  animation: PaneSlideOut 0.3s ease forwards;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* 	Needed for legacy fabric components:
	- progress
*/
.mxo-widget-table .mxo-widget-progress {
  margin: 8px 0;
  width: calc(100% - 12px);
}
.mxo-widget-table .cell:last-child .mxo-widget-progress {
  width: 100%;
}
.mxo-widget-toolbar-v2 .mxo-widget-progress {
  margin: 8px 0;
  width: 280px;
}
.mxo-widget-progress .progress-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxo-widget-progress .progress-text:not(:empty) {
  margin-bottom: 5px;
}
.mxo-widget-progress .progress-bar {
  height: 6px;
  overflow: hidden;
  font-size: 0;
  line-height: normal;
  background: #ededed;
  border-radius: 3px;
}
.mxo-widget-table .cells.selected .mxo-widget-progress .progress-bar {
  background-color: #ffffff;
}
.mxo-widget-progress .progress-bar .progress-bar-status {
  height: 6px;
  overflow: hidden;
  background: #33964f;
  border-radius: 3px;
}
.mxo-widget-progress.progress-color-neutral .progress-bar-status {
  background: #919187;
}
.mxo-widget-progress.progress-color-negative .progress-bar-status {
  background: #e54a3b;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* 	Needed for legacy fabric components:
	- state_group_radiobutton
*/
.mxo-widget-radiobutton {
  position: relative;
  display: flex;
  gap: 8px;
  box-sizing: border-box;
  min-height: 17px;
  cursor: pointer;
}
.mxo-widget-radiobutton.disabled,
.mxo-widget-radiobutton.readonly {
  cursor: default;
}
.mxo-widget-table .row .cells .cell .mxo-widget-radiobutton {
  float: left;
  padding: 4px 0.5ch 4px 5px;
  min-height: 24px;
}
.spacious.mxo-widget-table .row .cells .cell .mxo-widget-radiobutton {
  padding: 8px 0.5ch 8px 5px;
  min-height: 32px;
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-radiobutton,
.spacious.mxo-widget-table .row .cells .cell:first-child .mxo-widget-radiobutton {
  padding-right: 0;
}
.mxo-widget-toolbar-v2 > li > .mxo-widget-radiobutton {
  min-height: 32px;
  align-items: center;
}
.mxo-widget-radiobutton input[type="radio"] {
  margin: 0;
  padding: 0;
  position: absolute;
  top: auto;
  width: 16px;
  height: 16px;
  min-height: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
@media print {
  .mxo-widget-radiobutton input[type="radio"] {
    opacity: 1;
  }
}
.mxo-widget-radiobutton input[type="radio"] + .checkbox-overlay,
.mxo-widget-radiobutton input[type="radio"] + .radiobutton-overlay {
  flex: 0 0 auto;
  position: relative;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  background: no-repeat #fcfcfb -0.75px -0.75px;
  border: 0.75px solid #919187;
  transition: 0.15s ease-in-out;
  transition-property: color, background, box-shadow;
}
@media print {
  .mxo-widget-radiobutton input[type="radio"] + .checkbox-overlay,
  .mxo-widget-radiobutton input[type="radio"] + .radiobutton-overlay {
    opacity: 0;
  }
}
.mxo-widget-radiobutton input[type="radio"]:focus-visible + .checkbox-overlay,
.styleguide-focus .mxo-widget-radiobutton input[type="radio"] + .checkbox-overlay,
.mxo-widget-radiobutton input[type="radio"]:focus-visible + .radiobutton-overlay,
.styleguide-focus .mxo-widget-radiobutton input[type="radio"] + .radiobutton-overlay {
  background: #f7f7f5;
  outline: 1.5px solid #3d9c9c;
}
.mxo-widget-radiobutton input[type="radio"]:checked + .checkbox-overlay,
.mxo-widget-radiobutton input[type="radio"].indeterminate + .checkbox-overlay,
.mxo-widget-radiobutton input[type="radio"]:checked + .radiobutton-overlay,
.mxo-widget-radiobutton input[type="radio"].indeterminate + .radiobutton-overlay {
  background-color: #3d9c9c;
  border-color: #3d9c9c;
}
.mxo-widget-radiobutton input[type="radio"]:checked:focus-visible + .checkbox-overlay,
.mxo-widget-radiobutton input[type="radio"].indeterminate:focus-visible + .checkbox-overlay,
.styleguide-focus .mxo-widget-radiobutton input[type="radio"]:checked + .checkbox-overlay,
.styleguide-focus .mxo-widget-radiobutton input[type="radio"].indeterminate + .checkbox-overlay,
.mxo-widget-radiobutton input[type="radio"]:checked:focus-visible + .radiobutton-overlay,
.mxo-widget-radiobutton input[type="radio"].indeterminate:focus-visible + .radiobutton-overlay,
.styleguide-focus .mxo-widget-radiobutton input[type="radio"]:checked + .radiobutton-overlay,
.styleguide-focus .mxo-widget-radiobutton input[type="radio"].indeterminate + .radiobutton-overlay {
  outline-offset: 0.75px;
}
.mxo-widget-radiobutton input[type="radio"]:disabled {
  cursor: default;
}
.mxo-widget-radiobutton input[type="radio"]:disabled + .checkbox-overlay,
.mxo-widget-radiobutton input[type="radio"]:disabled + .radiobutton-overlay {
  background-color: #d4d1cc;
  border-color: #d4d1cc;
}
.mxo-widget-radiobutton input[type="radio"]:disabled:checked + .checkbox-overlay,
.mxo-widget-radiobutton input[type="radio"]:disabled:checked + .radiobutton-overlay {
  background-color: #cad4d4;
}
.mxo-widget-radiobutton:hover input[type="radio"]:not(:disabled) + .checkbox-overlay,
.styleguide-hover .mxo-widget-radiobutton input[type="radio"]:not(:disabled) + .checkbox-overlay,
.mxo-widget-radiobutton:hover input[type="radio"]:not(:disabled) + .radiobutton-overlay,
.styleguide-hover .mxo-widget-radiobutton input[type="radio"]:not(:disabled) + .radiobutton-overlay {
  background-color: #00575e;
  border-color: #00575e;
}
.mxo-widget-radiobutton:hover input[type="radio"]:not(:disabled):not(:checked):not(.indeterminate) + .checkbox-overlay,
.styleguide-hover .mxo-widget-radiobutton input[type="radio"]:not(:disabled):not(:checked):not(.indeterminate) + .checkbox-overlay,
.mxo-widget-radiobutton:hover input[type="radio"]:not(:disabled):not(:checked):not(.indeterminate) + .radiobutton-overlay,
.styleguide-hover .mxo-widget-radiobutton input[type="radio"]:not(:disabled):not(:checked):not(.indeterminate) + .radiobutton-overlay {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
  background-color: #fcfcfb;
  border-color: #00575e;
}
.mxo-widget-radiobutton .checkbox-label,
.mxo-widget-radiobutton .radiobutton-label {
  display: flex;
  overflow: hidden;
  line-height: normal;
  text-overflow: ellipsis;
}
.mxo-widget-table .row .cells .cell .mxo-widget-radiobutton .checkbox-label,
.mxo-widget-table .row .cells .cell .mxo-widget-radiobutton .radiobutton-label {
  line-height: 16px;
}
.disabled.mxo-widget-radiobutton .checkbox-label .checkbox-label,
.disabled.mxo-widget-radiobutton .radiobutton-label .checkbox-label,
.disabled.mxo-widget-radiobutton .checkbox-label .radiobutton-label,
.disabled.mxo-widget-radiobutton .radiobutton-label .radiobutton-label {
  color: #6e6e66;
}
body:not(.mxo-mode-screenshot) .mxo-widget-debugger.highlight-deprecated :not(.mxo-widget-radiobutton-group):not(.legenda-item-label) > .mxo-widget-radiobutton {
  /* stylelint-disable declaration-no-important */
  background: rgba(120, 0, 128, 0.05) !important;
  outline: 1px solid #780080 !important;
  /* stylelint-enable declaration-no-important */
  --mxo-description: "Use a RadioButton in a RadioButtonGroup or LegendaItem";
}
.mxo-widget-radiobutton input[type="radio"] + .radiobutton-overlay {
  top: 1px;
  border-radius: 8px;
}
.mxo-widget-radiobutton input[type="radio"]:checked + .radiobutton-overlay {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%224%22%20fill%3D%22%23fcfcfb%22/%3E%3C/svg%3E");
}
.mxo-widget-radiobutton.readonly input[type="radio"]:checked {
  display: none;
}
.mxo-widget-radiobutton.readonly input[type="radio"]:checked + .radiobutton-overlay {
  display: none;
}
.mxo-widget-radiobutton-group {
  display: flex;
  gap: 8px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-radiobutton-group > h1,
.mxo-widget-radiobutton-group > h2,
.mxo-widget-radiobutton-group > h3,
.mxo-widget-radiobutton-group > h4,
.mxo-widget-radiobutton-group > h5,
.mxo-widget-radiobutton-group > h6 {
  margin-bottom: -2px;
}
.mxo-widget-radiobutton-group > p,
.mxo-widget-radiobutton-group > ul {
  margin: 0;
}
.mxo-widget-radiobutton-group.horizontal {
  flex-flow: row;
  align-items: center;
  gap: 0 24px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
.mxo-widget-readmore {
  position: relative;
  flex: 1 0 auto;
  line-height: 1.4;
}
.mxo-widget-readmore .readmore-wrapper {
  --max-height: 75px;
  max-height: 75px;
  overflow: hidden;
}
.mxo-widget-readmore .readmore-open,
.mxo-widget-readmore .readmore-close {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 20px;
  font-weight: bold;
  font-size: 12px;
}
.mxo-widget-readmore .readmore-close {
  display: none;
}
.mxo-widget-readmore.open .readmore-wrapper,
.mxo-widget-readmore.content-fit .readmore-wrapper {
  max-height: none;
  overflow: auto;
}
.mxo-widget-readmore.open .readmore-open,
.mxo-widget-readmore.content-fit .readmore-open {
  display: none;
}
.mxo-widget-readmore.open .readmore-close {
  display: flex;
}
@media print {
  .mxo-widget-readmore.open .readmore-close {
    display: none;
  }
}
@media print {
  .mxo-widget-readmore .readmore-wrapper {
    max-height: none;
    overflow: auto;
  }
  .mxo-widget-readmore .readmore-open {
    display: none;
  }
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-scope-selector-select {
  display: flex;
  flex-flow: column;
  gap: 8px;
  min-width: 320px;
}
.mxo-widget-scope-selector-select .scope-selector-header,
.mxo-widget-scope-selector-select .scope-selector-footer {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-scope-selector-select .scope-selector-header > h1,
.mxo-widget-scope-selector-select .scope-selector-footer > h1,
.mxo-widget-scope-selector-select .scope-selector-header > h2,
.mxo-widget-scope-selector-select .scope-selector-footer > h2,
.mxo-widget-scope-selector-select .scope-selector-header > h3,
.mxo-widget-scope-selector-select .scope-selector-footer > h3,
.mxo-widget-scope-selector-select .scope-selector-header > h4,
.mxo-widget-scope-selector-select .scope-selector-footer > h4,
.mxo-widget-scope-selector-select .scope-selector-header > h5,
.mxo-widget-scope-selector-select .scope-selector-footer > h5,
.mxo-widget-scope-selector-select .scope-selector-header > h6,
.mxo-widget-scope-selector-select .scope-selector-footer > h6 {
  margin-bottom: -10px;
}
.mxo-widget-scope-selector-select .scope-selector-header > p,
.mxo-widget-scope-selector-select .scope-selector-footer > p,
.mxo-widget-scope-selector-select .scope-selector-header > ul,
.mxo-widget-scope-selector-select .scope-selector-footer > ul {
  margin: 0;
}
.mxo-widget-scope-selector-select .scope-selector-header:empty,
.mxo-widget-scope-selector-select .scope-selector-footer:empty {
  display: none;
}
.mxo-widget-scope-selector-select .scope-selector-content {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 1 1 auto;
  overflow: auto;
  max-height: 400px;
}
.mxo-widget-scope-selector-select .scope-selector-content > h1,
.mxo-widget-scope-selector-select .scope-selector-content > h2,
.mxo-widget-scope-selector-select .scope-selector-content > h3,
.mxo-widget-scope-selector-select .scope-selector-content > h4,
.mxo-widget-scope-selector-select .scope-selector-content > h5,
.mxo-widget-scope-selector-select .scope-selector-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-scope-selector-select .scope-selector-content > p,
.mxo-widget-scope-selector-select .scope-selector-content > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* DIMENSIONS */
/* COLOURS */
/* 	Needed for legacy fabric components:
	- search
*/
.mxo-widget-search {
  display: inline-block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.mxo-widget-search .mxo-widget-search-input {
  font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  margin: 0;
  width: 100%;
  min-height: 32px;
  box-sizing: border-box;
  font-size: 1em;
  font-variant-numeric: slashed-zero;
  letter-spacing: 0.0025em;
  color: #14140f;
  transition: 0.15s ease-in-out;
  transition-property: color, background-color, box-shadow;
  /* hide caret in screenshot mode, as caret blinking causes unstable screenshots */
  padding: 4px 8px 4px 8px;
  background-color: #fcfcfb;
  border: 1px solid #919187;
  border-radius: 4px;
  padding-right: 32px;
  vertical-align: middle;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-search .mxo-widget-search-input,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-search .mxo-widget-search-input {
  min-height: 24px;
}
.mxo-widget-search .mxo-widget-search-input:hover,
.styleguide-hover .mxo-widget-search .mxo-widget-search-input {
  box-shadow: 0 0.5px 2px -4px rgba(20, 20, 15, 0.24), 0 2px 8px -4px rgba(20, 20, 15, 0.12), 0 4px 8px -4px rgba(20, 20, 15, 0.12);
}
.mxo-widget-search .mxo-widget-search-input:disabled:hover,
.mxo-widget-search .mxo-widget-search-input:read-only:hover,
.mxo-widget-search .mxo-widget-search-input:disabled:read-only:hover,
.styleguide-hover .mxo-widget-search .mxo-widget-search-input:disabled,
.styleguide-hover .mxo-widget-search .mxo-widget-search-input:read-only {
  box-shadow: none;
}
body.mxo-mode-screenshot .mxo-widget-search .mxo-widget-search-input {
  caret-color: transparent;
}
.mxo-widget-table .row .cells .cell .mxo-widget-search .mxo-widget-search-input {
  padding-top: 2px;
  padding-bottom: 2px;
}
.mxo-widget-search .mxo-widget-search-input:hover,
.styleguide-hover .mxo-widget-search .mxo-widget-search-input {
  background: #fcfcfb;
  border-color: #919187;
}
.mxo-widget-search .mxo-widget-search-input:focus,
.mxo-widget-search .mxo-widget-search-input:active,
.styleguide-focus .mxo-widget-search .mxo-widget-search-input,
.styleguide-active .mxo-widget-search .mxo-widget-search-input {
  background: #f7f7f5;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-widget-search .mxo-widget-search-input:disabled,
.mxo-widget-search .mxo-widget-search-input:disabled:read-only {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #f0f0eb;
  -webkit-text-fill-color: #6e6e66;
  /* Fix for text colour in Safari iOS/macOS */
  outline: none;
}
.mxo-widget-search .mxo-widget-search-input:read-only:not(:disabled):not(.input-line-numbers-numbers) {
  padding: 0 0 1px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  background-color: inherit;
  border: 0 none;
  outline: none;
  resize: none;
}
.mxo-widget-search .mxo-widget-search-input:focus,
.mxo-widget-search .mxo-widget-search-input:active,
.styleguide-focus .mxo-widget-search .mxo-widget-search-input,
.styleguide-active .mxo-widget-search .mxo-widget-search-input {
  padding-right: 31.5px;
}
.mxo-widget-search .mxo-widget-search-input::-webkit-input-placeholder {
  color: #919187;
}
.mxo-widget-search .mxo-widget-search-input::-moz-placeholder {
  color: #919187;
  opacity: 1;
  /* FIX for firefox default opacity */
}
.mxo-widget-search .mxo-widget-search-input:-ms-input-placeholder {
  color: #919187;
}
.mxo-widget-search .mxo-widget-search-input::placeholder {
  color: #919187;
}
.mxo-widget-search .mxo-widget-search-input:placeholder-shown {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m19.6%2021-6.3-6.3A6.096%206.096%200%200%201%209.5%2016c-1.817%200-3.354-.63-4.612-1.887C3.629%2012.854%203%2011.317%203%209.5c0-1.817.63-3.354%201.888-4.612C6.146%203.629%207.683%203%209.5%203c1.817%200%203.354.63%204.613%201.888C15.37%206.146%2016%207.683%2016%209.5a6.096%206.096%200%200%201-1.3%203.8l6.3%206.3-1.4%201.4ZM9.5%2014c1.25%200%202.313-.438%203.188-1.313C13.562%2011.813%2014%2010.75%2014%209.5c0-1.25-.438-2.313-1.313-3.188C11.813%205.438%2010.75%205%209.5%205c-1.25%200-2.313.438-3.188%201.313S5%208.25%205%209.5c0%201.25.438%202.313%201.313%203.188C7.188%2013.562%208.25%2014%209.5%2014Z%22/%3E%3C/svg%3E");
  padding-left: 28px;
  text-overflow: ellipsis;
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-size: 16px;
}
.mxo-widget-search .mxo-widget-search-tools {
  display: flex;
  align-items: center;
  position: absolute;
  right: 4px;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.mxo-widget-search .mxo-widget-search-tools:empty + .mxo-widget-search-input {
  padding-right: 8px;
}
.mxo-widget-search .mxo-widget-search-tools:empty + .mxo-widget-search-input:focus,
.mxo-widget-search .mxo-widget-search-tools:empty + .mxo-widget-search-input:active,
.styleguide-focus .mxo-widget-search .mxo-widget-search-tools:empty + .mxo-widget-search-input,
.styleguide-active .mxo-widget-search .mxo-widget-search-tools:empty + .mxo-widget-search-input {
  padding-right: 7.5px;
}
.mxo-widget-search .mxo-widget-search-tools .mxo-widget-search-button-delete,
.mxo-widget-search .mxo-widget-search-tools .mxo-widget-search-button-delete:link,
.mxo-widget-search .mxo-widget-search-tools .mxo-widget-search-button-delete:visited {
  display: block;
  margin: 0;
  padding: 4px;
  width: 16px;
  height: 16px;
  overflow: hidden;
  text-decoration: none;
}
.mxo-widget-search .mxo-widget-search-tools .mxo-widget-search-button-delete:hover,
.mxo-widget-search .mxo-widget-search-tools .mxo-widget-search-button-delete:active {
  background-color: #e3e3de;
  border-radius: 4px;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Content spacing */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
.mxo-widget-section,
.mxo-widget-subsection {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-section > h1,
.mxo-widget-subsection > h1,
.mxo-widget-section > h2,
.mxo-widget-subsection > h2,
.mxo-widget-section > h3,
.mxo-widget-subsection > h3,
.mxo-widget-section > h4,
.mxo-widget-subsection > h4,
.mxo-widget-section > h5,
.mxo-widget-subsection > h5,
.mxo-widget-section > h6,
.mxo-widget-subsection > h6 {
  margin-bottom: -10px;
}
.mxo-widget-section > p,
.mxo-widget-subsection > p,
.mxo-widget-section > ul,
.mxo-widget-subsection > ul {
  margin: 0;
}
.mxo-widget-section.highlight,
.mxo-widget-subsection.highlight {
  padding: 12px 8px 8px 8px;
  background: #e8e8e8;
}
.mxo-widget-section .section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.mxo-widget-section .section-heading .section-toggle::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
  border-radius: 50%;
}
.mxo-widget-section .section-heading .section-toggle:hover::after {
  background-color: #e3e3de;
}
.mxo-widget-section.expandable .section-content {
  display: none;
}
.mxo-widget-section.expandable.open .section-heading .section-toggle::after {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22m12%208.295-6%206%201.41%201.41%204.59-4.58%204.59%204.58%201.41-1.41-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-section.expandable.open .section-content {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-section.expandable.open .section-content > h1,
.mxo-widget-section.expandable.open .section-content > h2,
.mxo-widget-section.expandable.open .section-content > h3,
.mxo-widget-section.expandable.open .section-content > h4,
.mxo-widget-section.expandable.open .section-content > h5,
.mxo-widget-section.expandable.open .section-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-section.expandable.open .section-content > p,
.mxo-widget-section.expandable.open .section-content > ul {
  margin: 0;
}
.mxo-widget-subsection > h4 {
  margin-bottom: 0;
}
.mxo-widget-subsection .section-content {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-subsection .section-content > h1,
.mxo-widget-subsection .section-content > h2,
.mxo-widget-subsection .section-content > h3,
.mxo-widget-subsection .section-content > h4,
.mxo-widget-subsection .section-content > h5,
.mxo-widget-subsection .section-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-subsection .section-content > p,
.mxo-widget-subsection .section-content > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-segmented-control {
  display: flex;
  gap: 24px;
}
.mxo-widget-segmented-control ul.options {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wide.mxo-widget-segmented-control ul.options {
  width: 100%;
}
.mxo-widget-segmented-control ul.options li {
  margin: 0;
  border-left: 1px solid #d4d1cc;
}
.mxo-widget-segmented-control ul.options li:first-child {
  border-left: none;
}
.wide.mxo-widget-segmented-control ul.options li {
  flex: 1 1 auto;
  width: 100%;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Content spacing */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-selectbox {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option {
  padding: 12px 8px 8px 8px;
  display: flex;
  gap: 8px;
  border: 1px solid #e8e8e8;
  border-top: none;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option:first-child {
  border-top: 1px solid #e8e8e8;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option,
.mxo-widget-selectbox .selectbox-options .selectbox-option:link,
.mxo-widget-selectbox .selectbox-options .selectbox-option:visited {
  text-decoration: none;
  font-weight: 400;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option:hover,
.mxo-widget-selectbox .selectbox-options .selectbox-option:focus,
.styleguide-hover .mxo-widget-selectbox .selectbox-options .selectbox-option,
.styleguide-focus .mxo-widget-selectbox .selectbox-options .selectbox-option {
  color: #127578;
  background: #f0f0eb;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option::before {
  flex: 0 0 auto;
  content: "";
  margin: 3px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  background: #fcfcfb;
  border: 2px solid #fcfcfb;
  box-shadow: 0 0 0 1px #919187;
  border-radius: 7px;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option .selectbox-option-label {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  font-weight: bold;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option .selectbox-option-label .selectbox-option-explanation {
  display: block;
  margin-top: 4px;
  font-weight: normal;
  color: #6e6e66;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option.selected {
  cursor: default;
  background: inherit;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option.selected::before {
  background-color: #6c8f89;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option.disabled {
  cursor: default;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option.disabled:hover {
  background: inherit;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option.disabled::before {
  background-color: #b3b3b1;
}
.mxo-widget-selectbox .selectbox-options .selectbox-option.readonly::before {
  content: none;
  display: none;
}
.edit.mxo-widget-selectbox .selectbox-options .selectbox-option.selected {
  color: #ffffff;
  background: #6c8f89;
}
.edit.mxo-widget-selectbox .selectbox-options .selectbox-option.selected::before {
  background-color: #ffffff;
  border-color: #6c8f89;
  box-shadow: 0 0 0 1px #ffffff;
}
.edit.mxo-widget-selectbox .selectbox-options .selectbox-option.selected .selectbox-option-label {
  color: #ffffff;
}
.edit.mxo-widget-selectbox .selectbox-options .selectbox-option.selected .selectbox-option-label .selectbox-option-explanation {
  color: #ffffff;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
.mxo-widget-stepindicator .stepindicator-steps a.step {
  /* connector */
  /* dot */
  /* statuses */
}
.mxo-widget-stepindicator .stepindicator-steps a.step,
.mxo-widget-stepindicator .stepindicator-steps a.step:link,
.mxo-widget-stepindicator .stepindicator-steps a.step:visited {
  display: block;
  position: relative;
  padding: 15px 0 15px 50px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #14140f;
}
.mxo-widget-stepindicator .stepindicator-steps a.step:hover,
.styleguide-hover .mxo-widget-stepindicator .stepindicator-steps a.step {
  color: #6c8f89;
}
.mxo-widget-stepindicator .stepindicator-steps a.step:hover .step-label::after,
.styleguide-hover .mxo-widget-stepindicator .stepindicator-steps a.step .step-label::after {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%236c8f89%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-stepindicator .stepindicator-steps a.step .step-label {
  position: relative;
  display: block;
  overflow: hidden;
  padding-right: 25px;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* arrow */
}
.mxo-widget-stepindicator .stepindicator-steps a.step .step-label::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
  position: absolute;
  right: 4px;
  opacity: 0.75;
}
.mxo-widget-stepindicator .stepindicator-steps a.step::before,
.mxo-widget-stepindicator .stepindicator-steps a.step .step-status {
  display: block;
  position: absolute;
  transition: 0.2s ease-in;
}
.mxo-widget-stepindicator .stepindicator-steps a.step::before {
  content: "";
  top: -10px;
  bottom: 38px;
  left: 17px;
  border-left: 2px solid #c1c1c1;
  transition-property: top, bottom;
}
.mxo-widget-stepindicator .stepindicator-steps a.step:first-child::before {
  content: none;
}
.mxo-widget-stepindicator .stepindicator-steps a.step .step-status {
  bottom: 24px;
  left: 18px;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  background: no-repeat transparent center center;
  background-size: 12px;
  border: 2px solid #6c8f89;
  border-radius: 50%;
  transform: translate(-50%, 50%);
  transition-property: height, width;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.current,
.mxo-widget-stepindicator .stepindicator-steps a.step.current:link,
.mxo-widget-stepindicator .stepindicator-steps a.step.current:visited {
  color: #6c8f89;
  font-size: 16px;
  font-weight: bold;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.current:hover,
.styleguide-hover .mxo-widget-stepindicator .stepindicator-steps a.step.current {
  text-decoration: underline;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.current::before,
.mxo-widget-stepindicator .stepindicator-steps a.step.current .step-status {
  transition: 0.2s ease-out;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.current::before {
  bottom: 41px;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.current .step-status {
  width: 30px;
  height: 30px;
  background-size: 16px;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.current + a.step::before {
  top: -7px;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-active .step-status {
  background: #6e6e66;
  border-color: #6e6e66;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-active.disabled .step-status {
  background: #919187;
  border-color: #919187;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-inactive,
.mxo-widget-stepindicator .stepindicator-steps a.step.status-inactive:link,
.mxo-widget-stepindicator .stepindicator-steps a.step.status-inactive:visited {
  color: #6e6e66;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-inactive:hover,
.styleguide-hover .mxo-widget-stepindicator .stepindicator-steps a.step.status-inactive {
  color: #6c8f89;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-inactive .step-status {
  border-color: #6e6e66;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-inactive.current,
.mxo-widget-stepindicator .stepindicator-steps a.step.status-inactive.current:link,
.mxo-widget-stepindicator .stepindicator-steps a.step.status-inactive.current:visited {
  color: #6c8f89;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-inactive.disabled .step-status {
  border-color: #919187;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-accepted .step-status {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M6.425%2016c-0.497%200-0.968-0.233-1.27-0.632l-4.084-5.394c-0.531-0.702-0.393-1.7%200.308-2.232%200.703-0.532%201.701-0.392%202.232%200.308l2.686%203.547%206.756-10.848c0.465-0.746%201.447-0.975%202.195-0.51s0.975%201.448%200.51%202.195l-7.981%2012.814c-0.277%200.446-0.756%200.726-1.28%200.75-0.025%200.001-0.049%200.002-0.073%200.002z%22%20fill%3D%22%23ffffff%22%20/%3E%3C/svg%3E");
  background-color: #33964f;
  border-color: #33964f;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-accepted.disabled .step-status {
  background-color: #b5e5ba;
  border-color: #b5e5ba;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-rejected .step-status {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M15.999%207.892c-0.059-4.416-3.689-7.951-8.106-7.892s-7.951%203.689-7.892%208.107c0.059%204.416%203.688%207.95%208.106%207.892s7.951-3.689%207.892-8.107zM7.927%202.001c1.321-0.018%202.549%200.393%203.55%201.103l-8.375%208.375c-0.68-0.959-1.086-2.126-1.103-3.389-0.044-3.318%202.609-6.044%205.927-6.088zM8.088%2014.015c-1.332%200.018-2.568-0.399-3.574-1.12l8.381-8.381c0.69%200.963%201.102%202.139%201.12%203.413%200.044%203.318-2.61%206.043-5.927%206.088z%22%20fill%3D%22%23ffffff%22%20/%3E%3C/svg%3E");
  background-color: #e54a3b;
  border-color: #e54a3b;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.status-rejected.disabled .step-status {
  background-color: #fcc4b8;
  border-color: #fcc4b8;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.disabled,
.mxo-widget-stepindicator .stepindicator-steps a.step.disabled:link,
.mxo-widget-stepindicator .stepindicator-steps a.step.disabled:visited {
  color: #919187;
  cursor: default;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.disabled:hover,
.styleguide-hover .mxo-widget-stepindicator .stepindicator-steps a.step.disabled {
  text-decoration: none;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.disabled::before,
.mxo-widget-stepindicator .stepindicator-steps a.step.disabled .step-status {
  border-color: #d4d1cc;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.disabled::before {
  border-left-style: dashed;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.disabled + a.step::before {
  border-left-style: dashed;
}
.mxo-widget-stepindicator .stepindicator-steps a.step.disabled .step-label::after {
  content: none;
}
.mxo-widget-stepindicator .stepindicator-restart {
  margin-top: 12px;
}
.mxo-widget-stepindicator .stepindicator-details-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 12px;
  margin-top: 12px;
}
.mxo-widget-stepindicator .stepindicator-details-header .stepindicator-details-header-toggle {
  padding-top: 2px;
}
.mxo-widget-stepindicator .stepindicator-details-content {
  margin-top: 12px;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
.mxo-widget-subtext {
  font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  padding-left: 0.5em;
  font-size: max(90%, 13px);
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #6e6e66;
}
.inverse .mxo-widget-subtext {
  color: #ffffff;
  opacity: 0.6;
}
.mxo-widget-keyvalue .keyvalue-property.dimmed .mxo-widget-subtext {
  color: #4d4d45;
}
.mxo-widget-keyvalue.row .keyvalue-property-key .mxo-widget-subtext {
  display: block;
  padding: 2px 0 0 0;
}
.mxo-widget-table .head .row .cells .cell .mxo-widget-subtext,
.mxo-widget-keyvalue .keyvalue-property-key .mxo-widget-subtext {
  font-size: max(90%, 12px);
  letter-spacing: -0.02em;
}
.mxo-widget-table .body .row .cells.dimmed .mxo-widget-subtext {
  color: #6e6e66;
}
.mxo-widget-table .body .row .cells.selected .cell .mxo-widget-subtext {
  color: #6e6e66;
}
.mxo-widget-expandable .expandable-heading .mxo-widget-subtext {
  overflow: hidden;
  padding-left: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: inherit;
}
.mxo-widget-context-list .context-list li .mxo-widget-subtext {
  color: #003338;
}
.mxo-widget-context-list .context-list li.selected .mxo-widget-subtext {
  color: #004547;
}
.mxo-widget-context-list .context-list li.disabled .mxo-widget-subtext {
  color: #b2b0ab;
}
.mxo-widget-notifications .notification-read .mxo-widget-subtext {
  color: #999992;
}
.mxo-widget-subtext.below {
  display: block;
  padding-left: 0;
}
h1 .mxo-widget-subtext.below {
  font-size: 0.7em;
}

.mxo-widget-suggestions-tooltip {
  max-height: 330px;
  overflow-x: hidden;
  overflow-y: auto;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* COLOURS */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* Content spacing */
/* 	Needed for legacy fabric components:
	- reference/search/main
	- table/table
	- table/table_collection
	- table/table_collection_row
*/
/* WIDGET > TABLE  */
.mxo-widget-table {
  box-sizing: border-box;
  /*
	Apply usual single-column-table logic for list if there is only one column besides the action(s)
	DO NOT NEST inside .row and .cells else custom application styling will not override
	 */
  /* bullet */
  /* DEPRECATED .more only used by 'kenmerkenvisualisatie' in Objectbrowser */
  /* END DEPRECATED */
  /* status */
}
.mxo-widget-table .row:not(.mxo-widget-keyvalue) {
  position: relative;
  border-bottom: 1px solid #e3e3de;
  outline: none;
}
.mxo-widget-table .row .cells {
  position: relative;
  box-sizing: border-box;
  line-height: 0;
  background: none;
}
.mxo-widget-table .row .cells .cell {
  width: 200px;
  display: inline-block;
  padding: 4px 4px;
  min-height: 32px;
  overflow: hidden;
  box-sizing: border-box;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 24px;
  font-variant-numeric: slashed-zero tabular-nums;
}
.mxo-widget-table .row .cells .cell:first-child {
  padding-left: 14px;
}
.mxo-widget-table .row .cells .cell:first-child a {
  overflow: hidden;
  text-overflow: ellipsis;
}
.mxo-widget-table .row .cells .cell:first-of-type:nth-last-of-type(1) {
  width: 100%;
  min-width: 200px;
}
.mxo-widget-singleselect .mxo-widget-table .row .cells .cell:first-of-type:nth-last-of-type(1) {
  min-width: 0;
}
.mxo-widget-table .row .cells .cell.content-align-center {
  text-align: center;
  justify-content: center;
}
.mxo-widget-table .row .cells .cell.content-align-right {
  text-align: right;
  justify-content: flex-end;
}
.mxo-widget-table .row .cells .cell.cell-highlight {
  background-color: #f0f0eb;
}
.mxo-widget-table .row .cells .cell.delete-button,
.mxo-widget-table .row .cells .cell.edit-button {
  width: 36px;
}
.mxo-widget-value-list .mxo-widget-table .cell:first-of-type:nth-last-of-type(2),
.mxo-widget-dropdown-v2 :not(.readonly).mxo-widget-table .cell:first-of-type:nth-last-of-type(2) {
  width: calc(100% - 36px);
}
.mxo-widget-value-list .mxo-widget-table .cell.action-button,
.mxo-widget-dropdown-v2 :not(.readonly).mxo-widget-table .cell.action-button,
.mxo-widget-value-list .mxo-widget-table .cell.value-list-actions,
.mxo-widget-dropdown-v2 :not(.readonly).mxo-widget-table .cell.value-list-actions {
  width: 36px;
}
.mxo-widget-dropdown-v2.disabled .dropdown-selection .mxo-widget-table .head .row {
  border-bottom-style: dashed;
}
.mxo-widget-table .head .row .cells .cell {
  font-family: "iA Writer Quattro", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #3b3b33;
}
.mxo-widget-table .head .row .cells .cell a:not(.button),
.mxo-widget-table .head .row .cells .cell a:not(.button):link,
.mxo-widget-table .head .row .cells .cell a:not(.button):visited {
  color: #3b3b33;
}
.mxo-widget-table .head .row .cells .cell a:not(.button).sort {
  margin-left: 4px;
}
.mxo-widget-table .head .row .cells .cell a:not(.button).sort::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b3b3b1%22%20d%3D%22m12%2020-6-6h12l-6%206ZM12%204l6%206H6l6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table .head .row .cells .cell a:not(.button).sort.sort-asc::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23b3b3b1%22%20d%3D%22m12%2020-6-6h12l-6%206Z%22/%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m12%204%206%206H6l6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table .head .row .cells .cell a:not(.button).sort.sort-desc::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m12%2020-6-6h12l-6%206Z%22/%3E%3Cpath%20fill%3D%22%23b3b3b1%22%20d%3D%22m12%204%206%206H6l6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table .head .row .cells .cell a.table-select-all {
  position: relative;
  display: inline-block;
  padding: 4px 8px 4px 5px;
  vertical-align: top;
}
.tree.mxo-widget-table .head .row .cells .cell a.table-select-all {
  margin-left: 21px;
}
.mxo-widget-table .head .row .cells .cell a.table-select-all::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: -4px -4px;
  background-size: 24px;
  border-radius: 2px;
  transition: 0.15s ease-in-out;
  transition-property: color, background, box-shadow;
}
.mxo-widget-table .head .row .cells .cell a.table-select-all:focus-visible,
.styleguide-focus .mxo-widget-table .head .row .cells .cell a.table-select-all {
  outline: none;
}
.mxo-widget-table .head .row .cells .cell a.table-select-all:focus-visible::before,
.styleguide-focus .mxo-widget-table .head .row .cells .cell a.table-select-all::before {
  outline: 1.5px solid #3d9c9c;
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.unchecked-with-overlay::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M4.5%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-12a2%202%200%200%201-2-2V6Z%22/%3E%3Cmask%20id%3D%22b%22%20width%3D%2218%22%20height%3D%2218%22%20x%3D%224%22%20y%3D%224%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221.75%22%20d%3D%22m21.25%2012.75-8%208%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M4.5%204h16v16h-16z%22/%3E%3C/g%3E%3C/g%3E%3Cpath%20stroke%3D%22%23919187%22%20stroke-width%3D%22.75%22%20d%3D%22M4.875%206c0-.897.728-1.625%201.625-1.625h12c.898%200%201.625.728%201.625%201.625v12c0%20.898-.727%201.625-1.625%201.625h-12A1.625%201.625%200%200%201%204.875%2018V6Z%22/%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22m14.5%2020%206-6v5a1%201%200%200%201-1%201h-5Z%22/%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.5%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-12a2%202%200%200%201-2-2V6Z%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  border-bottom-right-radius: 1px;
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.unchecked-with-overlay:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M4.5%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-12a2%202%200%200%201-2-2V6Z%22/%3E%3Cmask%20id%3D%22b%22%20width%3D%2218%22%20height%3D%2218%22%20x%3D%224%22%20y%3D%224%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221.75%22%20d%3D%22m21.25%2012.75-8%208%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M4.5%204h16v16h-16z%22/%3E%3C/g%3E%3C/g%3E%3Cpath%20stroke%3D%22%2300575e%22%20stroke-width%3D%22.75%22%20d%3D%22M4.875%206c0-.897.728-1.625%201.625-1.625h12c.898%200%201.625.728%201.625%201.625v12c0%20.898-.727%201.625-1.625%201.625h-12A1.625%201.625%200%200%201%204.875%2018V6Z%22/%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22m14.5%2020%206-6v5a1%201%200%200%201-1%201h-5Z%22/%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.5%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202h-12a2%202%200%200%201-2-2V6Z%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.unchecked-without-overlay::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M4.375%206c0-.897.728-1.625%201.625-1.625h12c.898%200%201.625.728%201.625%201.625v12c0%20.898-.727%201.625-1.625%201.625H6A1.625%201.625%200%200%201%204.375%2018V6Z%22/%3E%3Cpath%20stroke%3D%22%23919187%22%20stroke-width%3D%22.75%22%20d%3D%22M4.375%206c0-.897.728-1.625%201.625-1.625h12c.898%200%201.625.728%201.625%201.625v12c0%20.898-.727%201.625-1.625%201.625H6A1.625%201.625%200%200%201%204.375%2018V6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.unchecked-without-overlay:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M4.375%206c0-.897.728-1.625%201.625-1.625h12c.898%200%201.625.728%201.625%201.625v12c0%20.898-.727%201.625-1.625%201.625H6A1.625%201.625%200%200%201%204.375%2018V6Z%22/%3E%3Cpath%20stroke%3D%22%2300575e%22%20stroke-width%3D%22.75%22%20d%3D%22M4.375%206c0-.897.728-1.625%201.625-1.625h12c.898%200%201.625.728%201.625%201.625v12c0%20.898-.727%201.625-1.625%201.625H6A1.625%201.625%200%200%201%204.375%2018V6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.indeterminate-with-overlay::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%233d9c9c%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.5%204a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h6.267l7.733-7.733V6a2%202%200%200%200-2-2h-12Z%22%20clip-rule%3D%22evenodd%22/%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22m14.5%2020%206-6v5a1%201%200%200%201-1%201h-5Z%22/%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M9.3%2012.6v-1.2h6.4v1.2H9.3Z%22/%3E%3C/svg%3E");
  border-bottom-right-radius: 1px;
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.indeterminate-with-overlay:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300575e%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.5%204a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h6.267l7.733-7.733V6a2%202%200%200%200-2-2h-12Z%22%20clip-rule%3D%22evenodd%22/%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22m14.5%2020%206-6v5a1%201%200%200%201-1%201h-5Z%22/%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M9.3%2012.6v-1.2h6.4v1.2H9.3Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.indeterminate-with-overlay:active::before,
.mxo-widget-table .head .row .cells .cell a.table-select-all.indeterminate-with-overlay:focus-visible::before,
.styleguide-focus .mxo-widget-table .head .row .cells .cell a.table-select-all.indeterminate-with-overlay::before,
.styleguide-active .mxo-widget-table .head .row .cells .cell a.table-select-all.indeterminate-with-overlay::before {
  outline-offset: 0.75px;
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.checked-without-overlay::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22%233d9c9c%22%20d%3D%22M4%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6Z%22/%3E%3Cmask%20id%3D%22b%22%20width%3D%2216%22%20height%3D%2216%22%20x%3D%224%22%20y%3D%224%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%233d9c9c%22%20d%3D%22M10.483%2015.55%207.25%2012.333l.85-.866%202.383%202.383%205.417-5.4.85.85-6.267%206.25Z%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M4%204h16v16H4z%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6Z%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.checked-without-overlay:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url%28%23a%29%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M4%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6Z%22/%3E%3Cmask%20id%3D%22b%22%20width%3D%2216%22%20height%3D%2216%22%20x%3D%224%22%20y%3D%224%22%20maskUnits%3D%22userSpaceOnUse%22%20style%3D%22mask-type%3Aalpha%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M10.483%2015.55%207.25%2012.333l.85-.866%202.383%202.383%205.417-5.4.85.85-6.267%206.25Z%22/%3E%3C/mask%3E%3Cg%20mask%3D%22url%28%23b%29%22%3E%3Cpath%20fill%3D%22%23fcfcfb%22%20d%3D%22M4%204h16v16H4z%22/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%206a2%202%200%200%201%202-2h12a2%202%200%200%201%202%202v12a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6Z%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.checked-with-overlay::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%233d9c9c%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%204C4.89543%204%204%204.89543%204%206V18C4%2019.1046%204.89543%2020%206%2020L12.2665%2020L20%2012.2665V6C20%204.89543%2019.1046%204%2018%204H6Z%22/%3E%3Cpath%20d%3D%22M14%2020L20%2014V19C20%2019.5523%2019.5523%2020%2019%2020H14Z%22%20fill%3D%22%2300575e%22/%3E%3Cpath%20d%3D%22M10.4833%2015.55L7.25%2012.3333L8.1%2011.4667L10.4833%2013.85L15.9%208.45L16.75%209.3L10.4833%2015.55Z%22%20fill%3D%22%23fcfcfb%22/%3E%3C/svg%3E");
  border-bottom-right-radius: 1px;
}
.mxo-widget-table .head .row .cells .cell a.table-select-all.checked-with-overlay:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2300575e%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%204C4.89543%204%204%204.89543%204%206V18C4%2019.1046%204.89543%2020%206%2020L12.2665%2020L20%2012.2665V6C20%204.89543%2019.1046%204%2018%204H6Z%22/%3E%3Cpath%20d%3D%22M14%2020L20%2014V19C20%2019.5523%2019.5523%2020%2019%2020H14Z%22%20fill%3D%22%2300575e%22/%3E%3Cpath%20d%3D%22M10.4833%2015.55L7.25%2012.3333L8.1%2011.4667L10.4833%2013.85L15.9%208.45L16.75%209.3L10.4833%2015.55Z%22%20fill%3D%22%23fcfcfb%22/%3E%3C/svg%3E");
}
.mxo-widget-table .body {
  /* END DEPRECATED */
}
.mxo-widget-table .body > .row {
  min-height: 32px;
  /* for load more, cells can load later than row, row functions as skeleton */
}
.mxo-widget-table .body .row {
  /* DEPRECATED only used by 'kenmerkenvisualisatie' in Objectbrowser */
}
.mxo-widget-table .body .row .cells {
  /* DEPRECATED remove when not used in DigitaalLoket, Objectbrowser, Objectenregister and OTL */
  /* END DEPRECATED */
}
.mxo-widget-table .body .row .cells .cell .bullet {
  display: none;
  position: absolute;
  right: 0;
  width: 30px;
  vertical-align: top;
  text-align: center;
  font-size: 0;
}
.mxo-widget-table .body .row .cells .cell .bullet::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 16px;
  opacity: 0.75;
  border-radius: 4px;
}
.mxo-widget-table .body .row .cells .cell .bullet:hover::before,
.styleguide-bullet-hover .mxo-widget-table .body .row .cells .cell .bullet::before {
  opacity: 1;
}
.mxo-widget-table .body .row .cells .cell .persistent-element-wrapper {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.mxo-widget-table .body .row .cells .cell .persistent-element-wrapper .number {
  vertical-align: top;
}
.mxo-widget-table .body .row .cells .cell.column-mark:first-child {
  width: 10px;
  padding: 0 0 0 10px;
}
.mxo-widget-table .body .row .cells .cell.content-highlight {
  font-weight: bold;
}
.mxo-widget-table .body .row .cells .cell .content-secondary {
  font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  display: block;
  overflow: hidden;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #6e6e66;
}
.mxo-widget-table .body .row .cells.active {
  background-color: #f0f0eb;
  color: #14140f;
}
.mxo-widget-table .body .row .cells.selected {
  color: #14140f;
  background-color: #c7f2e5;
}
.mxo-widget-table .body .row .cells.selected.active {
  background-color: #b5ebdb;
}
.mxo-widget-table .body .row .cells.selected .cell a:not(.button):not(.dropdown-select):not(.selector-next-level),
.mxo-widget-table .body .row .cells.selected .cell a:not(.button):not(.dropdown-select):not(.selector-next-level):link,
.mxo-widget-table .body .row .cells.selected .cell a:not(.button):not(.dropdown-select):not(.selector-next-level):visited,
.mxo-widget-table .body .row .cells.selected .cell a:not(.button):not(.dropdown-select):not(.selector-next-level):hover,
.styleguide-hover .mxo-widget-table .body .row .cells.selected .cell a:not(.button):not(.dropdown-select):not(.selector-next-level) {
  text-decoration-color: #14140f;
  color: #14140f;
}
.mxo-widget-table .body .row .cells.selected .cell.cell-highlight {
  background-color: #b5ebdb;
}
.mxo-widget-table .body .row .cells.selected .cell .content-secondary {
  color: #6e6e66;
}
.mxo-widget-table .body .row .cells.dimmed {
  color: #6e6e66;
}
.mxo-widget-table .body .row .cells.dimmed a:not(.button),
.mxo-widget-table .body .row .cells.dimmed a:not(.button):link,
.mxo-widget-table .body .row .cells.dimmed a:not(.button):visited {
  color: #6e6e66;
}
.mxo-widget-table .body .row .cells.dimmed.selected {
  color: #14140f;
}
.mxo-widget-table .body .row .cells.dimmed.selected a:not(.button),
.mxo-widget-table .body .row .cells.dimmed.selected a:not(.button):link,
.mxo-widget-table .body .row .cells.dimmed.selected a:not(.button):visited {
  text-decoration-color: #14140f;
  color: #14140f;
}
.mxo-widget-table .body .row .cells.cluster {
  cursor: default;
}
body:not(.mxo-mode-screenshot) .mxo-widget-debugger.highlight-deprecated .mxo-widget-table .body .row .cells.cluster {
  /* stylelint-disable declaration-no-important */
  background: rgba(120, 0, 128, 0.05) !important;
  outline: 1px solid #780080 !important;
  /* stylelint-enable declaration-no-important */
  --mxo-description: "Remove all .cluster classes and use .content-highlight on cells";
}
.mxo-widget-table .body .row .cells.cluster .cell:first-child {
  font-weight: bold;
  font-size: 1.166em;
}
.mxo-widget-table .body .row .cells.cluster .cell a:not(.button),
.mxo-widget-table .body .row .cells.cluster .cell a:not(.button):link,
.mxo-widget-table .body .row .cells.cluster .cell a:not(.button):visited {
  cursor: default;
}
.mxo-widget-table .body .row .more {
  position: relative;
}
.mxo-widget-table .body .row .more .bullet {
  display: inline-block;
  position: absolute;
  right: auto;
  left: -30px;
  top: -24px;
  padding-top: 7px;
  margin-top: -7px;
  margin-bottom: -4px;
  width: 30px;
  text-align: center;
}
.mxo-widget-table .body .row .more .bullet::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
  opacity: 0.75;
}
.mxo-widget-table .body .row .more .bullet:hover::before,
.styleguide-hover .mxo-widget-table .body .row .more .bullet::before {
  opacity: 1;
}
.mxo-widget-table .body .row .more.open .bullet {
  display: inline-block;
  top: auto;
  bottom: 10px;
}
.mxo-widget-table .body .row .more.open::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: -30px;
  top: -1px;
  width: 30px;
  height: 0;
  border-bottom: 1px solid #e3e3de;
}
.mxo-widget-table .body .row .more.open .row {
  display: block;
}
.mxo-widget-table .body .row .more .row {
  display: none;
}
.mxo-widget-table .body .table-drag-row {
  position: relative;
}
.styleguide-dragging-from-above .mxo-widget-table .body .table-drag-row {
  border-bottom: 2px solid #94ded1;
}
.styleguide-dragging-from-below .mxo-widget-table .body .table-drag-row {
  border-top: 2px solid #94ded1;
}
.mxo-widget-table .body .table-drag-row.table-drag-highlight.table-drag-from-below {
  border-top: 2px solid #94ded1;
}
.mxo-widget-table .body .table-drag-row.table-drag-highlight.table-drag-from-above {
  border-bottom: 2px solid #94ded1;
}
.styleguide-dragging .mxo-widget-table .body .table-drag-row,
.mxo-widget-table .body .table-drag-row.table-drag-dragging {
  box-shadow: 0 2px 4px -4px rgba(20, 20, 15, 0.72), 0 8px 12px -12px rgba(20, 20, 15, 0.48), 0 12px 16px -16px rgba(20, 20, 15, 0.48);
  background-color: #c7f2e5;
  color: #14140f;
  outline: none;
  z-index: 2;
  /* to prevent hover of row below to overlap */
}
.styleguide-dragging .mxo-widget-table .body .table-drag-row > .row .cells,
.mxo-widget-table .body .table-drag-row.table-drag-dragging > .row .cells {
  background: none;
}
.styleguide-dragging .mxo-widget-table .body .table-drag-row > .row .cells a.table-drag-handle,
.mxo-widget-table .body .table-drag-row.table-drag-dragging > .row .cells a.table-drag-handle,
.styleguide-dragging .mxo-widget-table .body .table-drag-row > .row .cells a.table-drag-handle:link,
.mxo-widget-table .body .table-drag-row.table-drag-dragging > .row .cells a.table-drag-handle:link,
.styleguide-dragging .mxo-widget-table .body .table-drag-row > .row .cells a.table-drag-handle:visited,
.mxo-widget-table .body .table-drag-row.table-drag-dragging > .row .cells a.table-drag-handle:visited {
  opacity: 1;
}
.mxo-widget-table .body .table-drag-row > .row {
  min-height: 32px;
  /* for load more, cells can load later than row, row functions as skeleton */
}
.mxo-widget-table .body .table-drag-row > .row > .cells {
  padding-right: 30px;
}
.mxo-widget-table .body .table-drag-row > .row > .cells .cell .bullet {
  right: 30px;
}
.mxo-widget-table .body .table-drag-row > .row > .cells .cell + a.table-drag-handle,
.mxo-widget-table .body .table-drag-row > .row > .cells .cell + a.table-drag-handle:link,
.mxo-widget-table .body .table-drag-row > .row > .cells .cell + a.table-drag-handle:visited {
  display: block;
}
.mxo-widget-table .body .table-drag-row > .row > .cells a.table-drag-handle,
.mxo-widget-table .body .table-drag-row > .row > .cells a.table-drag-handle:link,
.mxo-widget-table .body .table-drag-row > .row > .cells a.table-drag-handle:visited {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  padding-top: 5px;
  text-align: center;
  cursor: move;
  opacity: 0.75;
}
.mxo-widget-table .body .table-drag-row > .row > .cells a.table-drag-handle:hover,
.styleguide-hover .mxo-widget-table .body .table-drag-row > .row > .cells a.table-drag-handle {
  opacity: 1;
}
.mxo-widget-table .body .table-drag-row > .row > .cells:hover a.table-drag-handle,
.styleguide-hover .mxo-widget-table .body .table-drag-row > .row > .cells a.table-drag-handle,
.mxo-widget-table .body .table-drag-row > .row > .cells:hover a.table-drag-handle:link,
.styleguide-hover .mxo-widget-table .body .table-drag-row > .row > .cells a.table-drag-handle:link,
.mxo-widget-table .body .table-drag-row > .row > .cells:hover a.table-drag-handle:visited,
.styleguide-hover .mxo-widget-table .body .table-drag-row > .row > .cells a.table-drag-handle:visited {
  opacity: 1;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .cells:hover,
.mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells:hover,
.mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells:hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .cells,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells {
  box-shadow: 0 2px 4px -4px rgba(20, 20, 15, 0.72), 0 8px 12px -12px rgba(20, 20, 15, 0.48), 0 12px 16px -16px rgba(20, 20, 15, 0.48);
  cursor: pointer;
  background-color: #f0f0eb;
  z-index: 2;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .cells:hover .cell a.button.notext:not(.disabled),
.mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells:hover .cell a.button.notext:not(.disabled),
.mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells .cell a.button.notext:not(.disabled),
.mxo-widget-table.selectable:not(.expandable) .body .row .cells:hover .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells:hover .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells:hover .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .cells .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.selectable:not(.expandable) .body .row .cells:hover .cell a.button.notext:not(.disabled):visited,
.mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells:hover .cell a.button.notext:not(.disabled):visited,
.mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells:hover .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .cells .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells .cell a.button.notext:not(.disabled):visited,
.mxo-widget-table.selectable:not(.expandable) .body .row .cells:hover .cell a.button.notext:not(.disabled):hover,
.mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells:hover .cell a.button.notext:not(.disabled):hover,
.mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells:hover .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells .cell a.button.notext:not(.disabled) {
  opacity: 1;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .cells:hover .cell.cell-highlight,
.mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells:hover .cell.cell-highlight,
.mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells:hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .cells .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells .cell.cell-highlight {
  background-color: transparent;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .cells:hover.selected,
.mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells:hover.selected,
.mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells:hover.selected,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .cells.selected,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.empty .cells.selected,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row.always-open .cells.selected {
  background-color: #b5ebdb;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells:hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells {
  background-color: transparent;
  box-shadow: none;
  cursor: default;
  z-index: 0;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells .cell a.button.notext:not(.disabled),
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells:hover .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells:hover .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells .cell a.button.notext:not(.disabled):visited {
  opacity: 0.75;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells:hover .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells .cell a.button.notext:not(.disabled) {
  opacity: 1;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells:hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table .head .row .cells .cell.cell-highlight {
  background-color: #f0f0eb;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells:hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells {
  background-color: transparent;
  box-shadow: none;
  cursor: default;
  z-index: 0;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells .cell a.button.notext:not(.disabled),
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells:hover .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells:hover .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells .cell a.button.notext:not(.disabled):visited {
  opacity: 0.75;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells:hover .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells .cell a.button.notext:not(.disabled) {
  opacity: 1;
}
.mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells:hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.selectable:not(.expandable) .body .row .contents .mxo-widget-table:not(.selectable):not(.tree) .body .row .cells .cell.cell-highlight {
  background-color: #f0f0eb;
}
.mxo-widget-table.selectable:not(.expandable) .body .table-drag-row.table-drag-dragging > .row .cells {
  background: none;
}
.mxo-widget-table.spacious > .body > .row {
  min-height: 40px;
  /* for load more, cells can load later than row, row functions as skeleton */
}
.mxo-widget-table.spacious > .body > .row > .cells .cell {
  padding-top: 4px;
  padding-bottom: 4px;
  min-height: 40px;
  line-height: 32px;
}
.mxo-widget-table.spacious > .body .table-drag-row > .row {
  min-height: 40px;
  /* for load more, cells can load later than row, row functions as skeleton */
}
.mxo-widget-table.multiline > .body > .row > .cells,
.mxo-widget-table.multiline > .body .contents > .row > .cells {
  display: flex;
}
.mxo-widget-table.multiline > .body > .row > .cells > .cell,
.mxo-widget-table.multiline > .body .contents > .row > .cells > .cell {
  display: inline-flex;
  flex-flow: row wrap;
  white-space: pre-wrap;
  word-break: break-word;
}
.mxo-widget-table.multiline > .body > .row > .cells > .cell .content-secondary,
.mxo-widget-table.multiline > .body .contents > .row > .cells > .cell .content-secondary {
  width: 100%;
  height: 100%;
  white-space: pre-wrap;
}
.mxo-widget-table.repositionable > .head > .row > .cells,
.mxo-widget-table.repositionable > .foot > .row > .cells {
  padding-right: 30px;
}
.mxo-widget-table.repositionable.expandable > .head > .row > .cells,
.mxo-widget-table.repositionable.expandable > .foot > .row > .cells {
  padding-right: 60px;
}
.mxo-widget-table.tree .body .row > .cells .cell .bullet,
.mxo-widget-table.expandable .body .row > .cells .cell .bullet {
  display: block;
  cursor: default;
}
.mxo-widget-table.tree .body .row > .cells.selected .cell .bullet,
.mxo-widget-table.expandable .body .row > .cells.selected .cell .bullet {
  cursor: pointer;
}
.mxo-widget-table.tree .body .row.open > .cells:hover,
.mxo-widget-table.expandable .body .row.open > .cells:hover,
.mxo-widget-table.tree .body .row.closed > .cells:hover,
.mxo-widget-table.expandable .body .row.closed > .cells:hover,
.styleguide-hover .mxo-widget-table.tree .body .row.open > .cells,
.styleguide-hover .mxo-widget-table.expandable .body .row.open > .cells,
.styleguide-hover .mxo-widget-table.tree .body .row.closed > .cells,
.styleguide-hover .mxo-widget-table.expandable .body .row.closed > .cells {
  cursor: pointer;
  background-color: #f0f0eb;
}
.mxo-widget-table.tree .body .row.open > .cells:hover .cell.cell-highlight,
.mxo-widget-table.expandable .body .row.open > .cells:hover .cell.cell-highlight,
.mxo-widget-table.tree .body .row.closed > .cells:hover .cell.cell-highlight,
.mxo-widget-table.expandable .body .row.closed > .cells:hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.tree .body .row.open > .cells .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable .body .row.open > .cells .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.tree .body .row.closed > .cells .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable .body .row.closed > .cells .cell.cell-highlight {
  background-color: transparent;
}
.mxo-widget-table.tree .body .row.open > .cells .cell .bullet,
.mxo-widget-table.expandable .body .row.open > .cells .cell .bullet,
.mxo-widget-table.tree .body .row.closed > .cells .cell .bullet,
.mxo-widget-table.expandable .body .row.closed > .cells .cell .bullet,
.mxo-widget-table.tree .body .row.open > .cells.selected .cell .bullet,
.mxo-widget-table.expandable .body .row.open > .cells.selected .cell .bullet,
.mxo-widget-table.tree .body .row.closed > .cells.selected .cell .bullet,
.mxo-widget-table.expandable .body .row.closed > .cells.selected .cell .bullet {
  display: block;
  cursor: pointer;
}
.mxo-widget-table.tree .body .row.open > .cells.selected:hover,
.mxo-widget-table.expandable .body .row.open > .cells.selected:hover,
.mxo-widget-table.tree .body .row.closed > .cells.selected:hover,
.mxo-widget-table.expandable .body .row.closed > .cells.selected:hover,
.styleguide-hover .mxo-widget-table.tree .body .row.open > .cells.selected,
.styleguide-hover .mxo-widget-table.expandable .body .row.open > .cells.selected,
.styleguide-hover .mxo-widget-table.tree .body .row.closed > .cells.selected,
.styleguide-hover .mxo-widget-table.expandable .body .row.closed > .cells.selected {
  background-color: #b5ebdb;
}
.styleguide-hover-bullet .mxo-widget-table.tree .body .row.open > .cells.selected,
.styleguide-hover-bullet .mxo-widget-table.expandable .body .row.open > .cells.selected,
.styleguide-hover-bullet .mxo-widget-table.tree .body .row.closed > .cells.selected,
.styleguide-hover-bullet .mxo-widget-table.expandable .body .row.closed > .cells.selected {
  background-color: #c7f2e5;
}
.mxo-widget-table.tree .body .row.open > .cells.selected:has(.bullet:hover):hover,
.mxo-widget-table.expandable .body .row.open > .cells.selected:has(.bullet:hover):hover,
.mxo-widget-table.tree .body .row.closed > .cells.selected:has(.bullet:hover):hover,
.mxo-widget-table.expandable .body .row.closed > .cells.selected:has(.bullet:hover):hover {
  background-color: #c7f2e5;
}
.mxo-widget-table.tree .body .row.empty > .cells:hover,
.mxo-widget-table.expandable .body .row.empty > .cells:hover,
.mxo-widget-table.tree .body .row.always-open > .cells:hover,
.mxo-widget-table.expandable .body .row.always-open > .cells:hover,
.styleguide-hover .mxo-widget-table.tree .body .row.empty > .cells,
.styleguide-hover .mxo-widget-table.expandable .body .row.empty > .cells,
.styleguide-hover .mxo-widget-table.tree .body .row.always-open > .cells,
.styleguide-hover .mxo-widget-table.expandable .body .row.always-open > .cells {
  background-color: transparent;
  box-shadow: none;
  cursor: default;
  z-index: 0;
}
.mxo-widget-table.tree .body .row.empty > .cells:hover .cell a.button.notext:not(.disabled),
.mxo-widget-table.expandable .body .row.empty > .cells:hover .cell a.button.notext:not(.disabled),
.mxo-widget-table.tree .body .row.always-open > .cells:hover .cell a.button.notext:not(.disabled),
.mxo-widget-table.expandable .body .row.always-open > .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.tree .body .row.empty > .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.expandable .body .row.empty > .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.tree .body .row.always-open > .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.expandable .body .row.always-open > .cells .cell a.button.notext:not(.disabled),
.mxo-widget-table.tree .body .row.empty > .cells:hover .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.expandable .body .row.empty > .cells:hover .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.tree .body .row.always-open > .cells:hover .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.expandable .body .row.always-open > .cells:hover .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.tree .body .row.empty > .cells .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.expandable .body .row.empty > .cells .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.tree .body .row.always-open > .cells .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.expandable .body .row.always-open > .cells .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.tree .body .row.empty > .cells:hover .cell a.button.notext:not(.disabled):visited,
.mxo-widget-table.expandable .body .row.empty > .cells:hover .cell a.button.notext:not(.disabled):visited,
.mxo-widget-table.tree .body .row.always-open > .cells:hover .cell a.button.notext:not(.disabled):visited,
.mxo-widget-table.expandable .body .row.always-open > .cells:hover .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.tree .body .row.empty > .cells .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.expandable .body .row.empty > .cells .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.tree .body .row.always-open > .cells .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.expandable .body .row.always-open > .cells .cell a.button.notext:not(.disabled):visited {
  opacity: 0.75;
}
.mxo-widget-table.tree .body .row.empty > .cells:hover .cell a.button.notext:not(.disabled):hover,
.mxo-widget-table.expandable .body .row.empty > .cells:hover .cell a.button.notext:not(.disabled):hover,
.mxo-widget-table.tree .body .row.always-open > .cells:hover .cell a.button.notext:not(.disabled):hover,
.mxo-widget-table.expandable .body .row.always-open > .cells:hover .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.tree .body .row.empty > .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.expandable .body .row.empty > .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.tree .body .row.always-open > .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.expandable .body .row.always-open > .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.tree .body .row.empty > .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.expandable .body .row.empty > .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.tree .body .row.always-open > .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.expandable .body .row.always-open > .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.tree .body .row.empty > .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.expandable .body .row.empty > .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.tree .body .row.always-open > .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.expandable .body .row.always-open > .cells .cell a.button.notext:not(.disabled) {
  opacity: 1;
}
.mxo-widget-table.tree .body .row.empty > .cells:hover .cell.cell-highlight,
.mxo-widget-table.expandable .body .row.empty > .cells:hover .cell.cell-highlight,
.mxo-widget-table.tree .body .row.always-open > .cells:hover .cell.cell-highlight,
.mxo-widget-table.expandable .body .row.always-open > .cells:hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.tree .body .row.empty > .cells .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable .body .row.empty > .cells .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.tree .body .row.always-open > .cells .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable .body .row.always-open > .cells .cell.cell-highlight {
  background-color: #f0f0eb;
}
.mxo-widget-table.tree .body .row.empty > .cells .cell .bullet,
.mxo-widget-table.expandable .body .row.empty > .cells .cell .bullet,
.mxo-widget-table.tree .body .row.always-open > .cells .cell .bullet,
.mxo-widget-table.expandable .body .row.always-open > .cells .cell .bullet {
  display: none;
}
.mxo-widget-table.tree .body .row.empty > .cells.selected:hover,
.mxo-widget-table.expandable .body .row.empty > .cells.selected:hover,
.mxo-widget-table.tree .body .row.always-open > .cells.selected:hover,
.mxo-widget-table.expandable .body .row.always-open > .cells.selected:hover,
.styleguide-hover .mxo-widget-table.tree .body .row.empty > .cells.selected,
.styleguide-hover .mxo-widget-table.expandable .body .row.empty > .cells.selected,
.styleguide-hover .mxo-widget-table.tree .body .row.always-open > .cells.selected,
.styleguide-hover .mxo-widget-table.expandable .body .row.always-open > .cells.selected {
  background-color: #c7f2e5;
}
.mxo-widget-table.tree .body .row.empty > .cells.selected:hover .cell.cell-highlight,
.mxo-widget-table.expandable .body .row.empty > .cells.selected:hover .cell.cell-highlight,
.mxo-widget-table.tree .body .row.always-open > .cells.selected:hover .cell.cell-highlight,
.mxo-widget-table.expandable .body .row.always-open > .cells.selected:hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.tree .body .row.empty > .cells.selected .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable .body .row.empty > .cells.selected .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.tree .body .row.always-open > .cells.selected .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable .body .row.always-open > .cells.selected .cell.cell-highlight {
  background-color: transparent;
}
.mxo-widget-table.tree .body .row.always-open > .cells.selected .cell .bullet,
.mxo-widget-table.expandable .body .row.always-open > .cells.selected .cell .bullet {
  display: none;
}
.mxo-widget-table.tree .body .row.empty > .contents,
.mxo-widget-table.expandable .body .row.empty > .contents,
.mxo-widget-table.tree .body .row.closed > .contents,
.mxo-widget-table.expandable .body .row.closed > .contents,
.mxo-widget-table.tree .body .row.empty > .cells .contents,
.mxo-widget-table.expandable .body .row.empty > .cells .contents,
.mxo-widget-table.tree .body .row.closed > .cells .contents,
.mxo-widget-table.expandable .body .row.closed > .cells .contents {
  display: none;
}
.mxo-widget-table.tree.selectable .body .row.closed > .cells:not(.selected):has(.bullet:hover):hover,
.mxo-widget-table.expandable.selectable .body .row.closed > .cells:not(.selected):has(.bullet:hover):hover,
.styleguide-hover-bullet .mxo-widget-table.tree.selectable .body .row.closed > .cells:not(.selected):has(.bullet:hover),
.styleguide-hover-bullet .mxo-widget-table.expandable.selectable .body .row.closed > .cells:not(.selected):has(.bullet:hover) {
  background-color: transparent;
}
.mxo-widget-table.tree.selectable .body .row.empty > .cells:hover,
.mxo-widget-table.expandable.selectable .body .row.empty > .cells:hover,
.styleguide-hover .mxo-widget-table.tree.selectable .body .row.empty > .cells,
.styleguide-hover .mxo-widget-table.expandable.selectable .body .row.empty > .cells {
  cursor: pointer;
  background-color: #f0f0eb;
}
.mxo-widget-table.tree.selectable .body .row.empty > .cells:hover .cell.cell-highlight,
.mxo-widget-table.expandable.selectable .body .row.empty > .cells:hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.tree.selectable .body .row.empty > .cells .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable.selectable .body .row.empty > .cells .cell.cell-highlight {
  background-color: transparent;
}
.mxo-widget-table.tree.selectable .body .row.empty > .cells.selected:hover,
.mxo-widget-table.expandable.selectable .body .row.empty > .cells.selected:hover,
.styleguide-hover .mxo-widget-table.tree.selectable .body .row.empty > .cells.selected,
.styleguide-hover .mxo-widget-table.expandable.selectable .body .row.empty > .cells.selected {
  background-color: #b5ebdb;
}
.mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover,
.mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover,
.styleguide-hover .mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells,
.styleguide-hover .mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells {
  background-color: transparent;
  box-shadow: none;
  cursor: default;
  z-index: 0;
}
.mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell a.button.notext:not(.disabled),
.mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell a.button.notext:not(.disabled),
.mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell a.button.notext:not(.disabled):visited,
.mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell a.button.notext:not(.disabled):visited {
  opacity: 0.75;
}
.mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell a.button.notext:not(.disabled):hover,
.mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell a.button.notext:not(.disabled) {
  opacity: 1;
}
.mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell.cell-highlight,
.mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells:hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.tree.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable.selectable .body .row > .contents > .mxo-widget-table:not(.selectable) > .body > .row.empty > .cells .cell.cell-highlight {
  background-color: #f0f0eb;
}
.mxo-widget-table.expandable > .head > .row > .cells,
.mxo-widget-table.expandable > .body > .row > .cells {
  padding-right: 30px;
}
.mxo-widget-table.expandable > .head > .row > .cells .cell:first-child .bullet,
.mxo-widget-table.expandable > .body > .row > .cells .cell:first-child .bullet {
  position: absolute;
  padding: 0;
  width: 30px;
  top: 4px;
}
.mxo-widget-table.tree .mxo-widget-table.expandable > .head > .row > .cells .cell:first-child .bullet,
.mxo-widget-table.tree .mxo-widget-table.expandable > .body > .row > .cells .cell:first-child .bullet {
  display: block;
  /* override always-open */
}
.spacious.mxo-widget-table.expandable > .head > .row > .cells .cell:first-child .bullet,
.spacious.mxo-widget-table.expandable > .body > .row > .cells .cell:first-child .bullet {
  top: 4px;
}
.mxo-widget-table.tree .mxo-widget-table.expandable > .head > .row > .contents .mxo-widget-table:not(.tree):not(.expandable) .row,
.mxo-widget-table.tree .mxo-widget-table.expandable > .body > .row > .contents .mxo-widget-table:not(.tree):not(.expandable) .row {
  border-bottom: 1px solid #e3e3de;
}
.mxo-widget-table.tree .mxo-widget-table.expandable > .head > .row > .contents .mxo-widget-table:not(.tree):not(.expandable) .row .cells,
.mxo-widget-table.tree .mxo-widget-table.expandable > .body > .row > .contents .mxo-widget-table:not(.tree):not(.expandable) .row .cells {
  border: 0 none;
}
.mxo-widget-table.tree .mxo-widget-table.expandable > .head > .row > .contents .mxo-widget-table:not(.tree):not(.expandable) .row .cells .cell:first-child,
.mxo-widget-table.tree .mxo-widget-table.expandable > .body > .row > .contents .mxo-widget-table:not(.tree):not(.expandable) .row .cells .cell:first-child {
  padding-left: 14px;
}
.mxo-widget-table.tree .mxo-widget-table.expandable > .head > .row > .contents .mxo-widget-table:not(.tree):not(.expandable) .row .cells .cell:first-child .bullet,
.mxo-widget-table.tree .mxo-widget-table.expandable > .body > .row > .contents .mxo-widget-table:not(.tree):not(.expandable) .row .cells .cell:first-child .bullet {
  display: none;
}
.mxo-widget-table.expandable .body .table-drag-row > .row.open > .cells,
.mxo-widget-table.expandable .body .table-drag-row > .row.empty > .cells,
.mxo-widget-table.expandable .body .table-drag-row > .row.closed > .cells {
  padding-right: 60px;
}
.mxo-widget-table.expandable .body .table-drag-row > .row.open > .cells a.table-drag-handle,
.mxo-widget-table.expandable .body .table-drag-row > .row.empty > .cells a.table-drag-handle,
.mxo-widget-table.expandable .body .table-drag-row > .row.closed > .cells a.table-drag-handle,
.mxo-widget-table.expandable .body .table-drag-row > .row.open > .cells a.table-drag-handle:link,
.mxo-widget-table.expandable .body .table-drag-row > .row.empty > .cells a.table-drag-handle:link,
.mxo-widget-table.expandable .body .table-drag-row > .row.closed > .cells a.table-drag-handle:link,
.mxo-widget-table.expandable .body .table-drag-row > .row.open > .cells a.table-drag-handle:visited,
.mxo-widget-table.expandable .body .table-drag-row > .row.empty > .cells a.table-drag-handle:visited,
.mxo-widget-table.expandable .body .table-drag-row > .row.closed > .cells a.table-drag-handle:visited {
  opacity: 1;
}
.mxo-widget-table.expandable.tree > .head > .row > .cells,
.mxo-widget-table.expandable.tree > .body > .row > .cells {
  padding-right: 0;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row {
  page-break-inside: avoid;
  /* DEPRECATED remove when not used in DigitaalLoket, Objectbrowser, Objectenregister and OTL */
  /* END DEPRECATED */
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.open .cells.cluster .cell:first-child .bullet,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open .cells.cluster .cell:first-child .bullet,
.mxo-widget-table.expandable:not(.tree) > .body > .row.closed .cells.cluster .cell:first-child .bullet,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.closed .cells.cluster .cell:first-child .bullet {
  display: inline-block;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.closed > .cells:hover,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.closed > .cells:hover,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.closed > .cells,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.closed > .cells {
  box-shadow: 0 2px 4px -4px rgba(20, 20, 15, 0.72), 0 8px 12px -12px rgba(20, 20, 15, 0.48), 0 12px 16px -16px rgba(20, 20, 15, 0.48);
  z-index: 2;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.open,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open {
  box-shadow: 0 2px 4px -4px rgba(20, 20, 15, 0.48), 0 8px 12px -12px rgba(20, 20, 15, 0.24), 0 12px 16px -16px rgba(20, 20, 15, 0.24), inset 1px 0 #e3e3de, inset -1px 0 #e3e3de;
  z-index: 1;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells {
  box-shadow: inset 1px 0 #e3e3de, inset -1px 0 #e3e3de;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells:not(.selected),
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells:not(.selected) {
  background-color: #c7f2e5;
  border-bottom: 0 none;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells:not(.selected):hover,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells:not(.selected):hover,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells:not(.selected),
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells:not(.selected) {
  background-color: #b5ebdb;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells:not(.selected):hover .cell.cell-highlight,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells:not(.selected):hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells:not(.selected) .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells:not(.selected) .cell.cell-highlight {
  background-color: transparent;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells:not(.selected):has(.bullet:hover):hover,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells:not(.selected):has(.bullet:hover):hover,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells:not(.selected):has(.bullet:hover),
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells:not(.selected):has(.bullet:hover) {
  background-color: #c7f2e5;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .contents,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .contents {
  padding: 12px 8px 8px 8px;
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  border: 0 none;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .contents > h1,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .contents > h1,
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .contents > h2,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .contents > h2,
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .contents > h3,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .contents > h3,
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .contents > h4,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .contents > h4,
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .contents > h5,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .contents > h5,
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .contents > h6,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .contents > h6 {
  margin-bottom: -10px;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .contents > p,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .contents > p,
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .contents > ul,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .contents > ul {
  margin: 0;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells .cell:first-child .bullet,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells .cell:first-child .bullet {
  display: none;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected),
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected) {
  background-color: transparent;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected):hover,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected):hover,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected),
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected) {
  background-color: transparent;
  box-shadow: none;
  cursor: default;
  z-index: 0;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected):hover .cell a.button.notext:not(.disabled),
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected):hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected) .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected) .cell a.button.notext:not(.disabled),
.mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected):hover .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected):hover .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected) .cell a.button.notext:not(.disabled):link,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected) .cell a.button.notext:not(.disabled):link,
.mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected):hover .cell a.button.notext:not(.disabled):visited,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected):hover .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected) .cell a.button.notext:not(.disabled):visited,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected) .cell a.button.notext:not(.disabled):visited {
  opacity: 0.75;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected):hover .cell a.button.notext:not(.disabled):hover,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected):hover .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected) .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected) .cell a.button.notext:not(.disabled):hover,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected):hover .cell a.button.notext:not(.disabled),
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected):hover .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected) .cell a.button.notext:not(.disabled),
.styleguide-hover .styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected) .cell a.button.notext:not(.disabled) {
  opacity: 1;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected):hover .cell.cell-highlight,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected):hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected) .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected) .cell.cell-highlight {
  background-color: #f0f0eb;
}
.mxo-widget-table.expandable:not(.tree) > .body > .row.empty > .cells:not(.selected) .cell.cell-highlight,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.empty > .cells:not(.selected) .cell.cell-highlight {
  background-color: #f0f0eb;
}
.mxo-widget-table.expandable:not(.tree).selectable .body .row.empty > .cells:not(.selected):hover,
.styleguide-hover .mxo-widget-table.expandable:not(.tree).selectable .body .row.empty > .cells:not(.selected) {
  box-shadow: 0 2px 4px -4px rgba(20, 20, 15, 0.72), 0 8px 12px -12px rgba(20, 20, 15, 0.48), 0 12px 16px -16px rgba(20, 20, 15, 0.48);
  cursor: pointer;
  background-color: #f0f0eb;
  z-index: 2;
}
.mxo-widget-table.expandable:not(.tree).selectable .body .row.empty > .cells:not(.selected):hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.expandable:not(.tree).selectable .body .row.empty > .cells:not(.selected) .cell.cell-highlight {
  background-color: transparent;
}
.mxo-widget-table.tree {
  /* DEPRECATED remove when not used in DigitaalLoket, Objectbrowser, Objectenregister and OTL */
  /* END DEPRECATED */
}
.mxo-widget-table.tree .body .row {
  border-bottom: 0 none;
}
.mxo-widget-table.tree .body .row .cells {
  border-bottom: 1px solid #e3e3de;
}
.mxo-widget-table.tree .body .row .cells:empty {
  border: 0 none;
}
.mxo-widget-table.tree .body .row .cells .cell .bullet {
  display: block;
  position: static;
  float: left;
  width: auto;
  padding-right: 5px;
}
.mxo-widget-table.tree .body .row .cells .cell:first-child .bullet ~ .persistent-element-wrapper {
  max-width: calc(100% - 21px);
  /* 100% min bullet */
}
.mxo-widget-table.tree .body .row .cells .cell:first-child .mxo-widget-checkbox ~ .persistent-element-wrapper {
  max-width: calc(100% - 21px - 25px);
  /* 100% min bullet min checkbox */
}
.mxo-widget-table.tree .body .row .cells.selected {
  border-bottom: 1px solid #e3e3de;
}
.mxo-widget-table.tree .body .row .cells.type .cell:first-child,
.mxo-widget-table.tree .body .row .cells.group .cell:first-child {
  font-weight: bold;
}
.mxo-widget-table.tree .body .row.open,
.mxo-widget-table.tree .body .row.closed {
  /* DEPRECATED remove when not used in DigitaalLoket, Objectbrowser, Objectenregister and OTL */
  /* END DEPRECATED */
}
.mxo-widget-table.tree .body .row.open > .cells .cell .bullet,
.mxo-widget-table.tree .body .row.closed > .cells .cell .bullet,
.mxo-widget-table.tree .body .row.open > .cells.selected .cell .bullet,
.mxo-widget-table.tree .body .row.closed > .cells.selected .cell .bullet,
.mxo-widget-table.tree .body .row.open.delete.children > .cells .cell .bullet,
.mxo-widget-table.tree .body .row.closed.delete.children > .cells .cell .bullet {
  display: block;
}
.mxo-widget-table.tree .body .row.open > .cells .cell:last-of-type,
.mxo-widget-table.tree .body .row.closed > .cells .cell:last-of-type {
  padding-right: 4px;
}
.mxo-widget-table.tree .body .row.open .cells.cluster .cell:first-child .bullet,
.mxo-widget-table.tree .body .row.closed .cells.cluster .cell:first-child .bullet {
  display: none;
}
.mxo-widget-table.tree .body .row.always-open .cells .cell .bullet,
.mxo-widget-table.tree .body .row.always-open > .cells.selected .cell .bullet {
  display: none;
}
.mxo-widget-table.tree .body .row.empty {
  /* DEPRECATED remove .open/.closed when all tables are made with React component and .empty.open/.closed can't be made */
  /* DEPRECATED remove .open/.closed when all tables are made with React component and .empty.open/.closed can't be made */
}
.mxo-widget-table.tree .body .row.empty > .cells .cell .bullet,
.mxo-widget-table.tree .body .row.empty.open > .cells .cell .bullet,
.mxo-widget-table.tree .body .row.empty.closed > .cells .cell .bullet {
  display: block;
  cursor: default;
}
.mxo-widget-table.tree .body .row.empty > .cells .cell .bullet::before,
.mxo-widget-table.tree .body .row.empty.open > .cells .cell .bullet::before,
.mxo-widget-table.tree .body .row.empty.closed > .cells .cell .bullet::before {
  background-image: none;
}
.mxo-widget-table.tree .body .row.empty.always-open > .cells .cell .bullet {
  display: none;
}
.mxo-widget-table.tree .body .row.empty.open > .cells:hover .cell .bullet,
.mxo-widget-table.tree .body .row.empty.open > .cells.selected .cell .bullet,
.mxo-widget-table.tree .body .row.empty.open > .cells.selected:hover .cell .bullet,
.mxo-widget-table.tree .body .row.empty.closed > .cells:hover .cell .bullet,
.mxo-widget-table.tree .body .row.empty.closed > .cells.selected .cell .bullet,
.mxo-widget-table.tree .body .row.empty.closed > .cells.selected:hover .cell .bullet,
.styleguide-hover .mxo-widget-table.tree .body .row.empty.open > .cells .cell .bullet,
.styleguide-hover .mxo-widget-table.tree .body .row.empty.open > .cells.selected .cell .bullet,
.styleguide-hover .mxo-widget-table.tree .body .row.empty.closed > .cells .cell .bullet,
.styleguide-hover .mxo-widget-table.tree .body .row.empty.closed > .cells.selected .cell .bullet {
  cursor: default;
}
.mxo-widget-table.tree .body .row.empty.open > .cells:hover .cell .bullet::before,
.mxo-widget-table.tree .body .row.empty.open > .cells.selected .cell .bullet::before,
.mxo-widget-table.tree .body .row.empty.open > .cells.selected:hover .cell .bullet::before,
.mxo-widget-table.tree .body .row.empty.closed > .cells:hover .cell .bullet::before,
.mxo-widget-table.tree .body .row.empty.closed > .cells.selected .cell .bullet::before,
.mxo-widget-table.tree .body .row.empty.closed > .cells.selected:hover .cell .bullet::before,
.styleguide-hover .mxo-widget-table.tree .body .row.empty.open > .cells .cell .bullet::before,
.styleguide-hover .mxo-widget-table.tree .body .row.empty.open > .cells.selected .cell .bullet::before,
.styleguide-hover .mxo-widget-table.tree .body .row.empty.closed > .cells .cell .bullet::before,
.styleguide-hover .mxo-widget-table.tree .body .row.empty.closed > .cells.selected .cell .bullet::before {
  background-image: none;
}
.mxo-widget-table.tree .body .row .contents {
  line-height: 14px;
}
.mxo-widget-table.tree .body .row .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree .body .row .contents .contents .row .cell:first-child {
  padding-left: 50px;
}
.mxo-widget-table.tree .body .row .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree .body .row .contents .contents .contents .row .cell:first-child {
  padding-left: 68px;
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 86px;
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 104px;
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 122px;
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 140px;
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 158px;
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree .body .row .contents .contents .contents .contents .contents .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 176px;
}
.mxo-widget-table.tree .body .row .contents .row .cell:first-child {
  padding-left: 32px;
}
body:not(.mxo-mode-screenshot) .mxo-widget-debugger.highlight-deprecated .mxo-widget-table.tree.cluster {
  /* stylelint-disable declaration-no-important */
  background: rgba(120, 0, 128, 0.05) !important;
  outline: 1px solid #780080 !important;
  /* stylelint-enable declaration-no-important */
  --mxo-description: "Remove all .cluster classes and use .content-highlight on cells";
}
.mxo-widget-table.tree.cluster .row .row .cell:first-child {
  font-size: 1em;
}
.mxo-widget-table.tree.cluster .body .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree.cluster .body .contents .contents .row .cell:first-child {
  padding-left: 32px;
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .row .cell:first-child {
  padding-left: 50px;
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 68px;
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 86px;
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 104px;
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 122px;
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 140px;
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .contents .contents .contents .contents .contents {
  /* stylelint-disable-next-line order/order */
}
.mxo-widget-table.tree.cluster .body .contents .contents .contents .contents .contents .contents .contents .contents .contents .row .cell:first-child {
  padding-left: 158px;
}
.mxo-widget-table.tree.cluster .body .contents .row .cell:first-child {
  padding-left: 14px;
}
.mxo-widget-table.tree.spacious .body > .row {
  min-height: 40px;
  /* for load more, cells can load later than row, row functions as skeleton */
}
.mxo-widget-table.tree.spacious .body > .row .cells .cell {
  padding-top: 4px;
  padding-bottom: 4px;
  min-height: 40px;
  line-height: 32px;
}
.mxo-widget-table.sticky-head {
  position: relative;
}
.mxo-widget-table.sticky-head > .head {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #fcfcfb;
}
.mxo-widget-table.sticky-head > .body {
  position: relative;
  z-index: 1;
}
.mxo-widget-table.sticky-head::before {
  content: "";
  display: block;
  position: sticky;
  top: 32px;
  width: 100%;
  height: 3px;
  margin-bottom: -3px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  z-index: 3;
}
.mxo-widget-table.rows .contents {
  padding-left: 14px;
  /* DEPRECATED only used by 'kenmerkenvisualisatie' in Objectbrowser */
  /* END DEPRECATED */
}
.mxo-widget-table.rows .contents .more {
  margin-top: -1px;
}
.mxo-widget-table.rows .contents .more.open {
  margin-top: 0;
}
.mxo-widget-table.rows .contents .row:last-child {
  border-bottom: 0 none;
}
.mxo-widget-table.rows .row.open > .cells {
  border-bottom: 1px solid #e3e3de;
}
.mxo-widget-table.rows.expandable:not(.tree) .body .row.open > .cells {
  border-bottom: 1px solid #e3e3de;
}
.mxo-widget-table.rows.expandable:not(.tree) .body .row.open > .contents {
  padding: 0;
}
.mxo-widget-table.plain .row {
  border-bottom: 0 none;
}
.mxo-widget-table.plain .row .cells .cell:first-child {
  padding-left: 4px;
}
.mxo-widget-table.plain .body .row .cells.selected:hover,
.styleguide-hover .mxo-widget-table.plain .body .row .cells.selected {
  text-decoration-color: #14140f;
  color: #14140f;
  background-color: #c7f2e5;
}
.mxo-widget-table.plain .body .row .cells.selected:hover .cell.cell-highlight,
.styleguide-hover .mxo-widget-table.plain .body .row .cells.selected .cell.cell-highlight {
  background-color: transparent;
}
.mxo-widget-table.plain .body .row .cells.dimmed.selected a:not(.button):hover,
.styleguide-hover .mxo-widget-table.plain .body .row .cells.dimmed.selected a:not(.button) {
  color: #14140f;
}
.mxo-widget-table.plain.geofilter .cell.column-geo {
  width: 125px;
}
.mxo-widget-table.plain.geofilter .cell.column-van,
.mxo-widget-table.plain.geofilter .cell.column-tot {
  width: 64px;
}
.mxo-widget-table.plain.geofilter .cell.column-buttons {
  width: 36px;
}
.mxo-widget-table.links .row .cells .cell .bullet {
  display: inline-block;
}
.mxo-widget-table.links .head .row .cells .cell .bullet {
  display: none;
}
.mxo-widget-table .body .row .more.open .bullet::before,
.mxo-widget-table .body .row.open > .cells .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m12%208.295-6%206%201.41%201.41%204.59-4.58%204.59%204.58%201.41-1.41-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table .body .row .more .bullet::before,
.mxo-widget-table .body .row.closed > .cells .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table.tree.expandable .body .row .row > .cells .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row > .cells .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row > .cells .cell .bullet::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
  background-color: #f0f0eb;
  border-radius: 50%;
  opacity: 1;
}
.mxo-widget-table.tree .body .row.open > .cells .cell .bullet:hover::before,
.mxo-widget-table.tree .body .row.closed > .cells .cell .bullet:hover::before,
.mxo-widget-table.tree.expandable .body .row .row > .cells:hover .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row > .cells:hover .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row > .cells:hover .cell .bullet::before,
.styleguide-hover-bullet .mxo-widget-table.tree > .body > .row > .cells .cell .bullet:hover::before,
.styleguide-hover .mxo-widget-table.tree.expandable .body .row .row > .cells .cell .bullet::before,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row > .cells .cell .bullet::before {
  background-color: #e3e3de;
}
.mxo-widget-table.tree.expandable .body .row .row.open > .cells .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22m12%208.295-6%206%201.41%201.41%204.59-4.58%204.59%204.58%201.41-1.41-6-6Z%22/%3E%3C/svg%3E");
  background-color: #b5ebdb;
}
.mxo-widget-table.tree.selectable .body .row.open > .cells .cell .bullet:hover::before,
.mxo-widget-table.tree.expandable .body .row .row.open > .cells:hover .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells:hover .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells:hover .cell .bullet::before,
.styleguide-hover-bullet .mxo-widget-table.tree .body .row.open > .cells .cell .bullet:hover::before,
.styleguide-hover .mxo-widget-table.tree.expandable .body .row .row.open > .cells .cell .bullet::before,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells .cell .bullet::before {
  background-color: #94ded1;
}
.mxo-widget-table.tree.expandable .body .row .row.closed > .cells .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row.closed > .cells .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.closed > .cells .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table.tree .body .row.closed > .cells .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table.tree .body .row.open > .cells .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table.tree.expandable .body .row .row.closed > .cells.selected .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row.closed > .cells.selected .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.closed > .cells.selected .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22m12%208.295-6%206%201.41%201.41%204.59-4.58%204.59%204.58%201.41-1.41-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table.tree.expandable .body .row .row.open > .cells.selected .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells.selected .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells.selected .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22blue%22%20d%3D%22m12%208.295-6%206%201.41%201.41%204.59-4.58%204.59%204.58%201.41-1.41-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table.tree.expandable .body .row .row.open > .cells.selected .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row.open > .cells.selected .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.open > .cells.selected .cell .bullet::before,
.mxo-widget-table.tree.expandable .body .row .row > .cells.selected:hover .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row > .cells.selected:hover .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row > .cells.selected:hover .cell .bullet::before,
.styleguide-hover .mxo-widget-table.tree.expandable .body .row .row > .cells.selected .cell .bullet::before,
.styleguide-hover .mxo-widget-table.expandable:not(.tree) > .body > .row > .cells.selected .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22m12%208.295-6%206%201.41%201.41%204.59-4.58%204.59%204.58%201.41-1.41-6-6Z%22/%3E%3C/svg%3E");
  background-color: #b5ebdb;
}
.mxo-widget-table .body .row.closed > .cells.selected .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table.tree .body .expandable .row .closed > .cells.selected .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row.closed > .cells.selected .cell .bullet::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row.closed > .cells.selected .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
  background-color: #b5ebdb;
}
.mxo-widget-table.tree .body .row.open > .cells.selected .cell .bullet:hover::before,
.mxo-widget-table.tree .body .row.closed > .cells.selected .cell .bullet:hover::before,
.mxo-widget-table.tree.expandable .body .row .row > .cells.selected .cell .bullet:hover::before,
.mxo-widget-table.expandable:not(.tree) > .body > .row > .cells.selected .cell .bullet:hover::before,
.mxo-widget-table.expandable:not(.tree) > .body > .table-drag-row > .row > .cells.selected .cell .bullet:hover::before,
.styleguide-hover-bullet .mxo-widget-table.tree .body .row.open > .cells.selected .cell .bullet:hover::before,
.styleguide-hover-bullet .mxo-widget-table.tree .body .row.closed > .cells.selected .cell .bullet:hover::before,
.styleguide-hover-bullet .mxo-widget-table.tree.expandable .body .row .row > .cells.selected .cell .bullet::before,
.styleguide-hover-bullet .mxo-widget-table.expandable:not(.tree) > .body > .row > .cells.selected .cell .bullet::before {
  background-color: #94ded1;
}
.mxo-widget-table.tree .body .row.open > .cells.selected .cell .bullet::before,
.mxo-widget-table.tree .body .row.open.delete.children > .cells .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table.tree .body .row.closed > .cells.selected .cell .bullet::before,
.mxo-widget-table.tree .body .row.closed.delete.children > .cells .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table.links .body .row .cells .cell .bullet::before {
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-table .cells.invalid,
.mxo-widget-table.table .invalid .column-status {
  background-image: url(05b1ce0b8985ccb58b59.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
}
.mxo-widget-table .cells.invalid.semi,
.mxo-widget-table.table .invalid.semi .column-status {
  background-image: url(8dfd082c0eea6c8f7519.gif);
  background-position: 0 2px;
}
.mxo-widget-table .cells.accepted,
.mxo-widget-table.table .accepted .column-status {
  background-image: url(ad6782fda58d76181f23.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
}
.mxo-widget-table .cells.accepted.semi,
.mxo-widget-table.table .accepted.semi .column-status {
  background-image: url(9f4e66cee04a61acd2f6.gif);
  background-position: 0 2px;
}
.mxo-widget-table .cells.rejected,
.mxo-widget-table.table .rejected .column-status {
  background-image: url(158bef0f2d8b8a907250.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
}
.mxo-widget-table .cells.rejected.semi,
.mxo-widget-table.table .rejected.semi .column-status {
  background-image: url(ab1cf0ea8e0554a8f9c3.gif);
  background-position: 0 2px;
}
.mxo-widget-table .cells.completed,
.mxo-widget-table.table .completed .column-status {
  background-image: url(cb2916e5ee21a29a4780.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
}
.mxo-widget-table .cells.completed.semi,
.mxo-widget-table.table .completed.semi .column-status {
  background-image: url(13aea43ed82a9b209517.gif);
  background-position: 0 2px;
}
.mxo-widget-table .cells.completed.warning,
.mxo-widget-table.table .completed.warning .column-status {
  background-image: url(020809342d02b693b75e.gif);
  background-position: 0 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
.mxo-widget-tabs {
  position: relative;
  height: 32px;
}
.mxo-widget-tabs::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 1px solid #d4d1cc;
}
.mxo-widget-tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 2px;
}
.mxo-widget-tabs ul li {
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  min-width: 0;
  background: transparent;
  border: 0 solid transparent;
  /* default for border overrides */
  border-bottom-width: 3px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transition: ease-in-out 0.15s;
}
.mxo-widget-tabs ul li:has(a:focus-visible):not(.disabled),
.styleguide-focus .mxo-widget-tabs ul li:not(.disabled) {
  outline: 1px solid #3d9c9c;
  outline-offset: -1px;
}
.mxo-widget-tabs ul li a,
.mxo-widget-tabs ul li a:link,
.mxo-widget-tabs ul li a:visited {
  display: block;
  margin: 0;
  padding: 0 12px;
  height: 29px;
  max-width: 100%;
  box-sizing: border-box;
  text-decoration: none;
  line-height: 32px;
  font-weight: 400;
  color: #14140f;
  outline: none;
}
.mxo-widget-tabs ul li a .label-and-text,
.mxo-widget-tabs ul li a:link .label-and-text,
.mxo-widget-tabs ul li a:visited .label-and-text {
  display: flex;
  gap: 4px;
}
.mxo-widget-tabs ul li a .label-and-text .label,
.mxo-widget-tabs ul li a:link .label-and-text .label,
.mxo-widget-tabs ul li a:visited .label-and-text .label {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
}
.mxo-widget-tabs ul li a .label-and-text .additional-text,
.mxo-widget-tabs ul li a:link .label-and-text .additional-text,
.mxo-widget-tabs ul li a:visited .label-and-text .additional-text {
  flex: 0 0 auto;
  font-weight: normal;
  color: #6e6e66;
}
.mxo-widget-tabs ul li a::after {
  /* attribute 'data-content' is used to compensate for tab width when tab is current */
  content: attr(data-content);
  display: block;
  margin-bottom: -1px;
  height: 1px;
  font-weight: bold;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
  text-overflow: clip;
}
.mxo-widget-tabs ul li a:has(.icon)::after {
  padding-left: 18px;
}
.mxo-widget-tabs ul li a:has(.number.number-badge)::after {
  padding-right: 16px;
}
.mxo-widget-tabs ul li .mxo-widget-mark + a {
  padding-left: 2px;
}
.mxo-widget-tabs ul li:hover,
.styleguide-hover .mxo-widget-tabs ul li {
  background-color: #f0f0eb;
  border-color: #d4d1cc;
}
.mxo-widget-tabs ul li.current,
.mxo-widget-tabs ul li.current:hover,
.styleguide-hover .mxo-widget-tabs ul li.current {
  background-color: #edfaf5;
  border-color: #6c8f89;
}
.mxo-widget-tabs ul li.current.disabled,
.mxo-widget-tabs ul li.current.disabled:hover,
.styleguide-hover .mxo-widget-tabs ul li.current.disabled {
  border-color: #b2b0ab;
}
.mxo-widget-tabs ul li.current a,
.mxo-widget-tabs ul li.current a:link,
.mxo-widget-tabs ul li.current a:visited {
  color: #127578;
  font-weight: bold;
  cursor: default;
}
.mxo-widget-tabs ul li.current a .additional-text {
  font-weight: inherit;
  color: inherit;
}
.mxo-widget-tabs ul li.current.more a,
.mxo-widget-tabs ul li.current.more a:link,
.mxo-widget-tabs ul li.current.more a:visited {
  cursor: pointer;
}
.mxo-widget-tabs ul li.disabled:hover,
.styleguide-hover .mxo-widget-tabs ul li.disabled {
  background-color: transparent;
  border-color: transparent;
}
.mxo-widget-tabs ul li.disabled a,
.mxo-widget-tabs ul li.disabled a:link,
.mxo-widget-tabs ul li.disabled a:visited {
  cursor: default;
  color: #b2b0ab;
}
.mxo-widget-tabs ul li.more a,
.mxo-widget-tabs ul li.more a:link,
.mxo-widget-tabs ul li.more a:visited {
  padding-right: 34px;
}
.mxo-widget-tabs ul li.more a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M16.59%208.295%2012%2012.875l-4.59-4.58L6%209.705l6%206%206-6-1.41-1.41Z%22/%3E%3C/svg%3E");
  position: absolute;
  right: 12px;
  top: calc(50% + 3px);
  transform: translateY(-50%);
}
.mxo-widget-tabs ul li.more.current a::before {
  border-top-color: #6c8f89;
}
.mxo-widget-tabs.vertical {
  flex: 1 1 auto;
  width: 180px;
  height: auto;
}
.mxo-widget-tabs.vertical::before {
  top: 0;
  left: auto;
  right: 0;
  border-bottom: 0 none;
  border-right: 1px solid #d4d1cc;
}
.mxo-widget-tabs.vertical ul {
  flex-flow: column;
  gap: 2px;
}
.mxo-widget-tabs.vertical ul li {
  border-bottom-width: 0;
  border-right-width: 3px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
}
.mxo-widget-tabs.vertical ul li a,
.mxo-widget-tabs.vertical ul li a:link,
.mxo-widget-tabs.vertical ul li a:visited {
  padding: 12px 12px;
  height: auto;
  width: 100%;
  min-height: 32px;
  line-height: normal;
}
.mxo-widget-tabs.vertical ul li a .label-and-text,
.mxo-widget-tabs.vertical ul li a:link .label-and-text,
.mxo-widget-tabs.vertical ul li a:visited .label-and-text {
  display: flex;
  gap: 6px;
  justify-content: space-between;
  align-items: center;
}
.mxo-widget-tabs.vertical ul li a .label-and-text .label,
.mxo-widget-tabs.vertical ul li a:link .label-and-text .label,
.mxo-widget-tabs.vertical ul li a:visited .label-and-text .label {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  width: 100%;
  white-space: normal;
  word-break: break-word;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-thumbnail {
  display: flex;
  height: 150px;
  width: 150px;
  border: solid 1px #cbcfc4;
  margin: 0 8px 0 0;
}
.mxo-widget-thumbnail .thumbnail-link,
.mxo-widget-thumbnail .thumbnail-link:link,
.mxo-widget-thumbnail .thumbnail-link:visited {
  display: flex;
  flex-flow: column;
  width: 100%;
  text-decoration: none;
  font-weight: 400;
  color: #14140f;
}
.mxo-widget-thumbnail .thumbnail-link:hover img,
.mxo-widget-thumbnail .thumbnail-link:link:hover img,
.mxo-widget-thumbnail .thumbnail-link:visited:hover img,
.styleguide-hover .mxo-widget-thumbnail .thumbnail-link img,
.styleguide-hover .mxo-widget-thumbnail .thumbnail-link:link img,
.styleguide-hover .mxo-widget-thumbnail .thumbnail-link:visited img {
  transform: scale(1.1);
}
.mxo-widget-thumbnail .thumbnail-link:hover svg path,
.mxo-widget-thumbnail .thumbnail-link:link:hover svg path,
.mxo-widget-thumbnail .thumbnail-link:visited:hover svg path,
.styleguide-hover .mxo-widget-thumbnail .thumbnail-link svg path,
.styleguide-hover .mxo-widget-thumbnail .thumbnail-link:link svg path,
.styleguide-hover .mxo-widget-thumbnail .thumbnail-link:visited svg path {
  fill: #00575e;
}
.mxo-widget-thumbnail .thumbnail-link:hover .thumbnail-hint,
.mxo-widget-thumbnail .thumbnail-link:link:hover .thumbnail-hint,
.mxo-widget-thumbnail .thumbnail-link:visited:hover .thumbnail-hint,
.styleguide-hover .mxo-widget-thumbnail .thumbnail-link .thumbnail-hint,
.styleguide-hover .mxo-widget-thumbnail .thumbnail-link:link .thumbnail-hint,
.styleguide-hover .mxo-widget-thumbnail .thumbnail-link:visited .thumbnail-hint {
  background-color: #e3e3de;
}
.mxo-widget-thumbnail .thumbnail-link .thumbnail-hint,
.mxo-widget-thumbnail .thumbnail-link:link .thumbnail-hint,
.mxo-widget-thumbnail .thumbnail-link:visited .thumbnail-hint {
  flex: 0 0 auto;
  padding: 8px 0;
  text-align: center;
  background-color: #f0f0eb;
}
.mxo-widget-thumbnail .thumbnail-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  overflow: hidden;
}
.mxo-widget-thumbnail .thumbnail-frame img {
  width: auto;
  height: 100%;
  transition: 0.5s ease-in-out;
}
.mxo-widget-thumbnail .thumbnail-frame svg {
  width: 80px;
  height: 80px;
}
.mxo-widget-thumbnail .thumbnail-frame svg path {
  transition: 0.2s ease-in-out;
}
.mxo-widget-thumbnail .thumbnail-frame .thumbnail-none {
  background-color: #f0f0eb;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: auto;
}
.mxo-widget-thumbnail .thumbnail-frame .thumbnail-none p {
  color: #6e6e66;
  text-align: center;
  padding: 0 20px;
}
.mxo-widget-thumbnail.small {
  height: 90px;
  width: 90px;
}
.mxo-widget-thumbnail.small .thumbnail-frame svg {
  width: 50px;
  height: 50px;
}
.mxo-widget-thumbnail.large {
  height: 200px;
  width: 200px;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
@font-face {
  font-family: "anonymous_proregular";
  src: url(2c1c5a577de3c0a51a4a.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
.mxo-widget-titleblock {
  position: relative;
  width: 1024px;
  overflow: hidden;
}
.mxo-widget-titleblock h2 {
  overflow: visible;
  font-size: 18px;
  font-weight: normal;
  white-space: normal;
  color: #506762;
}
.mxo-widget-titleblock h3 {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: normal;
  color: #14140f;
}
.mxo-widget-titleblock h4 {
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #6e6e66;
}
.mxo-widget-titleblock table,
.mxo-widget-titleblock tr,
.mxo-widget-titleblock th,
.mxo-widget-titleblock td {
  margin: 0;
  padding: 1px 0;
  vertical-align: top;
  font-weight: normal;
  line-height: 14px;
  text-align: left;
  border: 0 none;
  border-collapse: collapse;
}
.mxo-widget-titleblock thead th {
  font-weight: bold;
  font-size: 11px;
  color: #3b3b33;
}
.mxo-widget-titleblock td {
  text-align: left;
}
.mxo-widget-titleblock tr {
  transition: background 0.2s ease-out;
}
.mxo-widget-titleblock tr:hover,
.mxo-widget-titleblock tr .current {
  background: rgba(0, 0, 0, 0.1);
}
.mxo-widget-titleblock .titelblok-main {
  position: relative;
  width: 100%;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner {
  display: flex;
  margin-bottom: 20px;
  min-height: 260px;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner .blokken {
  width: 720px;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner .blokken .documentgegevens {
  float: left;
  width: 600px;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner .velden {
  width: 294px;
  margin-left: 10px;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner .velden .onzichtbaar h2 {
  padding-left: 21px;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner .velden .onzichtbaar table {
  width: 100%;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner .velden .onzichtbaar tbody {
  cursor: pointer;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner .velden .onzichtbaar th,
.mxo-widget-titleblock .titelblok-main .titelblok-inner .velden .onzichtbaar td {
  padding-right: 5px;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner .velden .onzichtbaar th:first-child {
  width: 16px;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner .velden .onzichtbaar td:nth-child(2) {
  width: 145px;
}
.mxo-widget-titleblock .titelblok-main .titelblok-inner .velden .onzichtbaar th.icon::before,
.mxo-widget-titleblock .titelblok-main .titelblok-inner .velden .onzichtbaar th .icon::before {
  margin-right: 0;
}
.mxo-widget-titleblock .titelblok-info {
  position: relative;
  width: 100%;
  display: table;
  box-sizing: border-box;
  border: 1px solid #d9d9d0;
}
.mxo-widget-titleblock .titelblok-info h2 {
  margin: 5px 0 5px 0;
  font-size: 16px;
}
.mxo-widget-titleblock .titelblok-info .tag-info,
.mxo-widget-titleblock .titelblok-info .validatie-info {
  display: table-cell;
  padding: 20px;
  height: 100%;
}
.mxo-widget-titleblock .titelblok-info .tag-info {
  width: 50%;
  background: #f0f0eb;
  border-right: 1px solid #d9d9d0;
}
.mxo-widget-titleblock .titelblok-info .tag-info table {
  width: 100%;
}
.mxo-widget-titleblock .titelblok-info .tag-info .tag-all {
  cursor: pointer;
}
.mxo-widget-titleblock .titelblok-info .tag-info .tag-data th {
  width: 100px;
}
.mxo-widget-titleblock .titelblok-info .tag-info .tag-info .tag-all th {
  width: 20px;
}
.mxo-widget-titleblock .titelblok-info .validatie-info {
  width: 50%;
}
.mxo-widget-titleblock .titelblok-info .validatie-info th {
  width: 220px;
}
.mxo-widget-titleblock .titelblok-info .validatiefout {
  padding-bottom: 18px;
}
.mxo-widget-titleblock .rechteronderhoek {
  position: relative;
  /* section for replacement information */
  /* dimensions and positions */
  /* blocks in C1 */
  /* blocks in A2 */
  /* blocks in A3 + B3 */
  /* blocks in C3 */
  /* borders */
  /* deviations */
  /* A1 and B1 at top level are not used */
  /* identificatienummer large font */
  /* other larger fonts */
  /*	special section with logo */
}
.mxo-widget-titleblock .rechteronderhoek .disclaimer {
  position: absolute;
  top: 236px;
  right: 0;
  padding-top: 3px;
  text-align: right;
  font-size: 11px;
  color: #6e6e66;
}
.mxo-widget-titleblock .rechteronderhoek .sectie {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  box-sizing: border-box;
  font-size: 11px;
  font-family: "anonymous_proregular", monospace;
  font-weight: 300;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: box-shadow 0.3s ease-out;
}
.mxo-widget-titleblock .rechteronderhoek .sectie .sectie {
  padding: 2px;
  border: 1px solid #666666;
  border-bottom: 0 none;
}
.mxo-widget-titleblock .rechteronderhoek .sectie .error,
.mxo-widget-titleblock .rechteronderhoek .sectie .notice {
  background: #d19e2b;
}
.mxo-widget-titleblock .rechteronderhoek .sectie.current {
  z-index: 4;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.mxo-widget-titleblock .rechteronderhoek .sectie.selected {
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.mxo-widget-titleblock .rechteronderhoek > .sectie {
  overflow: visible;
}
.mxo-widget-titleblock .rechteronderhoek > .A2 > .B1 {
  padding: 0;
  border-left: 0 none;
  left: 160px;
  width: 560px;
}
.mxo-widget-titleblock .rechteronderhoek > .A2 > .B1 > .sectie {
  position: relative;
  float: left;
  height: 100%;
  min-width: 80px;
  margin-right: 10px;
  border: 0 none;
}
.mxo-widget-titleblock .rechteronderhoek > .A1,
.mxo-widget-titleblock .rechteronderhoek > .A3 {
  width: 200px;
}
.mxo-widget-titleblock .rechteronderhoek > .B1,
.mxo-widget-titleblock .rechteronderhoek > .B3 {
  left: 200px;
  width: 400px;
}
.mxo-widget-titleblock .rechteronderhoek > .C1,
.mxo-widget-titleblock .rechteronderhoek > .C3 {
  left: 600px;
  width: 120px;
}
.mxo-widget-titleblock .rechteronderhoek > .A1,
.mxo-widget-titleblock .rechteronderhoek > .C1,
.mxo-widget-titleblock .rechteronderhoek > .B1 {
  height: 84px;
}
.mxo-widget-titleblock .rechteronderhoek > .A3,
.mxo-widget-titleblock .rechteronderhoek > .C3,
.mxo-widget-titleblock .rechteronderhoek > .B3 {
  top: 108px;
  height: 128px;
}
.mxo-widget-titleblock .rechteronderhoek > .C1 > .A1 {
  height: 32px;
  width: 32px;
}
.mxo-widget-titleblock .rechteronderhoek > .C1 > .B1,
.mxo-widget-titleblock .rechteronderhoek > .C1 > .B2 {
  left: 32px;
  height: 16px;
  width: 88px;
}
.mxo-widget-titleblock .rechteronderhoek > .C1 > .B2 {
  top: 16px;
}
.mxo-widget-titleblock .rechteronderhoek > .C1 > .A3,
.mxo-widget-titleblock .rechteronderhoek > .C1 > .A4,
.mxo-widget-titleblock .rechteronderhoek > .C1 > .A5 {
  width: 120px;
}
.mxo-widget-titleblock .rechteronderhoek > .C1 > .A3 {
  top: 32px;
  min-height: 16px;
}
.mxo-widget-titleblock .rechteronderhoek > .C1 > .A4 {
  top: 48px;
  height: 18px;
}
.mxo-widget-titleblock .rechteronderhoek > .C1 > .A5 {
  top: 66px;
  height: 18px;
  border-top: 0 none;
}
.mxo-widget-titleblock .rechteronderhoek > .A2 {
  top: 84px;
  width: 720px;
  height: 24px;
}
.mxo-widget-titleblock .rechteronderhoek > .A2 > .A1,
.mxo-widget-titleblock .rechteronderhoek > .A2 > .B1 {
  height: 100%;
}
.mxo-widget-titleblock .rechteronderhoek > .A2 > .A1 {
  width: 160px;
}
.mxo-widget-titleblock .rechteronderhoek > .A3 > .A1,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1,
.mxo-widget-titleblock .rechteronderhoek > .A3 > .A2,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 {
  width: 100%;
}
.mxo-widget-titleblock .rechteronderhoek > .A3 > .A1,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 {
  height: 72px;
}
.mxo-widget-titleblock .rechteronderhoek > .A3 > .A2,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 {
  top: 72px;
  height: 56px;
}
.mxo-widget-titleblock .rechteronderhoek > .C3 > .A1,
.mxo-widget-titleblock .rechteronderhoek > .C3 > .B1,
.mxo-widget-titleblock .rechteronderhoek > .C3 > .A2,
.mxo-widget-titleblock .rechteronderhoek > .C3 > .B2 {
  width: 60px;
  height: 36px;
}
.mxo-widget-titleblock .rechteronderhoek > .C3 > .B1,
.mxo-widget-titleblock .rechteronderhoek > .C3 > .B2 {
  left: 60px;
}
.mxo-widget-titleblock .rechteronderhoek > .C3 > .A2,
.mxo-widget-titleblock .rechteronderhoek > .C3 > .B2 {
  top: 36px;
}
.mxo-widget-titleblock .rechteronderhoek > .C3 > .A3.sectie,
.mxo-widget-titleblock .rechteronderhoek > .C3 > .A4.sectie {
  width: 100%;
  height: 28px;
  line-height: 23px;
}
.mxo-widget-titleblock .rechteronderhoek > .C3 > .A3 {
  top: 72px;
}
.mxo-widget-titleblock .rechteronderhoek > .C3 > .A4 {
  top: 100px;
}
.mxo-widget-titleblock .rechteronderhoek .sectie .A1,
.mxo-widget-titleblock .rechteronderhoek > .A3 > .A2,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2,
.mxo-widget-titleblock .rechteronderhoek > .C3 > .A2 {
  border-right: 0 none;
}
.mxo-widget-titleblock .rechteronderhoek > .A3 > .A2,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2,
.mxo-widget-titleblock .rechteronderhoek > .C3 > .A4 {
  border-bottom: 1px solid #666666;
}
.mxo-widget-titleblock .rechteronderhoek > .B3 {
  /* specific tags */
  /* specific tags horizontal */
  /* specific tags vertical part 1 */
  /* specifieke tags vertical part 2 */
}
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 .sectie,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 .sectie {
  min-width: 140px;
  border: 0 none;
}
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .B1,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .B2,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .B3,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 > .B1,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 > .B2 {
  left: 140px;
}
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .C1,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .C2,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .C3,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 > .C1,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 > .C2 {
  left: 280px;
  min-width: 120px;
}
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .sectie {
  height: 24px;
}
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .A2,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .B2,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .C2 {
  top: 24px;
}
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .A3,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .B3,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A1 > .C3 {
  top: 48px;
}
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 > .sectie {
  height: 27px;
}
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 > .A2,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 > .B2,
.mxo-widget-titleblock .rechteronderhoek > .B3 > .A2 > .C2 {
  top: 27px;
}
.mxo-widget-titleblock .rechteronderhoek > .A1,
.mxo-widget-titleblock .rechteronderhoek > .B1 {
  display: none;
}
.mxo-widget-titleblock .rechteronderhoek > .A3 > .A1 {
  padding-top: 20px;
  font-size: 22px;
  text-align: center;
}
.mxo-widget-titleblock .rechteronderhoek > .C1 > .A1,
.mxo-widget-titleblock .rechteronderhoek > .C3 > .sectie {
  font-size: 13px;
  line-height: 28px;
  text-align: center;
}
.mxo-widget-titleblock .rechteronderhoek > .A3 > .A2 {
  text-indent: -999px;
  background: url(e2163e0b2d2a5297a830.png) no-repeat center center;
}

/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* COLOURS */
/* 	Needed for legacy fabric components:
	- toggle
*/
.mxo-widget-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mxo-widget-table .row .cells .cell .mxo-widget-toggle {
  float: left;
  min-height: 24px;
}
.mxo-widget-toolbar-v2 .mxo-widget-toggle {
  min-height: 32px;
}
.mxo-widget-toggle .toggle-switch {
  position: relative;
  outline: none;
}
.mxo-widget-toggle .toggle-switch input {
  margin: 0 12px;
  padding: 0;
  position: absolute;
  top: auto;
  width: 16px;
  height: 16px;
  min-height: 0;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.mxo-widget-toggle .toggle-switch input:checked + .slider {
  background-color: #3d9c9c;
}
.mxo-widget-toggle .toggle-switch input:checked + .slider::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M6.483%2011.55%203.25%208.334l.85-.867L6.483%209.85l5.417-5.4.85.85-6.267%206.25Z%22/%3E%3C/svg%3E");
  transform: translateX(16px);
}
.mxo-widget-toggle .toggle-switch input:focus-visible:not(:disabled) + .slider,
.styleguide-focus .mxo-widget-toggle .toggle-switch input:not(:disabled) + .slider {
  outline: 1.5px solid #3d9c9c;
  outline-offset: 0.75px;
}
.mxo-widget-toggle .toggle-switch input:disabled {
  cursor: default;
}
.mxo-widget-toggle .toggle-switch input:disabled + .slider {
  background-color: #d4d1cc;
  cursor: default;
}
.mxo-widget-toggle .toggle-switch input:disabled + .slider::before {
  background-color: #f7f7f5;
}
.mxo-widget-toggle .toggle-switch input:checked:disabled + .slider {
  background-color: #c9cfca;
}
.mxo-widget-toggle .toggle-switch input:checked:disabled + .slider::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M6.483%2011.55%203.25%208.334l.85-.867L6.483%209.85l5.417-5.4.85.85-6.267%206.25Z%22/%3E%3C/svg%3E");
}
.mxo-widget-toggle .toggle-switch:hover input:not(:disabled) + .slider,
.styleguide-hover .mxo-widget-toggle .toggle-switch input:not(:disabled) + .slider {
  background-color: #6e6e66;
}
.mxo-widget-toggle .toggle-switch:hover input:checked:not(:disabled) + .slider,
.styleguide-hover .mxo-widget-toggle .toggle-switch input:checked:not(:disabled) + .slider {
  background-color: #00575e;
}
.mxo-widget-toggle .toggle-switch .slider {
  display: block;
  width: 40px;
  height: 24px;
  background-color: #b2b0ab;
  border-radius: 12px;
  transition: 0.3s;
  transition-property: background;
  cursor: pointer;
}
.mxo-widget-toggle .toggle-switch .slider::before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  top: 4px;
  background-color: #fcfcfb;
  border-radius: 8px;
  transition: 0.3s;
  transition-property: background, transform;
}

/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* 	Needed for legacy fabric components:
	- dictionary_table
	- list_table
	- file/upload_feedback_file
	- table/table
*/
.mxo-widget-toolbar-v2 {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mxo-widget-toolbar-v2.right {
  justify-content: flex-end;
}
.mxo-widget-toolbar-v2.center {
  justify-content: center;
}
.mxo-widget-toolbar-v2 > li {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 0;
  margin: 0;
}
.mxo-widget-toolbar-v2 > li:empty {
  display: none;
}
.mxo-widget-toolbar-v2 > li.stretch {
  flex-grow: 1;
}
.mxo-widget-toolbar-v2 > li.shrink {
  flex-shrink: 1;
  overflow: hidden;
  white-space: nowrap;
}
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 > li {
  min-width: 0;
}
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 > li:first-child {
  flex: 0 1 auto;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-trail {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.mxo-widget-trail .align-label {
  position: absolute;
  left: 0;
  width: 110px;
  text-align: right;
}
.mxo-widget-trail .trail-head {
  position: relative;
  font-weight: bold;
  color: #6c8f89;
}
.mxo-widget-trail .trail-head .trail-head-labels {
  position: absolute;
  left: 0;
  width: 110px;
  text-align: right;
}
.mxo-widget-trail .trail-head .trail-head-items {
  padding-left: 136px;
}
.no-labels.mxo-widget-trail .trail-head .trail-head-items {
  padding-left: 0;
}
.mxo-widget-trail ol.trail-groups {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mxo-widget-trail ol.trail-groups > li {
  display: flex;
  flex-flow: column;
  gap: 8px;
  position: relative;
  margin: 0;
  padding: 12px 0 12px 136px;
}
.no-labels.mxo-widget-trail ol.trail-groups > li {
  padding-left: 26px;
}
.mxo-widget-trail ol.trail-groups > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 120px;
  border-left: 2px solid #c1c1c1;
}
.no-labels.mxo-widget-trail ol.trail-groups > li::before {
  left: 10px;
}
.no-labels.mxo-widget-trail ol.trail-groups > li:first-child {
  padding-left: 26px;
}
.mxo-widget-trail ol.trail-groups > li:first-child::before {
  top: 19px;
}
.mxo-widget-trail ol.trail-groups > li:first-child:last-child::before {
  content: none;
  display: none;
}
.mxo-widget-trail ol.trail-groups > li:last-child::before {
  bottom: auto;
  height: 19px;
}
.mxo-widget-trail ol.trail-groups > li.highlight {
  background: #f1f4f3;
}
.mxo-widget-trail ol.trail-groups > li.highlight .trail-status.status-open {
  background: #f1f4f3;
}
.mxo-widget-trail ol.trail-groups > li .trail-status {
  position: absolute;
  top: 12px;
  left: 114px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
}
.no-labels.mxo-widget-trail ol.trail-groups > li .trail-status {
  left: 4px;
}
.mxo-widget-trail ol.trail-groups > li .trail-status.status-open {
  background: #fcfcfb;
  border: 2px solid #4278cc;
  border-radius: 50%;
}
.mxo-widget-trail ol.trail-groups > li .trail-status.status-closed {
  background: #919187;
  border: 2px solid #919187;
  border-radius: 50%;
}
.mxo-widget-trail ol.trail-groups > li .trail-status.status-compare {
  left: 116px;
  top: 14px;
  width: 10px;
  height: 10px;
  background: #6c8f89;
  transform: rotate(45deg);
}
.no-labels.mxo-widget-trail ol.trail-groups > li .trail-status.status-compare {
  left: 6px;
}
.mxo-widget-trail ol.trail-groups > li .trail-label {
  position: absolute;
  left: 0;
  width: 110px;
  text-align: right;
  color: #6e6e66;
}
.no-labels.mxo-widget-trail ol.trail-groups > li .trail-label {
  display: none;
}
.mxo-widget-trail ol.trail-groups > li .trail-title {
  color: #6c8f89;
}
.mxo-widget-trail ol.trail-groups > li .trail-author {
  color: #6e6e66;
}
.mxo-widget-trail ol.trail-groups > li ul.trail-items {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mxo-widget-trail ol.trail-groups > li ul.trail-items > li {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.mxo-widget-trail ol.trail-groups > li ul.trail-items > li .trail-item-time {
  position: absolute;
  left: 0;
  width: 110px;
  text-align: right;
  color: #d4d1cc;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
.mxo-widget-undo {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0 4px 4px;
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  background-color: #f5f7ff;
}
.mxo-widget-undo > :first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  text-align: right;
}
.mxo-widget-undo .undo-revert {
  flex: 1 1 auto;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
.mxo-widget-value-empty {
  font-family: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: italic;
  color: #6e6e66;
}
.mxo-widget-table .body .row .cells.selected .cell .mxo-widget-value-empty {
  color: #6e6e66;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-value-multiple {
  display: flex;
  align-items: baseline;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: italic;
  color: #6e6e66;
}
a.mxo-widget-value-multiple,
a.mxo-widget-value-multiple:link,
a.mxo-widget-value-multiple:visited {
  text-decoration: none;
  color: #127578;
  cursor: pointer;
}
a.mxo-widget-value-multiple:hover {
  color: #00575e;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* DIMENSIONS */
/* COLOURS */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
.mxo-widget-visualisation-options-panel {
  position: relative;
  padding: 0 0 16px 8px;
  min-height: 56px;
  width: 408px;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden;
}
.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle,
.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle:link,
.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle:visited {
  position: absolute;
  left: 408px;
  display: flex;
  align-items: center;
  padding: 0 12px 0 8px;
  height: 40px;
  text-decoration: none;
  line-height: 40px;
  font-weight: 500;
  color: #00575e;
  background: #fcfcfb;
  border: 1px solid #d4d1cc;
  border-radius: 12px;
  box-shadow: -0.5px 0.5px 2px -4px rgba(20, 20, 15, 0.16), -4px 4px 8px -4px rgba(20, 20, 15, 0.08), -8px 8px 12px -8px rgba(20, 20, 15, 0.08);
  z-index: 1;
  pointer-events: auto;
  transform: translateX(-100%);
  transition: 0.3s;
}
.open.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle,
.open.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle:link,
.open.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle:visited {
  left: 8px;
  transform: translateX(0);
}
.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle:hover,
.styleguide-hover .mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle {
  background-color: #f0f0eb;
}
.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background: no-repeat center center;
  background-size: 24px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
  transform: scaleX(1);
  transition: transform 0.4s;
}
.open.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle::before {
  transform: scaleX(-1);
}
.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle .visualisation-options-panel-toggle-label {
  opacity: 1;
  transition: 0.3s;
}
.open.mxo-widget-visualisation-options-panel .visualisation-options-panel-toggle .visualisation-options-panel-toggle-label {
  opacity: 0;
}
.mxo-widget-visualisation-options-panel .visualisation-options-panel-content {
  position: relative;
  display: flex;
  padding: 16px 8px 16px 16px;
  margin-left: 40px;
  max-height: 100%;
  overflow: auto;
  box-sizing: border-box;
  background: #fcfcfb;
  border: 1px solid #d4d1cc;
  border-radius: 12px;
  box-shadow: -0.5px 0.5px 2px -4px rgba(20, 20, 15, 0), -4px 4px 8px -4px rgba(20, 20, 15, 0), -8px 8px 12px -8px rgba(20, 20, 15, 0);
  z-index: 2;
  pointer-events: auto;
  transform: translateX(368px);
  transition: transform 0.3s;
}
.open.mxo-widget-visualisation-options-panel .visualisation-options-panel-content {
  transform: translateX(0);
  box-shadow: -0.5px 0.5px 2px -4px rgba(20, 20, 15, 0.16), -4px 4px 8px -4px rgba(20, 20, 15, 0.08), -8px 8px 12px -8px rgba(20, 20, 15, 0.08);
}
.mxo-widget-visualisation-options-panel .visualisation-options-panel-content .visualisation-options-panel-content-inner {
  display: flex;
  gap: 8px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding-right: 8px;
  width: 100%;
  overflow: auto;
}
.mxo-widget-visualisation-options-panel .visualisation-options-panel-content .visualisation-options-panel-content-inner > h1,
.mxo-widget-visualisation-options-panel .visualisation-options-panel-content .visualisation-options-panel-content-inner > h2,
.mxo-widget-visualisation-options-panel .visualisation-options-panel-content .visualisation-options-panel-content-inner > h3,
.mxo-widget-visualisation-options-panel .visualisation-options-panel-content .visualisation-options-panel-content-inner > h4,
.mxo-widget-visualisation-options-panel .visualisation-options-panel-content .visualisation-options-panel-content-inner > h5,
.mxo-widget-visualisation-options-panel .visualisation-options-panel-content .visualisation-options-panel-content-inner > h6 {
  margin-bottom: -2px;
}
.mxo-widget-visualisation-options-panel .visualisation-options-panel-content .visualisation-options-panel-content-inner > p,
.mxo-widget-visualisation-options-panel .visualisation-options-panel-content .visualisation-options-panel-content-inner > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Control: icon + image */
/* Control: icon (for before and after) */
/* Control: type = svg image */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-wizard {
  display: flex;
  flex: 1 1 auto;
  border-top: 5px solid #e8e8e8;
}
.mxo-widget-wizard .wizard-stepindicator {
  flex: 0 0 auto;
  padding: 12px 8px 0 0;
  overflow: auto;
  width: 350px;
  box-sizing: border-box;
}
.mxo-widget-wizard .wizard-main {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  overflow: visible;
  flex: 1 1 auto;
  min-width: 0;
  /* fix for wizard causing scrollbar when content too wide */
  border-left: 5px solid #e8e8e8;
}
.mxo-widget-wizard .wizard-main .wizard-main-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
  padding: 12px 12px 0 12px;
  overflow: hidden;
}
.mxo-widget-wizard .wizard-main .wizard-main-header > h1,
.mxo-widget-wizard .wizard-main .wizard-main-header > h2,
.mxo-widget-wizard .wizard-main .wizard-main-header > h3,
.mxo-widget-wizard .wizard-main .wizard-main-header > h4,
.mxo-widget-wizard .wizard-main .wizard-main-header > h5,
.mxo-widget-wizard .wizard-main .wizard-main-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-wizard .wizard-main .wizard-main-header > p,
.mxo-widget-wizard .wizard-main .wizard-main-header > ul {
  margin: 0;
}
.mxo-widget-wizard .wizard-main .wizard-main-header h2 {
  margin-bottom: inherit;
}
.mxo-widget-wizard .wizard-main .wizard-main-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 0;
  padding: 0 12px;
}
.mxo-widget-wizard .wizard-main .wizard-main-content > h1,
.mxo-widget-wizard .wizard-main .wizard-main-content > h2,
.mxo-widget-wizard .wizard-main .wizard-main-content > h3,
.mxo-widget-wizard .wizard-main .wizard-main-content > h4,
.mxo-widget-wizard .wizard-main .wizard-main-content > h5,
.mxo-widget-wizard .wizard-main .wizard-main-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-wizard .wizard-main .wizard-main-content > p,
.mxo-widget-wizard .wizard-main .wizard-main-content > ul {
  margin: 0;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons {
  display: flex;
  flex: 0 0 auto;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action {
  position: relative;
  flex: 1 1 auto;
  width: 50%;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete {
  display: flex;
  align-items: center;
  padding: 0 20px;
  height: 90px;
  width: 100%;
  box-sizing: border-box;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next:link,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous:link,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete:link,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next:visited,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous:visited,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete:visited {
  text-decoration: none;
  font-weight: 400;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next::after,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous::after,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete::after,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next::before,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous::before,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete::before {
  flex: 0 0 auto;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next .button-step-label,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous .button-step-label,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete .button-step-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next .button-step-label .button-step-subtext,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous .button-step-label .button-step-subtext,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete .button-step-label .button-step-subtext {
  display: block;
  margin-top: 4px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@keyframes button-enlarge {
  0%,
  75%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}
@keyframes button-bounce {
  0%,
  100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(50%);
  }
  40% {
    transform: translateX(-25%);
  }
  75% {
    transform: translateX(25%);
  }
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous:link,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous:visited {
  color: #00575e;
  background: #f0f0eb;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous:hover,
.styleguide-hover .mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous {
  color: #00575e;
  background: #e3e3de;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: no-repeat center center;
  background-size: 40px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
  margin-right: 20px;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous::before:hover,
.styleguide-hover .mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: no-repeat center center;
  background-size: 40px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%2300575e%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous.disabled,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous.disabled:link,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous.disabled:visited,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous.disabled:hover,
.styleguide-hover .mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous.disabled {
  color: #b2b0ab;
  background: #f0f0eb;
  cursor: default;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-previous.disabled::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: no-repeat center center;
  background-size: 40px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next:link,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next:visited {
  padding-left: 40px;
  color: #127578;
  background: #b5ebdb;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next:hover,
.styleguide-hover .mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next {
  color: #127578;
  background: #94ded1;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: no-repeat center center;
  background-size: 40px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
  margin-left: 20px;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next::after:hover,
.styleguide-hover .mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: no-repeat center center;
  background-size: 40px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23127578%22%20d%3D%22M15.705%207.41%2014.295%206l-6%206%206%206%201.41-1.41-4.58-4.59%204.58-4.59Z%22/%3E%3C/svg%3E");
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next .button-step-label {
  font-weight: bold;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next.disabled,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next.disabled:link,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next.disabled:visited,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next.disabled:hover,
.styleguide-hover .mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next.disabled {
  color: #b2b0ab;
  background: #f0f0eb;
  cursor: default;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next.disabled::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: no-repeat center center;
  background-size: 40px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22%23b2b0ab%22%20d%3D%22m9.705%206-1.41%201.41%204.58%204.59-4.58%204.59L9.705%2018l6-6-6-6Z%22/%3E%3C/svg%3E");
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-next.completed::after {
  animation: button-bounce 0.7s ease-out;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete {
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete:link,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete:visited {
  color: #ffffff;
  background: #127578;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete:hover,
.styleguide-hover .mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete {
  color: #ffffff;
  background: #00575e;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background: no-repeat center center;
  background-size: 32px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M6.425%2016c-0.497%200-0.968-0.233-1.27-0.632l-4.084-5.394c-0.531-0.702-0.393-1.7%200.308-2.232%200.703-0.532%201.701-0.392%202.232%200.308l2.686%203.547%206.756-10.848c0.465-0.746%201.447-0.975%202.195-0.51s0.975%201.448%200.51%202.195l-7.981%2012.814c-0.277%200.446-0.756%200.726-1.28%200.75-0.025%200.001-0.049%200.002-0.073%200.002z%22%3E%3C/path%3E%3C/svg%3E");
  margin-right: 20px;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete::before:hover,
.styleguide-hover .mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background: no-repeat center center;
  background-size: 32px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M6.425%2016c-0.497%200-0.968-0.233-1.27-0.632l-4.084-5.394c-0.531-0.702-0.393-1.7%200.308-2.232%200.703-0.532%201.701-0.392%202.232%200.308l2.686%203.547%206.756-10.848c0.465-0.746%201.447-0.975%202.195-0.51s0.975%201.448%200.51%202.195l-7.981%2012.814c-0.277%200.446-0.756%200.726-1.28%200.75-0.025%200.001-0.049%200.002-0.073%200.002z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete .button-step-label {
  flex: 0 1 auto;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.disabled,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.disabled:link,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.disabled:visited,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.disabled:hover,
.styleguide-hover .mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.disabled {
  color: #ffffff;
  background: #e3e3de;
  cursor: default;
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.disabled::before,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.disabled:link::before,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.disabled:visited::before,
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.disabled:hover::before,
.styleguide-hover .mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.disabled::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background: no-repeat center center;
  background-size: 32px;
  /* stylelint-disable-next-line order/order */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M6.425%2016c-0.497%200-0.968-0.233-1.27-0.632l-4.084-5.394c-0.531-0.702-0.393-1.7%200.308-2.232%200.703-0.532%201.701-0.392%202.232%200.308l2.686%203.547%206.756-10.848c0.465-0.746%201.447-0.975%202.195-0.51s0.975%201.448%200.51%202.195l-7.981%2012.814c-0.277%200.446-0.756%200.726-1.28%200.75-0.025%200.001-0.049%200.002-0.073%200.002z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-wizard .wizard-main .wizard-main-buttons .wizard-main-action .wizard-main-button-complete.completed {
  position: absolute;
  animation: button-enlarge 0.5s ease-out;
}

.mxo-widget-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #333333;
  opacity: 0.5;
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/
.hljs {
  color: #24292e;
  background: #ffffff
}
.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  /* prettylights-syntax-keyword */
  color: #d73a49
}
.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  /* prettylights-syntax-entity */
  color: #6f42c1
}
.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-variable,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id {
  /* prettylights-syntax-constant */
  color: #005cc5
}
.hljs-regexp,
.hljs-string,
.hljs-meta .hljs-string {
  /* prettylights-syntax-string */
  color: #032f62
}
.hljs-built_in,
.hljs-symbol {
  /* prettylights-syntax-variable */
  color: #e36209
}
.hljs-comment,
.hljs-code,
.hljs-formula {
  /* prettylights-syntax-comment */
  color: #6a737d
}
.hljs-name,
.hljs-quote,
.hljs-selector-tag,
.hljs-selector-pseudo {
  /* prettylights-syntax-entity-tag */
  color: #22863a
}
.hljs-subst {
  /* prettylights-syntax-storage-modifier-import */
  color: #24292e
}
.hljs-section {
  /* prettylights-syntax-markup-heading */
  color: #005cc5;
  font-weight: bold
}
.hljs-bullet {
  /* prettylights-syntax-markup-list */
  color: #735c0f
}
.hljs-emphasis {
  /* prettylights-syntax-markup-italic */
  color: #24292e;
  font-style: italic
}
.hljs-strong {
  /* prettylights-syntax-markup-bold */
  color: #24292e;
  font-weight: bold
}
.hljs-addition {
  /* prettylights-syntax-markup-inserted */
  color: #22863a;
  background-color: #f0fff4
}
.hljs-deletion {
  /* prettylights-syntax-markup-deleted */
  color: #b31d28;
  background-color: #ffeef0
}
.hljs-char.escape_,
.hljs-link,
.hljs-params,
.hljs-property,
.hljs-punctuation,
.hljs-tag {
  /* purposely ignored */
  
}
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-skeleton {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.mxo-widget-skeleton.left {
  justify-content: flex-start;
}
.mxo-widget-skeleton.right {
  justify-content: flex-end;
}
.mxo-widget-skeleton .skeleton-item {
  position: relative;
  overflow: hidden;
  background: linear-gradient(to right, #e3e3de, #f7f7f5);
  border-radius: 4px;
}
.mxo-widget-skeleton .skeleton-item::after {
  content: "";
  display: block;
  position: absolute;
  width: 40%;
  min-width: 20px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #f7f7f5, rgba(255, 255, 255, 0));
  animation: 2s linear 200ms infinite gradient;
  transform: translateX(-100%);
}
@keyframes gradient {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(250%);
  }
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* marks */
.mxo-widget-mark.in-progress::after {
  background-color: #b5c7c4;
}
.mxo-widget-mark.in-progress.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.in-progress.semi {
  /* aligning stripes with dot */
}
.mxo-widget-mark.in-progress.semi::after,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.in-progress.semi::after {
  background: repeating-linear-gradient(135deg, #b5c7c4 0 25%, rgba(181, 199, 196, 0.2) 25% 42%, #b5c7c4 42% 57%, rgba(181, 199, 196, 0.2) 57% 75%);
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.in-progress.semi::after {
  background: repeating-linear-gradient(135deg, #b5c7c4 0 10%, rgba(181, 199, 196, 0.2) 10% 20%);
}
/* legenda */
.mxo-widget-legenda-icon {
  /* legenda > validatie-status */
  /* legenda > review-status */
  /* legenda > kaartlagen */
}
.mxo-widget-legenda-icon.legenda-geselecteerdobject::before {
  background-color: #28ab65;
}
.mxo-widget-legenda-icon.legenda-neutral::before {
  background-color: #999992;
}
.mxo-widget-legenda-icon.legenda-spoorhartlijn::before {
  background-color: #1d4da7;
  height: 2px;
}
.mxo-widget-legenda-icon.legenda-geocode-grenzen::before {
  background-color: #ff0dc8;
  height: 2px;
}
.mxo-widget-legenda-icon.legenda-valide::before {
  background-color: #506762;
}
.mxo-widget-legenda-icon.legenda-niet-valide::before {
  background-color: #ffb700;
}
.mxo-widget-legenda-icon.legenda-aan-het-valideren::before {
  background-color: #b5c7c4;
}
.mxo-widget-legenda-icon.legenda-geaccepteerd::before {
  background-color: #28ab65;
}
.mxo-widget-legenda-icon.legenda-afgekeurd::before {
  background-color: #e33724;
}
.mxo-widget-legenda-icon.legenda-review::before {
  background-color: #999992;
}
.mxo-widget-legenda-icon.legenda-invullen::before {
  background-color: #0076a3;
}
.mxo-widget-legenda-icon.legenda-gemeenten::before {
  background-image: linear-gradient(to right, #858482 0%, 33%, transparent 33%, 66%, #858482 66%);
  height: 2px;
}
.mxo-widget-legenda-icon.legenda-provincies::before {
  background-color: #f19b91;
  height: 2px;
}
.mxo-widget-legenda-icon.legenda-prorail-referentiesysteem::before {
  background-image: url(a48fcbe40f1b15a165db.svg);
  height: 12px;
  width: 12px;
}
.mxo-widget-legenda-icon.legenda-prorail-luchtfoto::before {
  background-image: url(f69abfa13a4f0105ea64.png);
  height: 12px;
  width: 12px;
}
.mxo-widget-legenda-icon.legenda-relatie::before {
  background-color: #999993;
}
.mxo-widget-legenda-icon.legenda-node::before {
  border: 1px solid #6c8f89;
  border-radius: 3px;
}
.mxo-widget-legenda-icon.legenda-node-bron::before {
  background-color: #b5c7c4;
  border: 1px solid #6c8f89;
  border-radius: 3px;
}
.mxo-widget-legenda-icon.legenda-node-open::before {
  background-color: #6c8f89;
  border: 1px solid #6c8f89;
  border-radius: 3px;
}
.mxo-widget-legenda-icon.legenda-node-eigenschap::before {
  border: 1px solid #919187;
  border-radius: 3px;
}
.mxo-widget-legenda-icon.legenda-eigenschap-neutral::before {
  background-color: #919187;
}
.mxo-widget-legenda-icon.legenda-eigenschap-neutral-medium::before {
  background-color: #d4d1cc;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-a6cee3::before {
  background-color: #a6cee3;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-1f78b4::before {
  background-color: #1f78b4;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-b2df8a::before {
  background-color: #b2df8a;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-33a02c::before {
  background-color: #33a02c;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-fb9a99::before {
  background-color: #fb9a99;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-e31a1c::before {
  background-color: #e31a1c;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-fdbf6f::before {
  background-color: #fdbf6f;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-ff7f00::before {
  background-color: #ff7f00;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-cab2d6::before {
  background-color: #cab2d6;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-6a3d9a::before {
  background-color: #6a3d9a;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-ffff99::before {
  background-color: #ffff99;
}
.mxo-widget-legenda-icon.legenda-eigenschap-enum-b15928::before {
  background-color: #b15928;
}
.mxo-widget-legenda-icon.legenda-eigenschap-range-min::before {
  background-color: #b35806;
}
.mxo-widget-or-legenda-item-range {
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-left: 21px;
  height: 100px;
}
.mxo-widget-or-legenda-item-range::before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  top: 0;
  bottom: 0;
  left: 1px;
  background: linear-gradient(#b35806 0%, #e08214 12.5%, #fdb863 25%, #fee0b6 37.5%, #f7f7f7 50%, #d8daeb 62.5%, #b2abd2 75%, #8073ac 87.5%, #542788 100%);
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-apikey {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-apikey .apikey-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-apikey .apikey-header > h1,
.mxo-widget-or-apikey .apikey-header > h2,
.mxo-widget-or-apikey .apikey-header > h3,
.mxo-widget-or-apikey .apikey-header > h4,
.mxo-widget-or-apikey .apikey-header > h5,
.mxo-widget-or-apikey .apikey-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-apikey .apikey-header > p,
.mxo-widget-or-apikey .apikey-header > ul {
  margin: 0;
}
.mxo-widget-or-apikey .apikey-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-apikey .apikey-content > h1,
.mxo-widget-or-apikey .apikey-content > h2,
.mxo-widget-or-apikey .apikey-content > h3,
.mxo-widget-or-apikey .apikey-content > h4,
.mxo-widget-or-apikey .apikey-content > h5,
.mxo-widget-or-apikey .apikey-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-apikey .apikey-content > p,
.mxo-widget-or-apikey .apikey-content > ul {
  margin: 0;
}
.mxo-widget-or-apikey .apikey-content .mxo-widget-table .cell.omschrijving {
  width: calc((100% - 350px) / 2);
}
.mxo-widget-or-apikey .apikey-content .mxo-widget-table .cell.email {
  width: calc((100% - 350px) / 2);
}
.mxo-widget-or-apikey .apikey-content .mxo-widget-table .cell.id {
  width: 150px;
}
.mxo-widget-or-apikey .apikey-content .mxo-widget-table .cell.status {
  width: 200px;
}
.mxo-widget-or-apikey-detail {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-apikey-detail .api-key-detail-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-apikey-detail .api-key-detail-content > h1,
.mxo-widget-or-apikey-detail .api-key-detail-content > h2,
.mxo-widget-or-apikey-detail .api-key-detail-content > h3,
.mxo-widget-or-apikey-detail .api-key-detail-content > h4,
.mxo-widget-or-apikey-detail .api-key-detail-content > h5,
.mxo-widget-or-apikey-detail .api-key-detail-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-apikey-detail .api-key-detail-content > p,
.mxo-widget-or-apikey-detail .api-key-detail-content > ul {
  margin: 0;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-apikey-detail .apikey-pane-key {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-apikey-detail .apikey-pane-key > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-apikey-detail .apikey-pane-key::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-apikey-detail .apikey-pane-key::before {
  visibility: hidden;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-assetmodel {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-assetmodel .assetmodel-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-assetmodel .assetmodel-header > h1,
.mxo-widget-or-assetmodel .assetmodel-header > h2,
.mxo-widget-or-assetmodel .assetmodel-header > h3,
.mxo-widget-or-assetmodel .assetmodel-header > h4,
.mxo-widget-or-assetmodel .assetmodel-header > h5,
.mxo-widget-or-assetmodel .assetmodel-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-assetmodel .assetmodel-header > p,
.mxo-widget-or-assetmodel .assetmodel-header > ul {
  margin: 0;
}
.mxo-widget-or-assetmodel .assetmodel-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-assetmodel .assetmodel-content > h1,
.mxo-widget-or-assetmodel .assetmodel-content > h2,
.mxo-widget-or-assetmodel .assetmodel-content > h3,
.mxo-widget-or-assetmodel .assetmodel-content > h4,
.mxo-widget-or-assetmodel .assetmodel-content > h5,
.mxo-widget-or-assetmodel .assetmodel-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-assetmodel .assetmodel-content > p,
.mxo-widget-or-assetmodel .assetmodel-content > ul {
  margin: 0;
}
.mxo-widget-or-assetmodel .assetmodel-content .mxo-widget-table.or-assetmodel-concepten .cell.concept {
  width: calc(100% - 220px);
}
.mxo-widget-or-assetmodel .assetmodel-content .mxo-widget-table.or-assetmodel-concepten .cell.classification {
  width: 120px;
}
.mxo-widget-or-assetmodel .assetmodel-content .mxo-widget-table.or-assetmodel-concepten .cell.actions {
  width: 100px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-collecties-main {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-collecties-main .collecties-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-collecties-main .collecties-header > h1,
.mxo-widget-or-collecties-main .collecties-header > h2,
.mxo-widget-or-collecties-main .collecties-header > h3,
.mxo-widget-or-collecties-main .collecties-header > h4,
.mxo-widget-or-collecties-main .collecties-header > h5,
.mxo-widget-or-collecties-main .collecties-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collecties-main .collecties-header > p,
.mxo-widget-or-collecties-main .collecties-header > ul {
  margin: 0;
}
.mxo-widget-or-collecties-main .collecties-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-collecties-main .collecties-content > h1,
.mxo-widget-or-collecties-main .collecties-content > h2,
.mxo-widget-or-collecties-main .collecties-content > h3,
.mxo-widget-or-collecties-main .collecties-content > h4,
.mxo-widget-or-collecties-main .collecties-content > h5,
.mxo-widget-or-collecties-main .collecties-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collecties-main .collecties-content > p,
.mxo-widget-or-collecties-main .collecties-content > ul {
  margin: 0;
}
.mxo-widget-or-collectie-detail {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-collectie-detail .collectie-detail-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-collectie-detail .collectie-detail-header > h1,
.mxo-widget-or-collectie-detail .collectie-detail-header > h2,
.mxo-widget-or-collectie-detail .collectie-detail-header > h3,
.mxo-widget-or-collectie-detail .collectie-detail-header > h4,
.mxo-widget-or-collectie-detail .collectie-detail-header > h5,
.mxo-widget-or-collectie-detail .collectie-detail-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collectie-detail .collectie-detail-header > p,
.mxo-widget-or-collectie-detail .collectie-detail-header > ul {
  margin: 0;
}
.mxo-widget-or-collectie-detail .collectie-detail-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-collectie-detail .collectie-detail-content > h1,
.mxo-widget-or-collectie-detail .collectie-detail-content > h2,
.mxo-widget-or-collectie-detail .collectie-detail-content > h3,
.mxo-widget-or-collectie-detail .collectie-detail-content > h4,
.mxo-widget-or-collectie-detail .collectie-detail-content > h5,
.mxo-widget-or-collectie-detail .collectie-detail-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collectie-detail .collectie-detail-content > p,
.mxo-widget-or-collectie-detail .collectie-detail-content > ul {
  margin: 0;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-collectie-detail .collectie-detail-content .collectie-detail-uuid-value {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-collectie-detail .collectie-detail-content .collectie-detail-uuid-value > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-collectie-detail .collectie-detail-content .collectie-detail-uuid-value::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-collectie-detail .collectie-detail-content .collectie-detail-uuid-value::before {
  visibility: hidden;
}
.mxo-widget-or-collectie-detail .collectie-detail-content .export-tab .mxo-widget-table.exportmomenten .cell.naam {
  width: calc(100% - 100px);
}
.mxo-widget-or-collectie-detail .collectie-detail-content .export-tab .mxo-widget-table.exportmomenten .cell.datum {
  width: 100px;
}
.mxo-widget-or-collectie-detail .collectie-detail-content .export-tab .mxo-widget-table.exportmoment-exports .cell.naam {
  width: calc(100% - 125px);
}
.mxo-widget-or-collectie-detail .collectie-detail-content .export-tab .mxo-widget-table.exportmoment-exports .cell.download {
  width: 125px;
  text-align: right;
}
.mxo-widget-report-linear-sections {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  width: 600px;
  margin: 20px;
}
.mxo-widget-report-linear-sections > h1,
.mxo-widget-report-linear-sections > h2,
.mxo-widget-report-linear-sections > h3,
.mxo-widget-report-linear-sections > h4,
.mxo-widget-report-linear-sections > h5,
.mxo-widget-report-linear-sections > h6 {
  margin-bottom: -10px;
}
.mxo-widget-report-linear-sections > p,
.mxo-widget-report-linear-sections > ul {
  margin: 0;
}
.mxo-widget-report-linear-sections .mxo-widget-table.eigenschappen-table .cell:nth-child(1) {
  width: 150px;
}
.mxo-widget-report-linear-sections .mxo-widget-table.eigenschappen-table .cell:nth-child(2) {
  width: calc(100% - 150px);
}
.mxo-widget-or-collectionselector {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-collectionselector .collectionselector-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-collectionselector .collectionselector-header > h1,
.mxo-widget-or-collectionselector .collectionselector-header > h2,
.mxo-widget-or-collectionselector .collectionselector-header > h3,
.mxo-widget-or-collectionselector .collectionselector-header > h4,
.mxo-widget-or-collectionselector .collectionselector-header > h5,
.mxo-widget-or-collectionselector .collectionselector-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collectionselector .collectionselector-header > p,
.mxo-widget-or-collectionselector .collectionselector-header > ul {
  margin: 0;
}
.mxo-widget-or-collectionselector .collectionselector-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
  max-height: 320px;
}
.mxo-widget-or-collectionselector .collectionselector-content > h1,
.mxo-widget-or-collectionselector .collectionselector-content > h2,
.mxo-widget-or-collectionselector .collectionselector-content > h3,
.mxo-widget-or-collectionselector .collectionselector-content > h4,
.mxo-widget-or-collectionselector .collectionselector-content > h5,
.mxo-widget-or-collectionselector .collectionselector-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collectionselector .collectionselector-content > p,
.mxo-widget-or-collectionselector .collectionselector-content > ul {
  margin: 0;
}
.mxo-widget-or-selecteer-collecties {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-selecteer-collecties .selecteer-collecties-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-selecteer-collecties .selecteer-collecties-header > h1,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-header > h2,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-header > h3,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-header > h4,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-header > h5,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-selecteer-collecties .selecteer-collecties-header > p,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-header > ul {
  margin: 0;
}
.mxo-widget-or-selecteer-collecties .selecteer-collecties-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 50px;
}
.mxo-widget-or-selecteer-collecties .selecteer-collecties-content > h1,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-content > h2,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-content > h3,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-content > h4,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-content > h5,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-selecteer-collecties .selecteer-collecties-content > p,
.mxo-widget-or-selecteer-collecties .selecteer-collecties-content > ul {
  margin: 0;
}
.mxo-widget-or-collectiesfilter {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-collectiesfilter .collectiesfilter-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-collectiesfilter .collectiesfilter-header > h1,
.mxo-widget-or-collectiesfilter .collectiesfilter-header > h2,
.mxo-widget-or-collectiesfilter .collectiesfilter-header > h3,
.mxo-widget-or-collectiesfilter .collectiesfilter-header > h4,
.mxo-widget-or-collectiesfilter .collectiesfilter-header > h5,
.mxo-widget-or-collectiesfilter .collectiesfilter-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collectiesfilter .collectiesfilter-header > p,
.mxo-widget-or-collectiesfilter .collectiesfilter-header > ul {
  margin: 0;
}
.mxo-widget-or-collectiesfilter .collectiesfilter-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
  max-height: 320px;
}
.mxo-widget-or-collectiesfilter .collectiesfilter-content > h1,
.mxo-widget-or-collectiesfilter .collectiesfilter-content > h2,
.mxo-widget-or-collectiesfilter .collectiesfilter-content > h3,
.mxo-widget-or-collectiesfilter .collectiesfilter-content > h4,
.mxo-widget-or-collectiesfilter .collectiesfilter-content > h5,
.mxo-widget-or-collectiesfilter .collectiesfilter-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collectiesfilter .collectiesfilter-content > p,
.mxo-widget-or-collectiesfilter .collectiesfilter-content > ul {
  margin: 0;
}
.mxo-widget-or-collectie-entiteiten-tab {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-header > h1,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-header > h2,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-header > h3,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-header > h4,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-header > h5,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-header > p,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-header > ul {
  margin: 0;
}
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-content > h1,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-content > h2,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-content > h3,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-content > h4,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-content > h5,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-content > p,
.mxo-widget-or-collectie-entiteiten-tab .entiteiten-tab-content > ul {
  margin: 0;
}
.mxo-widget-or-rechten-op-collecties .mxo-widget-table.rechten-op-collecties .cell.naam,
.mxo-widget-or-rechten-op-collecties .mxo-widget-table.rechten-op-collecties .cell.aantal-subcollecties {
  width: calc(50% - 20px);
}
.mxo-widget-or-rechten-op-collecties .mxo-widget-table.rechten-op-collecties .cell.acties {
  width: 40px;
}

.mxo-widget-table.or-collectielijst .cell.naam {
  width: calc(100% - 40px);
}
.mxo-widget-table.or-collectielijst .cell.acties {
  width: 40px;
}
.mxo-widget-table.or-collectielijst.column-count-3 .cell.naam {
  width: calc(100% - 150px - 40px);
}
.mxo-widget-table.or-collectielijst.column-count-3 .cell.commentaar {
  width: 50px;
}
.mxo-widget-table.or-collectielijst.column-count-3 .cell.status {
  width: 100px;
}
.mxo-widget-table.or-collectielijst.column-count-3 .cell.acties {
  width: 40px;
}
.pane-size-single .mxo-widget-table.or-collectielijst.column-count-3 .cell.naam {
  width: calc(100% - 50px - 40px);
}
.pane-size-single .mxo-widget-table.or-collectielijst.column-count-3 .cell.status {
  display: none;
}
.pane-size-single .mxo-widget-table.or-collectielijst.column-count-3 .cell.acties {
  width: 40px;
}
.mxo-widget-table.or-collectielijst.column-count-4 .cell.naam {
  width: calc(100% - 300px - 40px);
}
.mxo-widget-table.or-collectielijst.column-count-4 .cell.commentaar {
  width: 50px;
}
.mxo-widget-table.or-collectielijst.column-count-4 .cell.status {
  width: 100px;
}
.mxo-widget-table.or-collectielijst.column-count-4 .cell.metadata-1 {
  width: 150px;
}
.mxo-widget-table.or-collectielijst.column-count-4 .cell.acties {
  width: 40px;
}
.pane-size-single .mxo-widget-table.or-collectielijst.column-count-4 .cell.naam {
  width: calc(100% - 200px - 40px);
}
.pane-size-single .mxo-widget-table.or-collectielijst.column-count-4 .cell.status {
  display: none;
}
.pane-size-single .mxo-widget-table.or-collectielijst.column-count-4 .cell.acties {
  width: 40px;
}
.mxo-widget-table.or-collectielijst.column-count-5 .cell.naam {
  width: calc(100% - 450px - 40px);
}
.mxo-widget-table.or-collectielijst.column-count-5 .cell.commentaar {
  width: 50px;
}
.mxo-widget-table.or-collectielijst.column-count-5 .cell.status {
  width: 100px;
}
.mxo-widget-table.or-collectielijst.column-count-5 .cell.metadata-1 {
  width: 150px;
}
.mxo-widget-table.or-collectielijst.column-count-5 .cell.metadata-2 {
  width: 150px;
}
.mxo-widget-table.or-collectielijst.column-count-5 .cell.acties {
  width: 40px;
}
.pane-size-single .mxo-widget-table.or-collectielijst.column-count-5 .cell.naam {
  width: calc(100% - 200px - 40px);
}
.pane-size-single .mxo-widget-table.or-collectielijst.column-count-5 .cell.status {
  display: none;
}
.pane-size-single .mxo-widget-table.or-collectielijst.column-count-5 .cell.metadata-2 {
  display: none;
}
.pane-size-single .mxo-widget-table.or-collectielijst.column-count-5 .cell.acties {
  width: 40px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-pdf-page-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment),
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) ~ .pdf-viewer-main,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) input,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) ~ .pdf-viewer-main input,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) textarea,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) ~ .pdf-viewer-main textarea,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) a,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) ~ .pdf-viewer-main a,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) a:link,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) ~ .pdf-viewer-main a:link,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) a:visited,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) ~ .pdf-viewer-main a:visited,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) .mxo-widget-or-pdf-comment-container,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) ~ .pdf-viewer-main .mxo-widget-or-pdf-comment-container {
  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23bbbbbb%22%20d%3D%22M3.81%2014.516l11.378-14h-2.997l-11.378%2014z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23bbbbbb%22%20d%3D%22M1.696%2011.84l1.495-1.84h-0.192v-1h1.004l0.813-1h-1.817v-1h2.63l0.813-1h-3.442v-1h4.255l1.625-2h-6.552c-0.736%200-1.328%200.597-1.328%201.333v6.333c0%200.507%200.281%200.948%200.696%201.174z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23bbbbbb%22%20d%3D%22M14.317%203.17l-1.488%201.83h0.171v1h-0.983l-0.813%201h1.796v1h-2.609l-0.813%201h3.422v1h-4.234l-1.626%202h2.86v4l3-4h0.667c0.736%200%201.333-0.597%201.333-1.333v-6.333c0-0.5-0.275-0.936-0.683-1.164z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"), auto;
}
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) .pdf-viewer-page,
.mxo-widget-pdf-viewer .pdf-viewer-header:has(.button.button-color-selected > .icon-comment) ~ .pdf-viewer-main .pdf-viewer-page {
  cursor: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M13.667%202h-11.339c-0.736%200-1.328%200.597-1.328%201.333v6.333c0%200.736%200.592%201.333%201.328%201.333h7.672v4l3-4h0.667c0.736%200%201.333-0.597%201.333-1.333v-6.333c0-0.736-0.597-1.333-1.333-1.333zM13%209h-10v-1h10v1zM13%207h-10v-1h10v1zM13%205h-10v-1h10v1z%22%20fill%3D%22%236c8f89%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"), auto;
}
.mxo-widget-or-pdf-comment-container {
  position: absolute;
  pointer-events: all;
}
.mxo-widget-or-pdf-comment-container .pdf-comment {
  padding: 12px 8px 8px 8px;
  box-sizing: border-box;
  font-size: 0.9em;
  background: #ffffff;
  border-radius: 3px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25), 0 -0.5px 4px rgba(0, 0, 0, 0.25);
}
.mxo-widget-pdf-viewer .pdf-viewer-page .mxo-widget-or-pdf-comment-container .pdf-comment {
  position: absolute;
  width: 440px;
  left: 30px;
  z-index: 1;
}
.mxo-widget-pdf-viewer .pdf-viewer-page .mxo-widget-or-pdf-comment-container .pdf-comment .pdf-comment-close::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 10px;
}
.mxo-widget-pdf-viewer .pdf-viewer-page .mxo-widget-or-pdf-comment-container .pdf-comment .pdf-comment-close,
.mxo-widget-pdf-viewer .pdf-viewer-page .mxo-widget-or-pdf-comment-container .pdf-comment .pdf-comment-close:link,
.mxo-widget-pdf-viewer .pdf-viewer-page .mxo-widget-or-pdf-comment-container .pdf-comment .pdf-comment-close:visited {
  display: block;
  position: absolute;
  top: 9px;
  /* spacing top - margin top close icon */
  right: 5px;
  /* spacing right - margin right close icon */
  width: 16px;
  height: 16px;
  overflow: hidden;
  color: #14140f;
  white-space: nowrap;
  opacity: 0.4;
  z-index: 1;
}
.mxo-widget-pdf-viewer .pdf-viewer-page .mxo-widget-or-pdf-comment-container .pdf-comment .pdf-comment-close:hover {
  opacity: 1;
}
.mxo-widget-pdf-viewer .pdf-viewer-page .mxo-widget-or-pdf-comment-container .pdf-comment .pdf-comment-close::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M12.596%201.282l-4.596%204.596-4.596-4.596-2.121%202.121%204.596%204.596-4.596%204.596%202.121%202.121%204.596-4.596%204.596%204.596%202.121-2.121-4.596-4.596%204.596-4.596z%22%20fill%3D%22%2314140f%22%3E%3C/path%3E%3C/svg%3E");
  margin: 3px 10px 3px 3px;
}
.mxo-widget-or-pdf-comment-container .pdf-comment-marker::before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px;
}
.mxo-widget-or-pdf-comment-container .pdf-comment-marker,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker:link,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker:visited {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  color: #ffffff;
  background: #ffb700;
}
.mxo-widget-or-pdf-comment-container .pdf-comment-marker:hover {
  opacity: 0.7;
}
.mxo-widget-or-pdf-comment-container .pdf-comment-marker::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23ffffff%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6%2014H14V12H6V14ZM6%2011H18V9H6V11ZM6%208H18V6H6V8ZM2%2022V4C2%203.45%202.19583%202.97917%202.5875%202.5875C2.97917%202.19583%203.45%202%204%202H20C20.55%202%2021.0208%202.19583%2021.4125%202.5875C21.8042%202.97917%2022%203.45%2022%204V16C22%2016.55%2021.8042%2017.0208%2021.4125%2017.4125C21.0208%2017.8042%2020.55%2018%2020%2018H6L2%2022ZM5.15%2016H20V4H4V17.125L5.15%2016Z%22%3E%3C/path%3E%3C/svg%3E");
  margin: 4px;
}
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.old,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.old:link,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.old:visited {
  background-color: #ffd998;
}
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.completed,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.completed:link,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.completed:visited {
  background-color: #979991;
}
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.completed.old,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.completed.old:link,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.completed.old:visited {
  background-color: #d1d1cb;
}
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.add,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.remark,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.add:link,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.remark:link,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.add:visited,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.remark:visited {
  background-color: #6c8f89;
}
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.remark.old,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.remark.old:link,
.mxo-widget-or-pdf-comment-container .pdf-comment-marker.remark.old:visited {
  background-color: #86a39c;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* widget comment */
.mxo-tooltip-v2 .mxo-widget-comment {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  width: 450px;
}
.mxo-tooltip-v2 .mxo-widget-comment > h1,
.mxo-tooltip-v2 .mxo-widget-comment > h2,
.mxo-tooltip-v2 .mxo-widget-comment > h3,
.mxo-tooltip-v2 .mxo-widget-comment > h4,
.mxo-tooltip-v2 .mxo-widget-comment > h5,
.mxo-tooltip-v2 .mxo-widget-comment > h6 {
  margin-bottom: -10px;
}
.mxo-tooltip-v2 .mxo-widget-comment > p,
.mxo-tooltip-v2 .mxo-widget-comment > ul {
  margin: 0;
}
.mxo-widget-or-commentaar-detail-react {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-or-commentaar-detail-react > h1,
.mxo-widget-or-commentaar-detail-react > h2,
.mxo-widget-or-commentaar-detail-react > h3,
.mxo-widget-or-commentaar-detail-react > h4,
.mxo-widget-or-commentaar-detail-react > h5,
.mxo-widget-or-commentaar-detail-react > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-commentaar-detail-react > p,
.mxo-widget-or-commentaar-detail-react > ul {
  margin: 0;
}
.mxo-widget-or-commentaar-detail-react .mxo-widget-table.commentaar-op .cell.name {
  width: calc(100% - 120px);
}
.mxo-widget-or-commentaar-detail-react .mxo-widget-table.commentaar-op .cell.pdf {
  width: 120px;
}
.mxo-widget-or-commentaar-bericht {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 0;
  border-top: 1px solid #d4d1cc;
}
.mxo-widget-or-commentaar-bericht > h1,
.mxo-widget-or-commentaar-bericht > h2,
.mxo-widget-or-commentaar-bericht > h3,
.mxo-widget-or-commentaar-bericht > h4,
.mxo-widget-or-commentaar-bericht > h5,
.mxo-widget-or-commentaar-bericht > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-commentaar-bericht > p,
.mxo-widget-or-commentaar-bericht > ul {
  margin: 0;
}
.mxo-widget-or-commentaar-bericht .mxo-widget-table.commentaar-bijlagen .cell.bestand {
  width: calc(100% - 110px);
}
.mxo-widget-or-commentaar-bericht .mxo-widget-table.commentaar-bijlagen .cell.download {
  width: 110px;
}
.mxo-widget-or-commentaar-bericht:last-child {
  border-bottom: 1px solid #d4d1cc;
  margin-bottom: 8px;
}
.mxo-widget-or-sidebar-commentaar-page {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 4px;
  border-radius: 3px;
}
.mxo-widget-or-sidebar-commentaar-page > h1,
.mxo-widget-or-sidebar-commentaar-page > h2,
.mxo-widget-or-sidebar-commentaar-page > h3,
.mxo-widget-or-sidebar-commentaar-page > h4,
.mxo-widget-or-sidebar-commentaar-page > h5,
.mxo-widget-or-sidebar-commentaar-page > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-sidebar-commentaar-page > p,
.mxo-widget-or-sidebar-commentaar-page > ul {
  margin: 0;
}
.mxo-widget-or-sidebar-commentaar-page .sidebar-commentaar-page-heading,
.mxo-widget-or-sidebar-commentaar-page .sidebar-commentaar-page-heading:link,
.mxo-widget-or-sidebar-commentaar-page .sidebar-commentaar-page-heading:visited {
  display: block;
  padding: 8px 0 0 0;
  text-align: center;
}
.mxo-widget-or-sidebar-commentaar-page.current {
  background-color: #b5c7c4;
}
.mxo-widget-or-sidebar-commentaar-page.current .sidebar-commentaar-page-heading,
.mxo-widget-or-sidebar-commentaar-page.current .sidebar-commentaar-page-heading:link,
.mxo-widget-or-sidebar-commentaar-page.current .sidebar-commentaar-page-heading:visited {
  color: #ffffff;
}
.mxo-widget-or-sidebar-commentaar-section {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px;
  background-color: #fcfcfb;
}
.mxo-widget-or-sidebar-commentaar-section > h1,
.mxo-widget-or-sidebar-commentaar-section > h2,
.mxo-widget-or-sidebar-commentaar-section > h3,
.mxo-widget-or-sidebar-commentaar-section > h4,
.mxo-widget-or-sidebar-commentaar-section > h5,
.mxo-widget-or-sidebar-commentaar-section > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-sidebar-commentaar-section > p,
.mxo-widget-or-sidebar-commentaar-section > ul {
  margin: 0;
}
.mxo-widget-or-sidebar-commentaar-section .sidebar-commentaar-section-gearchiveerd {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-or-sidebar-commentaar-section .sidebar-commentaar-section-gearchiveerd > h1,
.mxo-widget-or-sidebar-commentaar-section .sidebar-commentaar-section-gearchiveerd > h2,
.mxo-widget-or-sidebar-commentaar-section .sidebar-commentaar-section-gearchiveerd > h3,
.mxo-widget-or-sidebar-commentaar-section .sidebar-commentaar-section-gearchiveerd > h4,
.mxo-widget-or-sidebar-commentaar-section .sidebar-commentaar-section-gearchiveerd > h5,
.mxo-widget-or-sidebar-commentaar-section .sidebar-commentaar-section-gearchiveerd > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-sidebar-commentaar-section .sidebar-commentaar-section-gearchiveerd > p,
.mxo-widget-or-sidebar-commentaar-section .sidebar-commentaar-section-gearchiveerd > ul {
  margin: 0;
}
.mxo-or-commentaar {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-or-commentaar > h1,
.mxo-or-commentaar > h2,
.mxo-or-commentaar > h3,
.mxo-or-commentaar > h4,
.mxo-or-commentaar > h5,
.mxo-or-commentaar > h6 {
  margin-bottom: -10px;
}
.mxo-or-commentaar > p,
.mxo-or-commentaar > ul {
  margin: 0;
}
.mxo-or-commentaar .mxo-widget-table.commentaar-overview .cell.volgnummer {
  width: 100px;
}
.mxo-or-commentaar .mxo-widget-table.commentaar-overview .cell.commentaar {
  width: calc(100% - 270px);
}
.mxo-or-commentaar .mxo-widget-table.commentaar-overview .cell.afgehandeld {
  width: 35px;
}
.mxo-or-commentaar .mxo-widget-table.commentaar-overview .cell.reacties {
  width: 35px;
}
.mxo-or-commentaar .mxo-widget-table.commentaar-overview .cell.type {
  width: 100px;
}
.mxo-or-commentaar .mxo-widget-table.commentaar-overview.with-page .cell.pagina {
  width: 35px;
}
.mxo-or-commentaar .mxo-widget-table.commentaar-overview.with-page .cell.commentaar {
  width: calc(100% - 270px - 35px);
}
.mxo-widget-or-commentaar-detail {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-commentaar-detail .commentaar-detail-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-commentaar-detail .commentaar-detail-header > h1,
.mxo-widget-or-commentaar-detail .commentaar-detail-header > h2,
.mxo-widget-or-commentaar-detail .commentaar-detail-header > h3,
.mxo-widget-or-commentaar-detail .commentaar-detail-header > h4,
.mxo-widget-or-commentaar-detail .commentaar-detail-header > h5,
.mxo-widget-or-commentaar-detail .commentaar-detail-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-commentaar-detail .commentaar-detail-header > p,
.mxo-widget-or-commentaar-detail .commentaar-detail-header > ul {
  margin: 0;
}
.mxo-widget-or-commentaar-detail .commentaar-detail-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-commentaar-detail .commentaar-detail-content > h1,
.mxo-widget-or-commentaar-detail .commentaar-detail-content > h2,
.mxo-widget-or-commentaar-detail .commentaar-detail-content > h3,
.mxo-widget-or-commentaar-detail .commentaar-detail-content > h4,
.mxo-widget-or-commentaar-detail .commentaar-detail-content > h5,
.mxo-widget-or-commentaar-detail .commentaar-detail-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-commentaar-detail .commentaar-detail-content > p,
.mxo-widget-or-commentaar-detail .commentaar-detail-content > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-concept-detail {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-concept-detail .concept-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-concept-detail .concept-header > h1,
.mxo-widget-or-concept-detail .concept-header > h2,
.mxo-widget-or-concept-detail .concept-header > h3,
.mxo-widget-or-concept-detail .concept-header > h4,
.mxo-widget-or-concept-detail .concept-header > h5,
.mxo-widget-or-concept-detail .concept-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-concept-detail .concept-header > p,
.mxo-widget-or-concept-detail .concept-header > ul {
  margin: 0;
}
.mxo-widget-or-concept-detail .concept-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-concept-detail .concept-content > h1,
.mxo-widget-or-concept-detail .concept-content > h2,
.mxo-widget-or-concept-detail .concept-content > h3,
.mxo-widget-or-concept-detail .concept-content > h4,
.mxo-widget-or-concept-detail .concept-content > h5,
.mxo-widget-or-concept-detail .concept-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-concept-detail .concept-content > p,
.mxo-widget-or-concept-detail .concept-content > ul {
  margin: 0;
}
.mxo-widget-or-concept-detail .mxo-widget-table.or-concept-detail-simple-table .cell.label {
  width: calc(100% - 50px);
}
.mxo-widget-or-concept-detail .mxo-widget-table.or-concept-detail-simple-table .cell.delete {
  width: 50px;
}
.mxo-widget-or-concept-detail .mxo-widget-table.or-concept-detail-eigenschappen .cell.toggle {
  width: 65px;
}
.mxo-widget-or-concept-detail .mxo-widget-table.or-concept-detail-eigenschappen .cell.eigenschap {
  width: calc(100% - 65px - 200px);
}
.mxo-widget-or-concept-detail .mxo-widget-table.or-concept-detail-eigenschappen .cell.bereik {
  width: 200px;
}
.mxo-widget-or-concept-detail .mxo-widget-table.or-concept-detail-meta-eigenschappen .cell.iri {
  width: calc(100% - 200px);
}
.mxo-widget-or-concept-detail .mxo-widget-table.or-concept-detail-meta-eigenschappen .cell.waarde {
  width: 200px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-data-inzichten {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
}
.mxo-widget-or-data-inzichten .centered {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mxo-widget-or-stats-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mxo-widget-or-stats-container.background {
  background-color: #f0f0eb;
}
.mxo-widget-or-stats-container.padding {
  padding: 12px;
}
.mxo-widget-or-stats-container .stats-info {
  display: flex;
  max-width: 525px;
}
.mxo-widget-or-stats-container .stats-info > .section {
  width: 50%;
  flex: 1 1 auto;
  overflow: hidden;
}
.mxo-widget-or-stats-container .weergave-opties {
  display: flex;
  gap: 80px;
  margin-bottom: 8px;
}
.mxo-widget-or-stats-container .weergave-opties .toggle-filters {
  flex: 1 0 auto;
}
.mxo-widget-or-stats-container .mxo-widget-table.stats .cell.value {
  width: calc(100% - 240px);
}
.mxo-widget-or-stats-container .mxo-widget-table.stats .cell.amount {
  width: 120px;
}
.mxo-widget-or-stats-container .mxo-widget-table.stats .cell.percentage {
  width: 120px;
}
.mxo-widget-or-barchart .barchart-bar {
  fill: #1f78b4;
}
.mxo-widget-or-barchart .barchart-bar:hover {
  fill: #1b6ca2;
  cursor: pointer;
}
.mxo-widget-or-barchart .barchart-bar.highlight {
  fill: #33a02c;
}
.mxo-widget-or-barchart .barchart-bar.highlight:hover {
  cursor: pointer;
  fill: #2d9027;
}
.mxo-widget-or-pie-chart {
  display: flex;
  align-items: center;
}
.mxo-widget-or-pie-chart .legenda {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-edit-geometry {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-edit-geometry .edit-geometry-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-edit-geometry .edit-geometry-header > h1,
.mxo-widget-or-edit-geometry .edit-geometry-header > h2,
.mxo-widget-or-edit-geometry .edit-geometry-header > h3,
.mxo-widget-or-edit-geometry .edit-geometry-header > h4,
.mxo-widget-or-edit-geometry .edit-geometry-header > h5,
.mxo-widget-or-edit-geometry .edit-geometry-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-edit-geometry .edit-geometry-header > p,
.mxo-widget-or-edit-geometry .edit-geometry-header > ul {
  margin: 0;
}
.mxo-widget-or-edit-geometry .edit-geometry-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-edit-geometry .edit-geometry-content > h1,
.mxo-widget-or-edit-geometry .edit-geometry-content > h2,
.mxo-widget-or-edit-geometry .edit-geometry-content > h3,
.mxo-widget-or-edit-geometry .edit-geometry-content > h4,
.mxo-widget-or-edit-geometry .edit-geometry-content > h5,
.mxo-widget-or-edit-geometry .edit-geometry-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-edit-geometry .edit-geometry-content > p,
.mxo-widget-or-edit-geometry .edit-geometry-content > ul {
  margin: 0;
}

.mxo-widget-table.eigenschap-linear .cells .cell:first-child {
  width: calc(100% - 425px);
  text-align: center;
}
.mxo-widget-table.eigenschap-linear .cells .cell:nth-child(2) {
  width: 110px;
}
.mxo-widget-table.eigenschap-linear .cells .cell:nth-child(3) {
  width: 30px;
  text-align: center;
}
.mxo-widget-table.eigenschap-linear .cells .cell:nth-child(4) {
  width: 110px;
}
.mxo-widget-table.eigenschap-linear .cells .cell:nth-child(5) {
  width: 15px;
}
.mxo-widget-table.eigenschap-linear .cells .cell:nth-child(6) {
  width: 130px;
}
.mxo-widget-table.eigenschap-linear .cells .cell:nth-child(7) {
  width: 30px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-eigenschappen-rapportage {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
}
.mxo-widget-or-eigenschappen-rapportage .content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-eigenschappen-rapportage .content > h1,
.mxo-widget-or-eigenschappen-rapportage .content > h2,
.mxo-widget-or-eigenschappen-rapportage .content > h3,
.mxo-widget-or-eigenschappen-rapportage .content > h4,
.mxo-widget-or-eigenschappen-rapportage .content > h5,
.mxo-widget-or-eigenschappen-rapportage .content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-eigenschappen-rapportage .content > p,
.mxo-widget-or-eigenschappen-rapportage .content > ul {
  margin: 0;
}
.mxo-widget-or-eigenschappen-rapportage .footer {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-or-eigenschappen-rapportage .mxo-widget-table.or-eigenschappen-for-export .cell.naam {
  width: calc(100% - 250px);
}
.mxo-widget-or-eigenschappen-rapportage .mxo-widget-table.or-eigenschappen-for-export .cell.classificaties {
  width: 250px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-gebruiker-detail {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-gebruiker-detail .gebruiker-detail-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-gebruiker-detail .gebruiker-detail-header > h1,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-header > h2,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-header > h3,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-header > h4,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-header > h5,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-gebruiker-detail .gebruiker-detail-header > p,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-header > ul {
  margin: 0;
}
.mxo-widget-or-gebruiker-detail .gebruiker-detail-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-gebruiker-detail .gebruiker-detail-content > h1,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-content > h2,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-content > h3,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-content > h4,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-content > h5,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-gebruiker-detail .gebruiker-detail-content > p,
.mxo-widget-or-gebruiker-detail .gebruiker-detail-content > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-gebruikers {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-gebruikers .gebruikers-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-gebruikers .gebruikers-header > h1,
.mxo-widget-or-gebruikers .gebruikers-header > h2,
.mxo-widget-or-gebruikers .gebruikers-header > h3,
.mxo-widget-or-gebruikers .gebruikers-header > h4,
.mxo-widget-or-gebruikers .gebruikers-header > h5,
.mxo-widget-or-gebruikers .gebruikers-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-gebruikers .gebruikers-header > p,
.mxo-widget-or-gebruikers .gebruikers-header > ul {
  margin: 0;
}
.mxo-widget-or-gebruikers .gebruikers-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-gebruikers .gebruikers-content > h1,
.mxo-widget-or-gebruikers .gebruikers-content > h2,
.mxo-widget-or-gebruikers .gebruikers-content > h3,
.mxo-widget-or-gebruikers .gebruikers-content > h4,
.mxo-widget-or-gebruikers .gebruikers-content > h5,
.mxo-widget-or-gebruikers .gebruikers-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-gebruikers .gebruikers-content > p,
.mxo-widget-or-gebruikers .gebruikers-content > ul {
  margin: 0;
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-header > h1,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-header > h2,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-header > h3,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-header > h4,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-header > h5,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-header > p,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-header > ul {
  margin: 0;
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content > h1,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content > h2,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content > h3,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content > h4,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content > h5,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content > p,
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content > ul {
  margin: 0;
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content .mxo-widget-table.gebruikersoverzicht .cell.email {
  width: calc(50% - 260px);
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content .mxo-widget-table.gebruikersoverzicht .cell.naam {
  width: calc(50% - 250px);
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content .mxo-widget-table.gebruikersoverzicht .cell.rol {
  width: 200px;
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content .mxo-widget-table.gebruikersoverzicht .cell.collecties {
  width: 150px;
}
.mxo-widget-or-gebruikers .gebruikers-content .gebruikers-overzicht .gebruikers-overzicht-content .mxo-widget-table.gebruikersoverzicht .cell.uitgeschakeld {
  width: 140px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-geometrie-kaart {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
}
.mxo-widget-or-geometrie-kaart .geometrie-kaart-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-geometrie-kaart .geometrie-kaart-header > h1,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-header > h2,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-header > h3,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-header > h4,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-header > h5,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-geometrie-kaart .geometrie-kaart-header > p,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-header > ul {
  margin: 0;
}
.mxo-widget-or-geometrie-kaart .geometrie-kaart-header .kaart-toolbar {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-or-geometrie-kaart .geometrie-kaart-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-geometrie-kaart .geometrie-kaart-content > h1,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-content > h2,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-content > h3,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-content > h4,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-content > h5,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-geometrie-kaart .geometrie-kaart-content > p,
.mxo-widget-or-geometrie-kaart .geometrie-kaart-content > ul {
  margin: 0;
}
.mxo-widget-or-geometrie-kaart .geometrie-kaart-content .geometrie-kaart-content-legenda {
  display: flex;
  padding: 8px;
  overflow: auto;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-historie {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-historie .historie-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-historie .historie-header > h1,
.mxo-widget-or-historie .historie-header > h2,
.mxo-widget-or-historie .historie-header > h3,
.mxo-widget-or-historie .historie-header > h4,
.mxo-widget-or-historie .historie-header > h5,
.mxo-widget-or-historie .historie-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-historie .historie-header > p,
.mxo-widget-or-historie .historie-header > ul {
  margin: 0;
}
.mxo-widget-or-historie .historie-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-historie .historie-content > h1,
.mxo-widget-or-historie .historie-content > h2,
.mxo-widget-or-historie .historie-content > h3,
.mxo-widget-or-historie .historie-content > h4,
.mxo-widget-or-historie .historie-content > h5,
.mxo-widget-or-historie .historie-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-historie .historie-content > p,
.mxo-widget-or-historie .historie-content > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-impact-analyse {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-impact-analyse .impact-analyse-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-impact-analyse .impact-analyse-header > h1,
.mxo-widget-or-impact-analyse .impact-analyse-header > h2,
.mxo-widget-or-impact-analyse .impact-analyse-header > h3,
.mxo-widget-or-impact-analyse .impact-analyse-header > h4,
.mxo-widget-or-impact-analyse .impact-analyse-header > h5,
.mxo-widget-or-impact-analyse .impact-analyse-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-impact-analyse .impact-analyse-header > p,
.mxo-widget-or-impact-analyse .impact-analyse-header > ul {
  margin: 0;
}
.mxo-widget-or-impact-analyse .impact-analyse-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-impact-analyse .impact-analyse-content > h1,
.mxo-widget-or-impact-analyse .impact-analyse-content > h2,
.mxo-widget-or-impact-analyse .impact-analyse-content > h3,
.mxo-widget-or-impact-analyse .impact-analyse-content > h4,
.mxo-widget-or-impact-analyse .impact-analyse-content > h5,
.mxo-widget-or-impact-analyse .impact-analyse-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-impact-analyse .impact-analyse-content > p,
.mxo-widget-or-impact-analyse .impact-analyse-content > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-import {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-import .import-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-import .import-header > h1,
.mxo-widget-or-import .import-header > h2,
.mxo-widget-or-import .import-header > h3,
.mxo-widget-or-import .import-header > h4,
.mxo-widget-or-import .import-header > h5,
.mxo-widget-or-import .import-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-import .import-header > p,
.mxo-widget-or-import .import-header > ul {
  margin: 0;
}
.mxo-widget-or-import .import-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-import .import-content > h1,
.mxo-widget-or-import .import-content > h2,
.mxo-widget-or-import .import-content > h3,
.mxo-widget-or-import .import-content > h4,
.mxo-widget-or-import .import-content > h5,
.mxo-widget-or-import .import-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-import .import-content > p,
.mxo-widget-or-import .import-content > ul {
  margin: 0;
}
.mxo-widget-or-import .mxo-widget-table.import-rapportages .cell.type {
  width: calc(100% - 130px - 110px - 85px);
}
.mxo-widget-or-import .mxo-widget-table.import-rapportages .cell.naam {
  width: 130px;
}
.mxo-widget-or-import .mxo-widget-table.import-rapportages .cell.status {
  width: 110px;
}
.mxo-widget-or-import .mxo-widget-table.import-rapportages .cell.date {
  width: 85px;
}
.mxo-widget-or-import-detail {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-import-detail .import-detail-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-import-detail .import-detail-header > h1,
.mxo-widget-or-import-detail .import-detail-header > h2,
.mxo-widget-or-import-detail .import-detail-header > h3,
.mxo-widget-or-import-detail .import-detail-header > h4,
.mxo-widget-or-import-detail .import-detail-header > h5,
.mxo-widget-or-import-detail .import-detail-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-import-detail .import-detail-header > p,
.mxo-widget-or-import-detail .import-detail-header > ul {
  margin: 0;
}
.mxo-widget-or-import-detail .import-detail-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-import-detail .import-detail-content > h1,
.mxo-widget-or-import-detail .import-detail-content > h2,
.mxo-widget-or-import-detail .import-detail-content > h3,
.mxo-widget-or-import-detail .import-detail-content > h4,
.mxo-widget-or-import-detail .import-detail-content > h5,
.mxo-widget-or-import-detail .import-detail-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-import-detail .import-detail-content > p,
.mxo-widget-or-import-detail .import-detail-content > ul {
  margin: 0;
}
.mxo-widget-or-import-detail .import-detail-content .mxo-widget-table.import_bestanden .cell.bestand {
  width: calc(100% - 120px);
}
.mxo-widget-or-import-detail .import-detail-content .mxo-widget-table.import_bestanden .cell.download {
  width: 120px;
}
.mxo-widget-or-import-detail .import-detail-content .mxo-widget-table.mutatielijst .cell.omschrijving {
  width: calc(100% - 80px);
}
.mxo-widget-or-import-detail .import-detail-content .mxo-widget-table.mutatielijst .cell.aantal {
  width: 80px;
}
.mxo-widget-or-import-detail .import-detail-content .mxo-widget-table.import-entiteiten .cell.omschrijving {
  width: calc(100% - 200px - 36px);
}
.mxo-widget-or-import-detail .import-detail-content .mxo-widget-table.import-entiteiten .cell.type {
  width: 200px;
}
.mxo-widget-or-import-detail .import-detail-content .mxo-widget-table.import-entiteiten .cell.acties {
  width: 36px;
}
.mxo-widget-or-import-detail .import-detail-content .mxo-widget-table.import-concepten .cell.omschrijving {
  width: calc(100% - 175px - 36px);
}
.mxo-widget-or-import-detail .import-detail-content .mxo-widget-table.import-concepten .cell.type {
  width: 175px;
}
.mxo-widget-or-import-detail .import-detail-content .mxo-widget-table.import-concepten .cell.acties {
  width: 36px;
}
.mxo-widget-or-import-detail .entiteiten-tab,
.mxo-widget-or-import-detail .concepten-tab {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-import-detail .entiteiten-tab .header,
.mxo-widget-or-import-detail .concepten-tab .header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-import-detail .entiteiten-tab .header > h1,
.mxo-widget-or-import-detail .concepten-tab .header > h1,
.mxo-widget-or-import-detail .entiteiten-tab .header > h2,
.mxo-widget-or-import-detail .concepten-tab .header > h2,
.mxo-widget-or-import-detail .entiteiten-tab .header > h3,
.mxo-widget-or-import-detail .concepten-tab .header > h3,
.mxo-widget-or-import-detail .entiteiten-tab .header > h4,
.mxo-widget-or-import-detail .concepten-tab .header > h4,
.mxo-widget-or-import-detail .entiteiten-tab .header > h5,
.mxo-widget-or-import-detail .concepten-tab .header > h5,
.mxo-widget-or-import-detail .entiteiten-tab .header > h6,
.mxo-widget-or-import-detail .concepten-tab .header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-import-detail .entiteiten-tab .header > p,
.mxo-widget-or-import-detail .concepten-tab .header > p,
.mxo-widget-or-import-detail .entiteiten-tab .header > ul,
.mxo-widget-or-import-detail .concepten-tab .header > ul {
  margin: 0;
}
.mxo-widget-or-import-detail .entiteiten-tab .content,
.mxo-widget-or-import-detail .concepten-tab .content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-import-detail .entiteiten-tab .content > h1,
.mxo-widget-or-import-detail .concepten-tab .content > h1,
.mxo-widget-or-import-detail .entiteiten-tab .content > h2,
.mxo-widget-or-import-detail .concepten-tab .content > h2,
.mxo-widget-or-import-detail .entiteiten-tab .content > h3,
.mxo-widget-or-import-detail .concepten-tab .content > h3,
.mxo-widget-or-import-detail .entiteiten-tab .content > h4,
.mxo-widget-or-import-detail .concepten-tab .content > h4,
.mxo-widget-or-import-detail .entiteiten-tab .content > h5,
.mxo-widget-or-import-detail .concepten-tab .content > h5,
.mxo-widget-or-import-detail .entiteiten-tab .content > h6,
.mxo-widget-or-import-detail .concepten-tab .content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-import-detail .entiteiten-tab .content > p,
.mxo-widget-or-import-detail .concepten-tab .content > p,
.mxo-widget-or-import-detail .entiteiten-tab .content > ul,
.mxo-widget-or-import-detail .concepten-tab .content > ul {
  margin: 0;
}
.mxo-widget-or-import-detail .entiteiten-tab .content .concept-collectielijst-wrapper,
.mxo-widget-or-import-detail .concepten-tab .content .concept-collectielijst-wrapper {
  max-height: 200px;
  overflow-y: auto;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-importsap {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-importsap .importsap-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 0;
}
.mxo-widget-or-importsap .importsap-content > h1,
.mxo-widget-or-importsap .importsap-content > h2,
.mxo-widget-or-importsap .importsap-content > h3,
.mxo-widget-or-importsap .importsap-content > h4,
.mxo-widget-or-importsap .importsap-content > h5,
.mxo-widget-or-importsap .importsap-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-importsap .importsap-content > p,
.mxo-widget-or-importsap .importsap-content > ul {
  margin: 0;
}
.mxo-widget-or-importsap .importsap-content .collecties {
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  min-height: 200px;
}
.mxo-widget-or-importsap .importsap-content .sapimport-rapportages {
  flex: 1 2 auto;
  min-height: 150px;
  overflow: auto;
  margin-bottom: 10px;
}
.mxo-widget-or-importsap .importsap-content .sapimport-rapportages .mxo-widget-table.rapportages .cell.date {
  width: 100px;
}
.mxo-widget-or-importsap .importsap-content .sapimport-rapportages .mxo-widget-table.rapportages .cell.recap-categorie {
  width: 40px;
}
.mxo-widget-or-importsap .importsap-content .sapimport-rapportages .mxo-widget-table.rapportages .cell.naam {
  width: calc(100% - 100px - 3 * 40px - 80px - 70px);
}
.mxo-widget-or-importsap .importsap-content .sapimport-rapportages .mxo-widget-table.rapportages .cell.naam-large {
  width: calc(100% - 100px - 3 * 40px - 70px);
}
.mxo-widget-or-importsap .importsap-content .sapimport-rapportages .mxo-widget-table.rapportages .cell.imported-files {
  width: 80px;
}
.mxo-widget-or-importsap .importsap-content .sapimport-rapportages .mxo-widget-table.rapportages .cell.rapportage {
  width: 70px;
}
.mxo-widget-or-sapimport-tabbladen {
  overflow: auto;
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-or-sapimport-tabbladen > h1,
.mxo-widget-or-sapimport-tabbladen > h2,
.mxo-widget-or-sapimport-tabbladen > h3,
.mxo-widget-or-sapimport-tabbladen > h4,
.mxo-widget-or-sapimport-tabbladen > h5,
.mxo-widget-or-sapimport-tabbladen > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-sapimport-tabbladen > p,
.mxo-widget-or-sapimport-tabbladen > ul {
  margin: 0;
}
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-header > h1,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-header > h2,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-header > h3,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-header > h4,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-header > h5,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-header > p,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-header > ul {
  margin: 0;
}
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content > h1,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content > h2,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content > h3,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content > h4,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content > h5,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content > p,
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content > ul {
  margin: 0;
}
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content .mxo-widget-table.tabbladen .cell.name {
  width: 200px;
}
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content .mxo-widget-table.tabbladen .cell.sapname {
  width: calc(100% - 200px - 90px);
}
.mxo-widget-or-sapimport-tabbladen .sapimport-tabbladen-content .mxo-widget-table.tabbladen .cell.amountrows {
  width: 90px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-entiteiteningang {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-entiteiteningang .entiteiteningang-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-entiteiteningang .entiteiteningang-header > h1,
.mxo-widget-or-entiteiteningang .entiteiteningang-header > h2,
.mxo-widget-or-entiteiteningang .entiteiteningang-header > h3,
.mxo-widget-or-entiteiteningang .entiteiteningang-header > h4,
.mxo-widget-or-entiteiteningang .entiteiteningang-header > h5,
.mxo-widget-or-entiteiteningang .entiteiteningang-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-entiteiteningang .entiteiteningang-header > p,
.mxo-widget-or-entiteiteningang .entiteiteningang-header > ul {
  margin: 0;
}
.mxo-widget-or-entiteiteningang .entiteiteningang-header .entiteiteningang-bestanden-dropzone-wrapper {
  display: none;
  min-height: 300px;
}
.mxo-widget-or-entiteiteningang .entiteiteningang-header .entiteiteningang-bestanden-dropzone-wrapper.active {
  display: flex;
  margin-bottom: 20px;
}
.mxo-widget-or-entiteiteningang .entiteiteningang-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-entiteiteningang .entiteiteningang-content > h1,
.mxo-widget-or-entiteiteningang .entiteiteningang-content > h2,
.mxo-widget-or-entiteiteningang .entiteiteningang-content > h3,
.mxo-widget-or-entiteiteningang .entiteiteningang-content > h4,
.mxo-widget-or-entiteiteningang .entiteiteningang-content > h5,
.mxo-widget-or-entiteiteningang .entiteiteningang-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-entiteiteningang .entiteiteningang-content > p,
.mxo-widget-or-entiteiteningang .entiteiteningang-content > ul {
  margin: 0;
}
.mxo-widget-or-instanties {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-instanties .instanties-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-instanties .instanties-header > h1,
.mxo-widget-or-instanties .instanties-header > h2,
.mxo-widget-or-instanties .instanties-header > h3,
.mxo-widget-or-instanties .instanties-header > h4,
.mxo-widget-or-instanties .instanties-header > h5,
.mxo-widget-or-instanties .instanties-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-instanties .instanties-header > p,
.mxo-widget-or-instanties .instanties-header > ul {
  margin: 0;
}
.mxo-widget-or-instanties .instanties-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 132px;
}
.mxo-widget-or-instanties .instanties-content > h1,
.mxo-widget-or-instanties .instanties-content > h2,
.mxo-widget-or-instanties .instanties-content > h3,
.mxo-widget-or-instanties .instanties-content > h4,
.mxo-widget-or-instanties .instanties-content > h5,
.mxo-widget-or-instanties .instanties-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-instanties .instanties-content > p,
.mxo-widget-or-instanties .instanties-content > ul {
  margin: 0;
}
.mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-omschrijving {
  width: calc(100% - 30px - 214px - 230px - 100px - 36px);
}
.mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-commentaar-status {
  width: 30px;
}
.mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-type {
  width: 214px;
}
.mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-proces-status {
  width: 230px;
}
.mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-proces-status .eigenschap-select {
  display: flex;
}
.mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-proces-status .eigenschap-select .eigenschap-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-wijzigingsdatum {
  width: 100px;
}
.mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-acties {
  width: 36px;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-omschrijving {
  width: calc(100% - 30px - 200px - 36px);
}
.pane-size-single .mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-type {
  width: 200px;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-proces-status {
  display: none;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-table .cells .cell.instantielijst-wijzigingsdatum {
  display: none;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-table.data-inzichten-open .cell.instantielijst-omschrijving {
  width: calc(100% - 30px - 230px);
}
.pane-size-single .mxo-widget-table.entiteitenlijst-table.data-inzichten-open .cell.instantielijst-type {
  display: none;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-table.data-inzichten-open .cell.instantielijst-proces-status {
  width: 230px;
  display: inline-block;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-table.data-inzichten-open .cell.instantielijst-wijzigingsdatum {
  display: none;
}
.mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-omschrijving {
  width: calc(100% - 460px);
}
.mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-commentaar-status {
  width: 30px;
}
.mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-proces-status {
  width: 230px;
}
.mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-proces-status .eigenschap-select {
  display: flex;
}
.mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-proces-status .eigenschap-select .eigenschap-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-wijzigingsdatum {
  width: 200px;
}
.mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.omschrijving {
  width: calc(100% - 75px);
}
.mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.acties {
  width: 75px;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-proces-status {
  display: none;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-wijzigingsdatum {
  display: none;
}
.mxo-widget-or-kaart .lijst-wrapper .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-omschrijving,
.mxo-widget-or-taak .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-omschrijving {
  width: calc(100% - 30px);
}
.mxo-widget-or-kaart .lijst-wrapper .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-proces-status,
.mxo-widget-or-taak .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-proces-status {
  display: none;
}
.mxo-widget-or-kaart .lijst-wrapper .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-wijzigingsdatum,
.mxo-widget-or-taak .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.header-wijzigingsdatum {
  display: none;
}
.mxo-widget-or-kaart .lijst-wrapper .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.omschrijving,
.mxo-widget-or-taak .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.omschrijving {
  width: 100%;
}
.mxo-widget-or-kaart .lijst-wrapper .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.acties,
.mxo-widget-or-taak .mxo-widget-table.entiteitenlijst-cluster-concept-root .cells .cell.acties {
  display: none;
}
.mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.omschrijving {
  width: calc(100% - 460px);
}
.mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.commentaar-status {
  width: 30px;
}
.mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.proces-status {
  width: 230px;
}
.mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.proces-status .eigenschap-select {
  display: flex;
}
.mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.proces-status .eigenschap-select .eigenschap-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.wijzigingsdatum {
  width: 200px;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.proces-status {
  display: none;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.wijzigingsdatum {
  display: none;
}
.pane-size-single .mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.omschrijving {
  width: calc(100% - 30px);
}
.mxo-widget-or-kaart .lijst-wrapper .mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.proces-status {
  display: none;
}
.mxo-widget-or-kaart .lijst-wrapper .mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.wijzigingsdatum {
  display: none;
}
.mxo-widget-or-kaart .lijst-wrapper .mxo-widget-table.entiteitenlijst-cluster-entiteit .cells .cell.omschrijving {
  width: calc(100% - 30px);
}
.mxo-widget-table.entiteitenlijst-cluster-concept-nested .cell.omschrijving-nested {
  width: calc(100% - 75px);
}
.mxo-widget-table.entiteitenlijst-table .mxo-widget-emptystate .emptystate-image,
.mxo-widget-table.entiteitenlijst-cluster-concept-root .mxo-widget-emptystate .emptystate-image,
.mxo-widget-table.entiteitenlijst-cluster-entiteit .mxo-widget-emptystate .emptystate-image,
.mxo-widget-table.entiteitenlijst-cluster-concept-nested .mxo-widget-emptystate .emptystate-image {
  background-image: url(6aa38b42e31bff19f034.png);
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-table .row .cells .cell .mxo-widget-mark,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-concept-root .row .cells .cell .mxo-widget-mark,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-entiteit .row .cells .cell .mxo-widget-mark,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-concept-nested .row .cells .cell .mxo-widget-mark {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-table .row .cells .cell .mxo-widget-mark > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-concept-root .row .cells .cell .mxo-widget-mark > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-entiteit .row .cells .cell .mxo-widget-mark > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-concept-nested .row .cells .cell .mxo-widget-mark > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-table .row .cells .cell .mxo-widget-mark::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-concept-root .row .cells .cell .mxo-widget-mark::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-entiteit .row .cells .cell .mxo-widget-mark::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-concept-nested .row .cells .cell .mxo-widget-mark::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-table .row .cells .cell .mxo-widget-mark::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-concept-root .row .cells .cell .mxo-widget-mark::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-entiteit .row .cells .cell .mxo-widget-mark::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.entiteitenlijst-cluster-concept-nested .row .cells .cell .mxo-widget-mark::before {
  visibility: hidden;
}
.mxo-widget-or-entiteit-maken-loader {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  min-width: 480px;
  min-height: 220px;
}
.mxo-widget-or-entiteit-maken-loader > h1,
.mxo-widget-or-entiteit-maken-loader > h2,
.mxo-widget-or-entiteit-maken-loader > h3,
.mxo-widget-or-entiteit-maken-loader > h4,
.mxo-widget-or-entiteit-maken-loader > h5,
.mxo-widget-or-entiteit-maken-loader > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-entiteit-maken-loader > p,
.mxo-widget-or-entiteit-maken-loader > ul {
  margin: 0;
}
.mxo-widget-or-entiteit-maken-wrapper {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  min-width: 480px;
}
.mxo-widget-or-entiteit-maken-wrapper > h1,
.mxo-widget-or-entiteit-maken-wrapper > h2,
.mxo-widget-or-entiteit-maken-wrapper > h3,
.mxo-widget-or-entiteit-maken-wrapper > h4,
.mxo-widget-or-entiteit-maken-wrapper > h5,
.mxo-widget-or-entiteit-maken-wrapper > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-entiteit-maken-wrapper > p,
.mxo-widget-or-entiteit-maken-wrapper > ul {
  margin: 0;
}
.mxo-widget-or-entiteit-acties-wrapper {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  min-width: 250px;
}
.mxo-widget-or-entiteit-acties-wrapper > h1,
.mxo-widget-or-entiteit-acties-wrapper > h2,
.mxo-widget-or-entiteit-acties-wrapper > h3,
.mxo-widget-or-entiteit-acties-wrapper > h4,
.mxo-widget-or-entiteit-acties-wrapper > h5,
.mxo-widget-or-entiteit-acties-wrapper > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-entiteit-acties-wrapper > p,
.mxo-widget-or-entiteit-acties-wrapper > ul {
  margin: 0;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .entiteit-detail-actions-toolbar-entiteit-id .mxo-widget-subtext,
body.mxo-mode-functional-test.mxo-mode-screenshot .entiteit-detail-actions-toolbar-entiteit-iri .mxo-widget-subtext {
  display: none;
}
.mxo-widget-or-instantie-detail {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-instantie-detail .instantie-detail-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-instantie-detail .instantie-detail-header > h1,
.mxo-widget-or-instantie-detail .instantie-detail-header > h2,
.mxo-widget-or-instantie-detail .instantie-detail-header > h3,
.mxo-widget-or-instantie-detail .instantie-detail-header > h4,
.mxo-widget-or-instantie-detail .instantie-detail-header > h5,
.mxo-widget-or-instantie-detail .instantie-detail-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-instantie-detail .instantie-detail-header > p,
.mxo-widget-or-instantie-detail .instantie-detail-header > ul {
  margin: 0;
}
.mxo-widget-or-instantie-detail .instantie-detail-header .statusbar-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-header .mxo-widget-toolbar-v2:first-child {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-header .mxo-widget-toolbar-v2:first-child > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-header .mxo-widget-toolbar-v2:first-child::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-header .mxo-widget-toolbar-v2:first-child::before {
  visibility: hidden;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-header .mxo-widget-expandable .mxo-widget-mark {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-header .mxo-widget-expandable .mxo-widget-mark > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-header .mxo-widget-expandable .mxo-widget-mark::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-header .mxo-widget-expandable .mxo-widget-mark::before {
  visibility: hidden;
}
.mxo-widget-or-instantie-detail .visualization {
  z-index: 0;
  border: 1px solid #d4d1cc;
  padding: 8px;
  max-height: 200px;
  overflow: auto;
  flex: 1 0 auto;
}
.mxo-widget-or-instantie-detail .sticky-tabs {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: #fcfcfb;
}
.mxo-widget-or-instantie-detail .instantie-detail-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content > h1,
.mxo-widget-or-instantie-detail .instantie-detail-content > h2,
.mxo-widget-or-instantie-detail .instantie-detail-content > h3,
.mxo-widget-or-instantie-detail .instantie-detail-content > h4,
.mxo-widget-or-instantie-detail .instantie-detail-content > h5,
.mxo-widget-or-instantie-detail .instantie-detail-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content > p,
.mxo-widget-or-instantie-detail .instantie-detail-content > ul {
  margin: 0;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .visualisations-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .grafische-weergave {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-or-instantie-detail .instantie-detail-content .grafische-weergave > h1,
.mxo-widget-or-instantie-detail .instantie-detail-content .grafische-weergave > h2,
.mxo-widget-or-instantie-detail .instantie-detail-content .grafische-weergave > h3,
.mxo-widget-or-instantie-detail .instantie-detail-content .grafische-weergave > h4,
.mxo-widget-or-instantie-detail .instantie-detail-content .grafische-weergave > h5,
.mxo-widget-or-instantie-detail .instantie-detail-content .grafische-weergave > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .grafische-weergave > p,
.mxo-widget-or-instantie-detail .instantie-detail-content .grafische-weergave > ul {
  margin: 0;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget > h1,
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget > h2,
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget > h3,
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget > h4,
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget > h5,
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget > p,
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget > ul {
  margin: 0;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget .mxo-widget-table.bestanden .cells .cell.bestandsnaam {
  width: calc(100% - 36px - 36px);
}
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget .mxo-widget-table.bestanden .cells .cell.archiveren {
  width: 36px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget .mxo-widget-table.bestanden .cells .cell.download {
  width: 36px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget .mxo-widget-table.media-entries .cell.column-bestandsnaam {
  width: calc(100% - 208px);
}
.mxo-widget-or-instantie-detail .instantie-detail-content .bestanden-widget .mxo-widget-table.media-entries .cell.column-date {
  width: 104px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .geometriewrapper {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-or-instantie-detail .instantie-detail-content .geometriewrapper > h1,
.mxo-widget-or-instantie-detail .instantie-detail-content .geometriewrapper > h2,
.mxo-widget-or-instantie-detail .instantie-detail-content .geometriewrapper > h3,
.mxo-widget-or-instantie-detail .instantie-detail-content .geometriewrapper > h4,
.mxo-widget-or-instantie-detail .instantie-detail-content .geometriewrapper > h5,
.mxo-widget-or-instantie-detail .instantie-detail-content .geometriewrapper > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .geometriewrapper > p,
.mxo-widget-or-instantie-detail .instantie-detail-content .geometriewrapper > ul {
  margin: 0;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .instantie-detail-algemeen-uuid-value,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .instantie-detail-algemeen-instantie-iri-value {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .instantie-detail-algemeen-uuid-value > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .instantie-detail-algemeen-instantie-iri-value > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .instantie-detail-algemeen-uuid-value::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .instantie-detail-algemeen-instantie-iri-value::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .instantie-detail-algemeen-uuid-value::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .instantie-detail-algemeen-instantie-iri-value::before {
  visibility: hidden;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-van .cell.concept {
  width: calc(100% - 36px);
}
.mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-van .cell.unlink {
  width: 36px;
}
@keyframes highlight-row {
  0%,
  30%,
  60%,
  80% {
    background: #ffffff;
    outline-width: 0;
    outline-offset: 0;
  }
  12%,
  42%,
  72%,
  92%,
  100% {
    background: #f5faf7;
    outline-width: 2px;
    outline-offset: -2px;
  }
}
@keyframes highlight-row-final {
  to {
    background: #f5faf7;
    outline-width: 2px;
    outline-offset: -2px;
  }
}
.mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-eigenschappen .cells.highlighted {
  animation: highlight-row 4s cubic-bezier(0.75, -0.75, 0.25, 1.75) forwards, highlight-row-final 0s forwards;
  animation-delay: 0s, 4s;
  outline-color: #127578;
  outline-style: solid;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-eigenschappen .cell.eigenschappen {
  width: calc(100% - 180px);
}
.mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-eigenschappen .cell.vulling {
  width: 180px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-eigenschappen .cell.vulling .mark-and-vulling {
  display: flex;
  flex: 1 1 auto;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-eigenschappen .cell.vulling .mark-and-vulling {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-eigenschappen .cell.vulling .mark-and-vulling > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-eigenschappen .cell.vulling .mark-and-vulling::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-eigenschappen .cell.vulling .mark-and-vulling::before {
  visibility: hidden;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .instantie-eigenschappen-instanties .cell.cell-omschrijving {
  width: calc(100% - 36px);
}
.mxo-widget-or-instantie-detail .instantie-detail-content .instantie-eigenschappen-instanties .cell.cell-unlink {
  width: 36px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-invullingen .cell.eigenschap {
  width: calc(100% - 240px - 36px - 36px);
}
.mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-invullingen .cell.domein {
  width: 240px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-invullingen .cell.niet-valide {
  width: 36px;
}
.mxo-widget-or-instantie-detail .instantie-detail-content .mxo-widget-table.instantie-invullingen .cell.unlink {
  width: 36px;
}
.status-toolbar-collecties-overlay {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  width: 400px;
  max-height: 400px;
  overflow: auto;
}
.status-toolbar-collecties-overlay > h1,
.status-toolbar-collecties-overlay > h2,
.status-toolbar-collecties-overlay > h3,
.status-toolbar-collecties-overlay > h4,
.status-toolbar-collecties-overlay > h5,
.status-toolbar-collecties-overlay > h6 {
  margin-bottom: -10px;
}
.status-toolbar-collecties-overlay > p,
.status-toolbar-collecties-overlay > ul {
  margin: 0;
}
.status-toolbar-collecties-overlay .instantie-detail-content-collecties .cell.cell-naam {
  width: calc(100% - 36px - 36px);
}
.status-toolbar-collecties-overlay .instantie-detail-content-collecties .cell.cell-comments {
  width: 36px;
  text-align: center;
}
.status-toolbar-collecties-overlay .instantie-detail-content-collecties .cell.cell-unlink {
  width: 36px;
}
.status-toolbar-validations-overlay {
  width: 100%;
  max-height: 400px;
  overflow: auto;
}
.status-toolbar-validations-overlay .mxo-widget-table.status-toolbar-validations-table .cell.melding {
  width: calc(50% - (36px / 2));
}
.status-toolbar-validations-overlay .mxo-widget-table.status-toolbar-validations-table .cell.bron {
  width: calc(50% - (36px / 2));
}
.status-toolbar-validations-overlay .mxo-widget-table.status-toolbar-validations-table .cell.actions {
  width: 36px;
}
.mxo-widget-or-entiteit-eigenschap {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-or-entiteit-eigenschap > h1,
.mxo-widget-or-entiteit-eigenschap > h2,
.mxo-widget-or-entiteit-eigenschap > h3,
.mxo-widget-or-entiteit-eigenschap > h4,
.mxo-widget-or-entiteit-eigenschap > h5,
.mxo-widget-or-entiteit-eigenschap > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-entiteit-eigenschap > p,
.mxo-widget-or-entiteit-eigenschap > ul {
  margin: 0;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .row .cells .cell .mxo-widget-mark {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .row .cells .cell .mxo-widget-mark > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .row .cells .cell .mxo-widget-mark::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .row .cells .cell .mxo-widget-mark::before {
  visibility: hidden;
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-vulling {
  width: calc(100% - 108px);
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-actions {
  width: 108px;
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-actions-1,
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-actions-2,
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-actions-3 {
  width: calc(108px / 3);
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-1 {
  width: calc((100% - 108px) / 1);
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-1 .icon-en-vulling {
  display: flex;
  flex: 1 1 auto;
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-1 .mark-and-vulling {
  display: flex;
  flex: 1 1 auto;
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-2 {
  width: calc((100% - 108px) / 2);
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-2 .icon-en-vulling {
  display: flex;
  flex: 1 1 auto;
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-2 .mark-and-vulling {
  display: flex;
  flex: 1 1 auto;
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-3 {
  width: calc((100% - 108px) / 3);
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-3 .icon-en-vulling {
  display: flex;
  flex: 1 1 auto;
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-3 .mark-and-vulling {
  display: flex;
  flex: 1 1 auto;
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-4 {
  width: calc((100% - 108px) / 4);
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-4 .icon-en-vulling {
  display: flex;
  flex: 1 1 auto;
}
.mxo-widget-or-entiteit-eigenschap .mxo-widget-table.entiteit-eigenschap-vullingen .cell.eigenschap-instantie-inline-4 .mark-and-vulling {
  display: flex;
  flex: 1 1 auto;
}
.mxo-widget-or-cover {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}
.mxo-widget-or-cover > .cover-vulling {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mxo-widget-or-cover > .cover-vulling.cover-vulling-value-not-relevant,
.mxo-widget-or-cover > .cover-vulling.cover-vulling-value-out-of-scope,
.mxo-widget-or-cover > .cover-vulling.cover-vulling-value-not-editable,
.mxo-widget-or-cover > .cover-vulling.cover-vulling-value-lineair,
.mxo-widget-or-cover > .cover-vulling.cover-vulling-value-onzelfstandig,
.mxo-widget-or-cover > .cover-vulling.cover-vulling-value-multi {
  font-style: italic;
}
.mxo-widget-or-cover > .cover-vulling.cover-vulling-value-empty,
.mxo-widget-or-cover > .cover-vulling.cover-vulling-value-not-relevant,
.mxo-widget-or-cover > .cover-vulling.cover-vulling-value-out-of-scope,
.mxo-widget-or-cover > .cover-vulling.cover-vulling-value-not-editable {
  color: #6e6e66;
}
.mxo-widget-or-cover > .cover-vulling a.cover-vulling-value-lineair,
.mxo-widget-or-cover > .cover-vulling a.cover-vulling-value-onzelfstandig {
  text-decoration: none;
}
.mxo-widget-or-cover > .cover-tools {
  flex: 0 0 auto;
  min-width: 28px;
}
.mxo-widget-or-entiteit-maken {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-entiteit-maken .instantie-detail-content-collecties .cell.cell-naam {
  width: calc(100% - 36px);
}
.mxo-widget-or-entiteit-maken .instantie-detail-content-collecties .cell.cell-unlink {
  width: 36px;
}
.mxo-widget-or-receipt {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-receipt .receipt-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-receipt .receipt-header > h1,
.mxo-widget-or-receipt .receipt-header > h2,
.mxo-widget-or-receipt .receipt-header > h3,
.mxo-widget-or-receipt .receipt-header > h4,
.mxo-widget-or-receipt .receipt-header > h5,
.mxo-widget-or-receipt .receipt-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-receipt .receipt-header > p,
.mxo-widget-or-receipt .receipt-header > ul {
  margin: 0;
}
.mxo-widget-or-receipt .receipt-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-receipt .receipt-content > h1,
.mxo-widget-or-receipt .receipt-content > h2,
.mxo-widget-or-receipt .receipt-content > h3,
.mxo-widget-or-receipt .receipt-content > h4,
.mxo-widget-or-receipt .receipt-content > h5,
.mxo-widget-or-receipt .receipt-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-receipt .receipt-content > p,
.mxo-widget-or-receipt .receipt-content > ul {
  margin: 0;
}
.mxo-widget-or-eigenschappen-filter {
  width: 100%;
}
.mxo-widget-or-stored-filters {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 2px;
}
.mxo-widget-or-stored-filters .label {
  font-weight: bold;
  color: #6c8f89;
}
.mxo-widget-table.stored-eigenschappen-filters .cell.naam {
  width: calc(100% - 38px);
}
.mxo-widget-table.stored-eigenschappen-filters .cell.acties {
  width: 38px;
}
.mxo-widget-or-operator-input-option {
  min-width: 240px;
}
.mxo-widget-table.eigenschappen-filter-tree .cell.concept {
  width: calc(100% - 280px - 280px - 70px);
}
.mxo-widget-table.eigenschappen-filter-tree .cell.concept .filter-concept-content {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mxo-widget-table.eigenschappen-filter-tree .cell.concept .filter-concept-content .and-or-toggle {
  min-width: 37px;
  text-align: center;
}
.mxo-widget-table.eigenschappen-filter-tree .cell.operator {
  width: 280px;
}
.mxo-widget-table.eigenschappen-filter-tree .cell.vulling {
  width: 280px;
}
.mxo-widget-table.eigenschappen-filter-tree .cell.acties {
  width: 70px;
}
.mxo-widget-table.eigenschappen-filter-tree .cell.acties .acties-content {
  display: flex;
}
.mxo-widget-table.eigenschappen-filter-tree .cell.acties .acties-content > .item {
  width: 50%;
}
.pane-size-single .mxo-widget-table.eigenschappen-filter-tree .cell.concept {
  width: calc(100% - 130px - 130px - 60px);
}
.pane-size-single .mxo-widget-table.eigenschappen-filter-tree .cell.operator {
  width: 130px;
}
.pane-size-single .mxo-widget-table.eigenschappen-filter-tree .cell.vulling {
  width: 130px;
}
.pane-size-single .mxo-widget-table.eigenschappen-filter-tree .cell.acties {
  width: 60px;
}
.mxo-widget-or-filterselection-tooltip-content-list li {
  margin-top: 7px;
}
.mxo-widget-or-entiteiten-basis {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-entiteiten-basis .header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-entiteiten-basis .header > h1,
.mxo-widget-or-entiteiten-basis .header > h2,
.mxo-widget-or-entiteiten-basis .header > h3,
.mxo-widget-or-entiteiten-basis .header > h4,
.mxo-widget-or-entiteiten-basis .header > h5,
.mxo-widget-or-entiteiten-basis .header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-entiteiten-basis .header > p,
.mxo-widget-or-entiteiten-basis .header > ul {
  margin: 0;
}
.mxo-widget-or-entiteiten-basis .content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-entiteiten-basis .content > h1,
.mxo-widget-or-entiteiten-basis .content > h2,
.mxo-widget-or-entiteiten-basis .content > h3,
.mxo-widget-or-entiteiten-basis .content > h4,
.mxo-widget-or-entiteiten-basis .content > h5,
.mxo-widget-or-entiteiten-basis .content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-entiteiten-basis .content > p,
.mxo-widget-or-entiteiten-basis .content > ul {
  margin: 0;
}

/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
.mxo-widget-or-kaart {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
.mxo-widget-or-kaart:-moz-full-screen {
  width: 100%;
  height: 100%;
}
.mxo-widget-or-kaart:-moz-full-screen .mxo-widget-map {
  top: 0;
}
.mxo-widget-or-kaart:-webkit-full-screen {
  width: 100%;
  height: 100%;
}
.mxo-widget-or-kaart:-webkit-full-screen .mxo-widget-map {
  top: 0;
}
.mxo-widget-or-kaart:-ms-fullscreen {
  width: 100%;
  height: 100%;
}
.mxo-widget-or-kaart:-ms-fullscreen .mxo-widget-map {
  top: 0;
}
.mxo-widget-or-kaart:fullscreen {
  width: 100%;
  height: 100%;
}
.mxo-widget-or-kaart:fullscreen .mxo-widget-map {
  top: 0;
}
.mxo-widget-or-kaart .kaart-locatie-entiteiten.mxo-widget-table .cell.objecttype {
  width: 100px;
}
.mxo-widget-or-kaart .kaart-locatie-entiteiten.mxo-widget-table .cell.omschrijving {
  width: calc(100% - 36px - 100px);
}
.mxo-widget-or-kaart .kaart-locatie-entiteiten.mxo-widget-table .cell.actions {
  width: 36px;
}
.mxo-widget-or-kaart .kaart-legenda-type-weergave-label {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 6px;
  border-radius: 4px;
}
.mxo-widget-or-kaart .kaart-legenda-type-weergave-label .button-visibility-wrapper {
  opacity: 0;
}
.mxo-widget-or-kaart .kaart-legenda-type-weergave-label.active {
  background-color: #f0f0eb;
}
.mxo-widget-or-kaart .kaart-legenda-type-weergave-label.active .button-visibility-wrapper {
  opacity: 1;
}
.mxo-widget-objectenregister-kaart {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
  position: relative;
}
.mxo-widget-objectenregister-kaart .kaart-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-objectenregister-kaart .kaart-header > h1,
.mxo-widget-objectenregister-kaart .kaart-header > h2,
.mxo-widget-objectenregister-kaart .kaart-header > h3,
.mxo-widget-objectenregister-kaart .kaart-header > h4,
.mxo-widget-objectenregister-kaart .kaart-header > h5,
.mxo-widget-objectenregister-kaart .kaart-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-objectenregister-kaart .kaart-header > p,
.mxo-widget-objectenregister-kaart .kaart-header > ul {
  margin: 0;
}
.mxo-widget-objectenregister-kaart .kaart-header .kaart-header-scope-and-rapportage-bar {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-objectenregister-kaart .kaart-header .kaart-header-actionbar {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-objectenregister-kaart .kaart-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 0;
}
.mxo-widget-objectenregister-kaart .kaart-content > h1,
.mxo-widget-objectenregister-kaart .kaart-content > h2,
.mxo-widget-objectenregister-kaart .kaart-content > h3,
.mxo-widget-objectenregister-kaart .kaart-content > h4,
.mxo-widget-objectenregister-kaart .kaart-content > h5,
.mxo-widget-objectenregister-kaart .kaart-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-objectenregister-kaart .kaart-content > p,
.mxo-widget-objectenregister-kaart .kaart-content > ul {
  margin: 0;
}
.mxo-widget-objectenregister-kaart .kaart-content .kaart-content-legenda {
  display: flex;
  padding: 8px;
  overflow: auto;
}
.mxo-widget-map-v3 {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  min-height: 300px;
  background: #f0f0eb;
  /* DO NOT COMBINE / for fullscreen version of map (openlayers) */
}
.mxo-widget-map-v3::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 1px solid #d4d1cc;
  pointer-events: none;
  z-index: 1;
}
.mxo-widget-map-v3 .map-panel-top,
.mxo-widget-map-v3 .map-panel-bottom {
  position: relative;
  flex: 0 0 auto;
  overflow: auto;
  background: #fcfcfb;
  z-index: 1;
}
.mxo-widget-map-v3 .map-panel-top.transparent,
.mxo-widget-map-v3 .map-panel-bottom.transparent {
  background: none;
  border: 0 none;
}
.mxo-widget-map-v3 .map-panel-top {
  border-bottom: 1px solid #d4d1cc;
}
.mxo-widget-map-v3 .map-panel-bottom {
  border-top: 1px solid #d4d1cc;
}
.mxo-widget-map-v3 .map-panel-wrapper {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-left,
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-right {
  position: relative;
  display: flex;
  flex-flow: column;
  flex: 0 0 auto;
  overflow: auto;
  background: #fcfcfb;
}
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-left:not(.transparent),
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-right:not(.transparent) {
  pointer-events: auto;
}
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-left.transparent,
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-right.transparent {
  background: none;
  border: 0 none;
}
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-left {
  border-right: 1px solid #d4d1cc;
}
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-left .map-panel-controls {
  align-items: flex-start;
}
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-right {
  border-left: 1px solid #d4d1cc;
}
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-controls {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  flex: 1 1 auto;
  min-width: 36px;
  pointer-events: none;
}
.mxo-widget-map-v3 .map-panel-wrapper .map-panel-controls > * {
  pointer-events: auto;
}
.mxo-widget-map-v3 .map-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* DO NOT COMBINE / for fullscreen version of map (openlayers) */
}
.mxo-widget-map-v3 .map-container:-moz-full-screen {
  top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.mxo-widget-map-v3 .map-container:-webkit-full-screen {
  top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.mxo-widget-map-v3 .map-container:-ms-fullscreen {
  top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
.mxo-widget-map-v3 .map-container:fullscreen {
  top: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}
body.mxo-mode-screenshot .mxo-widget-map-v3 .map-container {
  /* Hide map for screenshots during functional tests */
  visibility: hidden;
}
.mxo-widget-map-v3:-moz-full-screen {
  height: 100%;
  width: 100%;
}
.mxo-widget-map-v3:-webkit-full-screen {
  height: 100%;
  width: 100%;
}
.mxo-widget-map-v3:-ms-fullscreen {
  height: 100%;
  width: 100%;
}
.mxo-widget-map-v3:fullscreen {
  height: 100%;
  width: 100%;
}
.mxo-widget-or-kaart-clicktooltip-structure {
  min-width: 300px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-kenmerkenvisualisatie {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-header > h1,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-header > h2,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-header > h3,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-header > h4,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-header > h5,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-header > p,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-header > ul {
  margin: 0;
}
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-content > h1,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-content > h2,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-content > h3,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-content > h4,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-content > h5,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-content > p,
.mxo-widget-or-kenmerkenvisualisatie .kenmerkenvisualisatie-content > ul {
  margin: 0;
}
.mxo-widget-kenmerkenvisualisatie {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 1 1 auto;
  position: relative;
  overflow: auto;
}
.mxo-widget-kenmerkenvisualisatie > h1,
.mxo-widget-kenmerkenvisualisatie > h2,
.mxo-widget-kenmerkenvisualisatie > h3,
.mxo-widget-kenmerkenvisualisatie > h4,
.mxo-widget-kenmerkenvisualisatie > h5,
.mxo-widget-kenmerkenvisualisatie > h6 {
  margin-bottom: -10px;
}
.mxo-widget-kenmerkenvisualisatie > p,
.mxo-widget-kenmerkenvisualisatie > ul {
  margin: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk {
  display: block;
  position: absolute;
  height: 100%;
  padding: 7px 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-left: 2px solid #6c8f89;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.clickable {
  cursor: pointer;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk:hover,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.selected {
  background-color: #b5c7c4;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.end {
  border-right: 2px solid #6c8f89;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.empty {
  background-size: auto 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M8%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M12%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M16%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M0%200v4l3%2012h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M16%200h-1l1%204z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.empty.continues-right {
  background-position: 100% 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M5%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M9%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M13%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M0%2012v4h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M16%2012l-3-12h-1l4%2016z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-right::after,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-left::before {
  content: "";
  position: absolute;
  width: 7px;
  top: 0;
  bottom: 0;
  background: no-repeat 0 0;
  background-size: auto 100%;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-right::after {
  right: 0;
  margin-right: -7px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M0%200l2.133%208-2.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M0%200h1.103l2.133%208-2.133%208h-1.103l2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-right:hover::after {
  right: 0;
  margin-right: -7px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23b5c7c4%22%20d%3D%22M0%200l2.133%208-2.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M0%200h1.103l2.133%208-2.133%208h-1.103l2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-right.empty::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M0%200l2.133%208-2.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M0%2012v4h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M0%200h1.103l2.133%208-2.133%208h-1.103l2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-right.empty:hover::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23b5c7c4%22%20d%3D%22M0%200l2.133%208-2.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M0%2012v4h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M0%200h1.103l2.133%208-2.133%208h-1.103l2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-left {
  border-left: 0 none;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-left::before {
  left: 0;
  margin-left: -7px;
  background-position: 100% 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16%200l-2.133%208%202.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M16%200h-1.103l-2.133%208%202.133%208h1.103l-2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-left:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23b5c7c4%22%20d%3D%22M16%200l-2.133%208%202.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M16%200h-1.103l-2.133%208%202.133%208h1.103l-2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-left.empty::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16%200l-2.133%208%202.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M16%200h-1l1%204z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M16%200h-1.103l-2.133%208%202.133%208h1.103l-2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.continues-left.empty:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23b5c7c4%22%20d%3D%22M16%200l-2.133%208%202.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M16%200h-1l1%204z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M16%200h-1.103l-2.133%208%202.133%208h1.103l-2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.dimensions {
  overflow: visible;
  height: 6px;
  margin-top: 13px;
  padding: 0;
  background: #506762;
  border-left: 0 none;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.dimensions.continues-right::after {
  height: 32px;
  top: -13px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M0%200l2.133%208-2.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M0%200h1.103l2.133%208-2.133%208h-1.103l2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.dimensions.continues-left::before {
  height: 32px;
  top: -13px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16%200l-2.133%208%202.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M16%200h-1.103l-2.133%208%202.133%208h1.103l-2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.object {
  margin-left: -6px;
  padding: 0;
  width: 13px;
  border-left: 0 none;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.object:hover {
  background-color: transparent;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.object::before,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.object::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 3px;
  position: relative;
  left: 5px;
  background: #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.object::after {
  display: block;
  position: absolute;
  top: 0;
  background: #000000;
  opacity: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.object:hover::after {
  opacity: 0.2;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.marker {
  padding: 7px 0;
  border-left: 0 none;
  overflow: visible;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.marker:hover {
  background-color: transparent;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.marker::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg) translate(-4px, 4px);
  background: #6c8f89;
  border: 2px solid #ffffff;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.point {
  margin-left: -5px;
  padding-left: 11px;
  border-left: 0 none;
  background-color: transparent;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.point.empty {
  background: none;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.point::before {
  content: "";
  display: inline-block;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  background: #6c8f89;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.point::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: #6c8f89;
  border-radius: 4px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.point.empty::after,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.point.empty::before {
  background: #dbdbd9;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk.point .label-left {
  position: absolute;
  right: 20px;
  width: auto;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .lineaire-kenmerken .kenmerk .kenmerk-label {
  display: inline-block;
  vertical-align: top;
  position: static;
  width: calc(100% - 8px);
  height: auto;
  margin: 0 4px;
  padding: 0;
  overflow: hidden;
  border: 0 none;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row {
  border-bottom: 2px solid #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row .row {
  width: auto;
  border-top-width: 0;
  border-bottom: 1px solid #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row .cells .cell:first-child {
  position: relative;
  width: 446px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row .cells .cell.column-lineaire-kenmerken {
  position: relative;
  width: calc(100% - 446px);
  overflow: visible;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row .contents .cells .cell:first-child {
  width: 412px;
  background-color: #e5e8e8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row .contents .cells .cell.column-lineaire-kenmerken {
  width: calc(100% - 412px);
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row.open > .cells,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row.empty > .cells,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row.closed > .cells {
  padding-right: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row {
  border-bottom: 0 none;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell {
  font-weight: normal;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .distance-input {
  display: flex;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell.column-object .label-space {
  padding-left: 0.5em;
  color: #3a3a33;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell.column-object .label {
  padding-left: 3em;
  font-weight: bold;
  color: #6c8f89;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell.column-object .label:first-child {
  padding-left: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell.column-lineaire-kenmerken {
  color: inherit;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .block {
  bottom: 0;
  height: 10px;
  padding: 0;
  color: inherit;
  border-left: 0 none;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  display: block;
  position: absolute;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .light,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .light:hover {
  background: #ffffff;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .dark {
  background: #000000;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken > .empty {
  background: none;
  border-top: 1px solid #ebebe6;
  border-bottom: 1px solid #ebebe6;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .empty.dark {
  background: #ebebe6;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken > .distance {
  display: inline-block;
  position: absolute;
  bottom: 18px;
  width: auto;
  height: 12px;
  border: 0 none;
  background: none;
  transform: translateX(-50%);
  color: inherit;
  padding: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken > .distance.first {
  transform: translateX(0);
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken > .distance.first::before {
  left: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken > .distance.last {
  transform: translateX(-100%);
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken > .distance.last::before {
  left: 100%;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken > .distance::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 14px;
  width: 1px;
  height: 6px;
  background: #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .controls .button.notext {
  opacity: 1;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale {
  position: absolute;
  top: 10px;
  right: 10px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale-blocks {
  width: 180px;
  height: 5px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale-blocks .scale-blocks-fill {
  float: left;
  position: static;
  width: 33.33%;
  height: 5px;
  color: inherit;
  background: #ffffff;
  bottom: 0;
  padding: 0;
  border: 0 none;
  display: block;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale-blocks .scale-blocks-fill:nth-child(odd) {
  background: #000000;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale_numbers .scale-numbers-blocks,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale-numbers .scale-numbers-blocks {
  top: 100%;
  left: 0;
  transform: translateX(-50%);
  height: 10px;
  color: inherit;
  background: #ffffff;
  position: absolute;
  bottom: 0;
  padding: 0;
  border: 0 none;
  display: block;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale_numbers .scale-numbers-blocks:nth-child(2),
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale-numbers .scale-numbers-blocks:nth-child(2) {
  left: 33.33%;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale_numbers .scale-numbers-blocks:nth-child(3),
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale-numbers .scale-numbers-blocks:nth-child(3) {
  left: 66.66%;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale_numbers .scale-numbers-blocks:nth-child(4),
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .head .row .cells .cell .lineaire-kenmerken .scale .scale-numbers .scale-numbers-blocks:nth-child(4) {
  left: 100%;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body {
  margin-top: 31px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body .row:first-child {
  border-top: 2px solid #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body .row .row:first-child {
  border-top-width: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body .row .cells .cell.column-lineaire-kenmerken {
  border-left: 2px solid #ccccc8;
  border-right: 2px solid #ccccc8;
  background: #ffffff;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body .row .cells .cell .mxo-widget-copyable {
  float: right;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body .row .cells:not(.selected):hover a:hover,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body .row .cells:not(.selected) .cell:first-child a:hover,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body .row .cells:not(.selected) .cell:first-child a:hover .sublabel {
  color: #6c8f89;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body .row .contents {
  padding-left: 34px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body .row .contents .cells .cell:first-child.icon::before,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .body .row .contents .cells .cell:first-child > .icon:not(.button)::before {
  position: absolute;
  right: 2px;
  top: 10px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.rows .row.open > .cells {
  border-bottom: 2px solid #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row {
  border-top-width: 0;
  border-bottom: 1px solid #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row .contents .cells .cell:first-child {
  width: 446px;
  background-color: transparent;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row .contents .cells .cell.column-lineaire-kenmerken {
  position: relative;
  width: calc(100% - 446px);
  overflow: visible;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row .contents .cells.cluster .sublabel {
  padding-left: 1em;
  color: #999992;
  font-weight: normal;
  font-size: 0.85763293em;
  line-height: normal;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row .contents .cells.cluster.selected .sublabel {
  color: #ffffff;
  opacity: 0.5;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row .contents .cells.cluster .cells .cell.column-lineaire-kenmerken {
  border-left-color: transparent;
  border-right-color: transparent;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row .contents .generieke-kenmerken {
  padding-left: 34px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row .contents .generieke-kenmerken .cell:first-child {
  width: 412px;
  background-color: #e5e8e8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row .contents .generieke-kenmerken .cell.column-lineaire-kenmerken {
  width: calc(100% - 412px);
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row.open .contents .generieke-kenmerken {
  display: block;
  border-bottom: 2px solid #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row.closed .contents .generieke-kenmerken {
  display: none;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row .row .contents .cells .cell:first-child {
  width: 412px;
  background-color: #e5e8e8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .row .row .contents .cells .cell.column-lineaire-kenmerken {
  width: calc(100% - 412px);
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .head .row {
  border-bottom: 0 none;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row:first-child {
  border-top-width: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row:first-child .cells.cluster {
  margin-top: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row.open > .cells {
  border-bottom-width: 2px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster {
  position: sticky;
  top: 0;
  margin-top: 20px;
  z-index: 1;
  border-top: 2px solid #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster:not(.selected) {
  background: #ffffff;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster a,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster a:link,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster a:visited {
  cursor: pointer;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster .cell {
  padding-top: 5px;
  min-height: 32px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster .cell:first-child:hover {
  color: inherit;
  background-color: transparent;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster .cell.column-lineaire-kenmerken::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 8px;
  z-index: -1;
  background: #ffffff;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster .cell .mxo-widget-copyable {
  font-weight: normal;
  font-size: 0.85763293em;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster:not(.selected) a:hover {
  color: #6c8f89;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .cells.cluster:not(.selected) a:hover .sublabel {
  color: #6c8f89;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .contents {
  padding-left: 0;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .contents .generieke-kenmerken .label .cell:first-child,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .contents .generieke-kenmerken .label .cell:first-child:hover {
  font-size: 0.91666em;
  font-weight: bold;
  color: #6c8f89;
  background-color: transparent;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .row .contents {
  padding-left: 34px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .row > .contents {
  display: none;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .row.open > .contents {
  display: block;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row > .contents {
  display: block;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .contents .cells .cell .generieke-kenmerken .cell:first-child:hover,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body .row .row .contents .cells .cell:first-child:hover {
  color: inherit;
  background-color: #e5e8e8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body > .row {
  background: #ffffff;
  border-bottom-width: 2px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body > .row > .contents > .row {
  border-bottom-width: 2px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body > .row.open > .cells {
  border-bottom-width: 2px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.clustered .body > .row:last-child {
  margin-bottom: 20px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.rows.clustered .contents .cells .cell .generieke-kenmerken .row:last-child {
  border-bottom: 1px solid #ebebe6;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.rows.clustered .body > .row.closed > .cells {
  border-bottom: 2px solid #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.sticky-head .head,
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table.sticky-head .body {
  padding-right: 7px;
  /* prevent row arrow to show next to head when scrolling */
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-table .more.open::before {
  border-top-width: 0;
  border-bottom: 1px solid #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-ruler {
  position: absolute;
  top: 50px;
  bottom: 0;
  z-index: 1;
  font-size: 0.9em;
  width: 1px;
  background: linear-gradient(#e33724, #e33724 50%, rgba(255, 255, 255, 0) 50%) repeat-y 0 0;
  background-size: 1px 6px;
}
.mxo-widget-kenmerkenvisualisatie .mxo-widget-ruler .ruler-info {
  position: absolute;
  left: 0;
  top: 42px;
  padding: 1px 5px;
  background: #fcfcfb;
  border-radius: 2px;
  transform: translate(-50%, -110%);
}
.mxo-widget-kenmerkenvisualisatie-legenda {
  width: 220px;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk {
  display: block;
  position: absolute;
  height: 100%;
  padding: 7px 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-left: 2px solid #6c8f89;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.clickable {
  cursor: pointer;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk:hover,
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.selected {
  background-color: #b5c7c4;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.end {
  border-right: 2px solid #6c8f89;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.empty {
  background-size: auto 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M8%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M12%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M16%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M0%200v4l3%2012h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M16%200h-1l1%204z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.empty.continues-right {
  background-position: 100% 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M5%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M9%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M13%2016h-1l-4-16h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M0%2012v4h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M16%2012l-3-12h-1l4%2016z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-right::after,
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-left::before {
  content: "";
  position: absolute;
  width: 7px;
  top: 0;
  bottom: 0;
  background: no-repeat 0 0;
  background-size: auto 100%;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-right::after {
  right: 0;
  margin-right: -7px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M0%200l2.133%208-2.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M0%200h1.103l2.133%208-2.133%208h-1.103l2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-right:hover::after {
  right: 0;
  margin-right: -7px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23b5c7c4%22%20d%3D%22M0%200l2.133%208-2.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M0%200h1.103l2.133%208-2.133%208h-1.103l2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-right.empty::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M0%200l2.133%208-2.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M0%2012v4h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M0%200h1.103l2.133%208-2.133%208h-1.103l2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-right.empty:hover::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23b5c7c4%22%20d%3D%22M0%200l2.133%208-2.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M0%2012v4h1z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M0%200h1.103l2.133%208-2.133%208h-1.103l2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-left {
  border-left: 0 none;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-left::before {
  left: 0;
  margin-left: -7px;
  background-position: 100% 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16%200l-2.133%208%202.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M16%200h-1.103l-2.133%208%202.133%208h1.103l-2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-left:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23b5c7c4%22%20d%3D%22M16%200l-2.133%208%202.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M16%200h-1.103l-2.133%208%202.133%208h1.103l-2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-left.empty::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16%200l-2.133%208%202.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M16%200h-1l1%204z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M16%200h-1.103l-2.133%208%202.133%208h1.103l-2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.continues-left.empty:hover::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23b5c7c4%22%20d%3D%22M16%200l-2.133%208%202.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ebebe8%22%20d%3D%22M16%200h-1l1%204z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M16%200h-1.103l-2.133%208%202.133%208h1.103l-2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.dimensions {
  overflow: visible;
  height: 6px;
  margin-top: 13px;
  padding: 0;
  background: #506762;
  border-left: 0 none;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.dimensions.continues-right::after {
  height: 32px;
  top: -13px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M0%200l2.133%208-2.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M0%200h1.103l2.133%208-2.133%208h-1.103l2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.dimensions.continues-left::before {
  height: 32px;
  top: -13px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M16%200l-2.133%208%202.133%208z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ccccc8%22%20d%3D%22M16%200h-1.103l-2.133%208%202.133%208h1.103l-2.132-8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.object {
  margin-left: -6px;
  padding: 0;
  width: 13px;
  border-left: 0 none;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.object:hover {
  background-color: transparent;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.object::before,
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.object::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 3px;
  position: relative;
  left: 5px;
  background: #ccccc8;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.object::after {
  display: block;
  position: absolute;
  top: 0;
  background: #000000;
  opacity: 0;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.object:hover::after {
  opacity: 0.2;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.marker {
  padding: 7px 0;
  border-left: 0 none;
  overflow: visible;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.marker:hover {
  background-color: transparent;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.marker::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  transform: rotate(45deg) translate(-4px, 4px);
  background: #6c8f89;
  border: 2px solid #ffffff;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.point {
  margin-left: -5px;
  padding-left: 11px;
  border-left: 0 none;
  background-color: transparent;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.point.empty {
  background: none;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.point::before {
  content: "";
  display: inline-block;
  width: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  background: #6c8f89;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.point::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  background: #6c8f89;
  border-radius: 4px;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.point.empty::after,
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.point.empty::before {
  background: #dbdbd9;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk.point .label-left {
  position: absolute;
  right: 20px;
  width: auto;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .kenmerk .kenmerk-label {
  display: inline-block;
  vertical-align: top;
  position: static;
  width: calc(100% - 8px);
  height: auto;
  margin: 0 4px;
  padding: 0;
  overflow: hidden;
  border: 0 none;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken {
  flex: 0 0 auto;
  position: relative;
  top: -8px;
  width: 40px;
  height: 32px;
  margin-right: 10px;
  line-height: 22px;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .empty {
  border-left: 0 none;
  background: none;
  border-top: 1px solid #ebebe6;
  border-bottom: 1px solid #ebebe6;
}
.mxo-widget-kenmerkenvisualisatie-legenda .lineaire-kenmerken .continues-right {
  border-left: 0 none;
}
.mxo-widget-kenmerkenvisualisatie-kenmerk-eigenschappen {
  width: 250px;
}
.pane-size-single .mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row .cells .cell:first-child {
  width: 100%;
}
.pane-size-single .mxo-widget-kenmerkenvisualisatie .mxo-widget-table .row .cells .cell.column-lineaire-kenmerken {
  display: none;
}
.pane-size-single .mxo-widget-kenmerkenvisualisatie .mxo-widget-ruler {
  display: none;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-koppelen-v2 {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-koppelen-v2 .koppelen-v2-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-koppelen-v2 .koppelen-v2-header > h1,
.mxo-widget-or-koppelen-v2 .koppelen-v2-header > h2,
.mxo-widget-or-koppelen-v2 .koppelen-v2-header > h3,
.mxo-widget-or-koppelen-v2 .koppelen-v2-header > h4,
.mxo-widget-or-koppelen-v2 .koppelen-v2-header > h5,
.mxo-widget-or-koppelen-v2 .koppelen-v2-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-koppelen-v2 .koppelen-v2-header > p,
.mxo-widget-or-koppelen-v2 .koppelen-v2-header > ul {
  margin: 0;
}
.mxo-widget-or-koppelen-v2 .koppelen-v2-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-koppelen-v2 .koppelen-v2-content > h1,
.mxo-widget-or-koppelen-v2 .koppelen-v2-content > h2,
.mxo-widget-or-koppelen-v2 .koppelen-v2-content > h3,
.mxo-widget-or-koppelen-v2 .koppelen-v2-content > h4,
.mxo-widget-or-koppelen-v2 .koppelen-v2-content > h5,
.mxo-widget-or-koppelen-v2 .koppelen-v2-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-koppelen-v2 .koppelen-v2-content > p,
.mxo-widget-or-koppelen-v2 .koppelen-v2-content > ul {
  margin: 0;
}
.mxo-widget-or-koppelen-als-invulling {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-header > h1,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-header > h2,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-header > h3,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-header > h4,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-header > h5,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-header > p,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-header > ul {
  margin: 0;
}
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-content > h1,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-content > h2,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-content > h3,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-content > h4,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-content > h5,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-content > p,
.mxo-widget-or-koppelen-als-invulling .koppelen-als-invulling-content > ul {
  margin: 0;
}
.mxo-widget-or-koppelen-als-invulling-tooltip {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  min-width: 50px;
}
.mxo-widget-or-koppelen-als-invulling-tooltip > h1,
.mxo-widget-or-koppelen-als-invulling-tooltip > h2,
.mxo-widget-or-koppelen-als-invulling-tooltip > h3,
.mxo-widget-or-koppelen-als-invulling-tooltip > h4,
.mxo-widget-or-koppelen-als-invulling-tooltip > h5,
.mxo-widget-or-koppelen-als-invulling-tooltip > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-koppelen-als-invulling-tooltip > p,
.mxo-widget-or-koppelen-als-invulling-tooltip > ul {
  margin: 0;
}
.mxo-widget-or-collectie-koppelen {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-collectie-koppelen .collectie-koppelen-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-collectie-koppelen .collectie-koppelen-header > h1,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-header > h2,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-header > h3,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-header > h4,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-header > h5,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collectie-koppelen .collectie-koppelen-header > p,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-header > ul {
  margin: 0;
}
.mxo-widget-or-collectie-koppelen .collectie-koppelen-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-collectie-koppelen .collectie-koppelen-content > h1,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-content > h2,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-content > h3,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-content > h4,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-content > h5,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-collectie-koppelen .collectie-koppelen-content > p,
.mxo-widget-or-collectie-koppelen .collectie-koppelen-content > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-matrix {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
}
.mxo-widget-or-matrix .matrix-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-matrix .matrix-header > h1,
.mxo-widget-or-matrix .matrix-header > h2,
.mxo-widget-or-matrix .matrix-header > h3,
.mxo-widget-or-matrix .matrix-header > h4,
.mxo-widget-or-matrix .matrix-header > h5,
.mxo-widget-or-matrix .matrix-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-matrix .matrix-header > p,
.mxo-widget-or-matrix .matrix-header > ul {
  margin: 0;
}
.mxo-widget-or-matrix .matrix-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-matrix .matrix-content > h1,
.mxo-widget-or-matrix .matrix-content > h2,
.mxo-widget-or-matrix .matrix-content > h3,
.mxo-widget-or-matrix .matrix-content > h4,
.mxo-widget-or-matrix .matrix-content > h5,
.mxo-widget-or-matrix .matrix-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-matrix .matrix-content > p,
.mxo-widget-or-matrix .matrix-content > ul {
  margin: 0;
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix {
  overflow: auto;
  flex: 1 1 auto;
  /* fix to extend loadmore beyond visible area */
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .matrix-table-wrapper {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  display: inline-block;
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .matrix-table-wrapper > h1,
.mxo-widget-or-matrix .matrix-content .matrix-matrix .matrix-table-wrapper > h2,
.mxo-widget-or-matrix .matrix-content .matrix-matrix .matrix-table-wrapper > h3,
.mxo-widget-or-matrix .matrix-content .matrix-matrix .matrix-table-wrapper > h4,
.mxo-widget-or-matrix .matrix-content .matrix-matrix .matrix-table-wrapper > h5,
.mxo-widget-or-matrix .matrix-content .matrix-matrix .matrix-table-wrapper > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .matrix-table-wrapper > p,
.mxo-widget-or-matrix .matrix-content .matrix-matrix .matrix-table-wrapper > ul {
  margin: 0;
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table {
  display: inline-block;
  /* fix to extend beyond visible area */
  min-width: 100%;
  /* fix on small table */
  line-height: 0;
  /* fix to extend row border beyond visible area */
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .mxo-widget-emptystate {
  line-height: normal;
  /* revert line-height set to zero */
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row {
  display: inline-block;
  /* fix to extend beyond visible area */
  min-width: 100%;
  /* fix on small table */
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells {
  white-space: nowrap;
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells.non-editable {
  background: repeating-linear-gradient(135deg, transparent, transparent 16px, #f5f5f4 16px, #f5f5f4 26px);
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell:first-child,
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell.omschrijving {
  position: sticky;
  left: 0;
  z-index: 2;
  width: calc(0.25 * (100vw - 130px));
  min-width: 220px;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell:first-child .mark .mxo-widget-mark,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell.omschrijving .mark .mxo-widget-mark {
  /* stylelint-disable declaration-no-important */
  color: #666666 !important;
  background: #666666 !important;
  border-color: #666666 !important;
  outline: 2px solid #666666 !important;
  /* stylelint-enable declaration-no-important */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell:first-child .mark .mxo-widget-mark > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell.omschrijving .mark .mxo-widget-mark > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell:first-child .mark .mxo-widget-mark::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell.omschrijving .mark .mxo-widget-mark::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell:first-child .mark .mxo-widget-mark::before,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell.omschrijving .mark .mxo-widget-mark::before {
  visibility: hidden;
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell.commentaar-status {
  position: sticky;
  left: calc(0.25 * (100vw - 130px));
  z-index: 2;
  width: 30px;
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell.actions {
  position: sticky;
  left: calc(0.25 * (100vw - 130px) + 30px);
  z-index: 2;
  width: 64px;
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell .matrix-cell {
  display: flex;
  align-items: baseline;
  /* transparancy used for blending with non editable row */
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell .matrix-cell.selected-cell {
  background: rgba(113, 168, 156, 0.3);
  box-shadow: 0 0 0 5px rgba(113, 168, 156, 0.3);
  /* fix to select complete cell with padding */
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell .matrix-cell.selected-cell.hover,
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell .matrix-cell.selected-cell:hover {
  background-color: rgba(33, 109, 90, 0.3);
  box-shadow: 0 0 0 5px rgba(33, 109, 90, 0.3);
  /* fix to select complete cell with padding */
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell .matrix-cell-description {
  display: flex;
  align-items: baseline;
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell .matrix-cell-description .matrix-cell-description-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mxo-widget-or-matrix .matrix-content .matrix-matrix .mxo-widget-table .row .cells .cell .matrix-cell-description .matrix-cell-description-tools {
  flex: 0 0 auto;
}

/* Open Layers */
/* 	PUBLIC STYLING (Custom below)
	- Copy from Open Layers https://github.com/openlayers/openlayers/blob/master/src/ol/ol.css
	- Stylelint: disabled
	- Unknown properties commented out
*/
/* stylelint-disable */
.ol-box {
  box-sizing: border-box;
  border-radius: 2px;
  border: 2px solid blue;
}
.ol-mouse-position {
  top: 8px;
  right: 8px;
  position: absolute;
}
.ol-scale-line {
  background: rgba(0, 60, 136, 0.3);
  border-radius: 4px;
  bottom: 8px;
  left: 8px;
  padding: 2px;
  position: absolute;
}
.ol-scale-line-inner {
  border: 1px solid #eee;
  border-top: none;
  color: #eee;
  font-size: 10px;
  text-align: center;
  margin: 1px;
  will-change: contents, width;
  transition: all 0.25s;
}
.ol-scale-bar {
  position: absolute;
  bottom: 8px;
  left: 8px;
}
.ol-scale-step-marker {
  width: 1px;
  height: 15px;
  background-color: #000000;
  float: right;
  z-Index: 10;
}
.ol-scale-step-text {
  position: absolute;
  bottom: -5px;
  font-size: 12px;
  z-Index: 11;
  color: #000000;
  text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
}
.ol-scale-text {
  position: absolute;
  font-size: 14px;
  text-align: center;
  bottom: 25px;
  color: #000000;
  text-shadow: -2px 0 #FFFFFF, 0 2px #FFFFFF, 2px 0 #FFFFFF, 0 -2px #FFFFFF;
}
.ol-scale-singlebar {
  position: relative;
  height: 10px;
  z-Index: 9;
  border: 1px solid black;
}
.ol-unsupported {
  display: none;
}
.ol-viewport,
.ol-unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ol-overlaycontainer,
.ol-overlaycontainer-stopevent {
  pointer-events: none;
}
.ol-overlaycontainer > *,
.ol-overlaycontainer-stopevent > * {
  pointer-events: auto;
}
.ol-selectable {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ol-grabbing {
  cursor: grabbing;
}
.ol-grab {
  cursor: grab;
}
.ol-control {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  padding: 2px;
}
.ol-control:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.ol-zoom {
  top: 0.5em;
  left: 0.5em;
}
.ol-rotate {
  top: 0.5em;
  right: 0.5em;
  transition: opacity 0.25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s linear, visibility 0s linear 0.25s;
}
.ol-zoom-extent {
  top: 4.643em;
  left: 0.5em;
}
.ol-full-screen {
  right: 0.5em;
  top: 0.5em;
}
.ol-control button {
  display: block;
  margin: 1px;
  padding: 0;
  color: white;
  font-size: 1.14em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 1.375em;
  width: 1.375em;
  line-height: 0.4em;
  background-color: rgba(0, 60, 136, 0.5);
  border: none;
  border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ol-control button span {
  pointer-events: none;
}
.ol-zoom-extent button {
  line-height: 1.4em;
}
.ol-compass {
  display: block;
  font-weight: normal;
  font-size: 1.2em;
  will-change: transform;
}
.ol-touch .ol-control button {
  font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
  top: 5.5em;
}
.ol-control button:hover,
.ol-control button:focus {
  text-decoration: none;
  background-color: rgba(0, 60, 136, 0.7);
}
.ol-zoom .ol-zoom-in {
  border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
  border-radius: 0 0 2px 2px;
}
.ol-attribution {
  text-align: right;
  bottom: 0.5em;
  right: 0.5em;
  max-width: calc(100% - 1.3em);
}
.ol-attribution ul {
  margin: 0;
  padding: 0 0.5em;
  color: #000;
  text-shadow: 0 0 2px #fff;
}
.ol-attribution li {
  display: inline;
  list-style: none;
}
.ol-attribution li:not(:last-child):after {
  content: " ";
}
.ol-attribution img {
  max-height: 2em;
  max-width: inherit;
  vertical-align: middle;
}
.ol-attribution ul,
.ol-attribution button {
  display: inline-block;
}
.ol-attribution.ol-collapsed ul {
  display: none;
}
.ol-attribution:not(.ol-collapsed) {
  background: rgba(255, 255, 255, 0.8);
}
.ol-attribution.ol-uncollapsible {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 0;
}
.ol-attribution.ol-uncollapsible img {
  margin-top: -0.2em;
  max-height: 1.6em;
}
.ol-attribution.ol-uncollapsible button {
  display: none;
}
.ol-zoomslider {
  top: 4.5em;
  left: 0.5em;
  height: 200px;
}
.ol-zoomslider button {
  position: relative;
  height: 10px;
}
.ol-touch .ol-zoomslider {
  top: 5.5em;
}
.ol-overviewmap {
  left: 0.5em;
  bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
  bottom: 0;
  left: 0;
  border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
  display: inline-block;
}
.ol-overviewmap .ol-overviewmap-map {
  border: 1px solid #7b98bc;
  height: 150px;
  margin: 2px;
  width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button {
  bottom: 1px;
  left: 2px;
  position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
  display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
  background: rgba(255, 255, 255, 0.8);
}
.ol-overviewmap-box {
  border: 2px dotted rgba(0, 60, 136, 0.7);
}
.ol-overviewmap .ol-overviewmap-box:hover {
  cursor: move;
}
/* stylelint-enable */
/* 	OVERRIDE STYLING
	- Override selectors above
	- Stylelint: Disabled no duplicate selectors
*/
/* stylelint-disable no-duplicate-selectors */
.ol-control {
  padding: 0;
  border-radius: 3px;
  background: none;
}
.ol-zoom {
  left: auto;
  right: 0.5em;
}
.ol-rotate {
  top: 10.5em;
}
.ol-full-screen {
  top: 8em;
}
.ol-control button {
  color: #3a3a33;
  height: 22px;
  width: 22px;
  font-size: 12px;
  line-height: 22px;
  background-color: #ffffff;
  box-shadow: 0 0 1px 1px #ccccc8;
  cursor: pointer;
  outline: none;
}
.ol-control button:focus,
.ol-control button:hover {
  background-color: #ebebe6;
}
.ol-attribution {
  display: flex;
  align-items: flex-end;
  white-space: nowrap;
}
.ol-attribution ul {
  font-size: 0.7rem;
  line-height: 24px;
}
.ol-attribution li {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: inherit;
  vertical-align: middle;
}
.ol-attribution button {
  flex: 0 0 auto;
  text-align: center;
}
.ol-attribution:not(.ol-collapsed) {
  background: transparent;
}
.ol-attribution:not(.ol-collapsed) ul {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
}
/* stylelint-enable no-duplicate-selectors */
/* EXTRA STYLING */
.ol-zoom-to-selection {
  top: 5.5em;
  right: 0.5em;
}
.ol-geolocation {
  top: 13em;
  right: 0.5em;
}
.map-panel-controls .ol-attribution {
  position: static;
  max-width: none;
  margin: 0 0.5em 0.5em 0;
}
.map-panel-controls .ol-attribution.ol-uncollapsible {
  margin: 0;
}
.map-panel-left .map-panel-controls .ol-attribution {
  margin: 0 0 0.5em 0.5em;
}
.map-panel-left .map-panel-controls .ol-attribution.ol-uncollapsible {
  margin: 0;
}
.controls-left .ol-zoom,
.map-panel-left .map-panel-controls .ol-zoom,
.controls-left .ol-zoom-to-selection,
.map-panel-left .map-panel-controls .ol-zoom-to-selection,
.controls-left .ol-full-screen,
.map-panel-left .map-panel-controls .ol-full-screen,
.controls-left .ol-rotate,
.map-panel-left .map-panel-controls .ol-rotate,
.controls-left .ol-attribution,
.map-panel-left .map-panel-controls .ol-attribution,
.controls-left .ol-geolocation,
.map-panel-left .map-panel-controls .ol-geolocation {
  left: 0.5em;
  right: auto;
}
.controls-left .ol-attribution,
.map-panel-left .map-panel-controls .ol-attribution {
  text-align: left;
}
.controls-left .ol-attribution ul,
.map-panel-left .map-panel-controls .ol-attribution ul {
  order: 2;
}
.controls-left .ol-attribution:not(.ol-collapsed) .icon,
.map-panel-left .map-panel-controls .ol-attribution:not(.ol-collapsed) .icon {
  transform: rotate(180deg);
}
@media print {
  .ol-viewport canvas {
    /* overrule inline width and height set by openlayers external plugin */
    width: auto !important;
    /* stylelint-disable-line declaration-no-important */
    height: auto !important;
    /* stylelint-disable-line declaration-no-important */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .ol-control {
    display: none;
  }
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-processen {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-processen .processen-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-processen .processen-header > h1,
.mxo-widget-or-processen .processen-header > h2,
.mxo-widget-or-processen .processen-header > h3,
.mxo-widget-or-processen .processen-header > h4,
.mxo-widget-or-processen .processen-header > h5,
.mxo-widget-or-processen .processen-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-processen .processen-header > p,
.mxo-widget-or-processen .processen-header > ul {
  margin: 0;
}
.mxo-widget-or-processen .processen-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-processen .processen-content > h1,
.mxo-widget-or-processen .processen-content > h2,
.mxo-widget-or-processen .processen-content > h3,
.mxo-widget-or-processen .processen-content > h4,
.mxo-widget-or-processen .processen-content > h5,
.mxo-widget-or-processen .processen-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-processen .processen-content > p,
.mxo-widget-or-processen .processen-content > ul {
  margin: 0;
}
.mxo-widget-or-processen .processen-content .mxo-widget-table.processen .cell.type {
  width: calc(100% - 680px);
}
.mxo-widget-or-processen .processen-content .mxo-widget-table.processen .cell.status {
  width: 340px;
}
.mxo-widget-or-processen .processen-content .mxo-widget-table.processen .cell.aangemaakt {
  width: 340px;
}
.mxo-widget-or-processen .processen-content .mxo-widget-table.processen .proces-stap h4 {
  margin-bottom: 12px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widgdet-or-relaisvisualisatie {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-header > h1,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-header > h2,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-header > h3,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-header > h4,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-header > h5,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-header > h6 {
  margin-bottom: -10px;
}
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-header > p,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-header > ul {
  margin: 0;
}
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-content > h1,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-content > h2,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-content > h3,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-content > h4,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-content > h5,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-content > h6 {
  margin-bottom: -10px;
}
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-content > p,
.mxo-widgdet-or-relaisvisualisatie .relaisvisualisatie-content > ul {
  margin: 0;
}
.mxo-widget-or-relaisrek {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  gap: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px minmax(100px, 1fr) [13];
  grid-template-columns: 20px repeat(13, minmax(100px, 1fr));
}
.mxo-widget-or-relaisrek > h1,
.mxo-widget-or-relaisrek > h2,
.mxo-widget-or-relaisrek > h3,
.mxo-widget-or-relaisrek > h4,
.mxo-widget-or-relaisrek > h5,
.mxo-widget-or-relaisrek > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-relaisrek > p,
.mxo-widget-or-relaisrek > ul {
  margin: 0;
}
.mxo-widget-or-relaisrek .relais-index {
  text-align: center;
}
.mxo-widget-or-relaisrek .relais-index.row,
.mxo-widget-or-relaisrek .relais-index.column {
  position: sticky;
  background: #ffffff;
  z-index: 1;
}
.mxo-widget-or-relaisrek .relais-index.column {
  top: 0;
  border-bottom: 1px solid #3a3a33;
}
.mxo-widget-or-relaisrek .relais-index.row {
  display: flex;
  align-items: center;
  left: 0;
  border-right: 1px solid #3a3a33;
}
.mxo-widget-or-relaisrek .relais {
  display: flex;
  flex-flow: column;
  text-align: center;
  border-right: 1px solid #3a3a33;
  border-bottom: 1px solid #3a3a33;
}
.mxo-widget-or-relaisrek .relais ul {
  margin: 0;
  padding: 0;
  list-style: none;
  flex: 1 1 auto;
}
.mxo-widget-or-relaisrek .relais ul li {
  padding: 5px;
  min-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #c1c1c1;
}
.mxo-widget-or-relaisrek .relais .relais-link,
.mxo-widget-or-relaisrek .relais .relais-invalid {
  cursor: pointer;
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
}
.mxo-widget-or-relaisrek .relais .relais-link,
.mxo-widget-or-relaisrek .relais .relais-invalid,
.mxo-widget-or-relaisrek .relais .relais-link:link,
.mxo-widget-or-relaisrek .relais .relais-invalid:link,
.mxo-widget-or-relaisrek .relais .relais-link:visited,
.mxo-widget-or-relaisrek .relais .relais-invalid:visited {
  color: #14140f;
}
.mxo-widget-or-relaisrek .relais .relais-link {
  cursor: pointer;
}
.mxo-widget-or-relaisrek .relais .relais-link,
.mxo-widget-or-relaisrek .relais .relais-link:link,
.mxo-widget-or-relaisrek .relais .relais-link:visited {
  text-decoration: none;
}
.mxo-widget-or-relaisrek .relais .relais-link:hover {
  background-color: #f1f4f3;
}
.mxo-widget-or-relaisrek .relais .relais-link:hover::after {
  opacity: 1;
}
.mxo-widget-or-relaisrek .relais .relais-link::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M3.808%201.631l6.364%206.364-6.364%206.364%201.414%201.414%207.778-7.778-7.778-7.778z%22%3E%3C/path%3E%3C/svg%3E");
  content: "";
  margin: 8px 4px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  opacity: 0.75;
}
.mxo-widget-or-relaisrek .relais .relais-link.selected,
.mxo-widget-or-relaisrek .relais .relais-link.selected:link,
.mxo-widget-or-relaisrek .relais .relais-link.selected:visited {
  color: #ffffff;
  background-color: #6c8f89;
}
.mxo-widget-or-relaisrek .relais .relais-link.selected:hover {
  background-color: #506762;
}
.mxo-widget-or-relaisrek .relais .relais-link.selected::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M3.808%201.631l6.364%206.364-6.364%206.364%201.414%201.414%207.778-7.778-7.778-7.778z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-widget-or-relaisrek .relais .relais-invalid {
  padding-top: 10px;
  background: #fff8e6;
}
.mxo-widget-or-relaisrek .relais .relais-invalid:hover {
  background: #ffdb7f;
}
.mxo-widget-or-relaisrek .relais .relais-invalid .relais-invalid-label {
  padding: 5px;
}
.mxo-widget-or-relaisrek .relais .mxo-widget-emptystate .emptystate-image {
  background-image: url(6469c69aa31efba5268c.png);
}
.mxo-widget-or-relais-tooltip {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-or-relais-tooltip > h1,
.mxo-widget-or-relais-tooltip > h2,
.mxo-widget-or-relais-tooltip > h3,
.mxo-widget-or-relais-tooltip > h4,
.mxo-widget-or-relais-tooltip > h5,
.mxo-widget-or-relais-tooltip > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-relais-tooltip > p,
.mxo-widget-or-relais-tooltip > ul {
  margin: 0;
}
.mxo-widget-or-relais-tooltip .relais-tooltip-relaisrek {
  overflow: auto;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-cytoscape-relatiediagram {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-header > h1,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-header > h2,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-header > h3,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-header > h4,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-header > h5,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-header > p,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-header > ul {
  margin: 0;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-header .relatiediagram-toolbar {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
  overflow: hidden;
  border: 1px solid #d4d1cc;
  flex-flow: row;
  gap: 0;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content > h1,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content > h2,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content > h3,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content > h4,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content > h5,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content > p,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content > ul {
  margin: 0;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-canvas {
  flex: 1 1 auto;
  overflow: hidden;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-canvas-options {
  position: absolute;
  padding: 4px;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-legenda {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
  overflow: auto;
  width: 240px;
  border-left: 1px solid #d4d1cc;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-legenda > h1,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-legenda > h2,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-legenda > h3,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-legenda > h4,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-legenda > h5,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-legenda > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-legenda > p,
.mxo-widget-or-cytoscape-relatiediagram .relatiediagram-content .relatiediagram-legenda > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-review-voortgang {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-review-voortgang .review-voortgang-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-review-voortgang .review-voortgang-header > h1,
.mxo-widget-or-review-voortgang .review-voortgang-header > h2,
.mxo-widget-or-review-voortgang .review-voortgang-header > h3,
.mxo-widget-or-review-voortgang .review-voortgang-header > h4,
.mxo-widget-or-review-voortgang .review-voortgang-header > h5,
.mxo-widget-or-review-voortgang .review-voortgang-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-review-voortgang .review-voortgang-header > p,
.mxo-widget-or-review-voortgang .review-voortgang-header > ul {
  margin: 0;
}
.mxo-widget-or-review-voortgang .review-voortgang-header .review-voortgang-header-toolbar-wrapper {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-or-review-voortgang .review-voortgang-scope {
  min-width: 0;
  margin-right: 8px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content > h1,
.mxo-widget-or-review-voortgang .review-voortgang-content > h2,
.mxo-widget-or-review-voortgang .review-voortgang-content > h3,
.mxo-widget-or-review-voortgang .review-voortgang-content > h4,
.mxo-widget-or-review-voortgang .review-voortgang-content > h5,
.mxo-widget-or-review-voortgang .review-voortgang-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content > p,
.mxo-widget-or-review-voortgang .review-voortgang-content > ul {
  margin: 0;
}
.mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.volgnummer {
  width: 100px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.commentaar {
  width: calc(100% - 100px - 120px - 90px - 200px - 150px - 132px);
}
.mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.status-afgehandeld {
  width: 30px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.reactie-count {
  width: 30px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.pagina {
  width: 30px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.bijlage-count {
  width: 30px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.commentaar-type {
  width: 90px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.commentaar-op {
  width: 200px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.geplaatst-door {
  width: 150px;
}
.mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.laatste-wijziging {
  width: 132px;
}
.pane-size-single .mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.bijlage-count,
.pane-size-single .mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.pagina,
.pane-size-single .mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.commentaar-op,
.pane-size-single .mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.geplaatst-door,
.pane-size-single .mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.laatste-wijziging {
  display: none;
}
.pane-size-single .mxo-widget-or-review-voortgang .review-voortgang-content .mxo-widget-table.review-voortgang-comments .cell.commentaar {
  width: calc(100% - 100px - 30px - 30px - 90px);
}

.mxo-widget-or-scope-selector-niet-in-collection-paragraph {
  max-width: 300px;
}

.mxo-widget-or-structure ul {
  margin: 0 0 0 -15px;
  padding: 0;
  list-style: none;
  page-break-inside: avoid;
}
.mxo-widget-or-structure ul li {
  margin: 0;
  padding: 0;
  position: relative;
  font-size: 11px;
}
.mxo-widget-or-structure ul li ul {
  margin-left: 25px;
}
.mxo-widget-or-structure ul li ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 27px;
  top: 15px;
  border-bottom: 2px solid #999992;
}
.mxo-widget-or-structure ul li .structure-item {
  cursor: pointer;
}
.mxo-widget-or-structure ul li .structure-item,
.mxo-widget-or-structure ul li .structure-item:link,
.mxo-widget-or-structure ul li .structure-item:visited {
  display: block;
  position: relative;
  padding: 9px 0 9px 42px;
  overflow: hidden;
  box-sizing: border-box;
  min-height: 36px;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  z-index: 1;
}
.mxo-widget-or-structure ul li .structure-item::after,
.mxo-widget-or-structure ul li .structure-item:link::after,
.mxo-widget-or-structure ul li .structure-item:visited::after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  left: 25px;
  top: 15px;
  border-left: 2px solid #999992;
}
.mxo-widget-or-structure ul li .structure-item::before,
.mxo-widget-or-structure ul li .structure-item:link::before,
.mxo-widget-or-structure ul li .structure-item:visited::before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 20px;
  top: 10px;
  box-sizing: border-box;
  background-color: #a18bb0;
  border: 6px solid #a18bb0;
  border-radius: 6px;
  z-index: 1;
}
.mxo-widget-or-structure ul li .structure-item.condensed,
.mxo-widget-or-structure ul li .structure-item:link.condensed,
.mxo-widget-or-structure ul li .structure-item:visited.condensed {
  padding: 5px 0 0 42px;
}
.mxo-widget-or-structure ul li .structure-item .number,
.mxo-widget-or-structure ul li .structure-item:link .number,
.mxo-widget-or-structure ul li .structure-item:visited .number,
.mxo-widget-or-structure ul li .structure-item .subtext,
.mxo-widget-or-structure ul li .structure-item:link .subtext,
.mxo-widget-or-structure ul li .structure-item:visited .subtext {
  font-weight: normal;
  color: #999992;
}
.mxo-widget-or-structure ul li .structure-item .number::after,
.mxo-widget-or-structure ul li .structure-item:link .number::after,
.mxo-widget-or-structure ul li .structure-item:visited .number::after,
.mxo-widget-or-structure ul li .structure-item .subtext::after,
.mxo-widget-or-structure ul li .structure-item:link .subtext::after,
.mxo-widget-or-structure ul li .structure-item:visited .subtext::after,
.mxo-widget-or-structure ul li .structure-item .number::before,
.mxo-widget-or-structure ul li .structure-item:link .number::before,
.mxo-widget-or-structure ul li .structure-item:visited .number::before,
.mxo-widget-or-structure ul li .structure-item .subtext::before,
.mxo-widget-or-structure ul li .structure-item:link .subtext::before,
.mxo-widget-or-structure ul li .structure-item:visited .subtext::before {
  content: none;
}
.mxo-widget-or-structure ul li .structure-item .number,
.mxo-widget-or-structure ul li .structure-item:link .number,
.mxo-widget-or-structure ul li .structure-item:visited .number {
  display: inline;
  padding: 0;
}
.mxo-widget-or-structure ul li .structure-item .subtext,
.mxo-widget-or-structure ul li .structure-item:link .subtext,
.mxo-widget-or-structure ul li .structure-item:visited .subtext {
  display: block;
  padding: 4px 0 0 0;
  font-size: 11px;
}
.mxo-widget-or-structure ul li .structure-item.disabled {
  cursor: default;
  color: #999992;
}
.mxo-widget-or-structure ul li .actions {
  margin: 4px 0 0 0;
  float: right;
  z-index: 2;
}
.mxo-widget-or-structure ul li.no-children .structure-item::after,
.mxo-widget-or-structure ul li.no-children .structure-item:link::after,
.mxo-widget-or-structure ul li.no-children .structure-item:visited::after {
  content: none;
}
.mxo-widget-or-structure ul li.removed > .structure-item,
.mxo-widget-or-structure ul li.removed > .structure-item:link,
.mxo-widget-or-structure ul li.removed > .structure-item:visited {
  text-decoration: line-through;
}
.mxo-widget-or-structure ul li.no-parent > .structure-item,
.mxo-widget-or-structure ul li.no-parent > .structure-item:link,
.mxo-widget-or-structure ul li.no-parent > .structure-item:visited {
  color: #999992;
}
.mxo-widget-or-structure ul li.no-parent > .structure-item::after,
.mxo-widget-or-structure ul li.no-parent > .structure-item:link::after,
.mxo-widget-or-structure ul li.no-parent > .structure-item:visited::after {
  border-left: 2px solid #ccccc2;
}
.mxo-widget-or-structure ul li.no-parent > .structure-item::before,
.mxo-widget-or-structure ul li.no-parent > .structure-item:link::before,
.mxo-widget-or-structure ul li.no-parent > .structure-item:visited::before {
  background-color: #ffffff;
  border: 2px solid #ccccc2;
}
.mxo-widget-or-structure ul li.no-parent li::after,
.mxo-widget-or-structure ul li.no-parent li::before,
.mxo-widget-or-structure ul li.no-parent .current-level::after {
  border-color: #ccccc2;
}
.mxo-widget-or-structure ul li.no-parent .current-level li li::after,
.mxo-widget-or-structure ul li.no-parent .current-level li li::before {
  border-color: #999992;
}
.mxo-widget-or-structure ul li.current {
  font-size: 14px;
  font-weight: bold;
  color: #5f7c78;
}
.mxo-widget-or-structure ul li.current ul {
  display: none;
}
.mxo-widget-or-structure ul li.current ul li {
  font-size: 11px;
  font-weight: normal;
  color: #3a3a33;
}
.mxo-widget-or-structure ul li.current ul li li {
  font-size: 11px;
}
.mxo-widget-or-structure ul li.current ul li .structure-item::before,
.mxo-widget-or-structure ul li.current ul li .structure-item:link::before,
.mxo-widget-or-structure ul li.current ul li .structure-item:visited::before {
  background-color: #678db7;
  border: 6px solid #678db7;
}
.mxo-widget-or-structure ul li.current > .structure-item,
.mxo-widget-or-structure ul li.current > .structure-item:link,
.mxo-widget-or-structure ul li.current > .structure-item:visited {
  padding-top: 7px;
  padding-bottom: 8px;
  color: #5f7c78;
}
.mxo-widget-or-structure ul li.current > .structure-item::before,
.mxo-widget-or-structure ul li.current > .structure-item:link::before,
.mxo-widget-or-structure ul li.current > .structure-item:visited::before {
  width: 16px;
  height: 16px;
  left: 18px;
  top: 8px;
  background-color: #5f7c78;
  border: 8px solid #5f7c78;
  border-radius: 8px;
}
.mxo-widget-or-structure ul li.current > .structure-item::after,
.mxo-widget-or-structure ul li.current > .structure-item:link::after,
.mxo-widget-or-structure ul li.current > .structure-item:visited::after {
  content: "";
  border-left: 2px dashed #999992;
}
.mxo-widget-or-structure ul li.current > .structure-item:hover {
  color: #6c8f89;
}
.mxo-widget-or-structure ul li.current.open ul {
  display: block;
}
.mxo-widget-or-structure ul li.current.open > .structure-item::after,
.mxo-widget-or-structure ul li.current.open > .structure-item:link::after,
.mxo-widget-or-structure ul li.current.open > .structure-item:visited::after {
  content: "";
  border-left: 2px solid #999992;
}
.mxo-widget-or-structure ul li.current.no-children > .structure-item::after,
.mxo-widget-or-structure ul li.current.no-children > .structure-item:link::after,
.mxo-widget-or-structure ul li.current.no-children > .structure-item:visited::after {
  content: "";
  border-left: 2px solid #ccccc2;
}
.mxo-widget-or-structure ul li.current.no-children.empty > .structure-item::after,
.mxo-widget-or-structure ul li.current.no-children.empty > .structure-item:link::after,
.mxo-widget-or-structure ul li.current.no-children.empty > .structure-item:visited::after {
  content: none;
}
.mxo-widget-or-structure li li::after,
.mxo-widget-or-structure .current-level.no-siblings li li::after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  border-left: 2px solid #999992;
}
.mxo-widget-or-structure li li:last-child::after,
.mxo-widget-or-structure .current-level.no-siblings li li:last-child::after {
  height: 15px;
}
.mxo-widget-or-structure .current-level {
  position: relative;
}
.mxo-widget-or-structure .current-level::after {
  content: "";
  display: block;
  position: absolute;
  height: 15px;
  top: 0;
  left: 25px;
  border-left: 2px solid #999992;
}
.mxo-widget-or-structure .current-level.open::after {
  content: none;
}
.mxo-widget-or-structure .current-level li {
  display: none;
  font-size: 12px;
}
.mxo-widget-or-structure .current-level li li {
  display: block;
  font-size: 12px;
}
.mxo-widget-or-structure .current-level li::after {
  border-left: 2px dashed #999992;
}
.mxo-widget-or-structure .current-level li .structure-item::after,
.mxo-widget-or-structure .current-level li .structure-item:link::after,
.mxo-widget-or-structure .current-level li .structure-item:visited::after {
  content: none;
}
.mxo-widget-or-structure .current-level li .structure-item::before,
.mxo-widget-or-structure .current-level li .structure-item:link::before,
.mxo-widget-or-structure .current-level li .structure-item:visited::before {
  background-color: #8fa3a0;
  border: 6px solid #8fa3a0;
}
.mxo-widget-or-structure .current-level.open li,
.mxo-widget-or-structure .current-level li.current {
  display: block;
}
.mxo-widget-or-structure .current-level li li::after,
.mxo-widget-or-structure .current-level.open li::after {
  border-left: 2px solid #999992;
}
.mxo-widget-or-structure .current-level.no-siblings li::after {
  border-left: 2px solid #ccccc2;
  top: 17px;
  height: 100%;
}
.mxo-widget-or-structure.tree ul li {
  font-size: 12px;
}
.mxo-widget-or-structure.tree ul li .structure-item::before,
.mxo-widget-or-structure.tree ul li .structure-item:link::before,
.mxo-widget-or-structure.tree ul li .structure-item:visited::before {
  background-color: #ffffff;
  border: 2px solid #5f7c78;
}
.mxo-widget-or-structure.tree ul li.current {
  font-size: 15px;
}
.mxo-widget-or-structure.tree ul li.current > .structure-item,
.mxo-widget-or-structure.tree ul li.current > .structure-item:link,
.mxo-widget-or-structure.tree ul li.current > .structure-item:visited {
  color: #5f7c78;
}
.mxo-widget-or-structure.tree ul li.current > .structure-item::before,
.mxo-widget-or-structure.tree ul li.current > .structure-item:link::before,
.mxo-widget-or-structure.tree ul li.current > .structure-item:visited::before {
  width: 16px;
  height: 16px;
  left: 18px;
  top: 8px;
  background-color: #5f7c78;
  border: 8px solid #5f7c78;
  border-radius: 8px;
}
.mxo-widget-or-structure.tree ul li.current > .structure-item::after,
.mxo-widget-or-structure.tree ul li.current > .structure-item:link::after,
.mxo-widget-or-structure.tree ul li.current > .structure-item:visited::after {
  content: "";
  border-left: 2px solid #999992;
}
.mxo-widget-or-structure.tree ul li.current > .structure-item .subtext,
.mxo-widget-or-structure.tree ul li.current > .structure-item:link .subtext,
.mxo-widget-or-structure.tree ul li.current > .structure-item:visited .subtext {
  font-size: 11px;
  color: #3a3a33;
}
.mxo-widget-or-structure.tree ul li.current ul {
  display: block;
}
.mxo-widget-or-structure.tree ul li.current ul li.current-path .structure-item::before,
.mxo-widget-or-structure.tree ul li.current ul li.current-path .structure-item:link::before,
.mxo-widget-or-structure.tree ul li.current ul li.current-path .structure-item:visited::before {
  background-color: #a18bb0;
  border: 2px solid #a18bb0;
}
.mxo-widget-or-structure.tree ul li.current ul li .structure-item::before,
.mxo-widget-or-structure.tree ul li.current ul li .structure-item:link::before,
.mxo-widget-or-structure.tree ul li.current ul li .structure-item:visited::before {
  background-color: #ffffff;
  border: 2px solid #5f7c78;
}
.mxo-widget-or-structure.tree ul li.current.no-children > .structure-item::after,
.mxo-widget-or-structure.tree ul li.current.no-children > .structure-item:link::after,
.mxo-widget-or-structure.tree ul li.current.no-children > .structure-item:visited::after {
  content: none;
}
.mxo-widget-or-structure.tree ul li.current-path > .structure-item::before,
.mxo-widget-or-structure.tree ul li.current-path > .structure-item:link::before,
.mxo-widget-or-structure.tree ul li.current-path > .structure-item:visited::before {
  background-color: #a18bb0;
  border: 6px solid #a18bb0;
}
.mxo-widget-or-structure .toggle-empty,
.mxo-widget-or-structure .toggle-more,
.mxo-widget-or-structure .toggle-open,
.mxo-widget-or-structure .toggle-close,
.mxo-widget-or-structure .toggle-empty:link,
.mxo-widget-or-structure .toggle-more:link,
.mxo-widget-or-structure .toggle-open:link,
.mxo-widget-or-structure .toggle-close:link,
.mxo-widget-or-structure .toggle-empty:visited,
.mxo-widget-or-structure .toggle-more:visited,
.mxo-widget-or-structure .toggle-open:visited,
.mxo-widget-or-structure .toggle-close:visited {
  display: block;
  position: relative;
  padding: 0;
  margin-left: 25px;
  text-decoration: none;
  font-weight: normal;
  color: #999992;
}
.mxo-widget-or-structure .toggle-empty .toggle-label,
.mxo-widget-or-structure .toggle-more .toggle-label,
.mxo-widget-or-structure .toggle-open .toggle-label,
.mxo-widget-or-structure .toggle-close .toggle-label {
  display: block;
  position: relative;
  padding: 9px 0 9px 42px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  z-index: 1;
}
.mxo-widget-or-structure .toggle-open:hover,
.mxo-widget-or-structure .toggle-close:hover {
  color: #5f7c78;
}
.mxo-widget-or-structure .toggle-open .toggle-label,
.mxo-widget-or-structure .toggle-close .toggle-label {
  padding-right: 24px;
}
.mxo-widget-or-structure .toggle-open .toggle-label::after,
.mxo-widget-or-structure .toggle-close .toggle-label::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: auto;
  right: 0;
  top: auto;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 11px;
  border: 0 none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%235d5e59%22%20d%3D%22M14.364%203.808l-6.364%206.364-6.364-6.364-1.414%201.414%207.778%207.778%207.778-7.778z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-or-structure li.current .toggle-more,
.mxo-widget-or-structure li.current .toggle-empty,
.mxo-widget-or-structure li.current .toggle-open,
.mxo-widget-or-structure li.current .toggle-close,
.mxo-widget-or-structure li.current .toggle-more:link,
.mxo-widget-or-structure li.current .toggle-empty:link,
.mxo-widget-or-structure li.current .toggle-open:link,
.mxo-widget-or-structure li.current .toggle-close:link,
.mxo-widget-or-structure li.current .toggle-more:visited,
.mxo-widget-or-structure li.current .toggle-empty:visited,
.mxo-widget-or-structure li.current .toggle-open:visited,
.mxo-widget-or-structure li.current .toggle-close:visited {
  padding: 0;
  font-size: 11px;
}
.mxo-widget-or-structure .toggle-close,
.mxo-widget-or-structure .current-level.open > .toggle-open,
.mxo-widget-or-structure li.current.open .toggle-open,
.mxo-widget-or-structure .toggle-close:link,
.mxo-widget-or-structure .current-level.open > .toggle-open:link,
.mxo-widget-or-structure li.current.open .toggle-open:link,
.mxo-widget-or-structure .toggle-close:visited,
.mxo-widget-or-structure .current-level.open > .toggle-open:visited,
.mxo-widget-or-structure li.current.open .toggle-open:visited {
  display: none;
}
.mxo-widget-or-structure .current-level.open > .toggle-close,
.mxo-widget-or-structure li.current.open .toggle-close,
.mxo-widget-or-structure .current-level.open > .toggle-close:link,
.mxo-widget-or-structure li.current.open .toggle-close:link,
.mxo-widget-or-structure .current-level.open > .toggle-close:visited,
.mxo-widget-or-structure li.current.open .toggle-close:visited {
  display: block;
}
.mxo-widget-or-structure .toggle-empty::before,
.mxo-widget-or-structure .toggle-more::before,
.mxo-widget-or-structure .toggle-open::before,
.mxo-widget-or-structure .toggle-empty:link::before,
.mxo-widget-or-structure .toggle-more:link::before,
.mxo-widget-or-structure .toggle-open:link::before,
.mxo-widget-or-structure .toggle-empty:visited::before,
.mxo-widget-or-structure .toggle-more:visited::before,
.mxo-widget-or-structure .toggle-open:visited::before {
  content: "";
  display: block;
  position: absolute;
  left: auto;
  top: 15px;
  width: 30px;
  height: auto;
  background: none;
  border: 0 none;
  border-bottom: 2px dashed #999992;
  border-radius: 0;
}
.mxo-widget-or-structure .toggle-empty::after,
.mxo-widget-or-structure .toggle-more::after,
.mxo-widget-or-structure .toggle-open::after,
.mxo-widget-or-structure .toggle-empty:link::after,
.mxo-widget-or-structure .toggle-more:link::after,
.mxo-widget-or-structure .toggle-open:link::after,
.mxo-widget-or-structure .toggle-empty:visited::after,
.mxo-widget-or-structure .toggle-more:visited::after,
.mxo-widget-or-structure .toggle-open:visited::after {
  content: "";
  display: block;
  position: absolute;
  height: 15px;
  top: 0;
  left: 0;
  border-left: 2px dashed #999992;
}
.mxo-widget-or-structure .toggle-empty .toggle-label::before,
.mxo-widget-or-structure .toggle-more .toggle-label::before,
.mxo-widget-or-structure .toggle-open .toggle-label::before,
.mxo-widget-or-structure .toggle-empty:link .toggle-label::before,
.mxo-widget-or-structure .toggle-more:link .toggle-label::before,
.mxo-widget-or-structure .toggle-open:link .toggle-label::before,
.mxo-widget-or-structure .toggle-empty:visited .toggle-label::before,
.mxo-widget-or-structure .toggle-more:visited .toggle-label::before,
.mxo-widget-or-structure .toggle-open:visited .toggle-label::before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 20px;
  top: 10px;
  box-sizing: border-box;
  background: #ffffff;
  border: 2px solid #a18bb0;
  border-radius: 6px;
  z-index: 1;
}
.mxo-widget-or-structure .toggle-close::before,
.mxo-widget-or-structure .toggle-close:link::before,
.mxo-widget-or-structure .toggle-close:visited::before {
  display: none;
}
.mxo-widget-or-structure .toggle-close::after,
.mxo-widget-or-structure .toggle-close:link::after,
.mxo-widget-or-structure .toggle-close:visited::after {
  content: none;
}
.mxo-widget-or-structure .toggle-close .toggle-label::before,
.mxo-widget-or-structure .toggle-close:link .toggle-label::before,
.mxo-widget-or-structure .toggle-close:visited .toggle-label::before {
  content: none;
}
.mxo-widget-or-structure .toggle-empty::before,
.mxo-widget-or-structure .toggle-empty:link::before,
.mxo-widget-or-structure .toggle-empty:visited::before {
  border-bottom: 2px solid #ccccc2;
}
.mxo-widget-or-structure .toggle-empty::after,
.mxo-widget-or-structure .toggle-empty:link::after,
.mxo-widget-or-structure .toggle-empty:visited::after {
  border-left: 2px solid #ccccc2;
}
.mxo-widget-or-structure .toggle-empty .toggle-label::before,
.mxo-widget-or-structure .toggle-empty:link .toggle-label::before,
.mxo-widget-or-structure .toggle-empty:visited .toggle-label::before {
  background: #ffffff;
  border: 2px solid #ccccc2;
}
.mxo-widget-or-structure .toggle-empty .toggle-label::after,
.mxo-widget-or-structure .toggle-empty:link .toggle-label::after,
.mxo-widget-or-structure .toggle-empty:visited .toggle-label::after {
  content: none;
}
.mxo-widget-or-structure .toggle-close .toggle-label::after,
.mxo-widget-or-structure .current-level .toggle-close .toggle-label::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%235d5e59%22%20d%3D%22M1.636%2012.192l6.364-6.364%206.364%206.364%201.414-1.414-7.778-7.778-7.778%207.778z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-or-structure .current-level .toggle-more .toggle-label::before,
.mxo-widget-or-structure .current-level a.toggle-open .toggle-label::before {
  background: #ffffff;
  border: 2px solid #8fa3a0;
}
.mxo-widget-or-structure li.current .toggle-more .toggle-label::before,
.mxo-widget-or-structure li.current a.toggle-open .toggle-label::before {
  background: #ffffff;
  border: 2px solid #678db7;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-taken {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-taken .taken-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-taken .taken-header > h1,
.mxo-widget-or-taken .taken-header > h2,
.mxo-widget-or-taken .taken-header > h3,
.mxo-widget-or-taken .taken-header > h4,
.mxo-widget-or-taken .taken-header > h5,
.mxo-widget-or-taken .taken-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-taken .taken-header > p,
.mxo-widget-or-taken .taken-header > ul {
  margin: 0;
}
.mxo-widget-or-taken .taken-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-taken .taken-content > h1,
.mxo-widget-or-taken .taken-content > h2,
.mxo-widget-or-taken .taken-content > h3,
.mxo-widget-or-taken .taken-content > h4,
.mxo-widget-or-taken .taken-content > h5,
.mxo-widget-or-taken .taken-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-taken .taken-content > p,
.mxo-widget-or-taken .taken-content > ul {
  margin: 0;
}
.mxo-widget-or-taak {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-taak .taak-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-taak .taak-header > h1,
.mxo-widget-or-taak .taak-header > h2,
.mxo-widget-or-taak .taak-header > h3,
.mxo-widget-or-taak .taak-header > h4,
.mxo-widget-or-taak .taak-header > h5,
.mxo-widget-or-taak .taak-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-taak .taak-header > p,
.mxo-widget-or-taak .taak-header > ul {
  margin: 0;
}
.mxo-widget-or-taak .taak-content .taak-content-detail {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-taak .taak-content .taak-content-detail > h1,
.mxo-widget-or-taak .taak-content .taak-content-detail > h2,
.mxo-widget-or-taak .taak-content .taak-content-detail > h3,
.mxo-widget-or-taak .taak-content .taak-content-detail > h4,
.mxo-widget-or-taak .taak-content .taak-content-detail > h5,
.mxo-widget-or-taak .taak-content .taak-content-detail > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-taak .taak-content .taak-content-detail > p,
.mxo-widget-or-taak .taak-content .taak-content-detail > ul {
  margin: 0;
}
.mxo-widget-or-taak-entiteit-koppelen {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-header > h1,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-header > h2,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-header > h3,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-header > h4,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-header > h5,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-header > p,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-header > ul {
  margin: 0;
}
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-content > h1,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-content > h2,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-content > h3,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-content > h4,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-content > h5,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-content > p,
.mxo-widget-or-taak-entiteit-koppelen .taak-entiteit-koppelen-content > ul {
  margin: 0;
}
.mxo-widget-table.taken .cell.naam {
  width: calc(100% - 30px - 150px - 90px - 130px);
}
.mxo-widget-table.taken .cell.entiteiten {
  width: 30px;
}
.mxo-widget-table.taken .cell.persoon {
  width: 150px;
}
.mxo-widget-table.taken .cell.status {
  width: 90px;
}
.mxo-widget-table.taken .cell.laatst-gewijzigd {
  width: 130px;
}
.pane-size-single .mxo-widget-table.taken .cell.naam {
  width: calc(100% - 150px - 90px);
}
.pane-size-single .mxo-widget-table.taken .cell.entiteiten {
  display: none;
}
.pane-size-single .mxo-widget-table.taken .cell.laatst-gewijzigd {
  display: none;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-objectenregister-titelblok {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-objectenregister-titelblok .titelblok-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-objectenregister-titelblok .titelblok-header > h1,
.mxo-widget-objectenregister-titelblok .titelblok-header > h2,
.mxo-widget-objectenregister-titelblok .titelblok-header > h3,
.mxo-widget-objectenregister-titelblok .titelblok-header > h4,
.mxo-widget-objectenregister-titelblok .titelblok-header > h5,
.mxo-widget-objectenregister-titelblok .titelblok-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-objectenregister-titelblok .titelblok-header > p,
.mxo-widget-objectenregister-titelblok .titelblok-header > ul {
  margin: 0;
}
.mxo-widget-objectenregister-titelblok .titelblok-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-objectenregister-titelblok .titelblok-content > h1,
.mxo-widget-objectenregister-titelblok .titelblok-content > h2,
.mxo-widget-objectenregister-titelblok .titelblok-content > h3,
.mxo-widget-objectenregister-titelblok .titelblok-content > h4,
.mxo-widget-objectenregister-titelblok .titelblok-content > h5,
.mxo-widget-objectenregister-titelblok .titelblok-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-objectenregister-titelblok .titelblok-content > p,
.mxo-widget-objectenregister-titelblok .titelblok-content > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-typenboom {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-typenboom .typenboom-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-typenboom .typenboom-header > h1,
.mxo-widget-or-typenboom .typenboom-header > h2,
.mxo-widget-or-typenboom .typenboom-header > h3,
.mxo-widget-or-typenboom .typenboom-header > h4,
.mxo-widget-or-typenboom .typenboom-header > h5,
.mxo-widget-or-typenboom .typenboom-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-typenboom .typenboom-header > p,
.mxo-widget-or-typenboom .typenboom-header > ul {
  margin: 0;
}
.mxo-widget-or-typenboom .typenboom-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-typenboom .typenboom-content > h1,
.mxo-widget-or-typenboom .typenboom-content > h2,
.mxo-widget-or-typenboom .typenboom-content > h3,
.mxo-widget-or-typenboom .typenboom-content > h4,
.mxo-widget-or-typenboom .typenboom-content > h5,
.mxo-widget-or-typenboom .typenboom-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-typenboom .typenboom-content > p,
.mxo-widget-or-typenboom .typenboom-content > ul {
  margin: 0;
}
.mxo-widget-or-typenboom .mxo-widget-table.typenboom .cell.type {
  width: calc(100% - 50px);
}
.mxo-widget-or-typenboom .mxo-widget-table.typenboom .cell.actions {
  width: 50px;
}

/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
.mxo-widget-or-uploader {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-or-uploader > h1,
.mxo-widget-or-uploader > h2,
.mxo-widget-or-uploader > h3,
.mxo-widget-or-uploader > h4,
.mxo-widget-or-uploader > h5,
.mxo-widget-or-uploader > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-uploader > p,
.mxo-widget-or-uploader > ul {
  margin: 0;
}
.mxo-widget-or-uploader .collectielijst {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-or-uploader .collectielijst > h1,
.mxo-widget-or-uploader .collectielijst > h2,
.mxo-widget-or-uploader .collectielijst > h3,
.mxo-widget-or-uploader .collectielijst > h4,
.mxo-widget-or-uploader .collectielijst > h5,
.mxo-widget-or-uploader .collectielijst > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-uploader .collectielijst > p,
.mxo-widget-or-uploader .collectielijst > ul {
  margin: 0;
}
.mxo-widget-or-uploader .summary-toolbar {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-or-uploader .mxo-widget-table.advanced-upload-list .cell.bestand {
  width: calc(100% - 50px - 300px);
}
.mxo-widget-or-uploader .mxo-widget-table.advanced-upload-list .cell.icon {
  width: 50px;
}
.mxo-widget-or-uploader .mxo-widget-table.advanced-upload-list .cell.upload-actie {
  width: 300px;
}
.mxo-widget-or-uploader .upload-selectbox-wrapper .selectbox-options {
  background-color: #ffffff;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-validaties {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-or-validaties .validaties-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-or-validaties .validaties-header > h1,
.mxo-widget-or-validaties .validaties-header > h2,
.mxo-widget-or-validaties .validaties-header > h3,
.mxo-widget-or-validaties .validaties-header > h4,
.mxo-widget-or-validaties .validaties-header > h5,
.mxo-widget-or-validaties .validaties-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-validaties .validaties-header > p,
.mxo-widget-or-validaties .validaties-header > ul {
  margin: 0;
}
.mxo-widget-or-validaties .validaties-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-or-validaties .validaties-content > h1,
.mxo-widget-or-validaties .validaties-content > h2,
.mxo-widget-or-validaties .validaties-content > h3,
.mxo-widget-or-validaties .validaties-content > h4,
.mxo-widget-or-validaties .validaties-content > h5,
.mxo-widget-or-validaties .validaties-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-or-validaties .validaties-content > p,
.mxo-widget-or-validaties .validaties-content > ul {
  margin: 0;
}
.mxo-widget-or-validaties .validaties-content .mxo-widget-table.validaties .cell.melding {
  width: calc(100% - 680px);
}
.mxo-widget-or-validaties .validaties-content .mxo-widget-table.validaties .cell.bron {
  width: 340px;
}
.mxo-widget-or-validaties .validaties-content .mxo-widget-table.validaties .cell.entiteit {
  width: 340px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Divider */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Shadow */
/* Background */
/* Status */
/* Align child elements (i.e. Toolbar in child <div>) left and right */
/** @deprecated use .align-left-and-right() */
/** @deprecated use .align-left-and-right(), 'group' distance is determined by container parent */
/** @deprecated use .align-left-and-right(), 'closer' distance is determined by container parent */
/* group area */
.grouparea {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
}
.grouparea > h1,
.grouparea > h2,
.grouparea > h3,
.grouparea > h4,
.grouparea > h5,
.grouparea > h6 {
  margin-bottom: -10px;
}
.grouparea > p,
.grouparea > ul {
  margin: 0;
}
/* visualizations / diagrams */
.diagram-container {
  overflow: hidden;
  border: 1px solid #d4d1cc;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-or-validaties-file {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
  justify-content: center;
}
.mxo-widget-or-validaties-file.validatie-bezig .mxo-widget-emptystate .emptystate-image {
  background-image: url(4879dba35b92f1f1d696.png);
}
.mxo-widget-or-validaties-file.validatie-voltooid .mxo-widget-emptystate .emptystate-image {
  background-image: url(d6ee9d98cd0ef72e06eb.png);
}


/*# sourceMappingURL=index.52a6f2d6c62822bc0aac.css.map*/