/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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-markdown {
  position: relative;
  white-space: normal;
  overflow-x: auto;
  line-height: 1.4;
  /* IE-compatible version; ::marker version: https://codepen.io/MoxioHD/pen/GRrjpRb */
}
.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%236c8f89%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%236c8f89%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%23fbfbfa%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%23fbfbfa%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%23506762%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%23506762%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%23fbfbfa%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%23fbfbfa%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;
  position: relative;
}
.mxo-widget-markdown ol.ordinal li::before {
  content: counter(item, decimal) "\00BA.";
  counter-increment: item;
  position: absolute;
  right: 100%;
  word-break: normal;
  /* fix to prevent wrapping in multiline table */
}
.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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
/* 	Needed for legacy fabric components:
	- content
*/
@font-face {
  font-family: "IBM Plex Sans";
  src: url(d9a6eb29853ef9525bd5.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url(cf746248082c1e55bec1.woff2) format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url(eaf3a06714b182f21937.woff2) format("woff2");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "iA Writer Quattro";
  src: url(45c0869696c024909725.woff2) format("woff2");
  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;
  flex-flow: column nowrap;
}
.mxo-customer-aware {
  width: inherit;
  height: inherit;
}
/* main */
.mxo-application > .main {
  display: flex;
  flex: 1 1 auto;
  overflow: auto;
}
.mxo-application > .main > .content {
  display: flex;
  flex: 1 1 auto;
  flex-flow: column;
  overflow: auto;
}
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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
*/
/* DERECATED */
.mxo-tooltip-select a.button,
a.button {
  position: relative;
  /* stylelint-disable-next-line order/order */
}
.mxo-tooltip-select a.button,
a.button,
.mxo-tooltip-select a.button:link,
a.button:link,
.mxo-tooltip-select a.button:visited,
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: normal;
  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;
}
.mxo-tooltip-select a.button:has(.icon:first-child:not(.text-before-and-after)),
a.button:has(.icon:first-child:not(.text-before-and-after)),
.mxo-tooltip-select a.button:link:has(.icon:first-child:not(.text-before-and-after)),
a.button:link:has(.icon:first-child:not(.text-before-and-after)),
.mxo-tooltip-select a.button:visited:has(.icon:first-child:not(.text-before-and-after)),
a.button:visited:has(.icon:first-child:not(.text-before-and-after)) {
  padding-left: 8px;
}
.mxo-tooltip-select a.button:has(.icon.notext):not(.button-expand-below):not(.button-expand-next):not(.button-more),
a.button:has(.icon.notext):not(.button-expand-below):not(.button-expand-next):not(.button-more),
.mxo-tooltip-select a.button:link: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),
.mxo-tooltip-select a.button:visited: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),
.mxo-tooltip-select a.button:has(.icon.text-before:last-child),
a.button:has(.icon.text-before:last-child),
.mxo-tooltip-select a.button:link:has(.icon.text-before:last-child),
a.button:link:has(.icon.text-before:last-child),
.mxo-tooltip-select a.button:visited:has(.icon.text-before:last-child),
a.button:visited:has(.icon.text-before:last-child) {
  padding-right: 8px;
}
.mxo-widget-diagram-node .mxo-tooltip-select a.button,
.mxo-widget-diagram-node a.button,
.mxo-widget-diagram-node .mxo-tooltip-select a.button:link,
.mxo-widget-diagram-node a.button:link,
.mxo-widget-diagram-node .mxo-tooltip-select a.button:visited,
.mxo-widget-diagram-node a.button:visited,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-tooltip-select a.button,
.mxo-widget-table:not(.spacious) .row .cells .cell a.button,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-tooltip-select a.button:link,
.mxo-widget-table:not(.spacious) .row .cells .cell a.button:link,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-tooltip-select a.button:visited,
.mxo-widget-table:not(.spacious) .row .cells .cell a.button:visited,
.mxo-widget-keyvalue .keyvalue-property-key .mxo-tooltip-select a.button,
.mxo-widget-keyvalue .keyvalue-property-key a.button,
.mxo-widget-keyvalue .keyvalue-property-key .mxo-tooltip-select a.button:link,
.mxo-widget-keyvalue .keyvalue-property-key a.button:link,
.mxo-widget-keyvalue .keyvalue-property-key .mxo-tooltip-select a.button:visited,
.mxo-widget-keyvalue .keyvalue-property-key a.button:visited,
.mxo-widget-panes2 .pane-heading-edit-button .mxo-tooltip-select a.button,
.mxo-widget-panes2 .pane-heading-edit-button a.button,
.mxo-widget-panes2 .pane-heading-edit-button .mxo-tooltip-select a.button:link,
.mxo-widget-panes2 .pane-heading-edit-button a.button:link,
.mxo-widget-panes2 .pane-heading-edit-button .mxo-tooltip-select a.button:visited,
.mxo-widget-panes2 .pane-heading-edit-button a.button:visited,
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar .mxo-tooltip-select a.button,
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar a.button,
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar .mxo-tooltip-select a.button:link,
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar a.button:link,
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar .mxo-tooltip-select a.button:visited,
.mxo-widget-markdown-editor-v2 .markdown-editor-toolbar a.button:visited {
  height: 24px;
  line-height: 24px;
}
.mxo-widget-diagram-node .mxo-tooltip-select a.button,
.mxo-widget-diagram-node a.button,
.mxo-widget-diagram-node .mxo-tooltip-select a.button:link,
.mxo-widget-diagram-node a.button:link,
.mxo-widget-diagram-node .mxo-tooltip-select a.button:visited,
.mxo-widget-diagram-node a.button:visited,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button,
.mxo-widget-table .row .cells .cell a.button,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button:link,
.mxo-widget-table .row .cells .cell a.button:link,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button:visited,
.mxo-widget-table .row .cells .cell a.button:visited {
  vertical-align: top;
}
.mxo-widget-feedback .mxo-tooltip-select a.button,
.mxo-widget-feedback a.button,
.mxo-widget-feedback .mxo-tooltip-select a.button:link,
.mxo-widget-feedback a.button:link,
.mxo-widget-feedback .mxo-tooltip-select a.button:visited,
.mxo-widget-feedback a.button:visited {
  margin: 6px 0;
}
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 li .mxo-tooltip-select a.button,
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 li a.button,
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 li .mxo-tooltip-select a.button:link,
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 li a.button:link,
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 li .mxo-tooltip-select a.button:visited,
.mxo-widget-scope-selector .mxo-widget-toolbar-v2 li a.button:visited {
  border-radius: 0;
}
.mxo-widget-segmented-control .options li .mxo-tooltip-select a.button,
.mxo-widget-segmented-control .options li a.button,
.mxo-widget-segmented-control .options li .mxo-tooltip-select a.button:link,
.mxo-widget-segmented-control .options li a.button:link,
.mxo-widget-segmented-control .options li .mxo-tooltip-select a.button:visited,
.mxo-widget-segmented-control .options li a.button:visited {
  border-radius: 0;
  box-shadow: none;
}
.mxo-widget-segmented-control .options li:first-child .mxo-tooltip-select a.button,
.mxo-widget-segmented-control .options li:first-child a.button,
.mxo-widget-segmented-control .options li:first-child .mxo-tooltip-select a.button:link,
.mxo-widget-segmented-control .options li:first-child a.button:link,
.mxo-widget-segmented-control .options li:first-child .mxo-tooltip-select a.button:visited,
.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 .mxo-tooltip-select a.button,
.mxo-widget-segmented-control .options li:last-child a.button,
.mxo-widget-segmented-control .options li:last-child .mxo-tooltip-select a.button:link,
.mxo-widget-segmented-control .options li:last-child a.button:link,
.mxo-widget-segmented-control .options li:last-child .mxo-tooltip-select a.button:visited,
.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 .mxo-tooltip-select a.button,
.mxo-widget-segmented-control.wide .options li a.button,
.mxo-widget-segmented-control.wide .options li .mxo-tooltip-select a.button:link,
.mxo-widget-segmented-control.wide .options li a.button:link,
.mxo-widget-segmented-control.wide .options li .mxo-tooltip-select a.button:visited,
.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 .mxo-tooltip-select a.button,
.mxo-widget-toolbar-v2 a.button,
.mxo-widget-toolbar-v2 .mxo-tooltip-select a.button:link,
.mxo-widget-toolbar-v2 a.button:link,
.mxo-widget-toolbar-v2 .mxo-tooltip-select a.button:visited,
.mxo-widget-toolbar-v2 a.button:visited {
  align-self: auto;
}
.mxo-tooltip-select a.button:hover,
a.button:hover,
.styleguide-hover .mxo-tooltip-select a.button,
.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);
}
.mxo-tooltip-select a.button:active,
a.button:active,
.styleguide-active .mxo-tooltip-select a.button,
.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);
}
.mxo-tooltip-select a.button:focus,
a.button:focus,
.mxo-tooltip-select a.button:active,
a.button:active,
.styleguide-focus .mxo-tooltip-select a.button,
.styleguide-focus a.button,
.styleguide-active .mxo-tooltip-select a.button,
.styleguide-active a.button {
  outline: none;
}
.mxo-tooltip-select a.button.disabled,
a.button.disabled {
  cursor: default;
  box-shadow: none;
}
.mxo-tooltip-select a.button,
a.button,
.mxo-tooltip-select a.button:link,
a.button:link,
.mxo-tooltip-select a.button:visited,
a.button:visited {
  color: #00575e;
  background: #f0f0eb;
  box-shadow: none;
}
.mxo-tooltip-select a.button:hover,
a.button:hover,
.mxo-tooltip-select a.button:active,
a.button:active,
.styleguide-hover .mxo-tooltip-select a.button,
.styleguide-hover a.button,
.styleguide-active .mxo-tooltip-select a.button,
.styleguide-active a.button {
  color: #00575e;
  background: #e3e3de;
}
.mxo-tooltip-select a.button:focus-visible,
a.button:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button,
.styleguide-focus a.button {
  color: #00575e;
  background: #f0f0eb;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-tooltip-select a.button:focus-visible::before,
a.button:focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button::before,
.styleguide-focus a.button::before {
  content: "";
  display: block;
  position: absolute;
  inset: 1.5px;
  border: 0.5px solid #fcfcfb;
  border-radius: 2.5px;
}
.mxo-tooltip-select a.button.disabled,
a.button.disabled,
.mxo-tooltip-select a.button.disabled:link,
a.button.disabled:link,
.mxo-tooltip-select a.button.disabled:visited,
a.button.disabled:visited {
  color: #b2b0ab;
  background: #f0f0eb;
}
.mxo-tooltip-select a.button.disabled:focus-visible,
a.button.disabled:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.disabled,
.styleguide-focus a.button.disabled {
  outline: none;
}
.mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary),
a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):link,
a.button.button-color-selected:not(.button-primary):not(.button-secondary):link,
.mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):visited,
a.button.button-color-selected:not(.button-primary):not(.button-secondary):visited {
  color: #fcfcfb;
  background: #3d9c9c;
  box-shadow: none;
}
.mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):hover,
a.button.button-color-selected:not(.button-primary):not(.button-secondary):hover,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-hover a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-active .mxo-tooltip-select 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;
}
.mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible,
a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.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;
}
.mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary)::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;
}
.mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled,
a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled,
.mxo-tooltip-select 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:link,
.mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:visited,
a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #b2b0ab;
  background: #f0f0eb;
}
.mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:focus-visible,
a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled,
.styleguide-focus a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
.mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.mxo-widget-group-segmented-control .mxo-tooltip-select 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) {
  cursor: default;
}
.mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.mxo-widget-group-segmented-control .mxo-tooltip-select 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),
.mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):link,
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary):link,
.mxo-widget-group-segmented-control .mxo-tooltip-select 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):link,
.mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):visited,
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary):visited,
.mxo-widget-group-segmented-control .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):visited,
.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-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):hover,
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary):hover,
.mxo-widget-group-segmented-control .mxo-tooltip-select 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):hover,
.mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):active,
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary):active,
.mxo-widget-group-segmented-control .mxo-tooltip-select 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-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-hover .mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-hover .mxo-widget-group-segmented-control .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-hover .mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-active .mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-active .mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-active .mxo-widget-group-segmented-control .mxo-tooltip-select 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-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible,
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible,
.mxo-widget-group-segmented-control .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible,
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus .mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-focus .mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.styleguide-focus .mxo-widget-group-segmented-control .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary),
.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-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
.mxo-widget-group-segmented-control .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary)::before,
.styleguide-focus .mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary)::before,
.styleguide-focus .mxo-widget-group-segmented-control .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary)::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-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled,
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled,
.mxo-widget-group-segmented-control .mxo-tooltip-select 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,
.mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:link,
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:link,
.mxo-widget-group-segmented-control .mxo-tooltip-select 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:link,
.mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:visited,
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:visited,
.mxo-widget-group-segmented-control .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:visited,
.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-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.mxo-widget-group-segmented-control .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus .mxo-widget-group-toggle .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled,
.styleguide-focus .mxo-widget-group-toggle a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled,
.styleguide-focus .mxo-widget-group-segmented-control .mxo-tooltip-select a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled,
.styleguide-focus .mxo-widget-group-segmented-control a.button.button-color-selected:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
.mxo-tooltip-select a.button.button-primary,
a.button.button-primary,
.mxo-tooltip-select a.button.button-primary:link,
a.button.button-primary:link,
.mxo-tooltip-select a.button.button-primary:visited,
a.button.button-primary:visited {
  color: #ffffff;
  background: #127578;
  box-shadow: none;
}
.mxo-tooltip-select a.button.button-primary:hover,
a.button.button-primary:hover,
.mxo-tooltip-select a.button.button-primary:active,
a.button.button-primary:active,
.styleguide-hover .mxo-tooltip-select a.button.button-primary,
.styleguide-hover a.button.button-primary,
.styleguide-active .mxo-tooltip-select a.button.button-primary,
.styleguide-active a.button.button-primary {
  color: #ffffff;
  background: #00575e;
}
.mxo-tooltip-select a.button.button-primary:focus-visible,
a.button.button-primary:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-primary,
.styleguide-focus a.button.button-primary {
  color: #ffffff;
  background: #127578;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-tooltip-select a.button.button-primary:focus-visible::before,
a.button.button-primary:focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-primary::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;
}
.mxo-tooltip-select a.button.button-primary.disabled,
a.button.button-primary.disabled,
.mxo-tooltip-select a.button.button-primary.disabled:link,
a.button.button-primary.disabled:link,
.mxo-tooltip-select a.button.button-primary.disabled:visited,
a.button.button-primary.disabled:visited {
  color: #ffffff;
  background: #e3e3de;
}
.mxo-tooltip-select a.button.button-primary.disabled:focus-visible,
a.button.button-primary.disabled:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-primary.disabled,
.styleguide-focus a.button.button-primary.disabled {
  outline: none;
}
.mxo-tooltip-select a.button.button-secondary,
a.button.button-secondary,
.mxo-tooltip-select a.button.button-secondary:link,
a.button.button-secondary:link,
.mxo-tooltip-select a.button.button-secondary:visited,
a.button.button-secondary:visited {
  color: #00575e;
  background: transparent;
  box-shadow: none;
}
.mxo-tooltip-select a.button.button-secondary:hover,
a.button.button-secondary:hover,
.mxo-tooltip-select a.button.button-secondary:active,
a.button.button-secondary:active,
.styleguide-hover .mxo-tooltip-select a.button.button-secondary,
.styleguide-hover a.button.button-secondary,
.styleguide-active .mxo-tooltip-select a.button.button-secondary,
.styleguide-active a.button.button-secondary {
  color: #00575e;
  background: #e3e3de;
}
.mxo-tooltip-select a.button.button-secondary:focus-visible,
a.button.button-secondary:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-secondary,
.styleguide-focus a.button.button-secondary {
  color: #00575e;
  background: transparent;
  outline: 1.5px solid #3d9c9c;
  outline-offset: -1.5px;
}
.mxo-tooltip-select a.button.button-secondary:focus-visible::before,
a.button.button-secondary:focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-secondary::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;
}
.mxo-tooltip-select a.button.button-secondary.disabled,
a.button.button-secondary.disabled,
.mxo-tooltip-select a.button.button-secondary.disabled:link,
a.button.button-secondary.disabled:link,
.mxo-tooltip-select a.button.button-secondary.disabled:visited,
a.button.button-secondary.disabled:visited {
  color: #b2b0ab;
  background: transparent;
}
.mxo-tooltip-select a.button.button-secondary.disabled:focus-visible,
a.button.button-secondary.disabled:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-secondary.disabled,
.styleguide-focus a.button.button-secondary.disabled {
  outline: none;
}
.mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary),
a.button.button-color-positive:not(.button-primary):not(.button-secondary),
.mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary):link,
a.button.button-color-positive:not(.button-primary):not(.button-secondary):link,
.mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary):visited,
a.button.button-color-positive:not(.button-primary):not(.button-secondary):visited {
  color: #ffffff;
  background: #2e7840;
  box-shadow: none;
}
.mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary):hover,
a.button.button-color-positive:not(.button-primary):not(.button-secondary):hover,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary),
.styleguide-hover a.button.button-color-positive:not(.button-primary):not(.button-secondary),
.styleguide-active .mxo-tooltip-select 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;
}
.mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible,
a.button.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary),
.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;
}
.mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible::before,
a.button.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary)::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;
}
.mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled,
a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled,
.mxo-tooltip-select 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:link,
.mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled:visited,
a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #ffffff;
  background: #c9cfca;
}
.mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled:focus-visible,
a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled,
.styleguide-focus a.button.button-color-positive:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
.mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary),
a.button.button-color-negative:not(.button-primary):not(.button-secondary),
.mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary):link,
a.button.button-color-negative:not(.button-primary):not(.button-secondary):link,
.mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary):visited,
a.button.button-color-negative:not(.button-primary):not(.button-secondary):visited {
  color: #ffffff;
  background: #c90014;
  box-shadow: none;
}
.mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary):hover,
a.button.button-color-negative:not(.button-primary):not(.button-secondary):hover,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary),
.styleguide-hover a.button.button-color-negative:not(.button-primary):not(.button-secondary),
.styleguide-active .mxo-tooltip-select 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;
}
.mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible,
a.button.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary),
.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;
}
.mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible::before,
a.button.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary)::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;
}
.mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled,
a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled,
.mxo-tooltip-select 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:link,
.mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled:visited,
a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #ffffff;
  background: #d2cac8;
}
.mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled:focus-visible,
a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled,
.styleguide-focus a.button.button-color-negative:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
.mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary),
a.button.button-color-new:not(.button-primary):not(.button-secondary),
.mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary):link,
a.button.button-color-new:not(.button-primary):not(.button-secondary):link,
.mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary):visited,
a.button.button-color-new:not(.button-primary):not(.button-secondary):visited {
  color: #ffffff;
  background: #0063ba;
  box-shadow: none;
}
.mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary):hover,
a.button.button-color-new:not(.button-primary):not(.button-secondary):hover,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary),
.styleguide-hover a.button.button-color-new:not(.button-primary):not(.button-secondary),
.styleguide-active .mxo-tooltip-select 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;
}
.mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary):focus-visible,
a.button.button-color-new:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary),
.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;
}
.mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary):focus-visible::before,
a.button.button-color-new:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary)::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;
}
.mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled,
a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled,
.mxo-tooltip-select 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:link,
.mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled:visited,
a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #ffffff;
  background: #c7cad0;
}
.mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled:focus-visible,
a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled,
.styleguide-focus a.button.button-color-new:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
.mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary),
a.button.button-color-warning:not(.button-primary):not(.button-secondary),
.mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary):link,
a.button.button-color-warning:not(.button-primary):not(.button-secondary):link,
.mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary):visited,
a.button.button-color-warning:not(.button-primary):not(.button-secondary):visited {
  color: #ffffff;
  background: #997303;
  box-shadow: none;
}
.mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary):hover,
a.button.button-color-warning:not(.button-primary):not(.button-secondary):hover,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary),
.styleguide-hover a.button.button-color-warning:not(.button-primary):not(.button-secondary),
.styleguide-active .mxo-tooltip-select 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;
}
.mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible,
a.button.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary),
.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;
}
.mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible::before,
a.button.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary)::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;
}
.mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled,
a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled,
.mxo-tooltip-select 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:link,
.mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled:visited,
a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled:visited {
  color: #ffffff;
  background: #d4d0ca;
}
.mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled:focus-visible,
a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled:focus-visible,
.styleguide-focus .mxo-tooltip-select a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled,
.styleguide-focus a.button.button-color-warning:not(.button-primary):not(.button-secondary).disabled {
  outline: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more),
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more),
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more):link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more):visited,
.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 .mxo-tooltip-select a.button:not(.button-more):hover,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):hover,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select 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 .mxo-tooltip-select a.button:not(.button-more),
.styleguide-hover .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more),
.styleguide-active .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select 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 .mxo-tooltip-select a.button:not(.button-more):focus-visible,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):focus-visible,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more),
.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 .mxo-tooltip-select a.button:not(.button-more):focus-visible::before,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):focus-visible::before,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more)::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 .mxo-tooltip-select a.button:not(.button-more).disabled,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).disabled,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more).disabled:link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).disabled:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more).disabled:visited,
.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 .mxo-tooltip-select a.button:not(.button-more).disabled:focus-visible,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).disabled:focus-visible,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more).disabled,
.styleguide-focus .mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).disabled {
  outline: none;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more),
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more),
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more):link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more):link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more):visited,
.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 .mxo-tooltip-select a.button:not(.button-more).button-color-selected,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more).button-color-selected:link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more).button-color-selected:visited,
.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 .mxo-tooltip-select a.button:not(.button-more).button-color-selected:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select 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 .mxo-tooltip-select a.button:not(.button-more).button-color-selected,
.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 .mxo-tooltip-select 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 .mxo-tooltip-select a.button:not(.button-more).button-color-selected:focus-visible,
.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 .mxo-tooltip-select a.button:not(.button-more).button-color-selected,
.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 .mxo-tooltip-select a.button:not(.button-more).button-color-selected:focus-visible::before,
.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 .mxo-tooltip-select a.button:not(.button-more).button-color-selected::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 .mxo-tooltip-select 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,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select 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:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more).button-color-selected.disabled:visited,
.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 .mxo-tooltip-select a.button:not(.button-more).button-color-selected.disabled:focus-visible,
.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 .mxo-tooltip-select a.button:not(.button-more).button-color-selected.disabled,
.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 .mxo-tooltip-select a.button:not(.button-more).button-color-selected,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more).button-color-selected:link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button:not(.button-more).button-color-selected:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button:not(.button-more).button-color-selected:visited,
.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 .mxo-tooltip-select a.button:not(.button-more),
  .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 .mxo-tooltip-select a.button:not(.button-more),
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more),
.mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more):link,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):link,
.mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more):visited,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):visited {
  color: #ffffff;
  background: transparent;
  box-shadow: none;
}
.mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more):hover,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):hover,
.mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more):active,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):active,
.styleguide-hover .mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more),
.styleguide-hover .mxo-widget-lightbox .lightbox-header a.button:not(.button-more),
.styleguide-active .mxo-widget-lightbox .lightbox-header .mxo-tooltip-select 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 .mxo-tooltip-select a.button:not(.button-more):focus-visible,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):focus-visible,
.styleguide-focus .mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more),
.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 .mxo-tooltip-select a.button:not(.button-more):focus-visible::before,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):focus-visible::before,
.styleguide-focus .mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more)::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 .mxo-tooltip-select a.button:not(.button-more).disabled,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more).disabled,
.mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more).disabled:link,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more).disabled:link,
.mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more).disabled:visited,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more).disabled:visited {
  color: #b5c7c4;
  background: transparent;
}
.mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more).disabled:focus-visible,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more).disabled:focus-visible,
.styleguide-focus .mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more).disabled,
.styleguide-focus .mxo-widget-lightbox .lightbox-header a.button:not(.button-more).disabled {
  outline: none;
}
.mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more),
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more),
.mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more):link,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):link,
.mxo-widget-lightbox .lightbox-header .mxo-tooltip-select a.button:not(.button-more):visited,
.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 .mxo-tooltip-select a.button:not(.button-more):hover,
.mxo-widget-lightbox .lightbox-header a.button:not(.button-more):hover {
  opacity: 1;
}
.mxo-tooltip-select a.button.notext,
a.button.notext {
  overflow: hidden;
  width: 32px;
  white-space: nowrap;
  text-overflow: clip;
}
.mxo-widget-diagram-node .mxo-tooltip-select a.button.notext,
.mxo-widget-diagram-node a.button.notext,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext,
.mxo-widget-table .row .cells .cell a.button.notext,
.mxo-widget-diagram-node .mxo-tooltip-select a.button.notext:link,
.mxo-widget-diagram-node a.button.notext:link,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext:link,
.mxo-widget-table .row .cells .cell a.button.notext:link,
.mxo-widget-diagram-node .mxo-tooltip-select a.button.notext:visited,
.mxo-widget-diagram-node a.button.notext:visited,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select 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 .mxo-tooltip-select a.button.notext:hover,
.mxo-widget-diagram-node a.button.notext:hover,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext:hover,
.mxo-widget-table .row .cells .cell a.button.notext:hover,
.mxo-widget-diagram-node .mxo-tooltip-select a.button.notext:active,
.mxo-widget-diagram-node a.button.notext:active,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext:active,
.mxo-widget-table .row .cells .cell a.button.notext:active,
.styleguide-hover .mxo-widget-diagram-node .mxo-tooltip-select a.button.notext,
.styleguide-hover .mxo-widget-diagram-node a.button.notext,
.styleguide-hover .mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext,
.styleguide-hover .mxo-widget-table .row .cells .cell a.button.notext,
.styleguide-active .mxo-widget-diagram-node .mxo-tooltip-select a.button.notext,
.styleguide-active .mxo-widget-diagram-node a.button.notext,
.styleguide-active .mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext,
.styleguide-active .mxo-widget-table .row .cells .cell a.button.notext {
  color: #00575e;
  background: #e3e3de;
}
.mxo-widget-diagram-node .mxo-tooltip-select a.button.notext:focus-visible,
.mxo-widget-diagram-node a.button.notext:focus-visible,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext:focus-visible,
.mxo-widget-table .row .cells .cell a.button.notext:focus-visible,
.styleguide-focus .mxo-widget-diagram-node .mxo-tooltip-select a.button.notext,
.styleguide-focus .mxo-widget-diagram-node a.button.notext,
.styleguide-focus .mxo-widget-table .row .cells .cell .mxo-tooltip-select 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 .mxo-tooltip-select a.button.notext:focus-visible::before,
.mxo-widget-diagram-node a.button.notext:focus-visible::before,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext:focus-visible::before,
.mxo-widget-table .row .cells .cell a.button.notext:focus-visible::before,
.styleguide-focus .mxo-widget-diagram-node .mxo-tooltip-select a.button.notext::before,
.styleguide-focus .mxo-widget-diagram-node a.button.notext::before,
.styleguide-focus .mxo-widget-table .row .cells .cell .mxo-tooltip-select 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 .mxo-tooltip-select a.button.notext.disabled,
.mxo-widget-diagram-node a.button.notext.disabled,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext.disabled,
.mxo-widget-table .row .cells .cell a.button.notext.disabled,
.mxo-widget-diagram-node .mxo-tooltip-select a.button.notext.disabled:link,
.mxo-widget-diagram-node a.button.notext.disabled:link,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext.disabled:link,
.mxo-widget-table .row .cells .cell a.button.notext.disabled:link,
.mxo-widget-diagram-node .mxo-tooltip-select a.button.notext.disabled:visited,
.mxo-widget-diagram-node a.button.notext.disabled:visited,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext.disabled:visited,
.mxo-widget-table .row .cells .cell a.button.notext.disabled:visited {
  color: #b2b0ab;
  background: transparent;
}
.mxo-widget-diagram-node .mxo-tooltip-select a.button.notext.disabled:focus-visible,
.mxo-widget-diagram-node a.button.notext.disabled:focus-visible,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext.disabled:focus-visible,
.mxo-widget-table .row .cells .cell a.button.notext.disabled:focus-visible,
.styleguide-focus .mxo-widget-diagram-node .mxo-tooltip-select a.button.notext.disabled,
.styleguide-focus .mxo-widget-diagram-node a.button.notext.disabled,
.styleguide-focus .mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext.disabled,
.styleguide-focus .mxo-widget-table .row .cells .cell a.button.notext.disabled {
  outline: none;
}
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext,
.mxo-widget-table .row .cells .cell a.button.notext,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext:link,
.mxo-widget-table .row .cells .cell a.button.notext:link,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext:visited,
.mxo-widget-table .row .cells .cell a.button.notext:visited,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext:hover,
.mxo-widget-table .row .cells .cell a.button.notext:hover,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext.disabled:hover,
.mxo-widget-table .row .cells .cell a.button.notext.disabled:hover,
.styleguide-hover .mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.notext,
.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-group-toggle .mxo-tooltip-select a.button.notext,
.mxo-widget-group-toggle a.button.notext,
.mxo-widget-segmented-control .options .mxo-tooltip-select a.button.notext,
.mxo-widget-segmented-control .options a.button.notext {
  font-size: 0;
}
.mxo-tooltip-select a.button.button-more,
a.button.button-more {
  /* stylelint-disable-next-line order/order */
}
.mxo-tooltip-select a.button.button-more,
a.button.button-more,
.mxo-tooltip-select a.button.button-more:link,
a.button.button-more:link,
.mxo-tooltip-select a.button.button-more:visited,
a.button.button-more:visited {
  position: relative;
  padding-right: 28px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button.button-more,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button.button-more,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button.button-more:link,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button.button-more:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-tooltip-select a.button.button-more:visited,
.mxo-widget-pdf-viewer .pdf-viewer-header a.button.button-more:visited {
  width: 100%;
}
.mxo-tooltip-select a.button.button-more::after,
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;
}
.mxo-tooltip-select a.button.button-more::after,
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");
}
.mxo-tooltip-select a.button.button-more.disabled::after,
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");
}
.mxo-tooltip-select a.button.button-more.notext,
a.button.button-more.notext,
.mxo-tooltip-select a.button.button-more.notext:link,
a.button.button-more.notext:link,
.mxo-tooltip-select a.button.button-more.notext:visited,
a.button.button-more.notext:visited,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.button-more.notext,
.mxo-widget-table .row .cells .cell a.button.button-more.notext,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.button-more.notext:link,
.mxo-widget-table .row .cells .cell a.button.button-more.notext:link,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.button-more.notext:visited,
.mxo-widget-table .row .cells .cell a.button.button-more.notext:visited {
  padding-right: 16px;
  width: 52px;
}
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.button-more.notext,
.mxo-widget-table .row .cells .cell a.button.button-more.notext,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.button-more.notext:link,
.mxo-widget-table .row .cells .cell a.button.button-more.notext:link,
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.button-more.notext:visited,
.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 .mxo-tooltip-select a.button.button-more.notext,
.mxo-widget-table .head .row .cells .cell.cell-highlight a.button.button-more.notext,
.mxo-widget-table .head .row .cells .cell.cell-highlight .mxo-tooltip-select a.button.button-more.notext:link,
.mxo-widget-table .head .row .cells .cell.cell-highlight a.button.button-more.notext:link,
.mxo-widget-table .head .row .cells .cell.cell-highlight .mxo-tooltip-select a.button.button-more.notext:visited,
.mxo-widget-table .head .row .cells .cell.cell-highlight a.button.button-more.notext:visited {
  background-color: #ffffff;
}
.mxo-widget-table .row .cells .cell .mxo-tooltip-select a.button.button-more.notext:hover,
.mxo-widget-table .row .cells .cell a.button.button-more.notext:hover,
.mxo-widget-table .head .row .cells .cell.cell-highlight .mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-more.notext,
.styleguide-hover .mxo-widget-table .row .cells .cell a.button.button-more.notext,
.styleguide-hover .mxo-widget-table .head .row .cells .cell.cell-highlight .mxo-tooltip-select a.button.button-more.notext,
.styleguide-hover .mxo-widget-table .head .row .cells .cell.cell-highlight a.button.button-more.notext {
  background: #e3e3de;
}
.mxo-tooltip-select a.button.button-more.notext.select-all,
a.button.button-more.notext.select-all,
.mxo-tooltip-select a.button.button-more.notext.select-all:link,
a.button.button-more.notext.select-all:link,
.mxo-tooltip-select a.button.button-more.notext.select-all:visited,
a.button.button-more.notext.select-all:visited,
.mxo-widget-table .head .row .cells .cell .mxo-tooltip-select a.button.button-more.notext.select-all,
.mxo-widget-table .head .row .cells .cell a.button.button-more.notext.select-all,
.mxo-widget-table .head .row .cells .cell .mxo-tooltip-select a.button.button-more.notext.select-all:link,
.mxo-widget-table .head .row .cells .cell a.button.button-more.notext.select-all:link,
.mxo-widget-table .head .row .cells .cell .mxo-tooltip-select a.button.button-more.notext.select-all:visited,
.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;
}
.mxo-tooltip-select a.button.button-more.button-color-selected:not(.button-primary):not(.button-secondary)::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-color-selected:not(.button-primary):not(.button-secondary).disabled::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-primary::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-primary.disabled::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-secondary::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-secondary.disabled::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-color-positive:not(.button-primary):not(.button-secondary)::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-color-positive:not(.button-primary):not(.button-secondary).disabled::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-color-negative:not(.button-primary):not(.button-secondary)::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-color-negative:not(.button-primary):not(.button-secondary).disabled::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-color-new:not(.button-primary):not(.button-secondary)::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-color-new:not(.button-primary):not(.button-secondary).disabled::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-color-warning:not(.button-primary):not(.button-secondary)::after,
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");
}
.mxo-tooltip-select a.button.button-more.button-color-warning:not(.button-primary):not(.button-secondary).disabled::after,
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");
}
.mxo-tooltip-select a.button.button-expand-below,
a.button.button-expand-below,
.mxo-tooltip-select a.button.button-expand-next,
a.button.button-expand-next,
.mxo-tooltip-select a.button.button-expand-below:link,
a.button.button-expand-below:link,
.mxo-tooltip-select a.button.button-expand-next:link,
a.button.button-expand-next:link,
.mxo-tooltip-select a.button.button-expand-below:visited,
a.button.button-expand-below:visited,
.mxo-tooltip-select a.button.button-expand-next:visited,
a.button.button-expand-next:visited {
  position: relative;
  padding-right: 28px;
}
.mxo-tooltip-select a.button.button-expand-below::after,
a.button.button-expand-below::after,
.mxo-tooltip-select a.button.button-expand-next::after,
a.button.button-expand-next::after {
  position: absolute;
  top: 8px;
  right: 8px;
}
.mxo-tooltip-select a.button.button-expand-below.notext,
a.button.button-expand-below.notext,
.mxo-tooltip-select a.button.button-expand-next.notext,
a.button.button-expand-next.notext {
  width: 52px;
}
.mxo-tooltip-select a.button.button-expand-below::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.disabled::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-selected:not(.button-primary):not(.button-secondary)::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-selected:not(.button-primary):not(.button-secondary).disabled::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-primary::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-primary.disabled::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-secondary::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-secondary.disabled::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-positive:not(.button-primary):not(.button-secondary)::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-positive:not(.button-primary):not(.button-secondary).disabled::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-negative:not(.button-primary):not(.button-secondary)::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-negative:not(.button-primary):not(.button-secondary).disabled::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-new:not(.button-primary):not(.button-secondary)::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-new:not(.button-primary):not(.button-secondary).disabled::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-warning:not(.button-primary):not(.button-secondary)::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-warning:not(.button-primary):not(.button-secondary).disabled::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-below.button-color-selected::after,
a.button.button-expand-below.button-color-selected::after {
  transform: scaleY(-1);
}
.mxo-tooltip-select a.button.button-expand-next::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-next.disabled::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-color-selected:not(.button-primary):not(.button-secondary)::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-next.button-color-selected:not(.button-primary):not(.button-secondary).disabled::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-primary::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-primary.disabled::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-secondary::after,
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%20fill%3D%22none%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");
}
.mxo-tooltip-select a.button.button-expand-next.button-secondary.disabled::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-color-positive:not(.button-primary):not(.button-secondary)::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-color-positive:not(.button-primary):not(.button-secondary).disabled::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-color-negative:not(.button-primary):not(.button-secondary)::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-color-negative:not(.button-primary):not(.button-secondary).disabled::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-color-new:not(.button-primary):not(.button-secondary)::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-color-new:not(.button-primary):not(.button-secondary).disabled::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-color-warning:not(.button-primary):not(.button-secondary)::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-color-warning:not(.button-primary):not(.button-secondary).disabled::after,
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%20fill%3D%22none%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-tooltip-select a.button.button-expand-next.button-color-selected::after,
a.button.button-expand-next.button-color-selected::after {
  transform: scaleX(-1);
}
.mxo-tooltip-select a.button.button-parent,
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 */
}
.mxo-tooltip-select a.button.button-parent,
a.button.button-parent,
.mxo-tooltip-select a.button.button-parent:link,
a.button.button-parent:link,
.mxo-tooltip-select a.button.button-parent:visited,
a.button.button-parent:visited {
  position: relative;
  overflow: visible;
  z-index: 1;
}
.mxo-tooltip-select a.button.button-parent::after,
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;
}
.mxo-tooltip-select a.button.button-parent.button-more::after,
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;
}
.mxo-tooltip-select a.button.button-parent:focus-visible::before,
a.button.button-parent:focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-parent::before,
.styleguide-focus a.button.button-parent::before {
  border-right: 0 none;
}
.mxo-tooltip-select a.button.button-parent::after,
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");
}
.mxo-tooltip-select a.button.button-parent:hover::after,
a.button.button-parent:hover::after,
.mxo-tooltip-select a.button.button-parent:active::after,
a.button.button-parent:active::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent::after,
.styleguide-hover a.button.button-parent::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent:focus-visible::after,
a.button.button-parent:focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent::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");
}
.mxo-tooltip-select a.button.button-parent.disabled::after,
a.button.button-parent.disabled::after,
.mxo-tooltip-select a.button.button-parent.disabled:hover::after,
a.button.button-parent.disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-more::after,
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");
}
.mxo-tooltip-select a.button.button-parent.button-more:hover::after,
a.button.button-parent.button-more:hover::after,
.mxo-tooltip-select a.button.button-parent.button-more:active::after,
a.button.button-parent.button-more:active::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-more::after,
.styleguide-hover a.button.button-parent.button-more::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-more:focus-visible::after,
a.button.button-parent.button-more:focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-more::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");
}
.mxo-tooltip-select a.button.button-parent.button-more.disabled::after,
a.button.button-parent.button-more.disabled::after,
.mxo-tooltip-select a.button.button-parent.button-more.disabled:hover::after,
a.button.button-parent.button-more.disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-more.disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-primary:focus-visible::before,
a.button.button-parent.button-primary:focus-visible::before,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible::before,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-primary::before,
.styleguide-focus a.button.button-parent.button-primary::before,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::before,
.styleguide-focus a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::before {
  border-right: 0 none;
}
.mxo-tooltip-select a.button.button-parent.button-primary::after,
a.button.button-parent.button-primary::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::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");
}
.mxo-tooltip-select a.button.button-parent.button-primary:hover::after,
a.button.button-parent.button-primary:hover::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):hover::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):hover::after,
.mxo-tooltip-select a.button.button-parent.button-primary:active::after,
a.button.button-parent.button-primary:active::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):active::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):active::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-primary::after,
.styleguide-hover a.button.button-parent.button-primary::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::after,
.styleguide-hover a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::after,
.styleguide-active .mxo-tooltip-select a.button.button-parent.button-primary::after,
.styleguide-active a.button.button-parent.button-primary::after,
.styleguide-active .mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::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");
}
.mxo-tooltip-select a.button.button-parent.button-primary:focus-visible::after,
a.button.button-parent.button-primary:focus-visible::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary):focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-primary::after,
.styleguide-focus a.button.button-parent.button-primary::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary)::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");
}
.mxo-tooltip-select a.button.button-parent.button-primary.disabled::after,
a.button.button-parent.button-primary.disabled::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).disabled::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).disabled::after,
.mxo-tooltip-select a.button.button-parent.button-primary.disabled:hover::after,
a.button.button-parent.button-primary.disabled:hover::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).disabled:hover::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-primary.disabled::after,
.styleguide-hover a.button.button-parent.button-primary.disabled::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).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");
}
.mxo-tooltip-select a.button.button-parent.button-primary.button-more::after,
a.button.button-parent.button-primary.button-more::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).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");
}
.mxo-tooltip-select a.button.button-parent.button-primary.button-more:hover::after,
a.button.button-parent.button-primary.button-more:hover::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more:hover::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more:hover::after,
.mxo-tooltip-select a.button.button-parent.button-primary.button-more:active::after,
a.button.button-parent.button-primary.button-more:active::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more:active::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more:active::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-primary.button-more::after,
.styleguide-hover a.button.button-parent.button-primary.button-more::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-hover a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-active .mxo-tooltip-select a.button.button-parent.button-primary.button-more::after,
.styleguide-active a.button.button-parent.button-primary.button-more::after,
.styleguide-active .mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).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");
}
.mxo-tooltip-select a.button.button-parent.button-primary.button-more:focus-visible::after,
a.button.button-parent.button-primary.button-more:focus-visible::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).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 .mxo-tooltip-select a.button.button-parent.button-primary.button-more::after,
.styleguide-focus a.button.button-parent.button-primary.button-more::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).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");
}
.mxo-tooltip-select a.button.button-parent.button-primary.button-more.disabled::after,
a.button.button-parent.button-primary.button-more.disabled::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more.disabled::after,
a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).button-more.disabled::after,
.mxo-tooltip-select a.button.button-parent.button-primary.button-more.disabled:hover::after,
a.button.button-parent.button-primary.button-more.disabled:hover::after,
.mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).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 .mxo-tooltip-select a.button.button-parent.button-primary.button-more.disabled::after,
.styleguide-hover a.button.button-parent.button-primary.button-more.disabled::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-positive:not(.button-primary):not(.button-secondary).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");
}
.mxo-tooltip-select a.button.button-parent.button-secondary:focus-visible::before,
a.button.button-parent.button-secondary:focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-secondary::before,
.styleguide-focus a.button.button-parent.button-secondary::before {
  border-right: 0 none;
}
.mxo-tooltip-select a.button.button-parent.button-secondary::after,
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");
}
.mxo-tooltip-select a.button.button-parent.button-secondary:hover::after,
a.button.button-parent.button-secondary:hover::after,
.mxo-tooltip-select a.button.button-parent.button-secondary:active::after,
a.button.button-parent.button-secondary:active::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-secondary::after,
.styleguide-hover a.button.button-parent.button-secondary::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-secondary:focus-visible::after,
a.button.button-parent.button-secondary:focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-secondary::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");
}
.mxo-tooltip-select a.button.button-parent.button-secondary.disabled::after,
a.button.button-parent.button-secondary.disabled::after,
.mxo-tooltip-select a.button.button-parent.button-secondary.disabled:hover::after,
a.button.button-parent.button-secondary.disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-secondary.disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-secondary.button-more::after,
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");
}
.mxo-tooltip-select a.button.button-parent.button-secondary.button-more:hover::after,
a.button.button-parent.button-secondary.button-more:hover::after,
.mxo-tooltip-select a.button.button-parent.button-secondary.button-more:active::after,
a.button.button-parent.button-secondary.button-more:active::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-secondary.button-more::after,
.styleguide-hover a.button.button-parent.button-secondary.button-more::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-secondary.button-more:focus-visible::after,
a.button.button-parent.button-secondary.button-more:focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-secondary.button-more::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");
}
.mxo-tooltip-select a.button.button-parent.button-secondary.button-more.disabled::after,
a.button.button-parent.button-secondary.button-more.disabled::after,
.mxo-tooltip-select a.button.button-parent.button-secondary.button-more.disabled:hover::after,
a.button.button-parent.button-secondary.button-more.disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-secondary.button-more.disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible::before,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::before,
.styleguide-focus a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::before {
  border-right: 0 none;
}
.mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::after,
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");
}
.mxo-tooltip-select 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):hover::after,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::after,
.styleguide-hover a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible::after,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary):focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary)::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");
}
.mxo-tooltip-select 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::after,
.mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).disabled:hover::after,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more::after,
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");
}
.mxo-tooltip-select 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:hover::after,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-hover a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more::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");
}
.mxo-tooltip-select 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::after,
.mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-negative:not(.button-primary):not(.button-secondary).button-more.disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::before,
.styleguide-focus a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::before {
  border-right: 0 none;
}
.mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::after,
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");
}
.mxo-tooltip-select 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):hover::after,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::after,
.styleguide-hover a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::after,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary):focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary)::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");
}
.mxo-tooltip-select 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::after,
.mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).disabled:hover::after,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more::after,
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");
}
.mxo-tooltip-select 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:hover::after,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-hover a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more::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");
}
.mxo-tooltip-select 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::after,
.mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-selected:not(.button-primary):not(.button-secondary).button-more.disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary):focus-visible::before,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::before,
.styleguide-focus a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::before {
  border-right: 0 none;
}
.mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::after,
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");
}
.mxo-tooltip-select 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):hover::after,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::after,
.styleguide-hover a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary):focus-visible::after,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary):focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary)::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");
}
.mxo-tooltip-select 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::after,
.mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).disabled:hover::after,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more::after,
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");
}
.mxo-tooltip-select 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:hover::after,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-hover a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more::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");
}
.mxo-tooltip-select 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::after,
.mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-new:not(.button-primary):not(.button-secondary).button-more.disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible::before,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible::before,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::before,
.styleguide-focus a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::before {
  border-right: 0 none;
}
.mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::after,
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");
}
.mxo-tooltip-select 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):hover::after,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::after,
.styleguide-hover a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible::after,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary):focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary)::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");
}
.mxo-tooltip-select 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::after,
.mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).disabled:hover::after,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).disabled::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");
}
.mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more::after,
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");
}
.mxo-tooltip-select 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:hover::after,
.mxo-tooltip-select 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 .mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-hover a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more::after,
.styleguide-active .mxo-tooltip-select 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");
}
.mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more:focus-visible::after,
.styleguide-focus .mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more::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");
}
.mxo-tooltip-select 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::after,
.mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more.disabled:hover::after,
.styleguide-hover .mxo-tooltip-select a.button.button-parent.button-color-warning:not(.button-primary):not(.button-secondary).button-more.disabled::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");
}
.mxo-tooltip-select a.button.button-child,
a.button.button-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.mxo-tooltip-select a.button.button-child.button-more,
a.button.button-child.button-more,
.mxo-tooltip-select a.button.button-child.button-more:link,
a.button.button-child.button-more:link,
.mxo-tooltip-select a.button.button-child.button-more:visited,
a.button.button-child.button-more:visited {
  padding: 0 31px 0 18px;
}
.mxo-tooltip-select a.button input[type="file"],
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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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;
}
/** DEPRECATED use by PHP templates */
.mxo-widget-error ul {
  padding-left: 1.3em;
  margin: 0.5em 0;
  padding-bottom: 1em;
  list-style-type: disc;
}
.mxo-widget-error ul li {
  padding-bottom: 1em;
  font-size: 1.2em;
}
.mxo-widget-error p {
  padding: 0 0 1em 0;
  font-size: 1.2em;
  line-height: 1.4em;
}
.mxo-widget-error .container {
  margin: 100px auto 0 auto;
  max-width: 600px;
  text-align: left;
}
.mxo-widget-error .footer {
  color: #6e6e66;
  text-transform: uppercase;
}
/** END DEPRECATED */

@charset "utf-8";
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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: #506762;
}
.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;
}

.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-tabs.vertical .file-icon svg {
  margin: 0 0 9px 0;
}
.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-group-toggle .button.notext .file-icon svg,
.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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-header {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  height: 36px;
  color: #14140f;
  background: #f5f6f5;
  box-shadow: 0 1px 16px 0 rgba(20, 20, 15, 0.16), 0 2px 24px -8px rgba(20, 20, 15, 0.12), 0 8px 16px -16px rgba(20, 20, 15, 0.12);
  clip-path: inset(0 0 -24px 0);
  z-index: 2;
  /* logo client */
}
.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::after {
  content: "";
  flex: 0 0 auto;
  width: 120px;
  background: no-repeat 50% 48%;
  background-image: url(8c2002379301469f1989.svg);
}
.mxo-header .header-nav,
.mxo-header .header-logo-name {
  display: flex;
  overflow: hidden;
  flex: 1 1 auto;
}
.mxo-header .header-logo-name {
  align-items: center;
  min-width: 0;
  width: 50%;
}
.mxo-header .header-logo-name .app-logo,
.mxo-header .header-logo-name .app-logo:link,
.mxo-header .header-logo-name .app-logo:visited {
  flex: 0 0 auto;
  width: 180px;
  height: 100%;
  background-repeat: no-repeat;
  /* no shorthand for easy assigning background-image in application */
  background-position: -4px 0;
}
.mxo-header .header-logo-name .app-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 {
  order: 3;
  justify-content: flex-end;
  flex: 1 0 auto;
  min-width: calc(50% - (120px*0.5));
}
.mxo-header .header-nav ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mxo-header .header-nav ul li {
  display: flex;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 13px;
  font-weight: bold;
  line-height: 36px;
  white-space: nowrap;
}
.mxo-header .header-nav ul li a,
.mxo-header .header-nav ul li a:link,
.mxo-header .header-nav ul li a:visited {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 13px;
  box-sizing: border-box;
  text-decoration: none;
  color: #14140f;
}
.mxo-header .header-nav ul li a:hover,
.styleguide-hover .mxo-header .header-nav ul li a {
  color: #14140f;
  background: #e3e3de;
}
@media screen and (max-width: 1200px) {
  .mxo-header .header-nav ul li a,
  .mxo-header .header-nav ul li a:link,
  .mxo-header .header-nav ul li a:visited {
    width: 42px;
    overflow: hidden;
  }
  .mxo-header .header-nav ul li a > .icon {
    margin-right: 13px;
  }
}
.styleguide-responsive .mxo-header .header-nav ul li a,
.styleguide-responsive .mxo-header .header-nav ul li a:link,
.styleguide-responsive .mxo-header .header-nav ul li a:visited {
  width: 42px;
  overflow: hidden;
}
.styleguide-responsive .mxo-header .header-nav ul li a > .icon {
  margin-right: 13px;
}
.mxo-header .header-nav ul li a .number {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 22px;
  top: 3px;
  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;
  z-index: 1;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-header .header-nav ul li a .number {
  visibility: hidden;
}
.mxo-header .header-nav ul li.current a,
.styleguide-current .mxo-header .header-nav ul li a,
.mxo-header .header-nav ul li.current a:link,
.styleguide-current .mxo-header .header-nav ul li a:link,
.mxo-header .header-nav ul li.current a:visited,
.styleguide-current .mxo-header .header-nav ul li a:visited {
  color: #00575e;
  background: #b5ebdb;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-header .header-nav ul li.notifications {
  /* 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-header .header-nav ul li.notifications > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-header .header-nav ul li.notifications::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-header .header-nav ul li.notifications::before {
  visibility: hidden;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-header .header-nav ul li.notifications {
  width: 42px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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-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 {
  margin: 0;
}
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 */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
/* DIMENSIONS */
/* 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-tabs.vertical .icon svg {
  margin: 0 0 9px 0;
}
.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-group-toggle .button.notext .icon svg,
.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,
.mxo-header .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,
.mxo-widget-markdown-editor-v2 .markdown-editor-button.icon {
  height: 16px;
}
.button .icon svg,
.mxo-header .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,
.mxo-widget-markdown-editor-v2 .markdown-editor-button.icon svg {
  width: 16px;
  height: 16px;
}
.mxo-widget-inputfile-dropzone .icon {
  height: 20px;
}
.mxo-widget-inputfile-dropzone .icon svg {
  width: 20px;
  height: 20px;
}
.icon svg {
  /* COLOURS */
  /* neutral */
  /* buttons */
  /* selected */
  /* heading */
  /* brand */
  /* accent */
  /* disabled */
  /* positive */
  /* negative */
  /* new */
  /* warning */
}
.button .icon svg {
  top: 3px;
}
.mxo-header .icon svg,
.mxo-widget-search .icon svg,
.mxo-widget-toolbar-v2 li > .icon svg {
  top: 0;
}
.icon svg,
.mxo-application > .main > .nav .nav-admin a:not(.button):hover .icon svg,
.mxo-application > .main > .nav .nav-general a:not(.button):hover .icon svg,
.mxo-widget-table .cells.selected :not(.button) > .icon svg,
.mxo-widget-table .cells.selected a.button.notext .icon svg {
  fill: #14140f;
}
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,
.mxo-application > .main > .nav .current a:not(.button) .icon svg,
.mxo-application > .main > .nav .current a:not(.button):hover .icon svg,
.mxo-header .current .icon svg,
.mxo-header .current a:not(.button):hover .icon svg,
.styleguide-current .mxo-header .icon svg,
.styleguide-current .mxo-header a:not(.button):hover .icon svg {
  fill: #00575e;
}
.disabled.button .icon svg,
.disabled.mxo-application > .main > .nav .current a:not(.button) .icon svg,
.disabled.mxo-application > .main > .nav .current a:not(.button):hover .icon svg,
.disabled.mxo-header .current .icon svg,
.disabled.mxo-header .current a:not(.button):hover .icon svg,
.disabled.styleguide-current .mxo-header .icon svg,
.disabled.styleguide-current .mxo-header a:not(.button):hover .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-diagram-node.diagram-node-selectable.selected :not(.button) > .icon svg,
.mxo-widget-diagram-node.diagram-node-selectable.selected a.button.notext .icon svg,
.mxo-widget-diagram-node.diagram-node-selectable.selected a.button.button-secondary .icon svg,
.mxo-widget-tabs.buttons .current .icon svg,
.mxo-widget-selectbox.edit .selectbox-option.selected .icon svg,
.mxo-widget-context-list .context-list-selectable.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-search .icon svg,
.mxo-widget-search a:not(.button):hover .icon svg,
.mxo-widget-inputfile-dropzone .icon svg,
.mxo-widget-table .head .icon svg,
.mxo-widget-table .cells.selected :not(.button) > .icon svg,
.mxo-widget-table .cells.selected a.button.notext .icon svg,
.mxo-widget-table .body .table-drag-row.table-drag-dragging .icon svg {
  fill: #127578;
}
.login-form .icon svg,
.mxo-widget-tabs a:hover .icon svg,
.styleguide-hover .mxo-widget-tabs a .icon svg,
.mxo-widget-tabs .current .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;
}
/* Icons in navigation application menu */
.mxo-application > .main > .nav a:not(.button) .icon {
  opacity: 0.7;
  flex: 0 0 auto;
}
.mxo-application > .main > .nav a:not(.button):hover .icon,
.mxo-application > .main > .nav li.current > a:not(.button) .icon,
.styleguide-hover .mxo-application > .main > .nav a:not(.button) .icon,
.mxo-application > .main > .nav .main .nav.collapsed a:not(.button) .icon {
  opacity: 1;
}
.mxo-application > .main > .nav.collapsed a:not(.button) .icon {
  margin-right: 100px;
}

@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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
a,
a:link,
a:visited {
  text-decoration: underline;
  letter-spacing: 0.0025em;
  color: #6c8f89;
}
a.hover,
a:hover,
.styleguide-hover a {
  text-decoration: underline;
  color: #506762;
}
a.link-inverse,
a.link-inverse.hover,
a.link-inverse:hover {
  color: #fbfbfa;
}
a.link-subtle,
a.link-subtle:link,
a.link-subtle:visited {
  color: #14140f;
  text-decoration-color: #b5c7c4;
}
a.link-subtle:hover {
  color: #506762;
  text-decoration-color: #506762;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* 	Needed for legacy fabric components:
	- nav
	- navigation_links
*/
.mxo-application > .main > .nav {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  width: 160px;
  height: inherit;
  color: #14140f;
  background: #f5f6f5;
  box-shadow: 0.5px 0 4px -1px rgba(20, 20, 15, 0.16), 2px 0 24px -8px rgba(20, 20, 15, 0.12), 8px 0 22px -16px rgba(20, 20, 15, 0.12);
  clip-path: inset(0 -24px 0 0);
  z-index: 1;
  /* show admin/extra */
  /* legal */
  /* logo */
  /* collapsed */
}
.mxo-application > .main > .nav .nav-wrapper {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 1 auto;
  gap: 4px;
  min-height: 0;
  /* fix for not scrolling menu items in Edge and Firefox (temporary) see: https://github.com/philipwalton/flexbugs/issues/42 */
  /* toggle */
  /* divider */
  /* scroll */
  /* toolbar */
}
.mxo-application > .main > .nav .nav-wrapper h3 {
  margin: 0;
  padding: 4px 12px 4px 14px;
  font-size: 14px;
  color: #00575e;
}
.mxo-application > .main > .nav .nav-wrapper p {
  padding: 0 15px;
  color: #14140f;
}
.mxo-application > .main > .nav .nav-wrapper .nav-general,
.mxo-application > .main > .nav .nav-wrapper .nav-admin {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.mxo-application > .main > .nav .nav-wrapper .nav-general ul,
.mxo-application > .main > .nav .nav-wrapper .nav-admin ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.mxo-application > .main > .nav .nav-wrapper .nav-general ul:last-child,
.mxo-application > .main > .nav .nav-wrapper .nav-admin ul:last-child {
  margin-bottom: 0;
}
.mxo-application > .main > .nav .nav-wrapper .nav-general ul li,
.mxo-application > .main > .nav .nav-wrapper .nav-admin ul li {
  margin: 0;
  padding: 0;
}
.mxo-application > .main > .nav .nav-wrapper .nav-general ul li a:not(.button),
.mxo-application > .main > .nav .nav-wrapper .nav-admin ul li a:not(.button),
.mxo-application > .main > .nav .nav-wrapper .nav-general ul li a:not(.button):link,
.mxo-application > .main > .nav .nav-wrapper .nav-admin ul li a:not(.button):link,
.mxo-application > .main > .nav .nav-wrapper .nav-general ul li a:not(.button):visited,
.mxo-application > .main > .nav .nav-wrapper .nav-admin ul li a:not(.button):visited {
  display: flex;
  align-items: baseline;
  padding: 4px 12px 4px 14px;
  overflow: hidden;
  text-decoration: none;
  color: #14140f;
}
.mxo-application > .main > .nav .nav-wrapper .nav-general ul li a:not(.button):hover,
.mxo-application > .main > .nav .nav-wrapper .nav-admin ul li a:not(.button):hover,
.styleguide-hover .mxo-application > .main > .nav .nav-wrapper .nav-general ul li a:not(.button),
.styleguide-hover .mxo-application > .main > .nav .nav-wrapper .nav-admin ul li a:not(.button) {
  color: #14140f;
  background: #e3e3de;
}
.mxo-application > .main > .nav .nav-wrapper .nav-general ul li.current a:not(.button),
.mxo-application > .main > .nav .nav-wrapper .nav-admin ul li.current a:not(.button),
.mxo-application > .main > .nav .nav-wrapper .nav-general ul li.current a:not(.button):link,
.mxo-application > .main > .nav .nav-wrapper .nav-admin ul li.current a:not(.button):link,
.mxo-application > .main > .nav .nav-wrapper .nav-general ul li.current a:not(.button):visited,
.mxo-application > .main > .nav .nav-wrapper .nav-admin ul li.current a:not(.button):visited {
  color: #00575e;
  background: #b5ebdb;
}
.mxo-application > .main > .nav .nav-wrapper .nav-extra {
  display: flex;
  gap: 8px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-application > .main > .nav .nav-wrapper .nav-extra > h1,
.mxo-application > .main > .nav .nav-wrapper .nav-extra > h2,
.mxo-application > .main > .nav .nav-wrapper .nav-extra > h3,
.mxo-application > .main > .nav .nav-wrapper .nav-extra > h4,
.mxo-application > .main > .nav .nav-wrapper .nav-extra > h5,
.mxo-application > .main > .nav .nav-wrapper .nav-extra > h6 {
  margin-bottom: -2px;
}
.mxo-application > .main > .nav .nav-wrapper .nav-extra > p,
.mxo-application > .main > .nav .nav-wrapper .nav-extra > ul {
  margin: 0;
}
.mxo-application > .main > .nav .nav-wrapper .nav-toggle,
.mxo-application > .main > .nav .nav-wrapper .nav-toggle:link,
.mxo-application > .main > .nav .nav-wrapper .nav-toggle:visited {
  display: block;
  position: relative;
  padding: 12px 12px 8px 14px;
  overflow: hidden;
  box-sizing: border-box;
  text-decoration: none;
  text-transform: uppercase;
  color: #14140f;
}
.mxo-application > .main > .nav .nav-wrapper .nav-toggle::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%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M10%200h4v4h-4v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M10%2020h4v4h-4v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M10%2010h4v4h-4v-4z%22%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  position: absolute;
  right: 12px;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  content: " ";
  background-size: 12px;
}
.mxo-application > .main > .nav .nav-wrapper .nav-toggle:hover,
.styleguide-hover .mxo-application > .main > .nav .nav-wrapper .nav-toggle {
  color: #6c8f89;
}
.mxo-application > .main > .nav .nav-wrapper .nav-toggle:hover::before,
.styleguide-hover .mxo-application > .main > .nav .nav-wrapper .nav-toggle::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%3E%3Cpath%20fill%3D%22%236c8f89%22%20d%3D%22M10%200h4v4h-4v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%236c8f89%22%20d%3D%22M10%2020h4v4h-4v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%236c8f89%22%20d%3D%22M10%2010h4v4h-4v-4z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-application > .main > .nav .nav-wrapper .nav-divider {
  margin: 0 4px;
  border-bottom: 1px solid #b8b8bf;
}
.mxo-application > .main > .nav .nav-wrapper .nav-scroll {
  display: flex;
  flex-flow: column;
  gap: 4px;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.mxo-application > .main > .nav .nav-wrapper .export {
  padding: 0 0 20px 15px;
}
.mxo-application > .main > .nav .nav-wrapper .export .button {
  margin-left: 10px;
}
.mxo-application > .main > .nav .nav-wrapper .export .button:first-child {
  margin-left: 0;
}
.mxo-application > .main > .nav .nav-show-admin,
.mxo-application > .main > .nav .nav-show-extra,
.mxo-application > .main > .nav .nav-show-admin:link,
.mxo-application > .main > .nav .nav-show-extra:link,
.mxo-application > .main > .nav .nav-show-admin:visited,
.mxo-application > .main > .nav .nav-show-extra:visited {
  display: none;
  padding: 4px 12px 4px 14px;
  overflow: hidden;
  box-sizing: border-box;
}
.mxo-application > .main > .nav .nav-show-admin:hover,
.mxo-application > .main > .nav .nav-show-extra:hover,
.styleguide-hover .mxo-application > .main > .nav .nav-show-admin,
.styleguide-hover .mxo-application > .main > .nav .nav-show-extra {
  background: #14140f;
}
.mxo-application > .main > .nav .nav-legal {
  flex: 0 0 auto;
}
.mxo-application > .main > .nav .nav-legal ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mxo-application > .main > .nav .nav-legal ul li {
  margin: 0 0 5px 0;
  padding: 0;
}
.mxo-application > .main > .nav .nav-legal ul li a:not(.button),
.mxo-application > .main > .nav .nav-legal ul li a:not(.button):link,
.mxo-application > .main > .nav .nav-legal ul li a:not(.button):visited {
  display: flex;
  padding: 6px 12px 6px 14px;
  overflow: hidden;
  text-decoration: underline;
  color: #14140f;
}
.mxo-application > .main > .nav .nav-legal ul li a:not(.button):hover,
.styleguide-hover .mxo-application > .main > .nav .nav-legal ul li a:not(.button) {
  background: none;
}
.mxo-application > .main > .nav .logo-moxio,
.mxo-application > .main > .nav .logo-moxio:link,
.mxo-application > .main > .nav .logo-moxio:visited {
  display: block;
  padding: 20px 0;
  width: 100%;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  text-decoration: none;
  color: #14140f;
  flex: 0 0 auto;
}
.mxo-application > .main > .nav .logo-moxio::before,
.mxo-application > .main > .nav .logo-moxio:link::before,
.mxo-application > .main > .nav .logo-moxio:visited::before {
  display: block;
  content: "";
  width: 100%;
  height: 32px;
  background: url(c4c235bc02c8510fcb2d.svg) no-repeat 50% 6px;
  background-size: 69px;
}
.mxo-application > .main > .nav.collapsed {
  flex: 0 0 auto;
  width: 40px;
  /* sections */
  /* show admin/extra */
}
.mxo-application > .main > .nav.collapsed .nav-general h3 {
  display: none;
}
.mxo-application > .main > .nav.collapsed .nav-admin h3,
.mxo-application > .main > .nav.collapsed .nav-extra h3,
.mxo-application > .main > .nav.collapsed .nav-admin p,
.mxo-application > .main > .nav.collapsed .nav-extra p,
.mxo-application > .main > .nav.collapsed .nav-admin ul,
.mxo-application > .main > .nav.collapsed .nav-extra ul {
  display: none;
}
.mxo-application > .main > .nav.collapsed .nav-show-admin,
.mxo-application > .main > .nav.collapsed .nav-show-admin:link,
.mxo-application > .main > .nav.collapsed .nav-show-admin:visited,
.mxo-application > .main > .nav.collapsed .nav-show-extra,
.mxo-application > .main > .nav.collapsed .nav-show-extra:link,
.mxo-application > .main > .nav.collapsed .nav-show-extra:visited {
  display: flex;
}
.mxo-application > .main > .nav.collapsed .nav-toggle,
.mxo-application > .main > .nav.collapsed .nav-toggle:link,
.mxo-application > .main > .nav.collapsed .nav-toggle:visited {
  padding-left: 40px;
  padding-right: 0;
}
.mxo-application > .main > .nav.collapsed .nav-toggle::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%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M0%200h4v4h-4v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M0%2020h4v4h-4v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M0%2010h4v4h-4v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M8%200h16v4h-16v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M8%2020h16v4h-16v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%2314140f%22%20d%3D%22M8%2010h16v4h-16v-4z%22%3E%3C/path%3E%3C/svg%3E");
  right: auto;
  left: 14px;
}
.mxo-application > .main > .nav.collapsed .nav-toggle:hover::before,
.styleguide-hover .mxo-application > .main > .nav.collapsed .nav-toggle::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%3E%3Cpath%20fill%3D%22%236c8f89%22%20d%3D%22M0%200h4v4h-4v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%236c8f89%22%20d%3D%22M0%2020h4v4h-4v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%236c8f89%22%20d%3D%22M0%2010h4v4h-4v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%236c8f89%22%20d%3D%22M8%200h16v4h-16v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%236c8f89%22%20d%3D%22M8%2020h16v4h-16v-4z%22%3E%3C/path%3E%3Cpath%20fill%3D%22%236c8f89%22%20d%3D%22M8%2010h16v4h-16v-4z%22%3E%3C/path%3E%3C/svg%3E");
}
.mxo-application > .main > .nav.collapsed .nav-legal {
  display: none;
}
.mxo-application > .main > .nav.collapsed .logo-moxio::before,
.mxo-application > .main > .nav.collapsed .logo-moxio:link::before,
.mxo-application > .main > .nav.collapsed .logo-moxio:visited::before {
  background-position: 50% -26px;
}
.mxo-application > .main > .nav.collapsed .logo-moxio .logo-moxio-tagline,
.mxo-application > .main > .nav.collapsed .logo-moxio:link .logo-moxio-tagline,
.mxo-application > .main > .nav.collapsed .logo-moxio:visited .logo-moxio-tagline {
  display: none;
}
.mxo-application > .main > .nav.collapsed li a:not(.button),
.mxo-application > .main > .nav.collapsed li a:not(.button):link,
.mxo-application > .main > .nav.collapsed li a:not(.button):visited {
  white-space: nowrap;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* COLOURS */
a.button .number {
  margin-left: 4px;
}
.mxo-widget-value-multiple .number {
  margin-left: 2px;
}
.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-group-toggle .number.number-badge {
  display: inline;
}
.mxo-widget-group-toggle.large .number.number-badge {
  margin: 5px 0 0 0;
}
.mxo-widget-group-toggle.large a.button.disabled .number.number-badge {
  visibility: hidden;
}
.mxo-widget-table .body .row .cells .cell .number.number-badge,
.mxo-widget-table .body .row .cells.selected .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-pdf-viewer .pdf-viewer-header .number.number-badge {
  color: #6c8f89;
  background: #ffffff;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
  overflow: hidden;
  font-size: 19px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #14140f;
}
.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: 16px;
}
.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;
  }
  .header {
    display: none;
  }
  .mxo-application > .main > .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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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;
}

@charset "utf-8";
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 */
/* TOOLTIP */
.mxo-tooltip {
  position: absolute;
  display: none;
}
body:not(.mxo-mode-screenshot) .mxo-widget-debugger.highlight-deprecated .mxo-tooltip {
  /* 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 Tooltip v2";
}
.mxo-tooltip.tooltip-shown {
  display: block;
}
/* Behaviours */
.mxo-tooltip.mxo-tooltip-behaviour-hover .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose .mxo-tooltip-close {
  display: none;
}
/* Headings */
.mxo-tooltip .mxo-tooltip-heading {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  overflow: hidden;
  height: 30px;
  border-bottom: 2px solid #c1c1c1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxo-tooltip .mxo-tooltip-heading a,
.mxo-tooltip .mxo-tooltip-heading a:link,
.mxo-tooltip .mxo-tooltip-heading a:visited {
  padding: 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  color: #3a3a33;
}
.mxo-tooltip .mxo-tooltip-heading 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%20fill%3D%22none%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-tooltip .mxo-tooltip-heading a:hover::before {
  opacity: 1;
}
.mxo-tooltip p {
  color: #3a3a33;
  padding: 0.4em 0;
}
.mxo-tooltip p.note {
  color: #b5b5b3;
  text-align: right;
  font-size: 0.9em;
  font-style: italic;
}
.mxo-tooltip p.invalid {
  color: #e5a400;
}
.mxo-tooltip p.info {
  color: #a6a69d;
}
.mxo-tooltip ul:not(.mxo-widget-group-toggle):not(.mxo-widget-legenda) {
  margin: 0.4em 0;
}
.mxo-tooltip table {
  margin: 0.4em 0;
}
.mxo-tooltip tbody th {
  color: #b5b5b3;
  width: 25%;
}
.mxo-tooltip tbody th,
.mxo-tooltip tbody td {
  border-bottom: 0 none;
}
/* Arrow */
.mxo-tooltip .mxo-tooltip-arrow {
  position: absolute;
}
.mxo-tooltip.mxo-tooltip-orientation-right-top .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-right-center .mxo-tooltip-arrow {
  left: 0;
  top: 11px;
  background: url(42208563586954b7883c.png) no-repeat left top;
}
.mxo-tooltip.mxo-tooltip-orientation-right-center .mxo-tooltip-arrow {
  top: calc(50% - 10px);
}
.mxo-tooltip.mxo-tooltip-orientation-right-bottom .mxo-tooltip-arrow {
  left: 0;
  bottom: 11px;
  background: url(42208563586954b7883c.png) no-repeat left top;
}
.mxo-tooltip.mxo-tooltip-orientation-below-left .mxo-tooltip-arrow {
  left: 5px;
  top: 0;
}
.mxo-tooltip.mxo-tooltip-orientation-below-center .mxo-tooltip-arrow {
  left: calc(50% - 10px);
  top: 0;
}
.mxo-tooltip.mxo-tooltip-orientation-below-right .mxo-tooltip-arrow {
  right: 11px;
  top: 0;
}
.mxo-tooltip.mxo-tooltip-orientation-left-top .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-left-center .mxo-tooltip-arrow {
  right: 0;
  top: 11px;
  background: url(717113d13b21cb1de3e3.png) no-repeat left top;
}
.mxo-tooltip.mxo-tooltip-orientation-left-center .mxo-tooltip-arrow {
  top: calc(50% - 10px);
}
.mxo-tooltip.mxo-tooltip-orientation-left-bottom .mxo-tooltip-arrow {
  right: 0;
  bottom: 11px;
  background: url(717113d13b21cb1de3e3.png) no-repeat left top;
}
.mxo-tooltip.mxo-tooltip-orientation-left-top .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-left-center .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-right-center .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-right-top .mxo-tooltip-arrow {
  width: 13px;
  height: 20px;
}
.mxo-tooltip.mxo-tooltip-orientation-left-bottom .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-center-bottom .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-right-bottom .mxo-tooltip-arrow {
  width: 13px;
  height: 20px;
}
.mxo-tooltip.mxo-tooltip-orientation-below-left .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-below-center .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-below-right .mxo-tooltip-arrow {
  width: 20px;
  height: 13px;
  background: url(205c96eccc27f297e62f.png) no-repeat left top;
}
.mxo-tooltip.mxo-tooltip-orientation-above-left .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-above-center .mxo-tooltip-arrow,
.mxo-tooltip.mxo-tooltip-orientation-above-right .mxo-tooltip-arrow {
  width: 20px;
  height: 13px;
  background: url(deae9cb129c44768dc99.png) no-repeat left top;
}
.mxo-tooltip.mxo-tooltip-orientation-above-left .mxo-tooltip-arrow {
  left: 5px;
  bottom: 0;
}
.mxo-tooltip.mxo-tooltip-orientation-above-center .mxo-tooltip-arrow {
  left: calc(50% - 10px);
  bottom: 0;
}
.mxo-tooltip.mxo-tooltip-orientation-above-right .mxo-tooltip-arrow {
  right: 11px;
  bottom: 0;
}
/* Inner */
.mxo-tooltip .mxo-tooltip-inner {
  padding: 12px 8px 8px 8px;
  padding-right: 25px;
  /* spacing right + width close icon + spacing left */
  overflow: auto;
  position: relative;
  min-height: 14px;
  text-align: left;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background: #ffffff;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
}
.mxo-tooltip.mxo-tooltip-orientation-right-top .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-orientation-right-center .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-orientation-right-bottom .mxo-tooltip-inner {
  margin-left: 11px;
}
.mxo-tooltip.mxo-tooltip-orientation-left-top .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-orientation-left-center .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-orientation-left-bottom .mxo-tooltip-inner {
  margin-right: 11px;
}
.mxo-tooltip.mxo-tooltip-orientation-below-left .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-orientation-below-center .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-orientation-below-right .mxo-tooltip-inner {
  margin-top: 10px;
}
.mxo-tooltip.mxo-tooltip-orientation-above-left .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-orientation-above-center .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-orientation-above-right .mxo-tooltip-inner {
  margin-bottom: 12px;
}
.mxo-tooltip.mxo-tooltip-select .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-suggest .mxo-tooltip-inner {
  margin: 0;
}
.mxo-tooltip.mxo-tooltip-behaviour-hover.mxo-tooltip-orientation-above-left .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-hover.mxo-tooltip-orientation-above-center .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-hover.mxo-tooltip-orientation-above-right .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-hover.mxo-tooltip-orientation-right-top .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-hover.mxo-tooltip-orientation-right-bottom .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-hover.mxo-tooltip-orientation-left-top .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-hover.mxo-tooltip-orientation-left-bottom .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-hover.mxo-tooltip-orientation-below-left .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-hover.mxo-tooltip-orientation-below-center .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-hover.mxo-tooltip-orientation-below-right .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose.mxo-tooltip-orientation-above-left .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose.mxo-tooltip-orientation-above-center .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose.mxo-tooltip-orientation-above-right .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose.mxo-tooltip-orientation-right-top .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose.mxo-tooltip-orientation-right-bottom .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose.mxo-tooltip-orientation-left-top .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose.mxo-tooltip-orientation-left-bottom .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose.mxo-tooltip-orientation-below-left .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose.mxo-tooltip-orientation-below-center .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-autoclose.mxo-tooltip-orientation-below-right .mxo-tooltip-inner {
  padding: 12px 8px 8px 8px;
}
.mxo-tooltip.mxo-tooltip-behaviour-click.select.mxo-tooltip-orientation-above-left .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-click.select.mxo-tooltip-orientation-above-center .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-click.select.mxo-tooltip-orientation-above-right .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-click.select.mxo-tooltip-orientation-right-top .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-click.select.mxo-tooltip-orientation-right-bottom .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-click.select.mxo-tooltip-orientation-left-top .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-click.select.mxo-tooltip-orientation-left-bottom .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-click.select.mxo-tooltip-orientation-below-left .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-click.select.mxo-tooltip-orientation-below-center .mxo-tooltip-inner,
.mxo-tooltip.mxo-tooltip-behaviour-click.select.mxo-tooltip-orientation-below-right .mxo-tooltip-inner {
  padding: 4px;
}
.mxo-tooltip.mxo-tooltip-behaviour-hover .mxo-tooltip-inner {
  max-width: 351px;
}
/* Close */
.mxo-tooltip .mxo-tooltip-close {
  position: absolute;
  width: 16px;
  height: 16px;
  overflow: hidden;
  cursor: pointer;
  white-space: nowrap;
  opacity: 0.5;
}
.mxo-tooltip .mxo-tooltip-close::before {
  content: " ";
  display: inline-block;
  margin: 3px 10px 3px 3px;
  width: 10px;
  height: 10px;
  background: 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%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%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat 0 0;
  background-size: 10px;
}
.mxo-tooltip .mxo-tooltip-close:hover {
  opacity: 1;
}
.mxo-tooltip.mxo-tooltip-orientation-right-top .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-right-center .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-right-bottom .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-left-top .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-left-center .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-left-bottom .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-below-left .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-below-center .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-below-right .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-above-left .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-above-center .mxo-tooltip-close,
.mxo-tooltip.mxo-tooltip-orientation-above-right .mxo-tooltip-close {
  top: 9px;
  /* spacing top - margin top close icon */
  right: 5px;
  /* spacing right - margin right close icon */
}
/* Buttons */
.mxo-tooltip .buttons:not(.mxo-widget-tabs) {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid #e3e3e3;
}
.mxo-tooltip .buttons.top {
  margin-top: -1em;
  margin-bottom: 0.3em;
  padding-top: 0;
  border-top: 0 none;
  border-bottom: 1px solid #e3e3e3;
}
.mxo-tooltip .buttons ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mxo-tooltip .buttons li {
  display: inline;
  margin: 0;
  padding: 0;
  margin-right: 20px;
}
.mxo-tooltip .buttons li a,
.mxo-tooltip .buttons li a:link,
.mxo-tooltip .buttons li a:visited {
  height: 26px;
  line-height: 26px;
  text-decoration: none;
}
.mxo-tooltip .buttons li a:hover {
  text-decoration: underline;
}
/* search box */
.mxo-tooltip .mxo-tooltip-searchbox {
  margin: 6px;
  overflow: hidden;
  position: relative;
}
.mxo-tooltip .mxo-tooltip-searchbox .q {
  padding: 3px;
  padding-right: 28px;
  width: 100%;
  min-height: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  border: 1px solid #a3a3a3;
  border-bottom: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}
.mxo-tooltip .mxo-tooltip-searchbutton,
.mxo-tooltip .mxo-tooltip-searchbutton:link,
.mxo-tooltip .mxo-tooltip-searchbutton:visited {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 22px;
  height: 22px;
  font-size: 1.2em;
  cursor: pointer;
  opacity: 0.5;
}
.mxo-tooltip .mxo-tooltip-searchbutton::before {
  position: relative;
  display: inline-block;
  margin-right: 0.6em;
  width: 16px;
  height: 16px;
  vertical-align: top;
  content: " ";
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left: 4px;
  background-size: 14px;
  top: 4px;
  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%20d%3D%22M16.004%2014.59l-5.114-5.114c0.698-0.981%201.109-2.181%201.109-3.477%200-3.314-2.686-6-6-6s-6%202.686-6%206%202.686%206%206%206c1.296%200%202.496-0.411%203.476-1.109l5.114%205.114%201.414-1.414zM6%2010c-2.209%200-4-1.791-4-4s1.791-4%204-4%204%201.791%204%204-1.791%204-4%204z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-tooltip .mxo-tooltip-searchbutton:hover {
  opacity: 1;
}
/* Select & Suggestion */
.mxo-tooltip-select .mxo-tooltip-inner,
.mxo-tooltip-suggest .mxo-tooltip-inner {
  padding: 4px;
}
.mxo-tooltip-select .mxo-tooltip-close,
.mxo-tooltip-suggest .mxo-tooltip-close,
.mxo-tooltip-select .mxo-tooltip-arrow,
.mxo-tooltip-suggest .mxo-tooltip-arrow {
  display: none;
}
.mxo-tooltip.select ul:not(.mxo-widget-group-toggle),
.mxo-tooltip-select ul:not(.mxo-widget-group-toggle),
.mxo-tooltip-suggest ul:not(.mxo-widget-group-toggle) {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mxo-tooltip-select li,
.mxo-tooltip-suggest li,
.mxo-tooltip.select li {
  margin: 0;
  padding: 5px 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #66665f;
  cursor: pointer;
}
.mxo-tooltip-suggest li {
  position: relative;
  padding: 4px 8px;
}
.mxo-tooltip-select li a,
.mxo-tooltip-select li a:link,
.mxo-tooltip-select li a:visited,
.mxo-tooltip-suggest li a,
.mxo-tooltip-suggest li a:link,
.mxo-tooltip-suggest li a:visited,
.mxo-tooltip.select li a,
.mxo-tooltip.select li a:link,
.mxo-tooltip.select li a:visited {
  display: block;
  margin: -4px -8px;
  padding: 4px 8px;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #66665f;
}
.mxo-tooltip-select li a:hover,
.mxo-tooltip-suggest li a:hover,
.mxo-tooltip.select li a:hover {
  color: #3a3a33;
  background-color: #e0e0e0;
}
.mxo-tooltip-select li.disabled a:hover,
.mxo-tooltip-suggest li.disabled a:hover,
.mxo-tooltip.select li.disabled a:hover {
  color: #66665f;
  background-color: transparent;
}
.mxo-tooltip-select label:not(.mxo-widget-checkbox):not(.mxo-widget-radiobutton) {
  display: block;
  color: #66665f;
}
/* prevent overruling new checkbox/radiobutton widgets */
.mxo-tooltip-select form {
  margin: 0;
  padding: 0;
}
.mxo-tooltip-select fieldset {
  padding: 0 5px;
}
.mxo-tooltip-select select {
  width: 200px;
  margin: 0.5em 0;
  min-height: 23px;
  padding: 2px 4px;
  vertical-align: middle;
  box-sizing: border-box;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  border: 0 none;
  border-bottom: 1px solid #e1e2db;
  color: #3a3a33;
}
.mxo-tooltip-select li.new,
.mxo-tooltip-select li.new a,
.mxo-tooltip-select li.new a:link,
.mxo-tooltip-select li.new a:visited,
.mxo-tooltip-suggest li.new,
.mxo-tooltip-suggest li.new a,
.mxo-tooltip-suggest li.new a:link,
.mxo-tooltip-suggest li.new a:visited {
  color: #2fac60;
}
.mxo-tooltip-select li.level-1 {
  font-weight: bold;
}
.mxo-tooltip-select li.level-2 {
  padding-left: 20px;
}
.mxo-tooltip .select {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mxo-tooltip .select li {
  padding: 4px 8px;
}
.mxo-tooltip .select.checkboxes {
  padding: 0.2em 0;
}
.mxo-tooltip .select.checkboxes li {
  padding: 4px;
}
.mxo-tooltip .select.checkboxes li:hover {
  background: none;
}
.mxo-tooltip .select.checkboxes li input {
  margin-right: 0.2em;
  vertical-align: middle;
}
/* custom */
.mxo-tooltip ul.separator {
  border-top: 1px solid #e0e0e0;
}
.mxo-tooltip li.separator,
.mxo-tooltip.mxo-tooltip-select li.separator {
  margin: 2px 0;
  padding: 0;
  font-size: 0.1px;
  border-top: 1px solid #e0e0e0;
}
.mxo-tooltip li.placeholder,
.mxo-tooltip li.placeholder a,
.mxo-tooltip li.placeholder a:link,
.mxo-tooltip li.placeholder a:visited {
  color: #999992;
}
.mxo-tooltip li.placeholder:hover,
.mxo-tooltip li.placeholder:hover a,
.mxo-tooltip li.placeholder:hover a:link,
.mxo-tooltip li.placeholder:hover a:visited {
  color: #3a3a33;
}
.mxo-tooltip li.current,
.mxo-tooltip li.selected,
.mxo-tooltip li.current:hover,
.mxo-tooltip li.selected:hover {
  color: #ffffff;
  background: #6c8f89;
}
.mxo-tooltip .mxo-widget-tabs li.current,
.mxo-tooltip .mxo-widget-tabs li.selected,
.mxo-tooltip .mxo-widget-tabs li.current:hover,
.mxo-tooltip .mxo-widget-tabs li.selected:hover {
  color: inherit;
  background: none;
}
.mxo-tooltip li.current a,
.mxo-tooltip li.selected a,
.mxo-tooltip li.current:hover a,
.mxo-tooltip li.selected:hover a {
  color: #ffffff;
}
.mxo-tooltip li.current:hover a:hover,
.mxo-tooltip li.selected:hover a:hover {
  background-color: #506762;
}
.mxo-tooltip li.disabled {
  opacity: 0.6;
  background: none;
  cursor: default;
}
.mxo-tooltip li.disabled:hover,
.mxo-tooltip li.disabled a,
.mxo-tooltip li.disabled a:link,
.mxo-tooltip li.disabled a:visited,
.mxo-tooltip li.disabled a:hover {
  color: #666666;
  cursor: default;
}
.mxo-tooltip li.highlight,
.mxo-tooltip li .highlight,
.mxo-tooltip li strong,
.mxo-tooltip li.highlight.disabled:hover,
.mxo-tooltip li.disabled:hover .highlight,
.mxo-tooltip li.disabled:hover strong {
  color: #66665f;
  font-weight: bold;
}
.mxo-tooltip li.highlight:hover,
.mxo-tooltip li:hover .highlight {
  color: #3a3a33;
}
.mxo-tooltip li.current.highlight,
.mxo-tooltip li.current .highlight,
.mxo-tooltip li.current strong,
.mxo-tooltip li.selected.highlight,
.mxo-tooltip li.selected .highlight,
.mxo-tooltip li.selected strong {
  color: #ffffff;
}
.mxo-tooltip li.current.highlight:hover,
.mxo-tooltip li.current:hover .highlight,
.mxo-tooltip li.selected.highlight:hover,
.mxo-tooltip li.selected:hover .highlight {
  color: #ffffff;
}
.mxo-tooltip .prompt {
  padding: 5px 10px;
  margin: -4px;
  margin-bottom: 3px;
  line-height: normal;
  color: #6c8f89;
  background: #e5e6df;
}
.mxo-tooltip .category {
  padding: 5px;
  margin-bottom: 1px;
  line-height: normal;
  color: #6c8f89;
  background: #e5e6df;
}
.mxo-tooltip .other {
  padding-top: 2px;
  padding-right: 1em;
  overflow: hidden;
  font-size: 0.9em;
  text-align: right;
  color: #6c8f89;
  border-top: 1px solid #e0e0e0;
}
.mxo-tooltip .more-suggest,
.mxo-tooltip .more-suggest:link,
.mxo-tooltip .more-suggest:visited {
  display: block;
  position: relative;
  padding: 10px;
  padding-right: 20px;
  font-weight: normal;
  text-decoration: none;
  color: #3a3a33;
  background: #e5e6df;
}
.mxo-tooltip .more-suggest:hover {
  background: #d8d9d2;
}
.mxo-tooltip .more-suggest::after {
  display: inline-block;
  width: 10px;
  height: 10px;
  content: " ";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  color: #3a3a33;
  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%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%20fill%3D%22%233a3a33%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-tooltip .more-select,
.mxo-tooltip .more-select:link,
.mxo-tooltip .more-select:visited {
  display: block;
  position: relative;
  padding: 7px 10px;
  padding-right: 20px;
  font-weight: normal;
  text-decoration: none;
  font-style: italic;
  color: #6c8f89;
}
.mxo-tooltip .more-select:hover {
  background: #e2e2db;
}
.mxo-tooltip .more-select::after {
  display: inline-block;
  width: 10px;
  height: 10px;
  content: " ";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -5px;
  color: #3a3a33;
  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%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%20fill%3D%22%233a3a33%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
/* remove */
.mxo-tooltip li a.remove,
.mxo-tooltip li a.remove:link,
.mxo-tooltip li a.remove:visited {
  float: right;
  display: block;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  opacity: 0.65;
}
.mxo-tooltip li a.remove::before {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 9px;
  height: 9px;
  content: " ";
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-left: 0.6em;
  margin-right: 2em;
  color: #333333;
  background-size: 9px;
  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%20d%3D%22M2.343%202.343c-3.124%203.124-3.124%208.19%200%2011.314s8.19%203.124%2011.314%200c3.124-3.124%203.124-8.19%200-11.314s-8.19-3.124-11.314%200zM12.243%205.172l-2.828%202.828%202.828%202.828-1.414%201.414-2.828-2.828-2.828%202.828-1.414-1.414%202.828-2.828-2.828-2.828%201.414-1.414%202.828%202.828%202.828-2.828%201.414%201.414z%22%20fill%3D%22%23333333%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-tooltip li a.remove:hover {
  opacity: 1;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 */
/* COLOURS */
.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: 8px 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 32px 8px 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-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  background: transparent;
  border-radius: 50%;
  transition: 0.15s ease-in-out;
  transition-property: background;
  cursor: pointer;
}
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-close::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  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-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-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-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-close:focus-visible {
  outline: 1.5px solid #3d9c9c;
}
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading {
  border-bottom: 2px solid #c1c1c1;
}
.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 7px 8px 25px;
  min-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  line-height: 16px;
  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%20fill%3D%22none%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: 4px;
  opacity: 0.75;
}
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading > a:hover::after,
.mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading .navigation-heading:hover::after,
.styleguide-hover .mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading > a::after,
.styleguide-hover .mxo-tooltip-v2 .mxo-tooltip-inner .mxo-tooltip-heading .navigation-heading::after {
  opacity: 1;
}
.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-action-required .mxo-tooltip-inner,
.mxo-tooltip-v2.mxo-tooltip-behaviour-sticky .mxo-tooltip-inner {
  padding: 8px;
}
.mxo-tooltip-v2.mxo-tooltip-behaviour-hover .mxo-tooltip-inner .mxo-tooltip-close,
.mxo-tooltip-v2.mxo-tooltip-behaviour-autoclose .mxo-tooltip-inner .mxo-tooltip-close,
.mxo-tooltip-v2.mxo-tooltip-behaviour-action-required .mxo-tooltip-inner .mxo-tooltip-close,
.mxo-tooltip-v2.mxo-tooltip-behaviour-sticky .mxo-tooltip-inner .mxo-tooltip-close {
  display: none;
}
.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: 2px;
  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: 2px;
}
.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: 2px;
}
.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: 2px;
}
.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: 8px 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: 8px 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: 8px 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: 8px 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: 8px 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: 8px 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: 8px 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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: 10px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
  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%20fill%3D%22none%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;
  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%20fill%3D%22none%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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 {
  font-size: 12px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
/* 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 #c1c1c1;
}
/* 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 7px 8px 25px;
  min-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  line-height: 16px;
  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%20fill%3D%22none%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: 4px;
  opacity: 0.75;
}
.mxo-widget-context-list .context-list-content-heading > a:hover::after,
.mxo-widget-context-list .context-list-content-heading .navigation-heading:hover::after,
.styleguide-hover .mxo-widget-context-list .context-list-content-heading > a::after,
.styleguide-hover .mxo-widget-context-list .context-list-content-heading .navigation-heading::after {
  opacity: 1;
}
.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 li {
  margin: 0;
}
.mxo-widget-context-list .context-list li .context-list-item {
  position: relative;
  padding: 8px 7px;
  min-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  line-height: 16px;
  color: #14140f;
  cursor: pointer;
}
.mxo-widget-context-list .context-list li .context-list-item.hover,
.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: #f1f4f3;
}
.mxo-widget-context-list .context-list li .separator {
  border-bottom: 2px solid #c1c1c1;
}
.mxo-widget-context-list .context-list li.context-list-selectable.enable-arrow .context-list-item {
  padding-right: 25px;
}
.mxo-widget-context-list .context-list li.context-list-selectable.enable-arrow .context-list-item::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%20fill%3D%22none%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;
  top: 4px;
  right: 0;
  opacity: 0.75;
}
.mxo-widget-context-list .context-list li.context-list-selectable.enable-arrow .context-list-item.hover::after,
.mxo-widget-context-list .context-list li.context-list-selectable.enable-arrow .context-list-item:hover::after,
.styleguide-hover .mxo-widget-context-list .context-list li.context-list-selectable.enable-arrow .context-list-item::after {
  opacity: 1;
}
.mxo-widget-context-list .context-list li.context-list-selectable.enable-arrow.disabled .context-list-item::after {
  opacity: 0.3;
}
.mxo-widget-context-list .context-list li.context-list-selectable.selected .context-list-item {
  color: #ffffff;
  background-color: #6c8f89;
}
.mxo-widget-context-list .context-list li.context-list-selectable.selected .context-list-item.hover,
.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: #506762;
}
.mxo-widget-context-list .context-list li.context-list-selectable.selected.enable-arrow .context-list-item::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  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%20fill%3D%22none%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-context-list .context-list li.context-list-external .context-list-item {
  padding-right: 25px;
}
.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%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");
  position: absolute;
  top: 8px;
  right: 4px;
  opacity: 0.75;
}
.mxo-widget-context-list .context-list li.context-list-external .context-list-item.hover::after,
.mxo-widget-context-list .context-list li.context-list-external .context-list-item:hover::after,
.styleguide-hover .mxo-widget-context-list .context-list li.context-list-external .context-list-item::after {
  opacity: 1;
}
.mxo-widget-context-list .context-list li.disabled .context-list-item {
  color: #b3b3b1;
  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-copyable {
  display: flex;
  align-items: center;
}
.mxo-widget-copyable .content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mxo-widget-copyable .copyable-action {
  flex: 1 1 auto;
}

.mxo-widget-datepicker {
  width: 221px;
  /* header */
  /* content */
  /* weeks */
  /* heading */
  /* days / months / years */
  /* footer */
}
.mxo-widget-datepicker .datepicker-header {
  display: flex;
  overflow: hidden;
  line-height: 27px;
  text-align: center;
  margin: 1px;
}
.mxo-widget-datepicker .datepicker-header .datepicker-title {
  flex: 1 1 auto;
}
.mxo-widget-datepicker .datepicker-header .datepicker-title a {
  color: #3a3a33;
  padding: 0 3px;
}
.mxo-widget-datepicker .datepicker-header .datepicker-title a:hover,
.mxo-widget-datepicker .datepicker-header .datepicker-title a.hover {
  color: #6c8f89;
}
.mxo-widget-datepicker .datepicker-header .datepicker-next,
.mxo-widget-datepicker .datepicker-header .datepicker-next:link,
.mxo-widget-datepicker .datepicker-header .datepicker-next:visited,
.mxo-widget-datepicker .datepicker-header .datepicker-previous,
.mxo-widget-datepicker .datepicker-header .datepicker-previous:link,
.mxo-widget-datepicker .datepicker-header .datepicker-previous:visited {
  background: no-repeat 9px 50%;
  background-size: 6px 10px;
  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%23000000%22%20d%3D%22M13.999%200l0.001%2016-12-8.001z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  width: 27px;
}
.mxo-widget-datepicker .datepicker-header .datepicker-next,
.mxo-widget-datepicker .datepicker-header .datepicker-next:link,
.mxo-widget-datepicker .datepicker-header .datepicker-next:visited {
  background-position: 9px 50%;
  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%23000000%22%20d%3D%22M2.001%200l-0.001%2016%2012-8.001z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-datepicker .datepicker-header .datepicker-next:hover,
.mxo-widget-datepicker .datepicker-header .datepicker-previous:hover {
  opacity: 0.4;
}
.mxo-widget-datepicker .datepicker-content {
  min-height: 193px;
}
.mxo-widget-datepicker .datepicker-week {
  display: flex;
  overflow: hidden;
  width: 203px;
  margin: 0 9px;
  font-weight: bold;
  font-size: 12px;
  color: #6c8f89;
}
.mxo-widget-datepicker .datepicker-week .datepicker-week-day {
  margin: 1px;
  width: 27px;
  line-height: 17px;
  text-align: center;
}
.mxo-widget-datepicker .datepicker-heading {
  padding: 2px 0;
  font-weight: bold;
  text-align: center;
  color: #6c8f89;
}
.mxo-widget-datepicker .datepicker-days,
.mxo-widget-datepicker .datepicker-months,
.mxo-widget-datepicker .datepicker-years {
  margin: 0 9px;
  display: flex;
  flex-wrap: wrap;
}
.mxo-widget-datepicker .datepicker-days a,
.mxo-widget-datepicker .datepicker-months a,
.mxo-widget-datepicker .datepicker-years a,
.mxo-widget-datepicker .datepicker-days a:link,
.mxo-widget-datepicker .datepicker-months a:link,
.mxo-widget-datepicker .datepicker-years a:link,
.mxo-widget-datepicker .datepicker-days a:visited,
.mxo-widget-datepicker .datepicker-months a:visited,
.mxo-widget-datepicker .datepicker-years a:visited,
.mxo-widget-datepicker .datepicker-days a.other,
.mxo-widget-datepicker .datepicker-months a.other,
.mxo-widget-datepicker .datepicker-years a.other,
.mxo-widget-datepicker .datepicker-days a.other:link,
.mxo-widget-datepicker .datepicker-months a.other:link,
.mxo-widget-datepicker .datepicker-years a.other:link,
.mxo-widget-datepicker .datepicker-days a.other:visited,
.mxo-widget-datepicker .datepicker-months a.other:visited,
.mxo-widget-datepicker .datepicker-years a.other:visited {
  overflow: hidden;
  padding: 0;
  width: 27px;
  height: 27px;
  margin: 1px;
  box-sizing: border-box;
  line-height: 27px;
  text-align: center;
  text-decoration: none;
  color: #3a3a33;
  background: #f7f7f0;
  font-size: 12px;
}
.mxo-widget-datepicker .datepicker-days a.other,
.mxo-widget-datepicker .datepicker-months a.other,
.mxo-widget-datepicker .datepicker-years a.other,
.mxo-widget-datepicker .datepicker-days a.other:link,
.mxo-widget-datepicker .datepicker-months a.other:link,
.mxo-widget-datepicker .datepicker-years a.other:link,
.mxo-widget-datepicker .datepicker-days a.other:visited,
.mxo-widget-datepicker .datepicker-months a.other:visited,
.mxo-widget-datepicker .datepicker-years a.other:visited {
  color: #bbbbbb;
  background: none;
  border: 1px solid #f7f7f7;
}
.mxo-widget-datepicker .datepicker-days a:hover,
.mxo-widget-datepicker .datepicker-months a:hover,
.mxo-widget-datepicker .datepicker-years a:hover,
.mxo-widget-datepicker .datepicker-days a.hover,
.mxo-widget-datepicker .datepicker-months a.hover,
.mxo-widget-datepicker .datepicker-years a.hover,
.mxo-widget-datepicker .datepicker-days a.other:hover,
.mxo-widget-datepicker .datepicker-months a.other:hover,
.mxo-widget-datepicker .datepicker-years a.other:hover {
  color: #6c8f89;
  background: #e2e2db;
  border: 0 none;
}
.mxo-widget-datepicker .datepicker-days a.current,
.mxo-widget-datepicker .datepicker-months a.current,
.mxo-widget-datepicker .datepicker-years a.current,
.mxo-widget-datepicker .datepicker-days a.current:link,
.mxo-widget-datepicker .datepicker-months a.current:link,
.mxo-widget-datepicker .datepicker-years a.current:link,
.mxo-widget-datepicker .datepicker-days a.current:visited,
.mxo-widget-datepicker .datepicker-months a.current:visited,
.mxo-widget-datepicker .datepicker-years a.current:visited {
  border: 1px solid #dbdbd5;
}
.mxo-widget-datepicker .datepicker-days a.selected,
.mxo-widget-datepicker .datepicker-months a.selected,
.mxo-widget-datepicker .datepicker-years a.selected,
.mxo-widget-datepicker .datepicker-days a.selected:link,
.mxo-widget-datepicker .datepicker-months a.selected:link,
.mxo-widget-datepicker .datepicker-years a.selected:link,
.mxo-widget-datepicker .datepicker-days a.selected:visited,
.mxo-widget-datepicker .datepicker-months a.selected:visited,
.mxo-widget-datepicker .datepicker-years a.selected:visited {
  color: #ffffff;
  background: #6c8f89;
  border: 0 none;
}
.mxo-widget-datepicker .datepicker-months,
.mxo-widget-datepicker .datepicker-years {
  margin: 0 7px;
}
.mxo-widget-datepicker .datepicker-months a,
.mxo-widget-datepicker .datepicker-years a,
.mxo-widget-datepicker .datepicker-months a:link,
.mxo-widget-datepicker .datepicker-years a:link,
.mxo-widget-datepicker .datepicker-months a:visited,
.mxo-widget-datepicker .datepicker-years a:visited {
  width: 63px;
  margin: 3px;
}
.mxo-widget-datepicker .datepicker-footer {
  margin: 0 9px;
  line-height: 27px;
  text-align: right;
}
.mxo-widget-datepicker .datepicker-footer a,
.mxo-widget-datepicker .datepicker-footer a:link,
.mxo-widget-datepicker .datepicker-footer a:visited {
  color: #3a3a33;
}
.mxo-widget-datepicker .datepicker-footer a:hover,
.mxo-widget-datepicker .datepicker-footer a.hover {
  color: #6c8f89;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 9999;
  padding: 10px;
}
.mxo-widget-debugger > .debug-options .icon.icon-settings:not(.icon-svg) {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill%3D%22%23d19e2b%22%20d%3D%22M9.25001%2022L8.85001%2018.8C8.63335%2018.7167%208.42918%2018.6167%208.23751%2018.5C8.04585%2018.3833%207.85835%2018.2583%207.67501%2018.125L4.70001%2019.375L1.95001%2014.625L4.52501%2012.675C4.50835%2012.5583%204.50001%2012.4458%204.50001%2012.3375V11.6625C4.50001%2011.5542%204.50835%2011.4417%204.52501%2011.325L1.95001%209.375L4.70001%204.625L7.67501%205.875C7.85835%205.74167%208.05001%205.61667%208.25001%205.5C8.45001%205.38333%208.65001%205.28333%208.85001%205.2L9.25001%202H14.75L15.15%205.2C15.3667%205.28333%2015.5708%205.38333%2015.7625%205.5C15.9542%205.61667%2016.1417%205.74167%2016.325%205.875L19.3%204.625L22.05%209.375L19.475%2011.325C19.4917%2011.4417%2019.5%2011.5542%2019.5%2011.6625V12.3375C19.5%2012.4458%2019.4833%2012.5583%2019.45%2012.675L22.025%2014.625L19.275%2019.375L16.325%2018.125C16.1417%2018.2583%2015.95%2018.3833%2015.75%2018.5C15.55%2018.6167%2015.35%2018.7167%2015.15%2018.8L14.75%2022H9.25001ZM11%2020H12.975L13.325%2017.35C13.8417%2017.2167%2014.3208%2017.0208%2014.7625%2016.7625C15.2042%2016.5042%2015.6083%2016.1917%2015.975%2015.825L18.45%2016.85L19.425%2015.15L17.275%2013.525C17.3583%2013.2917%2017.4167%2013.0458%2017.45%2012.7875C17.4833%2012.5292%2017.5%2012.2667%2017.5%2012C17.5%2011.7333%2017.4833%2011.4708%2017.45%2011.2125C17.4167%2010.9542%2017.3583%2010.7083%2017.275%2010.475L19.425%208.85L18.45%207.15L15.975%208.2C15.6083%207.81667%2015.2042%207.49583%2014.7625%207.2375C14.3208%206.97917%2013.8417%206.78333%2013.325%206.65L13%204H11.025L10.675%206.65C10.1583%206.78333%209.67918%206.97917%209.23751%207.2375C8.79585%207.49583%208.39168%207.80833%208.02501%208.175L5.55001%207.15L4.57501%208.85L6.72501%2010.45C6.64168%2010.7%206.58335%2010.95%206.55001%2011.2C6.51668%2011.45%206.50001%2011.7167%206.50001%2012C6.50001%2012.2667%206.51668%2012.525%206.55001%2012.775C6.58335%2013.025%206.64168%2013.275%206.72501%2013.525L4.57501%2015.15L5.55001%2016.85L8.02501%2015.8C8.39168%2016.1833%208.79585%2016.5042%209.23751%2016.7625C9.67918%2017.0208%2010.1583%2017.2167%2010.675%2017.35L11%2020ZM12.05%2015.5C13.0167%2015.5%2013.8417%2015.1583%2014.525%2014.475C15.2083%2013.7917%2015.55%2012.9667%2015.55%2012C15.55%2011.0333%2015.2083%2010.2083%2014.525%209.525C13.8417%208.84167%2013.0167%208.5%2012.05%208.5C11.0667%208.5%2010.2375%208.84167%209.56251%209.525C8.88751%2010.2083%208.55001%2011.0333%208.55001%2012C8.55001%2012.9667%208.88751%2013.7917%209.56251%2014.475C10.2375%2015.1583%2011.0667%2015.5%2012.05%2015.5Z%22%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  width: 24px;
  height: 24px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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: 3px;
}
.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;
  margin: 6px;
  padding: 0 8px 0 31px;
  /* icon width + icon spacing */
}
.mxo-widget-diagram-node .header {
  display: flex;
  justify-content: center;
  width: 250px;
}
.mxo-widget-diagram-node .header .header-label {
  height: 20px;
  width: 50px;
  overflow: hidden;
  text-align: center;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffffff;
  background-color: #6c8f89;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.has-expand-left.mxo-widget-diagram-node .header {
  margin-left: 30px;
}
.mxo-widget-diagram-node .content {
  display: flex;
  align-items: center;
  gap: 3px;
}
.mxo-widget-diagram-node .content .node {
  display: flex;
  width: 250px;
  box-sizing: border-box;
  overflow: hidden;
  line-height: 16px;
  /* should be length for fixed height of label */
  background-color: #fcfcfb;
  border-radius: 8px;
  border: 2px solid #6c8f89;
  height: 60px;
}
.mxo-widget-diagram-node .content .node.text-full {
  height: auto;
}
.mxo-widget-diagram-node .content .node.draggable .draghandle {
  flex: 1 0 auto;
  display: none;
  cursor: move;
}
.mxo-widget-diagram-node .content .node.draggable:hover .draghandle,
.styleguide-hover .mxo-widget-diagram-node .content .node.draggable .draghandle {
  display: block;
}
.mxo-widget-diagram-node .content .node .mark {
  flex: 0 0 auto;
  width: 25px;
}
.mxo-widget-diagram-node .content .node .label-icon,
.mxo-widget-diagram-node .content .node .label,
.mxo-widget-diagram-node .content .node .counter,
.mxo-widget-diagram-node .content .node .actions {
  padding: 4px 0 4px 0;
}
.mxo-widget-diagram-node .content .node .label-icon:last-child,
.mxo-widget-diagram-node .content .node .label:last-child,
.mxo-widget-diagram-node .content .node .counter:last-child,
.mxo-widget-diagram-node .content .node .actions:last-child {
  padding-right: 8px;
}
.mxo-widget-diagram-node .content .node .label-icon,
.mxo-widget-diagram-node .content .node .label:first-child,
.mxo-widget-diagram-node .content .node .mark + .label {
  padding-left: 8px;
}
.mxo-widget-diagram-node .content .node .label-icon {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.mxo-widget-diagram-node .content .node .label {
  flex: 1 1 auto;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.mxo-widget-diagram-node .content .node .label .label-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0 0 2px 0;
  overflow: hidden;
  max-height: 32px;
  text-overflow: ellipsis;
}
.mxo-widget-diagram-node .content .node .label .label-text:last-child {
  margin: 0;
}
.mxo-widget-diagram-node .content .node .label .label-sublabel {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: max(90%, 11px);
}
.mxo-widget-diagram-node .content .node .label.text-full .label-text {
  display: block;
  max-height: none;
  white-space: normal;
}
.mxo-widget-diagram-node .content .node .label.text-full .label-sublabel {
  white-space: normal;
}
.mxo-widget-diagram-node .content .node .counter {
  padding-left: 8px;
  font-size: max(90%, 11px);
}
.mxo-widget-diagram-node.diagram-node-color-negative .header .header-label {
  background-color: #e54a3b;
}
.mxo-widget-diagram-node.diagram-node-color-negative .content .node {
  border-color: #e54a3b;
}
.mxo-widget-diagram-node.diagram-node-color-positive .header .header-label {
  background-color: #33964f;
}
.mxo-widget-diagram-node.diagram-node-color-positive .content .node {
  border-color: #33964f;
}
.mxo-widget-diagram-node.diagram-node-color-neutral .header .header-label {
  background-color: #919187;
}
.mxo-widget-diagram-node.diagram-node-color-neutral .content .node {
  border-color: #919187;
}
.mxo-widget-diagram-node.diagram-node-color-primary .content .node {
  background-color: #d7e6e3;
}
.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 {
  background-color: #f1f4f3;
}
.mxo-widget-diagram-node.diagram-node-selectable.diagram-node-color-primary .content .node:hover,
.styleguide-hover .mxo-widget-diagram-node.diagram-node-selectable.diagram-node-color-primary .content .node {
  background-color: #bed4d0;
}
.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node {
  color: #ffffff;
  background-color: #6c8f89;
}
.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node .label-sublabel,
.mxo-widget-diagram-node.diagram-node-selectable.selected .content .node .counter {
  color: #d8d8d8;
}
.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: #506762;
}
.mxo-widget-diagram-node.diagram-node-highlight .content .node {
  outline: 4px solid #b5e5ba;
}
.mxo-widget-diagram-node .footer {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: 3px;
  width: 250px;
}
.align-vertical.mxo-widget-diagram-node .footer {
  min-height: 22px;
}
.mxo-widget-diagram-node .footer .diagram-expand-button {
  flex: 1 1 auto;
}
.mxo-widget-diagram-node .footer .diagram-expand-button.bottom::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%20fill%3D%22none%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 .footer .diagram-expand-button.bottom.expanded::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%20fill%3D%22none%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");
}
.has-expand-left.mxo-widget-diagram-node .footer {
  margin-left: 30px;
}
.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;
  padding: 3px 6px;
}
.mxo-widget-diagram-node .diagram-expand-button.left::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%20fill%3D%22none%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::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%20fill%3D%22none%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 {
  padding-right: 0;
  margin-right: -3px;
}
.mxo-widget-diagram-node .diagram-expand-button.right::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%20fill%3D%22none%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::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%20fill%3D%22none%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: 0;
  margin-left: -3px;
}
.mxo-widget-diagram-node .count-aside-left,
.mxo-widget-diagram-node .count-aside-right {
  width: 21px;
  text-align: center;
}
.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;
  margin: 6px;
  padding: 8px;
  text-decoration: none;
  white-space: nowrap;
  color: #ffffff;
  background: #0063ba;
  border-radius: 16px;
  transition: 0.15s ease-in-out;
}
.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%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%22M16%206H9.969V0H6V6H0V10H6V16H9.969V10H16V6Z%22%20/%3E%3C/svg%3E");
  margin-right: 7px;
}
.mxo-widget-diagram-create-button:empty {
  align-self: center;
}
.mxo-widget-diagram-create-button:empty::before {
  margin-right: 0;
}
.mxo-widget-diagram-create-button:focus {
  background-color: #0063ba;
}
.mxo-widget-diagram-create-button:hover {
  background-color: #0057a3;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-divider {
  border-top: none;
  border-bottom: 2px solid #c1c1c1;
  margin: 0;
  /* FIX left/right 0 for not growing (getting 100%) when used with flexbox */
}
.mxo-widget-form .form-actions .mxo-widget-divider {
  margin: 0 0 8px 0;
}
.mxo-tooltip-v2 .mxo-widget-form .form-actions .mxo-widget-divider {
  display: none;
}
.mxo-widget-filterbar .mxo-widget-divider,
.mxo-widget-context-list .mxo-widget-divider {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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: 36px;
  right: 0;
  width: 0;
  height: calc(100vh - 36px);
  box-sizing: border-box;
  overflow: hidden;
  visibility: hidden;
  background: #fcfcfb;
  clip-path: inset(0 0 0 -8px);
  /* to clip off shadow at top/bottom */
  transition: 0.25s ease-in-out;
  transition-property: width;
}
.mxo-widget-drawer.show {
  width: 400px;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.1), 0.5px 0 4px rgba(0, 0, 0, 0.1);
}
.mxo-widget-drawer.current {
  visibility: visible;
}
.mxo-widget-drawer .drawer-wrapper {
  overflow: auto;
  padding: 12px 8px 8px 8px;
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  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: -10px;
}
.mxo-widget-drawer .drawer-wrapper > p,
.mxo-widget-drawer .drawer-wrapper > ul {
  margin: 0;
}
.mxo-widget-drawer .drawer-wrapper .drawer-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 .drawer-wrapper .drawer-header > h1,
.mxo-widget-drawer .drawer-wrapper .drawer-header > h2,
.mxo-widget-drawer .drawer-wrapper .drawer-header > h3,
.mxo-widget-drawer .drawer-wrapper .drawer-header > h4,
.mxo-widget-drawer .drawer-wrapper .drawer-header > h5,
.mxo-widget-drawer .drawer-wrapper .drawer-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-drawer .drawer-wrapper .drawer-header > p,
.mxo-widget-drawer .drawer-wrapper .drawer-header > ul {
  margin: 0;
}
.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 .drawer-wrapper .drawer-tools {
  position: absolute;
  top: 12px;
  right: 8px;
}
.mxo-widget-drawer .drawer-wrapper .drawer-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-drawer .drawer-wrapper .drawer-tools a: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-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 #c1c1c1;
}
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;
}

/* 	Needed for legacy fabric components:
	- dropdown
*/
.mxo-widget-dropdown {
  flex: 1 1 auto;
  overflow: hidden;
}
.mxo-widget-dropdown a.selected-item {
  display: block;
  box-sizing: border-box;
  min-width: 120px;
  height: 22px;
  border-bottom: solid 1px #e1e2db;
}
.mxo-widget-dropdown a.selected-item,
.mxo-widget-dropdown a.selected-item:link,
.mxo-widget-dropdown a.selected-item:visited {
  position: relative;
  padding: 3px 20px 2px 4px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  line-height: 16px;
  color: #3a3a33;
  outline: none;
}
.mxo-widget-dropdown a.selected-item.hover,
.mxo-widget-dropdown a.selected-item:hover {
  border-bottom: solid 1px #b2b2b2;
}
.mxo-widget-dropdown a.selected-item:active,
.mxo-widget-dropdown a.selected-item:focus {
  border-bottom: solid 2px #6c8f89;
}
.mxo-widget-dropdown a.selected-item::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #3a3a33;
}
.mxo-widget-table .cells.selected .mxo-widget-dropdown a.selected-item,
.mxo-widget-table .cells.selected .mxo-widget-dropdown a.selected-item:link,
.mxo-widget-table .cells.selected .mxo-widget-dropdown a.selected-item:visited {
  color: #ffffff;
}
.mxo-widget-table .cells.selected .mxo-widget-dropdown a.selected-item.hover,
.mxo-widget-table .cells.selected .mxo-widget-dropdown a.selected-item:hover,
.mxo-widget-table .cells.selected .mxo-widget-dropdown a.selected-item:active,
.mxo-widget-table .cells.selected .mxo-widget-dropdown a.selected-item:focus {
  border-color: #ffffff;
}
.mxo-widget-table .cells.selected .mxo-widget-dropdown a.selected-item::after {
  border-top-color: #ffffff;
}
.mxo-widget-dropdown.disabled a.selected-item,
.mxo-widget-dropdown.disabled a.selected-item:active,
.mxo-widget-dropdown.disabled a.selected-item:focus {
  cursor: default;
  border-bottom: 1px dashed #ccccc8;
}
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:active,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:focus {
  border-color: #ffffff;
}
.mxo-widget-dropdown.disabled a.selected-item,
.mxo-widget-dropdown.disabled a.selected-item:active,
.mxo-widget-dropdown.disabled a.selected-item:focus,
.mxo-widget-dropdown.disabled a.selected-item:link,
.mxo-widget-dropdown.disabled a.selected-item:active:link,
.mxo-widget-dropdown.disabled a.selected-item:focus:link,
.mxo-widget-dropdown.disabled a.selected-item:visited,
.mxo-widget-dropdown.disabled a.selected-item:active:visited,
.mxo-widget-dropdown.disabled a.selected-item:focus:visited,
.mxo-widget-dropdown.disabled a.selected-item.hover,
.mxo-widget-dropdown.disabled a.selected-item:active.hover,
.mxo-widget-dropdown.disabled a.selected-item:focus.hover,
.mxo-widget-dropdown.disabled a.selected-item:hover,
.mxo-widget-dropdown.disabled a.selected-item:active:hover,
.mxo-widget-dropdown.disabled a.selected-item:focus:hover {
  color: #999992;
}
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:active,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:focus,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:link,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:active:link,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:focus:link,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:visited,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:active:visited,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:focus:visited,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item.hover,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:active.hover,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:focus.hover,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:hover,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:active:hover,
.mxo-widget-table .cells.selected .mxo-widget-dropdown.disabled a.selected-item:focus:hover {
  color: #d8d8d8;
}
.mxo-widget-dropdown.active a.selected-item {
  border-bottom: solid 2px #6c8f89;
}
.mxo-widget-table .cells.selected .mxo-widget-dropdown.active a.selected-item {
  border-color: #ffffff;
}
.mxo-widget-dropdown.hover a.selected-item {
  border-bottom: solid 1px #b2b2b2;
}
.mxo-widget-table .cells.selected .mxo-widget-dropdown.hover a.selected-item {
  border-color: #ffffff;
}
.mxo-widget-dropdown-selector {
  max-width: 340px;
  min-width: 115px;
}
.mxo-widget-dropdown-selector ul.dropdown-list {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 300px;
  overflow: auto;
}
.mxo-widget-dropdown-selector ul.dropdown-list li {
  margin: 0;
  padding: 5px 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #3a3a33;
  cursor: pointer;
}
.mxo-widget-dropdown-selector ul.dropdown-list li a,
.mxo-widget-dropdown-selector ul.dropdown-list li a:link,
.mxo-widget-dropdown-selector ul.dropdown-list li a:visited {
  display: block;
  margin: -4px -8px;
  padding: 4px 8px;
  min-height: 14px;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #3a3a33;
}
.mxo-widget-dropdown-selector ul.dropdown-list li a.hover,
.mxo-widget-dropdown-selector ul.dropdown-list li a:hover {
  background: #ebece6;
}
.mxo-widget-dropdown-selector ul.dropdown-list li.hover,
.mxo-widget-dropdown-selector ul.dropdown-list li:hover {
  background: #ebece6;
}
.mxo-widget-dropdown-selector ul.dropdown-list li.current,
.mxo-widget-dropdown-selector ul.dropdown-list li.current a,
.mxo-widget-dropdown-selector ul.dropdown-list li.current a:link,
.mxo-widget-dropdown-selector ul.dropdown-list li.current a:visited {
  color: #ffffff;
  background-color: #6c8f89;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
  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-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 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-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select {
  line-height: 20px;
}
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select:hover,
.styleguide-hover .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 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-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select:focus,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select:active,
.styleguide-focus .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select,
.styleguide-active .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 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-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.active a.dropdown-select,
.styleguide-active .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 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-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.active a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-active .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.active a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-active .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2 a.dropdown-select {
  line-height: 21px;
}
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.disabled a.dropdown-select,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.disabled a.dropdown-select:link,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.disabled a.dropdown-select:visited,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.disabled a.dropdown-select:hover,
.styleguide-hover .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.disabled a.dropdown-select,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.disabled a.dropdown-select:focus,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.disabled a.dropdown-select:active,
.styleguide-focus .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.disabled a.dropdown-select,
.styleguide-active .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.disabled a.dropdown-select {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #0063ba;
  box-shadow: none;
  cursor: default;
}
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:link,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:visited,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:focus,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:active,
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:hover,
.styleguide-hover .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select,
.styleguide-focus .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.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-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:link,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:visited,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:active,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:hover,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-hover .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select,
.mxo-widget-pdf-viewer .pdf-viewer-header .styleguide-focus .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:link,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:visited,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:focus,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:active,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select:hover,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-hover .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select,
.mxo-widget-table:not(.spacious) .row .cells .cell .styleguide-focus .mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select {
  line-height: 24px;
}
.mxo-widget-value-list .mxo-widget-table .foot .mxo-widget-dropdown-v2.readonly a.dropdown-select::after {
  display: none;
  content: none;
}
.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: 2px solid #c1c1c1;
}
.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%20fill%3D%22none%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,
.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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 {
  border: 1px solid #d3d3d3;
  background-color: #fcfcfb;
}
.mxo-widget-expandable .expandable-heading {
  display: flex;
  gap: 4px;
  padding: 5px 40px 5px 10px;
  position: relative;
  overflow: hidden;
  line-height: 30px;
  white-space: nowrap;
  cursor: pointer;
}
.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%20fill%3D%22none%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;
  top: 8px;
  right: 8px;
  background-color: #f0f0eb;
  border-radius: 50%;
}
.mxo-widget-expandable .expandable-heading .persistent-element-wrapper {
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #14140f;
}
.mxo-widget-expandable .expandable-heading .number {
  display: inline-block;
  padding-left: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #6e6e66;
}
.mxo-widget-expandable .expandable-heading:hover,
.mxo-widget-expandable .expandable-heading.hover,
.styleguide-hover .mxo-widget-expandable .expandable-heading {
  background: #f1f4f3;
}
.mxo-widget-expandable .expandable-heading:hover a,
.mxo-widget-expandable .expandable-heading.hover a,
.styleguide-hover .mxo-widget-expandable .expandable-heading a,
.mxo-widget-expandable .expandable-heading:hover a:link,
.mxo-widget-expandable .expandable-heading.hover a:link,
.styleguide-hover .mxo-widget-expandable .expandable-heading a:link,
.mxo-widget-expandable .expandable-heading:hover a:visited,
.mxo-widget-expandable .expandable-heading.hover a:visited,
.styleguide-hover .mxo-widget-expandable .expandable-heading a:visited {
  color: #6c8f89;
}
.mxo-widget-expandable .expandable-heading:hover::after,
.mxo-widget-expandable .expandable-heading.hover::after,
.styleguide-hover .mxo-widget-expandable .expandable-heading::after {
  background-color: #e3e3de;
  opacity: 1;
}
.mxo-widget-expandable .expandable-content {
  display: none;
}
.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%20fill%3D%22none%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-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 */
}
.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;
}
.mxo-widget-expandable.disable .expandable-heading {
  color: #b3b3b1;
  cursor: auto;
}
.mxo-widget-expandable.disable .expandable-heading::after {
  opacity: 0.3;
}
.mxo-widget-expandable.disable .expandable-heading .persistent-element-wrapper {
  color: #b3b3b1;
  cursor: auto;
}
.mxo-widget-expandable.disable .expandable-heading:hover,
.mxo-widget-expandable.disable .expandable-heading.hover,
.styleguide-hover .mxo-widget-expandable.disable .expandable-heading {
  background: none;
}
.mxo-widget-expandable.disable .expandable-heading:hover a,
.mxo-widget-expandable.disable .expandable-heading.hover a,
.styleguide-hover .mxo-widget-expandable.disable .expandable-heading a,
.mxo-widget-expandable.disable .expandable-heading:hover a:link,
.mxo-widget-expandable.disable .expandable-heading.hover a:link,
.styleguide-hover .mxo-widget-expandable.disable .expandable-heading a:link,
.mxo-widget-expandable.disable .expandable-heading:hover a:visited,
.mxo-widget-expandable.disable .expandable-heading.hover a:visited,
.styleguide-hover .mxo-widget-expandable.disable .expandable-heading a:visited {
  color: #b3b3b1;
}
.mxo-widget-expandable.disable .expandable-heading:hover::after,
.mxo-widget-expandable.disable .expandable-heading.hover::after,
.styleguide-hover .mxo-widget-expandable.disable .expandable-heading::after {
  opacity: 0.3;
}

/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
}
h3 .mxo-widget-explanation,
h4 .mxo-widget-explanation,
h5 .mxo-widget-explanation,
h6 .mxo-widget-explanation {
  position: relative;
  top: -1px;
}
.mxo-widget-explanation a,
.mxo-widget-explanation a:link,
.mxo-widget-explanation a:visited {
  padding-left: 6px;
  color: #6e6e66;
}
.mxo-widget-explanation a.hover,
.mxo-widget-explanation a:hover,
.styleguide-hover .mxo-widget-explanation a {
  color: #506762;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
  gap: 8px;
}
.mxo-widget-filterbar .number-of-search-results {
  overflow: hidden;
  width: 34px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #ffffff;
  background: #6c8f89;
  border-radius: 2px;
}
.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-weight: bold;
  color: #6c8f89;
}
.mxo-widget-filterbar .mxo-widget-filterbar-item .filter-keyvalue .filter-value {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.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 .filter-keyvalue .filter-value .filter-keyvalue .filter-key {
  font-weight: normal;
}
.mxo-widget-filterbar .mxo-widget-filterbar-item.highlight {
  background-color: #f0f0eb;
  padding: 8px;
}
.mxo-widget-filterbar .filterbar-filters {
  display: flex;
  gap: 8px;
  min-height: 45px;
  /* filter-key height + gap + input height */
}
.mxo-widget-filterbar .filterbar-filters > .mxo-widget-filterbar-item {
  display: flex;
  flex-flow: column;
  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 {
  font-size: 10px;
}
.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;
}
.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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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: 5px 10px;
  overflow: auto;
  max-height: 60px;
}
.mxo-widget-filterbar .mxo-widget-filterselection:empty {
  display: none;
}
.mxo-widget-filterselection .filterselection-label {
  font-weight: bold;
  color: #6c8f89;
}
.mxo-widget-filterselection .filterselection-selection {
  display: flex;
  padding: 0 0 0 6px;
  max-width: 85%;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 20px;
  border-radius: 2px;
  background: #f0f0eb;
  color: #14140f;
}
.mxo-widget-filterselection .filterselection-selection .selection-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxo-widget-filterselection .filterselection-selection .selection-delete {
  flex: 0 0 auto;
  padding: 2px 0 0 5px;
  width: 17px;
  line-height: 0;
  opacity: 0.75;
}
.mxo-widget-filterselection .filterselection-selection .selection-delete:hover {
  opacity: 1;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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: 48px;
  /* 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;
}
.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;
}
.mxo-widget-form form .form-content:empty,
.mxo-tooltip-v2 .mxo-widget-form form .form-content {
  padding-bottom: 0;
}
.mxo-tooltip-v2 .mxo-widget-form form .form-content:empty + .form-actions {
  margin-top: 0;
}
.mxo-widget-form form .form-actions {
  flex: 0 0 auto;
}
.mxo-tooltip-v2 .mxo-widget-form form .form-actions {
  margin-top: 8px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
ul.mxo-widget-group-toggle {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.mxo-widget-group-toggle li {
  margin: 0 0 0 1px;
}
ul.mxo-widget-group-toggle li a.button,
ul.mxo-widget-group-toggle li a.button:link,
ul.mxo-widget-group-toggle li a.button:visited {
  padding-top: 3px;
  padding-bottom: 3px;
  border: 0 none;
  border-radius: 0;
}
ul.mxo-widget-group-toggle li a.button::before {
  flex: 0 0 auto;
}
ul.mxo-widget-group-toggle li:first-child {
  margin: 0;
}
ul.mxo-widget-group-toggle li:first-child a.button {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
ul.mxo-widget-group-toggle li:last-child a.button {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
ul.mxo-widget-group-toggle.wide {
  width: 100%;
}
ul.mxo-widget-group-toggle.wide li {
  flex: 1 1 auto;
  width: 100%;
}
ul.mxo-widget-group-toggle.wide li a.button,
ul.mxo-widget-group-toggle.wide li a.button:link,
ul.mxo-widget-group-toggle.wide li a.button:visited {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 30px;
  width: auto;
}
ul.mxo-widget-group-toggle.approval a.button.icon.icon-accept.button-color-selected,
ul.mxo-widget-group-toggle.approval a.button.icon.icon-accept.button-color-selected:link,
ul.mxo-widget-group-toggle.approval a.button.icon.icon-accept.button-color-selected:visited {
  background-color: #33964f;
}
ul.mxo-widget-group-toggle.approval a.button.icon.icon-reject.button-color-selected,
ul.mxo-widget-group-toggle.approval a.button.icon.icon-reject.button-color-selected:link,
ul.mxo-widget-group-toggle.approval a.button.icon.icon-reject.button-color-selected:visited {
  background-color: #e54a3b;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
  min-height: 32px;
  line-height: 32px;
  /* 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) {
  min-height: 42px;
  /* change for new font line height spacing https://moxio.atlassian.net/browse/PINK-33 */
}
.mxo-widget-input:has(.units) input,
.mxo-widget-input:has(.units) textarea {
  padding-right: 30px;
}
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input,
.mxo-widget-table:not(.spacious) .row .cells .cell .mxo-widget-input {
  min-height: 24px;
  line-height: 24px;
}
.mxo-widget-input .input-value {
  flex: 1 1 auto;
  width: 100%;
}
.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 {
  position: absolute;
  top: 6px;
  line-height: 0;
  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: 2px;
}
.mxo-widget-input .input-value .input-status-icon {
  right: 7.5px;
}
.mxo-widget-input .input-value .input-datetime-icon {
  left: 9px;
}
.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-left: 0 none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  clip-path: inset(0 -10px -10px 0);
}
.mxo-widget-input .input-linenumbers:has(~ .input-value textarea:disabled,~ .input-value textarea:disabled:read-only) textarea {
  border-color: #f0f0eb;
}
.mxo-widget-input .input-linenumbers:has( ~ .input-value textarea:read-only:not(:disabled)) textarea {
  padding-top: 5px;
  padding-bottom: 5px;
  border: 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 {
  padding-top: 3.5px;
  padding-bottom: 3.5px;
  border-color: #3d9c9c;
  border-width: 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,
.mxo-widget-input input.hover,
.mxo-widget-input textarea.hover {
  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,
.mxo-widget-input input.focus,
.mxo-widget-input textarea.focus {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.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 */
}
.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: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  background-color: inherit;
  border: 0 none;
  resize: none;
}
.positive.mxo-widget-input input,
.positive.mxo-widget-input textarea {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background-color: #fcfcfb;
  border: 1.5px solid #2e7840;
  border-radius: 4px;
}
.mxo-widget-table .row .cells .cell .positive.mxo-widget-input input,
.mxo-widget-table .row .cells .cell .positive.mxo-widget-input textarea {
  padding-top: 2px;
  padding-bottom: 2px;
}
.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,
.positive.mxo-widget-input input.hover,
.positive.mxo-widget-input textarea.hover {
  background: #fcfcfb;
  border-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,
.positive.mxo-widget-input input.focus,
.positive.mxo-widget-input textarea.focus {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.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 {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #2e7840;
  -webkit-text-fill-color: #6e6e66;
  /* Fix for text colour in Safari iOS/macOS */
}
.positive.mxo-widget-input input:read-only:not(:disabled):not(.input-line-numbers-numbers),
.positive.mxo-widget-input textarea:read-only:not(:disabled):not(.input-line-numbers-numbers) {
  padding: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  background-color: inherit;
  border: 0 none;
  resize: none;
}
.mxo-widget-input input:invalid,
.mxo-widget-input textarea:invalid,
.negative.mxo-widget-input input,
.negative.mxo-widget-input textarea {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background-color: #fcfcfb;
  border: 1.5px solid #c90014;
  border-radius: 4px;
}
.mxo-widget-table .row .cells .cell .mxo-widget-input input:invalid,
.mxo-widget-table .row .cells .cell .mxo-widget-input textarea:invalid,
.mxo-widget-table .row .cells .cell .negative.mxo-widget-input input,
.mxo-widget-table .row .cells .cell .negative.mxo-widget-input textarea {
  padding-top: 2px;
  padding-bottom: 2px;
}
.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,
.mxo-widget-input input:invalid.hover,
.mxo-widget-input textarea:invalid.hover,
.negative.mxo-widget-input input.hover,
.negative.mxo-widget-input textarea.hover {
  background: #fcfcfb;
  border-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,
.mxo-widget-input input:invalid.focus,
.mxo-widget-input textarea:invalid.focus,
.negative.mxo-widget-input input.focus,
.negative.mxo-widget-input textarea.focus {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.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 {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #c90014;
  -webkit-text-fill-color: #6e6e66;
  /* Fix for text colour in Safari iOS/macOS */
}
.mxo-widget-input input:invalid:read-only:not(:disabled):not(.input-line-numbers-numbers),
.mxo-widget-input textarea:invalid:read-only:not(:disabled):not(.input-line-numbers-numbers),
.negative.mxo-widget-input input:read-only:not(:disabled):not(.input-line-numbers-numbers),
.negative.mxo-widget-input textarea:read-only:not(:disabled):not(.input-line-numbers-numbers) {
  padding: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  background-color: inherit;
  border: 0 none;
  resize: none;
}
.warning.mxo-widget-input input,
.warning.mxo-widget-input textarea {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background-color: #fcfcfb;
  border: 1.5px solid #997303;
  border-radius: 4px;
}
.mxo-widget-table .row .cells .cell .warning.mxo-widget-input input,
.mxo-widget-table .row .cells .cell .warning.mxo-widget-input textarea {
  padding-top: 2px;
  padding-bottom: 2px;
}
.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,
.warning.mxo-widget-input input.hover,
.warning.mxo-widget-input textarea.hover {
  background: #fcfcfb;
  border-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,
.warning.mxo-widget-input input.focus,
.warning.mxo-widget-input textarea.focus {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.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 {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #997303;
  -webkit-text-fill-color: #6e6e66;
  /* Fix for text colour in Safari iOS/macOS */
}
.warning.mxo-widget-input input:read-only:not(:disabled):not(.input-line-numbers-numbers),
.warning.mxo-widget-input textarea:read-only:not(:disabled):not(.input-line-numbers-numbers) {
  padding: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  background-color: inherit;
  border: 0 none;
  resize: none;
}
.new.mxo-widget-input input,
.new.mxo-widget-input textarea,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid),
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid) {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background-color: #fcfcfb;
  border: 1.5px solid #0063ba;
  border-radius: 4px;
}
.mxo-widget-table .row .cells .cell .new.mxo-widget-input input,
.mxo-widget-table .row .cells .cell .new.mxo-widget-input textarea,
.mxo-widget-table .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid),
.mxo-widget-table .row .cells .cell .mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid) {
  padding-top: 2px;
  padding-bottom: 2px;
}
.new.mxo-widget-input input:hover,
.new.mxo-widget-input textarea:hover,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid):hover,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid):hover,
.styleguide-hover .new.mxo-widget-input input,
.styleguide-hover .new.mxo-widget-input textarea,
.styleguide-hover .mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid),
.styleguide-hover .mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid),
.new.mxo-widget-input input.hover,
.new.mxo-widget-input textarea.hover,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid).hover,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid).hover {
  background: #fcfcfb;
  border-color: #0063ba;
}
.new.mxo-widget-input input:focus,
.new.mxo-widget-input textarea:focus,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid):focus,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid):focus,
.new.mxo-widget-input input:active,
.new.mxo-widget-input textarea:active,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid):active,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid):active,
.styleguide-focus .new.mxo-widget-input input,
.styleguide-focus .new.mxo-widget-input textarea,
.styleguide-focus .mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid),
.styleguide-focus .mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid),
.styleguide-active .new.mxo-widget-input input,
.styleguide-active .new.mxo-widget-input textarea,
.styleguide-active .mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid),
.styleguide-active .mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid),
.new.mxo-widget-input input.focus,
.new.mxo-widget-input textarea.focus,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid).focus,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid).focus {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.new.mxo-widget-input input:disabled,
.new.mxo-widget-input textarea:disabled,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid):disabled,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid):disabled,
.new.mxo-widget-input input:disabled:read-only,
.new.mxo-widget-input textarea:disabled:read-only,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid):disabled:read-only,
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid):disabled:read-only {
  color: #6e6e66;
  background-color: #f0f0eb;
  border-color: #0063ba;
  -webkit-text-fill-color: #6e6e66;
  /* Fix for text colour in Safari iOS/macOS */
}
.new.mxo-widget-input input:read-only:not(:disabled):not(.input-line-numbers-numbers),
.new.mxo-widget-input textarea:read-only:not(:disabled):not(.input-line-numbers-numbers),
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input input:not(:invalid):read-only:not(:disabled):not(.input-line-numbers-numbers),
.mxo-widget-value-list .mxo-widget-table .foot :not(.positive, .negative, .warning).mxo-widget-input textarea:not(:invalid):read-only:not(:disabled):not(.input-line-numbers-numbers) {
  padding: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  background-color: inherit;
  border: 0 none;
  resize: none;
}
.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,
.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: #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,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input.focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea.focus {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.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 */
}
.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: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  background-color: inherit;
  border: 0 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.focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea.focus,
.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,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input input.focus,
.mxo-widget-pdf-viewer .pdf-viewer-header .mxo-widget-input textarea.focus {
  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"],
.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 */
  padding-left: 28px;
}
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;
}
.mxo-widget-input input[type="date"]:focus,
.mxo-widget-input input[type="time"]:focus,
.mxo-widget-input input[type="datetime"]:focus,
.mxo-widget-input input[type="datetime-local"]:focus,
.mxo-widget-input input[type="date"]:active,
.mxo-widget-input input[type="time"]:active,
.mxo-widget-input input[type="datetime"]:active,
.mxo-widget-input input[type="datetime-local"]:active,
.styleguide-focus .mxo-widget-input input[type="date"],
.styleguide-focus .mxo-widget-input input[type="time"],
.styleguide-focus .mxo-widget-input input[type="datetime"],
.styleguide-focus .mxo-widget-input input[type="datetime-local"],
.styleguide-active .mxo-widget-input input[type="date"],
.styleguide-active .mxo-widget-input input[type="time"],
.styleguide-active .mxo-widget-input input[type="datetime"],
.styleguide-active .mxo-widget-input input[type="datetime-local"] {
  padding-left: 27.5px;
}
.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;
  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: 24px;
  padding-right: 4px;
  padding-left: 0;
  text-align: right;
  direction: rtl;
  resize: none;
  color: #6e6e66;
  background: #f0f0eb;
  border-radius: 4px 0 0 4px;
  border-right: 0 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,
.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,
.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,
.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),
.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),
.mxo-widget-input .button.notext:hover + input:not(.invalid):not(.changed):not(:focus),
.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,
.mxo-widget-input .button.notext.hover + input,
.styleguide-hover .mxo-widget-input .button.notext + input,
.mxo-widget-input .button.notext:hover + input.invalid,
.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,
.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,
.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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-inputfile {
  gap: 16px;
  /* 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: -10px;
}
.mxo-widget-inputfile > p,
.mxo-widget-inputfile > ul {
  margin: 0;
}
.mxo-tooltip-select .mxo-widget-inputfile {
  display: block;
  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-tooltip-select .mxo-widget-inputfile-dropzone {
  display: block;
  padding: 4px 8px;
  min-height: auto;
  text-align: left;
  line-height: 1;
  border: 0 none;
}
.mxo-tooltip-select .mxo-widget-inputfile-dropzone .inputfile-dropzone-label-active .icon {
  display: none;
}
.mxo-tooltip-select .mxo-widget-inputfile-dropzone .inputfile-dropzone-label-active {
  display: none;
}
.mxo-tooltip-select li .mxo-widget-inputfile-dropzone {
  margin: -4px -8px;
}
.mxo-widget-inputfile-uploader {
  display: flex;
  flex-flow: column;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 33px;
}
.mxo-tooltip-select .mxo-widget-inputfile-uploader {
  display: none;
}
.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;
}
.mxo-tooltip-select .mxo-widget-inputfile-feedback {
  display: none;
}
.mxo-widget-inputfile  {
  display: flex;
  gap: 8px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.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;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 .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 .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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
/* 	Needed for legacy fabric components:
	- keyvalue
*/
.mxo-widget-keyvalue {
  display: flex;
  flex-flow: column;
  gap: 12px;
}
.mxo-widget-keyvalue > .keyvalue-property {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
.mxo-widget-keyvalue > .keyvalue-property > .keyvalue-property-key {
  overflow: hidden;
  flex: 0 0 auto;
  font-weight: 600;
  letter-spacing: -0.02em;
  word-wrap: break-word;
  overflow-wrap: break-word;
  color: #6c8f89;
}
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: #b3b3b1;
}
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;
  align-items: flex-start;
  gap: 8px;
}
.mxo-widget-keyvalue.row > .keyvalue-property > .keyvalue-property-key {
  width: 33%;
}
.mxo-widget-keyvalue.row > .keyvalue-property:has(.mxo-widget-copyable:first-child, .mxo-widget-input:first-child, .mxo-widget-dropdown-v2: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: normal;
  font-size: 12px;
  color: #6c8f89;
}
.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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
/* Content spacing */
.mxo-widget-legenda {
  padding: 12px 8px 8px 8px;
  display: flex;
  flex-flow: column;
  gap: 16px;
  flex: 0 0 auto;
  width: 220px;
  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;
  vertical-align: middle;
}
.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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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%20fill%3D%22none%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%20fill%3D%22none%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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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: #d4eee0;
}
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: 4px;
}
.mxo-widget-loadingbar.loading::after,
.mxo-widget-loadingbar.loading::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background-size: 50% 100%;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
body.mxo-mode-screenshot .mxo-widget-loadingbar.loading::after,
body.mxo-mode-screenshot .mxo-widget-loadingbar.loading::before {
  animation: none;
}
.mxo-widget-loadingbar.loading::after {
  left: 50%;
  right: -150%;
  animation-name: gradient-left-to-right;
  background-image: linear-gradient(to right, #d4eee0 0%, 50%, #28ab65 50%, #28ab65 100%);
}
.mxo-widget-loadingbar.loading::before {
  left: -150%;
  right: 50%;
  animation-name: gradient-right-to-left;
  background-image: linear-gradient(to left, #d4eee0 0%, 50%, #28ab65 50%, #28ab65 100%);
}
@keyframes gradient-left-to-right {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes gradient-right-to-left {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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;
  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,
.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 */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* 	Needed for legacy fabric components:
	- mark
*/
.mxo-widget-mark {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  flex: 0 0 auto;
  align-self: center;
}
.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;
  width: 5px;
  height: 100%;
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark {
  width: 7px;
}
.mxo-widget-table.multiline .mxo-widget-mark {
  align-self: flex-start;
  margin-top: 8px;
}
.mxo-widget-tabs .mxo-widget-mark {
  align-self: auto;
  margin: 10px 0 0 4px;
}
.mxo-widget-mark.positive {
  background-color: #33964f;
}
.mxo-widget-mark.positive.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.positive.semi {
  background: linear-gradient(to bottom, #33964f, #33964f 50%, transparent 50%, transparent);
  background-size: 100% 2px;
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.positive.semi {
  background-size: 100% 4px;
}
.mxo-widget-mark.warning {
  background-color: #d19e2b;
}
.mxo-widget-mark.warning.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.warning.semi {
  background: linear-gradient(to bottom, #d19e2b, #d19e2b 50%, transparent 50%, transparent);
  background-size: 100% 2px;
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.warning.semi {
  background-size: 100% 4px;
}
.mxo-widget-mark.negative {
  background-color: #e54a3b;
}
.mxo-widget-mark.negative.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.negative.semi {
  background: linear-gradient(to bottom, #e54a3b, #e54a3b 50%, transparent 50%, transparent);
  background-size: 100% 2px;
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.negative.semi {
  background-size: 100% 4px;
}
.mxo-widget-mark.new {
  background-color: #4278cc;
}
.mxo-widget-mark.new.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.new.semi {
  background: linear-gradient(to bottom, #4278cc, #4278cc 50%, transparent 50%, transparent);
  background-size: 100% 2px;
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.new.semi {
  background-size: 100% 4px;
}
.mxo-widget-mark.neutral {
  background-color: #919187;
}
.mxo-widget-mark.neutral.semi,
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.neutral.semi {
  background: linear-gradient(to bottom, #919187, #919187 50%, transparent 50%, transparent);
  background-size: 100% 2px;
}
.mxo-widget-table .row .cells .cell:first-child .mxo-widget-mark.neutral.semi {
  background-size: 100% 4px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
  /* FLEX */
  /* STACK */
  /* Pane Animations */
}
.mxo-widget-panes2 .panes-navigator {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  overflow: hidden;
  background: #f5f6f5;
  cursor: grab;
}
@media print {
  .mxo-widget-panes2 .panes-navigator {
    border: 0 none;
  }
}
.mxo-widget-panes2 .panes-navigator .list-wrapper {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  padding: 10px;
}
@media print {
  .mxo-widget-panes2 .panes-navigator .list-wrapper {
    padding: 0;
  }
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul {
  display: flex;
  flex: 1 0 auto;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li {
  margin: 0;
  cursor: auto;
  overflow: hidden;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li.pane-size-single {
  width: 155px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li.pane-size-double {
  width: 260px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li.pane-size-full {
  width: 25%;
  min-width: 260px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li.pane-size-full-minus-single {
  width: calc(0.25 * (100% - 662px));
  min-width: 260px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner {
  display: flex;
  position: relative;
  height: 23px;
  box-sizing: border-box;
  font-size: 11px;
  line-height: 23px;
  background: #fcfcfb;
  border: 1px solid #D4D1CC;
  transition: transform 400ms, opacity 300ms;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner > a,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner > a:link,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner > a:visited {
  display: block;
  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 > a:first-child:hover,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner > a.hover:first-child,
.styleguide-hover .mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner > a:first-child {
  background: #e8eae8;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner .panes-navigator-close {
  flex: 0 0 auto;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner .panes-navigator-close a,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner .panes-navigator-close a:link,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner .panes-navigator-close a:visited {
  display: block;
  padding: 0 4px;
  height: 21px;
  line-height: 21px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner .panes-navigator-close 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");
  width: 12px;
  height: 12px;
  background-size: 12px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner .panes-navigator-close a:hover::before,
.styleguide-hover .mxo-widget-panes2 .panes-navigator .list-wrapper ul li > .inner .panes-navigator-close 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 .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 {
  position: relative;
  overflow: visible;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li:first-child > .inner::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: -6px;
  width: 6px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23D4D1CC%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-position: -17px 50%;
  background-size: 24px;
}
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li:first-child > .inner:hover::after,
.mxo-widget-panes2 .panes-navigator .list-wrapper ul li:first-child > .inner.hover::after,
.styleguide-hover .mxo-widget-panes2 .panes-navigator .list-wrapper ul li:first-child > .inner::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%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23D4D1CC%22%20d%3D%22M17%2024h1.118l5-12-5-12h-1.118l5%2012-5%2012z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23e8eae8%22%20d%3D%22M17%200h-1v24h1l5-12z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-panes2 .panes-navigator .visible-area {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #b5c7c4;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-panes2 .panes-navigator .visible-area {
  visibility: hidden;
}
.mxo-widget-panes2 .panes-navigator.dragging,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator {
  background-color: #e8eae8;
  cursor: grabbing;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  user-select: none;
}
.mxo-widget-panes2 .panes-navigator.dragging .visible-area,
.styleguide-dragging .mxo-widget-panes2 .panes-navigator .visible-area {
  background: #6c8f89;
}
.mxo-widget-panes2.panes2-edit .panes-navigator {
  background-color: #b5c7c4;
}
.mxo-widget-panes2.panes2-edit .panes-navigator .visible-area {
  background: #f5f6f5;
}
.mxo-widget-panes2.panes2-edit .panes-navigator.dragging,
.styleguide-dragging .mxo-widget-panes2.panes2-edit .panes-navigator {
  background-color: #6c8f89;
}
.mxo-widget-panes2.panes2-edit .panes-navigator.dragging .visible-area,
.styleguide-dragging .mxo-widget-panes2.panes2-edit .panes-navigator .visible-area {
  background: #e8eae8;
}
.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;
  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 > h2 .pane-heading-edit-button .icon svg {
  fill: #506762;
}
.mxo-widget-panes2 > .workspace > .pane > .pane-inner > .pane-header > h2 .pane-heading-edit-button .icon svg:hover {
  fill: #6c8f89;
}
.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;
}
@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: 15px 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 4px -1px rgba(20, 20, 15, 0.16), 0 2px 24px -8px rgba(20, 20, 15, 0.12), 0 4px 32px -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: 5px;
}
.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: #e8eae8;
  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: #b5c7c4;
}
.mxo-widget-panes2.flex.panes2-edit > .workspace.dragging,
.styleguide-dragging-pane .mxo-widget-panes2.flex.panes2-edit > .workspace {
  background-color: #6c8f89;
}
.mxo-widget-panes2.stack > .workspace > .pane {
  position: absolute;
  height: 100%;
  width: 100%;
}
.mxo-widget-panes2.stack > .workspace > .pane > .pane-inner {
  padding: 12px 10px 10px 10px;
}
.mxo-widget-panes2.stack > .workspace > .pane > .pane-inner > .pane-header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
}
.mxo-widget-panes2.stack > .workspace > .pane > .pane-inner > .pane-header > h2 {
  margin: 0;
  padding: 0 21px;
}
.mxo-widget-panes2.stack > .workspace > .pane > .pane-inner > .pane-header > .pane-tools + h2 {
  padding-left: 0;
}
.mxo-widget-panes2.stack > .workspace > .pane > .pane-inner > .pane-header > .pane-tools a::before,
.mxo-widget-panes2.stack > .workspace > .pane > .pane-inner > .pane-header > .pane-tools .pane-button::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%20fill%3D%22none%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");
  opacity: 0.75;
}
.mxo-widget-panes2.stack > .workspace > .pane > .pane-inner > .pane-header > .pane-tools a:hover::before,
.mxo-widget-panes2.stack > .workspace > .pane > .pane-inner > .pane-header > .pane-tools .pane-button:hover::before,
.styleguide-hover .mxo-widget-panes2.stack > .workspace > .pane > .pane-inner > .pane-header > .pane-tools a::before,
.styleguide-hover .mxo-widget-panes2.stack > .workspace > .pane > .pane-inner > .pane-header > .pane-tools .pane-button::before {
  opacity: 1;
}
.mxo-widget-panes2.stack > .workspace > .pane.closed > .pane-inner {
  transform: translateX(100%);
}
@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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
body:not(.mxo-mode-screenshot) .mxo-widget-debugger.highlight-deprecated .mxo-widget-panes-slide {
  /* 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 panesv2 stack";
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar {
  height: 35px;
  text-align: center;
  border-bottom: 1px solid #d6d5ca;
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .title {
  height: 35px;
  overflow: hidden;
  line-height: 35px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .back,
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .close,
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .back:link,
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .close:link,
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .back:visited,
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .close:visited {
  display: block;
  position: absolute;
  right: 0;
  padding: 0 20px;
  height: 35px;
  line-height: 36px;
  white-space: nowrap;
  text-decoration: none;
  color: #5d5e59;
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .back,
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .back:link,
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .back:visited {
  display: none;
  right: auto;
  left: 0;
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .back::before {
  display: inline-block;
  position: relative;
  margin-right: 0.2em;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  content: " ";
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: -2px 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%235d5e59%22%20d%3D%22M12.192%2014.358l-6.364-6.364%206.364-6.364-1.414-1.414-7.778%207.778%207.778%207.778z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .close::after {
  display: inline-block;
  position: relative;
  margin-left: 0.6em;
  margin-right: 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  content: " ";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 14px;
  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%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%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-toolbar .close: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%23c1311c%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%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-panes-slide.has-back .mxo-widget-panes-slide-toolbar .back {
  display: block;
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-panes {
  overflow: hidden;
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane {
  position: absolute;
  top: 43px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  transition: 0.25s ease-in-out;
  transform: translateX(100%);
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane .mxo-widget-links ul {
  margin: 0;
  margin-left: 20px;
  padding: 0;
  list-style: none;
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane .mxo-widget-links ul li {
  margin: 0;
  padding: 0;
  width: 360px;
  border-bottom: 1px solid #d6d5ca;
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane .mxo-widget-links ul li:first-child {
  border-top: 1px solid #d6d5ca;
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane .mxo-widget-links ul li a,
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane .mxo-widget-links ul li a:link,
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane .mxo-widget-links ul li a:visited {
  display: block;
  position: relative;
  padding: 20px 20px 20px 10px;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane .mxo-widget-links ul li a.next::after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  content: " ";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 14px;
  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%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%2Fpath%3E%3C%2Fsvg%3E");
}
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane .mxo-widget-links.small li a,
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane .mxo-widget-links.small li a:link,
.mxo-widget-panes-slide .mxo-widget-panes-slide-pane .mxo-widget-links.small li a:visited {
  padding: 10px 20px 10px 10px;
  color: #000000;
}
.mxo-widget-panes-slide.show-last .mxo-widget-panes-slide-pane {
  transform: translateX(0);
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-paragraphwithicon {
  display: flex;
}
.mxo-widget-paragraphwithicon .paragraphwithicon-icon {
  flex: 0 0 auto;
  width: 20px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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,
.mxo-widget-search .mxo-widget-search-input.hover {
  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,
.mxo-widget-search .mxo-widget-search-input.focus {
  padding: 3.5px 7.5px 3.5px 7.5px;
  background: #f7f7f5;
  border: 1.5px solid #3d9c9c;
}
.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 */
}
.mxo-widget-search .mxo-widget-search-input:read-only:not(:disabled):not(.input-line-numbers-numbers) {
  padding: 5px 0 5px 0;
  /* fix for spacing between KeyValue properties for autosizing version (https://moxio.atlassian.net/browse/OTL-1748) */
  background-color: inherit;
  border: 0 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 */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* Content spacing */
.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 > h3,
.mxo-widget-subsection > h3,
.mxo-widget-section > h4,
.mxo-widget-subsection > h4 {
  margin-bottom: 0;
}
.mxo-widget-section .body,
.mxo-widget-subsection .body {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-section .body > h1,
.mxo-widget-subsection .body > h1,
.mxo-widget-section .body > h2,
.mxo-widget-subsection .body > h2,
.mxo-widget-section .body > h3,
.mxo-widget-subsection .body > h3,
.mxo-widget-section .body > h4,
.mxo-widget-subsection .body > h4,
.mxo-widget-section .body > h5,
.mxo-widget-subsection .body > h5,
.mxo-widget-section .body > h6,
.mxo-widget-subsection .body > h6 {
  margin-bottom: -10px;
}
.mxo-widget-section .body > p,
.mxo-widget-subsection .body > p,
.mxo-widget-section .body > ul,
.mxo-widget-subsection .body > ul {
  margin: 0;
}
.mxo-widget-section.highlight,
.mxo-widget-subsection.highlight {
  padding: 12px 8px 8px 8px;
  background: #e8e8e8;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
}
.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: #6c8f89;
  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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
  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%20fill%3D%22none%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%20fill%3D%22none%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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* COLOURS */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
.mxo-widget-subtext {
  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: #b3b3b1;
}
.mxo-widget-keyvalue.row .keyvalue-property-key .mxo-widget-subtext {
  display: block;
  padding: 2px 0 0 0;
}
.mxo-widget-keyvalue .keyvalue-property-key .mxo-widget-subtext {
  letter-spacing: -0.02em;
}
.mxo-widget-table .head .row .cells .cell .mxo-widget-subtext {
  font-size: max(90%, 12px);
}
.mxo-widget-table .body .row .cells.dimmed .mxo-widget-subtext {
  color: #6e6e66;
}
.mxo-widget-table .body .row .cells.selected .cell .mxo-widget-subtext,
.mxo-widget-dropdown-selector .dropdown-list .current .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.selected .mxo-widget-subtext {
  color: #ffffff;
}
.mxo-widget-context-list .context-list li.disabled .mxo-widget-subtext {
  color: #b3b3b1;
}
.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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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.03em;
  color: #00575e;
}
.mxo-widget-table .head .row .cells .cell a:not(.button) {
  /* DEPRECATED used in fabric table */
  /* END DEPRECATED */
}
.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: #00575e;
}
.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:not(.button).up,
.mxo-widget-table .head .row .cells .cell a:not(.button).down {
  overflow: hidden;
}
.mxo-widget-table .head .row .cells .cell a:not(.button).up::after,
.mxo-widget-table .head .row .cells .cell a:not(.button).down::after {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 0;
  height: 0;
  content: " ";
  margin-left: 0.6em;
  border: 4px solid transparent;
}
.mxo-widget-table .head .row .cells .cell a:not(.button).up::after {
  top: -2px;
  border-bottom: 6px solid #b3b3b1;
}
.mxo-widget-table .head .row .cells .cell a:not(.button).up:hover::after,
.styleguide-hover .mxo-widget-table .head .row .cells .cell a:not(.button).up::after {
  border-bottom-color: #999992;
}
.mxo-widget-table .head .row .cells .cell a:not(.button).up.selected::after {
  border-bottom-color: #3a3a33;
}
.mxo-widget-table .head .row .cells .cell a:not(.button).down::after {
  top: 2px;
  border-top: 6px solid #b3b3b1;
}
.mxo-widget-table .head .row .cells .cell a:not(.button).down:hover::after,
.styleguide-hover .mxo-widget-table .head .row .cells .cell a:not(.button).down ::after {
  border-top-color: #999992;
}
.mxo-widget-table .head .row .cells .cell a:not(.button).down.selected::after {
  border-top-color: #3a3a33;
}
.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%2225%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%2225%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 .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 .number {
  display: inline-block;
  padding-left: 6px;
  font-weight: normal;
  color: #6e6e66;
}
.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 {
  /* DEPRECATED .selected-item, remove when dropdown v1 is not used anymore https://trello.com/c/pg6JHvBQ/843-samenvoegen-van-dropdown-en-ref-select */
}
.mxo-widget-table .body .row .cells.selected .cell a:not(.button):not(.selected-item):not(.dropdown-select):not(.selector-next-level),
.mxo-widget-table .body .row .cells.selected .cell a:not(.button):not(.selected-item):not(.dropdown-select):not(.selector-next-level):link,
.mxo-widget-table .body .row .cells.selected .cell a:not(.button):not(.selected-item):not(.dropdown-select):not(.selector-next-level):visited,
.mxo-widget-table .body .row .cells.selected .cell a:not(.button):not(.selected-item):not(.dropdown-select):not(.selector-next-level):hover,
.styleguide-hover .mxo-widget-table .body .row .cells.selected .cell a:not(.button):not(.selected-item):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%20fill%3D%22none%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,
.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,
.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,
.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,
.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,
.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),
.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,
.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,
.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,
.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 .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,
.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,
.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,
.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),
.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,
.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,
.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,
.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 .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,
.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,
.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),
.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,
.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,
.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,
.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 .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,
.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,
.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,
.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,
.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,
.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,
.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),
.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,
.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,
.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,
.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 .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,
.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,
.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,
.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,
.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,
.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,
.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,
.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,
.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),
.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,
.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,
.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,
.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 .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,
.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,
.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,
.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,
.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),
.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,
.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,
.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,
.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 .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,
.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,
.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,
.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,
.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,
.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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* COLOURS */
.mxo-widget-tabs {
  height: 28px;
  border-bottom: 1px solid #ddddd6;
}
.mxo-widget-tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.mxo-widget-tabs ul li {
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 0 none transparent;
  /* default for border-color overrides */
  border-bottom: 4px solid transparent;
}
.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 8px;
  height: 25px;
  box-sizing: border-box;
  overflow: hidden;
  text-decoration: none;
  line-height: 28px;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #14140f;
  outline-offset: -1px;
  /* fix for clipping of outline https://moxio.atlassian.net/browse/RB-2433 */
}
.mxo-widget-tabs ul li a.hover,
.mxo-widget-tabs ul li a:hover,
.styleguide-hover .mxo-widget-tabs ul li a {
  color: #6c8f89;
}
.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 .additional_text {
  padding-left: 5px;
  font-weight: normal;
  color: #6e6e66;
}
.mxo-widget-tabs ul li .mxo-widget-mark + a {
  padding-left: 2px;
}
.mxo-widget-tabs ul li.hover,
.mxo-widget-tabs ul li:hover,
.styleguide-hover .mxo-widget-tabs ul li {
  border-color: #e3e3e3;
}
.mxo-widget-tabs ul li.current,
.mxo-widget-tabs ul li.current.hover,
.mxo-widget-tabs ul li.current:hover,
.styleguide-hover .mxo-widget-tabs ul li.current {
  border-color: #6c8f89;
}
.mxo-widget-tabs ul li.current.disabled,
.mxo-widget-tabs ul li.current.disabled.hover,
.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: #6c8f89;
  font-weight: bold;
  cursor: default;
}
.mxo-widget-tabs ul li.current a::after {
  font-weight: normal;
}
.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,
.mxo-widget-tabs ul li.disabled:hover,
.styleguide-hover .mxo-widget-tabs ul li.disabled {
  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: 23px;
}
.mxo-widget-tabs ul li.more a::before {
  position: absolute;
  right: 8px;
  top: 12px;
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #14140f;
}
.mxo-widget-tabs ul li.more.current a::before {
  border-top-color: #6c8f89;
}
.mxo-widget-tabs.vertical {
  display: inline-block;
  flex: 1 1 auto;
  width: 100px;
  height: auto;
  border-bottom: none;
  border-right: 1px solid #ddddd6;
}
.mxo-widget-tabs.vertical ul {
  flex-flow: column;
  gap: 2px;
}
.mxo-widget-tabs.vertical ul li {
  margin: 0 -1px 0 0;
  overflow: visible;
  text-align: center;
  text-overflow: clip;
  border-bottom: 0 none;
  border-right-width: 4px;
  border-right-style: solid;
}
.mxo-widget-tabs.vertical ul li a {
  /* DEPRECATED remove when icon is used as child (https://moxio.atlassian.net/browse/DS-395) */
  /* END DEPRECATED */
}
.mxo-widget-tabs.vertical ul li a,
.mxo-widget-tabs.vertical ul li a:link,
.mxo-widget-tabs.vertical ul li a:visited {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 15px 10px;
  height: auto;
  min-height: 28px;
  line-height: normal;
  white-space: normal;
  word-break: break-word;
}
.mxo-widget-tabs.vertical ul li a .additional_text {
  margin: 0 0 9px 0;
  padding: 0;
  line-height: normal;
  order: -1;
}
.mxo-widget-tabs.vertical ul li a::before,
.mxo-widget-tabs.vertical ul li a::after {
  order: -1;
}
.mxo-widget-tabs.vertical ul li a::after {
  width: 100%;
}
.mxo-widget-tabs.vertical ul li a .icon {
  order: -2;
}
.mxo-widget-tabs.vertical ul li a .icon ~ .additional_text {
  padding: 0 0 0 5px;
}
.mxo-widget-tabs.vertical ul li a.icon::before {
  order: -2;
}
.mxo-widget-tabs.vertical ul li a.icon .additional_text {
  padding: 0 0 0 5px;
}
.mxo-widget-tabs.buttons {
  border: 0 none;
}
.mxo-widget-tabs.buttons li {
  flex: 1 1 auto;
  margin: 0 0 0 1px;
  padding: 0;
  width: 50%;
  background: none;
  box-sizing: border-box;
}
.mxo-widget-tabs.buttons li,
.mxo-widget-tabs.buttons li.hover,
.mxo-widget-tabs.buttons li:hover,
.mxo-widget-tabs.buttons li.current,
.mxo-widget-tabs.buttons li.current.hover,
.mxo-widget-tabs.buttons li.current:hover,
.styleguide-hover .mxo-widget-tabs.buttons li,
.styleguide-hover .mxo-widget-tabs.buttons li.current {
  border: 0 none;
}
.mxo-widget-tabs.buttons li a,
.mxo-widget-tabs.buttons li a:link,
.mxo-widget-tabs.buttons li a:visited {
  width: 100%;
  height: 28px;
  text-align: center;
  color: #00575e;
  background: #f0f0eb;
}
.mxo-widget-tabs.buttons li a.hover,
.mxo-widget-tabs.buttons li a:hover,
.styleguide-hover .mxo-widget-tabs.buttons li a {
  color: #3d9c9c;
  background: #e3e3de;
}
.mxo-widget-tabs.buttons li:first-child {
  margin-left: 0;
}
.mxo-widget-tabs.buttons li:first-child a,
.mxo-widget-tabs.buttons li:first-child a:link,
.mxo-widget-tabs.buttons li:first-child a:visited {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.mxo-widget-tabs.buttons li:last-child a,
.mxo-widget-tabs.buttons li:last-child a:link,
.mxo-widget-tabs.buttons li:last-child a:visited {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.mxo-widget-tabs.buttons li.current a,
.mxo-widget-tabs.buttons li.current a:link,
.mxo-widget-tabs.buttons li.current a:visited {
  font-weight: normal;
  color: #fcfcfb;
  background: #3d9c9c;
}
.mxo-widget-tabs.buttons li.disabled a,
.mxo-widget-tabs.buttons li.disabled a:link,
.mxo-widget-tabs.buttons li.disabled a:visited {
  font-weight: normal;
  color: #b2b0ab;
  background: #f0f0eb;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
  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,
.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,
.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: #506762;
}
.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,
.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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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: #00575e;
}
.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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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: #6c8f89;
  cursor: pointer;
}
a.mxo-widget-value-multiple:hover {
  color: #506762;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* 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;
}
.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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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%20fill%3D%22none%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 */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
/* header */
.mxo-header .app-logo {
  background-image: url(005f3b70b43d8353da5c.svg);
}
.mxo-widget-mark.concept {
  background: #0076a3;
}
.mxo-widget-mark.open {
  background: #93d5b2;
}
.mxo-widget-mark.afgekeurd {
  background: #e33724;
}
.mxo-widget-mark.goedgekeurd {
  background: #28ab65;
}
.mxo-widget-mark.verwerkt {
  background: #506762;
}
.mxo-widget-mark.deleted {
  background: #d9341b;
}
.mxo-widget-mark.modified {
  background: #f9b600;
}
.mxo-widget-mark.replaced {
  background: #a94bbf;
}
/* legenda */
.mxo-widget-legenda-icon.legenda-geopend-concept::before {
  border: 1px solid #6c8f89;
}
.mxo-widget-legenda-icon.legenda-supertype::before {
  background-color: #6c8f89;
}
.mxo-widget-legenda-icon.legenda-subtype::before {
  background-color: #b5c7c4;
}
.mxo-widget-legenda-icon.legenda-overerfde-eigenschappen::before {
  background-color: #d9d9d9;
}
.mxo-widget-legenda-icon.legenda-niet-onderdeel::before {
  background-color: #db9406;
}
.mxo-widget-legenda-icon.legenda-niet-onderdeel-overerfd::before {
  background-color: #fadb8c;
}
.mxo-widget-legenda-icon.legenda-onderdeel::before {
  background-color: #035688;
}
.mxo-widget-legenda-icon.legenda-onderdeel-overerfd::before {
  background-color: #8cb9ce;
}
.mxo-widget-legenda-icon.legenda-kenmerken::before {
  background-color: #001077;
}
.mxo-widget-legenda-icon.legenda-kenmerken-overerfd::before {
  background-color: #838fdf;
}
.mxo-widget-legenda-icon.legenda-informatieproducten::before {
  background-color: #842409;
}
.mxo-widget-legenda-icon.legenda-informatieproducten-overerfd::before {
  background-color: #d77759;
}
.mxo-widget-legenda-icon.legenda-verbinding::before {
  background-color: #999993;
}
.mxo-widget-legenda-icon.legenda-node::before {
  background-color: #b5c7c4;
}
.mxo-widget-legenda-icon.legenda-node-open::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%20fill%3D%22%23ffffff%22%20d%3D%22M13%207h-4v-4h-2v4h-4v2h4v4h2v-4h4z%22%3E%3C/path%3E%3C/svg%3E");
  background-color: #b5c7c4;
  background-position: center center;
}
.mxo-widget-legenda-icon.legenda-node-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%20fill%3D%22%23ffffff%22%20d%3D%22M3%207h10v2h-10v-2z%22%3E%3C/path%3E%3C/svg%3E");
  background-color: #b5c7c4;
  background-position: center center;
}
.mxo-widget-legenda-icon.legenda-onderdeel-node::before {
  border: 1px solid #6c8f89;
  border-radius: 3px;
}
.mxo-widget-legenda-icon.legenda-onderdeel-verbinding::before {
  background-color: #b9b9b4;
}
.mxo-widget-legenda-icon.legenda-onderdeel-overerfde-eigenschap::before {
  background-image: linear-gradient(to right, #b9b9b4 0%, 33%, transparent 33%, 66%, #b9b9b4 66%);
}
.mxo-widget-legenda-icon.legenda-onderdeel-super-subtype::before {
  background-color: #6c8f89;
  height: 3px;
}
.mxo-widget-legenda-icon.legenda-uitspraak::before {
  border: 2px solid #656565;
}
.mxo-widget-table .body .row .cells .cell a.mxo-widget-otl-inline-concept:not(.button):not(.selected-item):not(.dropdown-select):not(.selector-next-level),
.mxo-widget-table .body .row .cells .cell a.mxo-widget-otl-inline-concept:not(.button):not(.selected-item):not(.dropdown-select):not(.selector-next-level):link,
.mxo-widget-table .body .row .cells .cell a.mxo-widget-otl-inline-concept:not(.button):not(.selected-item):not(.dropdown-select):not(.selector-next-level):visited {
  color: #6c8f89;
  text-decoration: underline;
  opacity: 1;
}
.mxo-widget-table .body .row .cells .cell a.mxo-widget-otl-inline-concept:not(.button):not(.selected-item):not(.dropdown-select):not(.selector-next-level):hover {
  color: #506762;
}
.seo-link {
  visibility: hidden;
  width: 0;
  height: 0;
  display: inline-block;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-otl-bibliotheek {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
}
.mxo-widget-otl-bibliotheek .bibliotheek-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-otl-bibliotheek .bibliotheek-header > h1,
.mxo-widget-otl-bibliotheek .bibliotheek-header > h2,
.mxo-widget-otl-bibliotheek .bibliotheek-header > h3,
.mxo-widget-otl-bibliotheek .bibliotheek-header > h4,
.mxo-widget-otl-bibliotheek .bibliotheek-header > h5,
.mxo-widget-otl-bibliotheek .bibliotheek-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-header > p,
.mxo-widget-otl-bibliotheek .bibliotheek-header > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek .bibliotheek-header .bibliotheek-acties {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-otl-bibliotheek .bibliotheek-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-otl-bibliotheek .bibliotheek-content > h1,
.mxo-widget-otl-bibliotheek .bibliotheek-content > h2,
.mxo-widget-otl-bibliotheek .bibliotheek-content > h3,
.mxo-widget-otl-bibliotheek .bibliotheek-content > h4,
.mxo-widget-otl-bibliotheek .bibliotheek-content > h5,
.mxo-widget-otl-bibliotheek .bibliotheek-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content > p,
.mxo-widget-otl-bibliotheek .bibliotheek-content > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-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-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-header > h1,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-header > h2,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-header > h3,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-header > h4,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-header > h5,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-header > p,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-header > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-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-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-content > h1,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-content > h2,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-content > h3,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-content > h4,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-content > h5,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-content > p,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-lijstweergave .bibliotheek-lijstweergave-content > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-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-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-header > h1,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-header > h2,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-header > h3,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-header > h4,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-header > h5,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-header > p,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-header > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-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-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-content > h1,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-content > h2,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-content > h3,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-content > h4,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-content > h5,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-content > p,
.mxo-widget-otl-bibliotheek .bibliotheek-content .bibliotheek-datavormen .bibliotheek-datavormen-content > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-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-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-header > h1,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-header > h2,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-header > h3,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-header > h4,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-header > h5,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-header > p,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-header > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-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: 100px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content > h1,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content > h2,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content > h3,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content > h4,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content > h5,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content > p,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper {
  display: flex;
  flex: 1 1 auto;
  overflow: auto;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-categories {
  display: flex;
  flex: 0 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  flex-flow: column;
  margin-right: 10px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results {
  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: 100px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results > h1,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results > h2,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results > h3,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results > h4,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results > h5,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results > p,
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results .mxo-widget-table.collection-bibliotheek .cell.naam {
  width: calc(100% - 440px);
}
.pane-size-single .mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results .mxo-widget-table.collection-bibliotheek .cell.naam {
  width: 100%;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results .mxo-widget-table.collection-bibliotheek .cell.extra-content {
  width: 440px;
}
.pane-size-single .mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results .mxo-widget-table.collection-bibliotheek .cell.extra-content {
  display: none;
}
.mxo-widget-otl-bibliotheek .bibliotheek-content .mxo-widget-otl-bibliotheek-search .search-content .search-results-wrapper .search-results .geen-zoekresultaten-voor-categorie .mxo-widget-emptystate .emptystate-image {
  background-image: url(d6ee9d98cd0ef72e06eb.png);
}
.mxo-widget-otl-bibliotheek.geen-vigerende-versie .mxo-widget-emptystate .emptystate-image {
  background-image: url(4879dba35b92f1f1d696.png);
}
.mxo-widget-otl-bibliotheek.geselecteerde-versie-gepubliceerd .mxo-widget-emptystate .emptystate-image {
  background-image: url(5c2ce898cbcaca1f6a72.png);
}
.mxo-widget-otl-bibliotheek-visualisatie {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
}
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-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-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-header > h1,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-header > h2,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-header > h3,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-header > h4,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-header > h5,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-header > p,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-header > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-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 #c1c1c1;
  flex-flow: row;
}
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content > h1,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content > h2,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content > h3,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content > h4,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content > h5,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content > p,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content .bibliotheek-visualisatie-canvas {
  flex: 1 1 auto;
  overflow: hidden;
}
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content .bibliotheek-visualisatie-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;
  border-left: 1px solid #c1c1c1;
}
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content .bibliotheek-visualisatie-legenda > h1,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content .bibliotheek-visualisatie-legenda > h2,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content .bibliotheek-visualisatie-legenda > h3,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content .bibliotheek-visualisatie-legenda > h4,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content .bibliotheek-visualisatie-legenda > h5,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content .bibliotheek-visualisatie-legenda > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content .bibliotheek-visualisatie-legenda > p,
.mxo-widget-otl-bibliotheek-visualisatie .bibliotheek-visualisatie-content .bibliotheek-visualisatie-legenda > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-detail {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-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-otl-bibliotheek-detail .bibliotheek-detail-header > h1,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-header > h2,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-header > h3,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-header > h4,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-header > h5,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-header > p,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-header > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-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: 222px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content > h1,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content > h2,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content > h3,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content > h4,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content > h5,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content > p,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen {
  flex: 1 1 auto;
  overflow: auto;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data > h1,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data > h2,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data > h3,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data > h4,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data > h5,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data > p,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data .detail-algemeen-data-media {
  display: flex;
  flex-wrap: wrap;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data .mxo-widget-table.concept-algemeen-relaties .cells .cell:first-child {
  width: calc(100% - 30px);
  white-space: normal;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data .mxo-widget-table.concept-algemeen-relaties .cells .cell:nth-child(2) {
  width: 30px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data .mxo-widget-table.concept-uitspraken-edit-waardeinvullingen .cells .cell.waarde {
  width: calc(100% - 72px);
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data .mxo-widget-table.concept-uitspraken-edit-waardeinvullingen .cells .cell.actions {
  width: 72px;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data .mxo-widget-copyable {
  /* 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-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data .mxo-widget-copyable > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data .mxo-widget-copyable::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .detail-algemeen-data .mxo-widget-copyable::before {
  visibility: hidden;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus {
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background: #f0f0eb;
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h1,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h2,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h3,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h4,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h5,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > p,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h1,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h2,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h3,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h4,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h5,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > p,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-algemeen .concept-detail-section-focus > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-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-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-header > h1,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-header > h2,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-header > h3,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-header > h4,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-header > h5,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-header > p,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-header > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-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: 100px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-content > h1,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-content > h2,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-content > h3,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-content > h4,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-content > h5,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-content > p,
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .bibliotheek-detail-eigenschappen-tabel .bibliotheek-detail-eigenschappen-tabel-content > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.collection-eigenschappen .cells .cell.column-classificatie {
  width: 32px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.collection-eigenschappen .cells .cell.column-span-eigenschap-naam {
  width: calc(100% - 32px);
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.collection-eigenschappen .cells .cell.column-eigenschap-verbinding {
  width: calc(100% - 32px - 42px - 85px);
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.collection-eigenschappen .cells .cell.column-kardinaliteit {
  width: 42px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.collection-eigenschappen .cells .cell.column-type {
  width: 85px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.eigenschappentabel .cells .cell.domein {
  width: calc(40% - 0px);
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.eigenschappentabel .cells .cell.eigenschap {
  width: calc(100% - calc(40% - 0px) - 0px);
  word-break: break-all;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.eigenschappentabel .cells .cell.bereik {
  width: calc(40% - 0px);
  word-break: break-all;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.eigenschappentabel .cells .cell.bereik .bereik-description {
  display: block;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.eigenschappentabel .cells .cell.verwijderen {
  display: none;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.eigenschappentabel.editable .cells .cell.domein {
  width: calc(40% - 36px);
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.eigenschappentabel.editable .cells .cell.eigenschap {
  width: calc(100% - calc(40% - 36px) - 36px);
  word-break: break-all;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.eigenschappentabel.editable .cells .cell.bereik {
  width: calc(40% - 36px);
  word-break: break-all;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.eigenschappentabel.editable .cells .cell.bereik .bereik-description {
  display: block;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.eigenschappentabel.editable .cells .cell.verwijderen {
  width: 36px;
  display: inline-block;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.scoped-eigenschappen .cells .cell.column-eigenschap {
  width: calc(100% - 160px - 160px);
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.scoped-eigenschappen .cells .cell.column-via {
  width: 160px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .mxo-widget-table.scoped-eigenschappen .cells .cell.column-scopes {
  width: 160px;
}
.mxo-widget-otl-bibliotheek-detail .bibliotheek-detail-content .concept-datavormen-toolbar-container {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-table.datavormen-table.default .cells .cell.column-datavorm-id {
  width: calc(100% - 180px);
}
.mxo-widget-table.datavormen-table.default .cells .cell.column-beoogd-concept {
  width: 180px;
}
.mxo-widget-table.datavormen-table.with-inline-controls .cells .cell.column-datavorm-id {
  width: calc(100% - 180px - 64px);
}
.mxo-widget-table.datavormen-table.with-inline-controls .cells .cell.column-beoogd-concept {
  width: 180px;
}
.mxo-widget-table.datavormen-table.with-inline-controls .cells .cell.column-actions {
  width: 64px;
}
.mxo-widget-table.datavormen-table.imx-validatieregels .cells .cell.column-rulenr {
  width: 60px;
}
.mxo-widget-table.datavormen-table.imx-validatieregels .cells .cell.column-omschrijving {
  width: calc(100% - 60px - 180px);
}
.mxo-widget-table.datavormen-table.imx-validatieregels .cells .cell.column-beoogd-concept {
  width: 180px;
}
.mxo-widget-table.concept-wordt-geraakt-in-rfc .cell.rfc-titel {
  width: calc(100% - 36px);
}
.mxo-widget-table.concept-wordt-geraakt-in-rfc .cell.action {
  width: 36px;
}
.mxo-widget-otl-bibliotheek-nieuw-concept .emptystate-image {
  background-image: url(4879dba35b92f1f1d696.png);
}
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-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-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-header > h1,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-header > h2,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-header > h3,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-header > h4,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-header > h5,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-header > p,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-header > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-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-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-content > h1,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-content > h2,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-content > h3,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-content > h4,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-content > h5,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-content > p,
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .bibliotheek-nieuwe-bulk-concepten-content > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-nieuwe-bulk-concepten .emptystate-image {
  background-image: url(4879dba35b92f1f1d696.png);
}
.mxo-widget-table.nieuwe-bulk-concepten-taxonomie-klassen .cell.column-naam,
.mxo-widget-table.nieuwe-bulk-concepten-taxonomie-klassen .cell.column-iri {
  width: calc((100% - 64px) / 2);
}
.mxo-widget-table.nieuwe-bulk-concepten-taxonomie-klassen .cell.column-actions {
  width: 64px;
}
.mxo-widget-table.nieuwe-bulk-concepten-decompositie-klassen .cell.column-naam {
  width: calc((100% - 50px - 50px - 64px) / 2);
}
.mxo-widget-table.nieuwe-bulk-concepten-decompositie-klassen .cell.column-iri {
  width: calc((100% - 50px - 50px - 64px) / 2);
}
.mxo-widget-table.nieuwe-bulk-concepten-decompositie-klassen .cell.column-minimum {
  width: 50px;
}
.mxo-widget-table.nieuwe-bulk-concepten-decompositie-klassen .cell.column-maximum {
  width: 50px;
}
.mxo-widget-table.nieuwe-bulk-concepten-decompositie-klassen .cell.column-actions {
  width: 64px;
}
.mxo-widget-table.nieuwe-bulk-concepten-eigenschappen .cell.column-domein {
  width: calc((100% - 50px - 50px - 32px) / 4);
}
.mxo-widget-table.nieuwe-bulk-concepten-eigenschappen .cell.column-bereik {
  width: calc((100% - 50px - 50px - 32px) / 4);
}
.mxo-widget-table.nieuwe-bulk-concepten-eigenschappen .cell.column-naam {
  width: calc((100% - 50px - 50px - 32px) / 4);
}
.mxo-widget-table.nieuwe-bulk-concepten-eigenschappen .cell.column-iri {
  width: calc((100% - 50px - 50px - 32px) / 4);
}
.mxo-widget-table.nieuwe-bulk-concepten-eigenschappen .cell.column-minimum {
  width: 50px;
}
.mxo-widget-table.nieuwe-bulk-concepten-eigenschappen .cell.column-maximum {
  width: 50px;
}
.mxo-widget-table.nieuwe-bulk-concepten-eigenschappen .cell.column-actions {
  width: 32px;
}
.mxo-widget-table.nieuwe-bulk-concepten-waarden .cell.column-naam,
.mxo-widget-table.nieuwe-bulk-concepten-waarden .cell.column-iri,
.mxo-widget-table.nieuwe-bulk-concepten-waarden .cell.column-type {
  width: calc((100% - 32px) / 3);
}
.mxo-widget-table.nieuwe-bulk-concepten-waarden .cell.column-actions {
  width: 32px;
}
.mxo-widget-table.nieuwe-bulk-concepten-individuen .cell.column-naam,
.mxo-widget-table.nieuwe-bulk-concepten-individuen .cell.column-iri {
  width: calc((100% - 32px) / 2);
}
.mxo-widget-table.nieuwe-bulk-concepten-individuen .cell.column-actions {
  width: 32px;
}
.mxo-widget-otl-bibliotheek .mxo-widget-filterbar .filterbar-advancedfilter,
.mxo-widget-otl-bibliotheek .mxo-widget-filterbar .model-inhoudelijke-filter-wrapper {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}
.mxo-widget-bibliotheek-empty-state {
  display: flex;
  flex-flow: column;
  gap: 10px;
  margin: 24px auto;
}
.mxo-widget-bibliotheek-empty-state .bibliotheek-empty-state-side-by-side {
  display: flex;
  flex-flow: row;
  gap: 4px;
}
.mxo-widget-bibliotheek-empty-state .bibliotheek-empty-state-side-by-side .vertical-divider {
  width: 1px;
  margin: 20px 0;
  background: #c1c1c1;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
@font-face {
  font-family: "IBM Plex Sans with icons";
  src: url(a44f31b98943b47f5e82.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
.mxo-widget-otl-collectie {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-collectie .collectie-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-otl-collectie .collectie-header > h1,
.mxo-widget-otl-collectie .collectie-header > h2,
.mxo-widget-otl-collectie .collectie-header > h3,
.mxo-widget-otl-collectie .collectie-header > h4,
.mxo-widget-otl-collectie .collectie-header > h5,
.mxo-widget-otl-collectie .collectie-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-collectie .collectie-header > p,
.mxo-widget-otl-collectie .collectie-header > ul {
  margin: 0;
}
.mxo-widget-otl-collectie .collectie-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-otl-collectie .collectie-content > h1,
.mxo-widget-otl-collectie .collectie-content > h2,
.mxo-widget-otl-collectie .collectie-content > h3,
.mxo-widget-otl-collectie .collectie-content > h4,
.mxo-widget-otl-collectie .collectie-content > h5,
.mxo-widget-otl-collectie .collectie-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-collectie .collectie-content > p,
.mxo-widget-otl-collectie .collectie-content > ul {
  margin: 0;
}
.mxo-widget-otl-collectie .collectie-content .mxo-widget-table.collectie-inhoud .cell.column-concept {
  width: calc(100% - 200px);
}
.mxo-widget-otl-collectie .collectie-content .mxo-widget-table.collectie-inhoud .cell.column-bereik {
  width: 200px;
}
.mxo-widget-otl-collectie .collectie-content .mxo-widget-table.collectie-inhoud.editable .cell.column-concept {
  width: calc(100% - 200px - 36px - 36px);
}
.mxo-widget-otl-collectie .collectie-content .mxo-widget-table.collectie-inhoud.editable .cell.column-add-action {
  width: 36px;
}
.mxo-widget-otl-collectie .collectie-content .mxo-widget-table.collectie-inhoud.editable .cell.column-delete-action {
  width: 36px;
}
.mxo-widget-otl-collectie .collectie-content .mxo-widget-table.collectie-inhoud .mxo-widget-emptystate .emptystate-image {
  background-image: url(bc45a9c0768357f6e165.png);
}
.mxo-widget-otl-collectie .collectie-content .collectie-inhoud-toolbars {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-otl-collectie-concepten-toevoegen {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-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-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-header > h1,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-header > h2,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-header > h3,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-header > h4,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-header > h5,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-header > p,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-header > ul {
  margin: 0;
}
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-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-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-content > h1,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-content > h2,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-content > h3,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-content > h4,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-content > h5,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-content > p,
.mxo-widget-otl-collectie-concepten-toevoegen .collectie-concepten-toevoegen-content > ul {
  margin: 0;
}
.mxo-widget-table.collectie-concepten-toevoegen-selector .cell.column-concept {
  width: calc(100% - 200px);
}
.mxo-widget-table.collectie-concepten-toevoegen-selector .cell.column-bereik {
  width: 200px;
}
.mxo-widget-table.collectie-concepten-toevoegen-selector .cell.column-concept-wide {
  width: 100%;
}
.mxo-widget-table.collectie-concepten-toevoegen-selector .cell.column-category {
  width: calc(100% - 110px);
}
.mxo-widget-table.collectie-concepten-toevoegen-selector .cell.column-select-all {
  width: 110px;
  text-align: right;
}
.mxo-widget-table.eigenschappen-per-category .cell.eigenschap {
  width: calc(100% - 200px);
}
.mxo-widget-table.eigenschappen-per-category .cell.eigenschap .column-minus-checkbox-wrapper-div {
  width: calc(100% - 25px);
}
.mxo-widget-table.eigenschappen-per-category .cell.bereik {
  width: 200px;
}
.mxo-widget-table.collectie-concepten-verwijderen .cell.concept {
  width: calc(100% - 36px);
}
.mxo-widget-table.collectie-concepten-verwijderen .cell.info {
  width: 36px;
}
.mxo-widget-table.collectie-verouderde-concepten-verwijderen .cell.concept {
  width: calc(100% - 36px);
}
.mxo-widget-table.collectie-verouderde-concepten-verwijderen .cell.delete {
  width: 36px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-otl-nieuwe-datavorm {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-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-otl-nieuwe-datavorm .nieuwe-datavorm-header > h1,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-header > h2,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-header > h3,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-header > h4,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-header > h5,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-header > p,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-header > ul {
  margin: 0;
}
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-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-otl-nieuwe-datavorm .nieuwe-datavorm-content > h1,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-content > h2,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-content > h3,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-content > h4,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-content > h5,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-content > p,
.mxo-widget-otl-nieuwe-datavorm .nieuwe-datavorm-content > ul {
  margin: 0;
}
.mxo-widget-otl-datavorm {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-datavorm .datavorm-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-otl-datavorm .datavorm-header > h1,
.mxo-widget-otl-datavorm .datavorm-header > h2,
.mxo-widget-otl-datavorm .datavorm-header > h3,
.mxo-widget-otl-datavorm .datavorm-header > h4,
.mxo-widget-otl-datavorm .datavorm-header > h5,
.mxo-widget-otl-datavorm .datavorm-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-datavorm .datavorm-header > p,
.mxo-widget-otl-datavorm .datavorm-header > ul {
  margin: 0;
}
.mxo-widget-otl-datavorm .datavorm-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: 100px;
}
.mxo-widget-otl-datavorm .datavorm-content > h1,
.mxo-widget-otl-datavorm .datavorm-content > h2,
.mxo-widget-otl-datavorm .datavorm-content > h3,
.mxo-widget-otl-datavorm .datavorm-content > h4,
.mxo-widget-otl-datavorm .datavorm-content > h5,
.mxo-widget-otl-datavorm .datavorm-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-datavorm .datavorm-content > p,
.mxo-widget-otl-datavorm .datavorm-content > ul {
  margin: 0;
}
.mxo-widget-table.validatieprofielen .cell.validatieprofiel {
  width: calc(100% - 100px);
}
.mxo-widget-table.validatieprofielen .cell.validatieniveau {
  width: 100px;
}
.mxo-widget-table.validatieprofielen.editable .cell.validatieprofiel {
  width: calc(100% - 100px - 36px);
}
.mxo-widget-table.validatieprofielen.editable .cell.delete {
  width: 36px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-otl-diagram {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
}
.mxo-widget-otl-diagram .diagram-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-otl-diagram .diagram-header > h1,
.mxo-widget-otl-diagram .diagram-header > h2,
.mxo-widget-otl-diagram .diagram-header > h3,
.mxo-widget-otl-diagram .diagram-header > h4,
.mxo-widget-otl-diagram .diagram-header > h5,
.mxo-widget-otl-diagram .diagram-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-diagram .diagram-header > p,
.mxo-widget-otl-diagram .diagram-header > ul {
  margin: 0;
}
.mxo-widget-otl-diagram .diagram-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;
  position: relative;
  overflow: hidden;
  flex-direction: row;
}
.mxo-widget-otl-diagram .diagram-content > h1,
.mxo-widget-otl-diagram .diagram-content > h2,
.mxo-widget-otl-diagram .diagram-content > h3,
.mxo-widget-otl-diagram .diagram-content > h4,
.mxo-widget-otl-diagram .diagram-content > h5,
.mxo-widget-otl-diagram .diagram-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-diagram .diagram-content > p,
.mxo-widget-otl-diagram .diagram-content > ul {
  margin: 0;
}
.mxo-widget-otl-diagram .diagram-content .diagram-canvas {
  width: 100%;
  position: relative;
}
.mxo-widget-otl-diagram .diagram-content .diagram-canvas .diagram-canvas-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  user-select: none;
  -webkit-user-select: none;
  transition-property: transform;
  transition-duration: 100ms;
}
.mxo-widget-otl-diagram .diagram-content .diagram-canvas .diagram-canvas-container.animating {
  transition-property: top, left, transform;
}
.mxo-widget-otl-diagram .diagram-content .diagram-canvas .diagram-canvas-container .vertex {
  user-select: text;
  -webkit-user-select: text;
  position: absolute;
  transition-duration: 100ms;
  transition-property: top, left, opacity, transform;
}
.mxo-widget-otl-diagram .diagram-content .diagram-canvas .diagram-canvas-container .connector {
  position: absolute;
  transition-duration: 100ms;
  transition-property: top, left, width, height, opacity, transform;
  background-color: #999992;
}
.mxo-widget-otl-diagram .diagram-content .diagram-canvas .diagram-canvas-container .connector.highlight {
  padding: 1px;
  margin: -1px 0 0 -1px;
  background-color: #6c8f89;
}
.mxo-widget-otl-diagram .diagram-content .diagram-canvas .diagram-canvas-container .connector.dashed {
  background: repeating-linear-gradient(45deg, #999992, #999992 2px, #ffffff00 2px, #ffffff00 4px);
}
.mxo-widget-otl-diagram .diagram-content .diagram-minimap-wrapper {
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.mxo-widget-diagram-node .mark.railinfrasysteem {
  background-color: #c4c5bf;
}
.mxo-widget-diagram-node .mark.systeem {
  background-color: #366a53;
}
.mxo-widget-diagram-node .mark.deelsysteem {
  background-color: #b31919;
}
.mxo-widget-diagram-node .mark.basisobjecttype {
  background-color: #613f60;
}
.mxo-widget-diagram-node .mark.zelfstandig-onderdeel {
  background-color: #2d6890;
}
.mxo-widget-diagram-node .mark.administratief-equipment {
  background-color: #d96100;
}
.mxo-widget-diagram-node .mark.onzelfstandig-onderdeel {
  background-color: #dcf1ff;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-diagram-minimap {
  user-select: none;
  background: #f0f0eb;
}
.mxo-widget-diagram-minimap .canvas {
  width: 160px;
  height: 120px;
}
.mxo-widget-diagram-minimap .canvas .node {
  background-color: #919187;
  border-radius: 8px;
  position: absolute;
}
.mxo-widget-diagram-minimap .canvas .node.highlighted {
  background-color: #6c8f89;
}
.mxo-widget-diagram-minimap .canvas .node.selected {
  background-color: #506762;
}
.mxo-widget-diagram-minimap .canvas .viewport {
  position: absolute;
  border: 2px solid #000000;
  cursor: pointer;
}
.mxo-widget-diagram-minimap .controls {
  display: flex;
  gap: 2px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-otl-importeren {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-importeren .importeren-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-otl-importeren .importeren-header > h1,
.mxo-widget-otl-importeren .importeren-header > h2,
.mxo-widget-otl-importeren .importeren-header > h3,
.mxo-widget-otl-importeren .importeren-header > h4,
.mxo-widget-otl-importeren .importeren-header > h5,
.mxo-widget-otl-importeren .importeren-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-importeren .importeren-header > p,
.mxo-widget-otl-importeren .importeren-header > ul {
  margin: 0;
}
.mxo-widget-otl-importeren .importeren-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-otl-importeren .importeren-content > h1,
.mxo-widget-otl-importeren .importeren-content > h2,
.mxo-widget-otl-importeren .importeren-content > h3,
.mxo-widget-otl-importeren .importeren-content > h4,
.mxo-widget-otl-importeren .importeren-content > h5,
.mxo-widget-otl-importeren .importeren-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-importeren .importeren-content > p,
.mxo-widget-otl-importeren .importeren-content > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-otl-kandidaatversies {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-kandidaatversies .kandidaatversies-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-otl-kandidaatversies .kandidaatversies-header > h1,
.mxo-widget-otl-kandidaatversies .kandidaatversies-header > h2,
.mxo-widget-otl-kandidaatversies .kandidaatversies-header > h3,
.mxo-widget-otl-kandidaatversies .kandidaatversies-header > h4,
.mxo-widget-otl-kandidaatversies .kandidaatversies-header > h5,
.mxo-widget-otl-kandidaatversies .kandidaatversies-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-kandidaatversies .kandidaatversies-header > p,
.mxo-widget-otl-kandidaatversies .kandidaatversies-header > ul {
  margin: 0;
}
.mxo-widget-otl-kandidaatversies .kandidaatversies-header .toolbar-container {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-otl-kandidaatversies .kandidaatversies-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-otl-kandidaatversies .kandidaatversies-content > h1,
.mxo-widget-otl-kandidaatversies .kandidaatversies-content > h2,
.mxo-widget-otl-kandidaatversies .kandidaatversies-content > h3,
.mxo-widget-otl-kandidaatversies .kandidaatversies-content > h4,
.mxo-widget-otl-kandidaatversies .kandidaatversies-content > h5,
.mxo-widget-otl-kandidaatversies .kandidaatversies-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-kandidaatversies .kandidaatversies-content > p,
.mxo-widget-otl-kandidaatversies .kandidaatversies-content > ul {
  margin: 0;
}
.mxo-widget-otl-kandidaatversies .mxo-widget-table.collection-kandidaatversies-rfcs .cells .cell.column-gepland-versienummer {
  width: calc(100% - 280px - 36px - 36px - 36px);
}
.mxo-widget-otl-kandidaatversies .mxo-widget-table.collection-kandidaatversies-rfcs .cells .cell.column-titel {
  width: calc(280px);
}
.mxo-widget-otl-kandidaatversies .mxo-widget-table.collection-kandidaatversies-rfcs .cells .cell.column-kandidaatversie-afhankelijkheden,
.mxo-widget-otl-kandidaatversies .mxo-widget-table.collection-kandidaatversies-rfcs .cells .cell.column-bibliotheek-button,
.mxo-widget-otl-kandidaatversies .mxo-widget-table.collection-kandidaatversies-rfcs .cells .cell.column-impact-button {
  width: 36px;
}
.mxo-widget-otl-kandidaatversie {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-kandidaatversie .kandidaatversie-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-otl-kandidaatversie .kandidaatversie-header > h1,
.mxo-widget-otl-kandidaatversie .kandidaatversie-header > h2,
.mxo-widget-otl-kandidaatversie .kandidaatversie-header > h3,
.mxo-widget-otl-kandidaatversie .kandidaatversie-header > h4,
.mxo-widget-otl-kandidaatversie .kandidaatversie-header > h5,
.mxo-widget-otl-kandidaatversie .kandidaatversie-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-kandidaatversie .kandidaatversie-header > p,
.mxo-widget-otl-kandidaatversie .kandidaatversie-header > ul {
  margin: 0;
}
.mxo-widget-otl-kandidaatversie .kandidaatversie-header .toolbar-container {
  display: flex;
  justify-content: space-between;
}
.mxo-widget-otl-kandidaatversie .kandidaatversie-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-otl-kandidaatversie .kandidaatversie-content > h1,
.mxo-widget-otl-kandidaatversie .kandidaatversie-content > h2,
.mxo-widget-otl-kandidaatversie .kandidaatversie-content > h3,
.mxo-widget-otl-kandidaatversie .kandidaatversie-content > h4,
.mxo-widget-otl-kandidaatversie .kandidaatversie-content > h5,
.mxo-widget-otl-kandidaatversie .kandidaatversie-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-kandidaatversie .kandidaatversie-content > p,
.mxo-widget-otl-kandidaatversie .kandidaatversie-content > ul {
  margin: 0;
}
.mxo-widget-otl-kandidaatversie .mxo-widget-table.gerefereerde-kandidaatversie .cells .cell.gepland-versienummer {
  width: 65px;
}
.mxo-widget-otl-kandidaatversie .mxo-widget-table.gerefereerde-kandidaatversie .cells .cell.naam {
  width: calc(100% - 100px - 65px);
}
.mxo-widget-otl-kandidaatversie .mxo-widget-table.gerefereerde-kandidaatversie .cells .cell.geplande-publicatiedatum {
  width: 100px;
}
.mxo-widget-otl-kandidaatversie .mxo-widget-table.gerefereerde-versies .cells .cell.versienummer {
  width: calc(100% - 100px);
}
.mxo-widget-otl-kandidaatversie .mxo-widget-table.gerefereerde-versies .cells .cell.publicatiedatum {
  width: 100px;
}
.mxo-widget-otl-kandidaatversie .mxo-widget-table.gekoppelde-rfcs .cells .cell:first-child {
  width: calc(100% - 30px);
}
.mxo-widget-otl-kandidaatversie .mxo-widget-table.gekoppelde-rfcs .cells .cell:nth-child(2) {
  width: 30px;
}
.mxo-widget-table.koppelbare-rfcs .cells .cell.label {
  width: calc(100% - 30px);
}
.mxo-widget-table.koppelbare-rfcs .cells .cell.warning {
  width: 30px;
}
.mxo-widget-otl-nieuwe-kandidaatversie {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-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-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-header > h1,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-header > h2,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-header > h3,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-header > h4,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-header > h5,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-header > p,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-header > ul {
  margin: 0;
}
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-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-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-content > h1,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-content > h2,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-content > h3,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-content > h4,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-content > h5,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-content > p,
.mxo-widget-otl-nieuwe-kandidaatversie .nieuwe-kandidaatversie-content > ul {
  margin: 0;
}
.nieuwe-kandidaatversie-content .mxo-widget-table.gebaseerd-op-versie .cell.versie-label,
.kandidaatversie-content .mxo-widget-table.gebaseerd-op-versie .cell.versie-label,
.kandidaatversie-publiceren-content .mxo-widget-table.gebaseerd-op-versie .cell.versie-label {
  width: 120px;
}
.nieuwe-kandidaatversie-content .mxo-widget-table.gebaseerd-op-versie .cell.naam,
.kandidaatversie-content .mxo-widget-table.gebaseerd-op-versie .cell.naam,
.kandidaatversie-publiceren-content .mxo-widget-table.gebaseerd-op-versie .cell.naam {
  width: calc(100% - 120px - 36px);
}
.nieuwe-kandidaatversie-content .mxo-widget-table.gebaseerd-op-versie .cell.edit-versie,
.kandidaatversie-content .mxo-widget-table.gebaseerd-op-versie .cell.edit-versie,
.kandidaatversie-publiceren-content .mxo-widget-table.gebaseerd-op-versie .cell.edit-versie {
  width: 36px;
}
.mxo-modal .mxo-widget-table.kandidaatversie-selectie .cells .cell.kandidaatversie-id {
  width: 120px;
}
.mxo-modal .mxo-widget-table.kandidaatversie-selectie .cells .cell.kandidaatversie-titel {
  width: calc(100% - 120px);
}
.mxo-modal .mxo-widget-table.versie-selectie .cells .cell.versie-id {
  width: 120px;
}
.mxo-modal .mxo-widget-table.versie-selectie .cells .cell.is-kopversie {
  width: calc(100% - 120px);
}
.mxo-widget-otl-kandidaatversie-publiceren {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-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-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-header > h1,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-header > h2,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-header > h3,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-header > h4,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-header > h5,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-header > p,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-header > ul {
  margin: 0;
}
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-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-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-content > h1,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-content > h2,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-content > h3,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-content > h4,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-content > h5,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-content > p,
.mxo-widget-otl-kandidaatversie-publiceren .kandidaatversie-publiceren-content > ul {
  margin: 0;
}
.mxo-widget-otl-kandidaatversie-controleren {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-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-otl-kandidaatversie-controleren .kandidaatversie-controleren-header > h1,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-header > h2,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-header > h3,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-header > h4,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-header > h5,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-header > p,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-header > ul {
  margin: 0;
}
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-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-otl-kandidaatversie-controleren .kandidaatversie-controleren-content > h1,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-content > h2,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-content > h3,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-content > h4,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-content > h5,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-content > p,
.mxo-widget-otl-kandidaatversie-controleren .kandidaatversie-controleren-content > ul {
  margin: 0;
}
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table.kandidaatversie-niet-goedgekeurde-rfcs .cells .cell.nr,
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table .kandidaatversie-rfcs-met-andere-basering .cells .cell.nr {
  width: 65px;
}
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table.kandidaatversie-niet-goedgekeurde-rfcs .cells .cell.titel,
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table .kandidaatversie-rfcs-met-andere-basering .cells .cell.titel {
  width: 200px;
}
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table.kandidaatversie-niet-goedgekeurde-rfcs .cells .cell.foutmelding,
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table .kandidaatversie-rfcs-met-andere-basering .cells .cell.foutmelding {
  width: calc(100% - 65px - 200px);
}
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table.kandidaatversie-rfc-niet-toegepaste-mutaties .cells .cell.nr {
  width: 65px;
}
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table.kandidaatversie-rfc-niet-toegepaste-mutaties .cells .cell.titel {
  width: calc(100% - 65px);
}
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table.kandidaatversie-niet-toegepaste-mutaties .cells .cell.positie {
  width: 75px;
}
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table.kandidaatversie-niet-toegepaste-mutaties .cells .cell.operatie-nr {
  width: 75px;
}
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table.kandidaatversie-niet-toegepaste-mutaties .cells .cell.foutmelding {
  width: calc(100% - 140px);
}
.mxo-widget-otl-kandidaatversie-controleren .mxo-widget-table.kandidaatversie-niet-voldane-afhankelijkheid .cells .cell.titel {
  width: 100%;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-otl-mutatie {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-mutatie .mutatie-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-otl-mutatie .mutatie-header > h1,
.mxo-widget-otl-mutatie .mutatie-header > h2,
.mxo-widget-otl-mutatie .mutatie-header > h3,
.mxo-widget-otl-mutatie .mutatie-header > h4,
.mxo-widget-otl-mutatie .mutatie-header > h5,
.mxo-widget-otl-mutatie .mutatie-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-mutatie .mutatie-header > p,
.mxo-widget-otl-mutatie .mutatie-header > ul {
  margin: 0;
}
.mxo-widget-otl-mutatie .mutatie-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-otl-mutatie .mutatie-content > h1,
.mxo-widget-otl-mutatie .mutatie-content > h2,
.mxo-widget-otl-mutatie .mutatie-content > h3,
.mxo-widget-otl-mutatie .mutatie-content > h4,
.mxo-widget-otl-mutatie .mutatie-content > h5,
.mxo-widget-otl-mutatie .mutatie-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-mutatie .mutatie-content > p,
.mxo-widget-otl-mutatie .mutatie-content > ul {
  margin: 0;
}
.mxo-widget-otl-mutatie .mutatie-content .mxo-widget-table.operaties-op-mutatie .cell.resultaat {
  width: 30px;
}
.mxo-widget-otl-mutatie .mutatie-content .mxo-widget-table.operaties-op-mutatie .cell.toepassing {
  width: 120px;
}
.mxo-widget-otl-mutatie .mutatie-content .mxo-widget-table.operaties-op-mutatie .cell.omschrijving {
  width: calc(100% - 120px - 30px - 36px);
}
.mxo-widget-otl-mutatie .mutatie-content .mxo-widget-table.operaties-op-mutatie .cell.link {
  width: 36px;
}
.mxo-widget-otl-mutatie .mutatie-content .mutatie-afhankelijkheidanalyse .mxo-widget-table.afhankelijke-mutaties .cell.mutatie {
  width: calc(100% - 200px - 36px);
}
.mxo-widget-otl-mutatie .mutatie-content .mutatie-afhankelijkheidanalyse .mxo-widget-table.afhankelijke-mutaties .cell.link {
  width: 36px;
}
.mxo-widget-otl-mutatie .mutatie-content .mutatie-afhankelijkheidanalyse .mxo-widget-table.afhankelijke-mutaties .cell.volgorde {
  width: 200px;
}

.mxo-widget-otl-relatieweergave {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  flex: 0 0 auto;
  padding: 20px 5px;
  font-size: 11px;
  border: 1px solid #ddddd6;
}
.mxo-widget-otl-relatieweergave .relatieweergave-naam {
  flex: 0 0 auto;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-links,
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-rechts {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  position: relative;
  width: 37.5%;
  white-space: nowrap;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-links::before,
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-rechts::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  background: #6c8f89;
  border-radius: 7px;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-links a,
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-rechts a,
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-links a:link,
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-rechts a:link,
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-links a:visited,
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-rechts a:visited {
  flex: 1 1 auto;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-links .relatieweergave-kardinaliteit,
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-rechts .relatieweergave-kardinaliteit {
  position: absolute;
  font-size: 9px;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-links {
  padding-right: 10px;
  text-align: right;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-links::before {
  order: 2;
  margin-left: 5px;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-links .relatieweergave-kardinaliteit {
  top: 50%;
  left: 100%;
  transform: translateY(10px);
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-rechts {
  padding-left: 10px;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-rechts::before {
  margin-right: 5px;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-objecttype-rechts .relatieweergave-kardinaliteit {
  bottom: 50%;
  right: 100%;
  transform: translateY(-10px);
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-verbinding {
  margin: 20px 0;
  width: 25%;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-verbinding .relatieweergave-verbindingslijn {
  position: relative;
  margin: 8px 0;
  border-bottom: 1px solid #3a3a33;
}
.mxo-widget-otl-relatieweergave .relatieweergave-relatie .relatieweergave-verbinding .relatieweergave-verbindingslijn.inverse {
  display: none;
}
.mxo-widget-otl-relatieweergave .relatieweergave-inverse {
  flex: 0 0 auto;
  font-size: 10px;
}
.mxo-widget-otl-relatieweergave.directional .relatieweergave-relatie .relatieweergave-verbinding .relatieweergave-verbindingslijn::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 4px;
  height: 4px;
  border-top: 1px solid #3a3a33;
  border-right: 1px solid #3a3a33;
  transform: rotate(45deg) translate(-1px, -2px);
}
.mxo-widget-otl-relatieweergave.directional .relatieweergave-relatie .relatieweergave-verbinding .relatieweergave-verbindingslijn.inverse::before {
  left: 0;
  right: auto;
  transform: rotate(225deg) translate(1px, 2px);
}
.mxo-widget-otl-relatieweergave.inverse-connection .relatieweergave-relatie .relatieweergave-objecttype-links .relatieweergave-kardinaliteit {
  transform: translateY(14px);
}
.mxo-widget-otl-relatieweergave.inverse-connection .relatieweergave-relatie .relatieweergave-objecttype-rechts .relatieweergave-kardinaliteit {
  transform: translateY(-14px);
}
.mxo-widget-otl-relatieweergave.inverse-connection .relatieweergave-relatie .relatieweergave-verbinding .relatieweergave-verbindingslijn.inverse {
  display: block;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-otl-rfc-overzicht {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-rfc-overzicht .rfc-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-otl-rfc-overzicht .rfc-overzicht-header > h1,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-header > h2,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-header > h3,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-header > h4,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-header > h5,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-header > p,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-header > ul {
  margin: 0;
}
.mxo-widget-otl-rfc-overzicht .rfc-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-otl-rfc-overzicht .rfc-overzicht-content > h1,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-content > h2,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-content > h3,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-content > h4,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-content > h5,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-content > p,
.mxo-widget-otl-rfc-overzicht .rfc-overzicht-content > ul {
  margin: 0;
}
.processtap-container {
  display: flex;
  gap: 7px;
}
.mxo-widget-table.rfc-afhankelijkheden .cell.column-icon {
  width: 37px;
}
.mxo-widget-table.rfc-afhankelijkheden .cell.column-titel {
  width: calc(100% - 37px - 36px);
}
.mxo-widget-table.rfc-afhankelijkheden .cell.column-warning {
  width: 36px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-otl-versiebeheer {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-versiebeheer .versiebeheer-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-otl-versiebeheer .versiebeheer-header > h1,
.mxo-widget-otl-versiebeheer .versiebeheer-header > h2,
.mxo-widget-otl-versiebeheer .versiebeheer-header > h3,
.mxo-widget-otl-versiebeheer .versiebeheer-header > h4,
.mxo-widget-otl-versiebeheer .versiebeheer-header > h5,
.mxo-widget-otl-versiebeheer .versiebeheer-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-versiebeheer .versiebeheer-header > p,
.mxo-widget-otl-versiebeheer .versiebeheer-header > ul {
  margin: 0;
}
.mxo-widget-otl-versiebeheer .versiebeheer-header .mxo-widget-keyvalue {
  margin-bottom: 10px;
}
.mxo-widget-otl-versiebeheer .versiebeheer-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-otl-versiebeheer .versiebeheer-content > h1,
.mxo-widget-otl-versiebeheer .versiebeheer-content > h2,
.mxo-widget-otl-versiebeheer .versiebeheer-content > h3,
.mxo-widget-otl-versiebeheer .versiebeheer-content > h4,
.mxo-widget-otl-versiebeheer .versiebeheer-content > h5,
.mxo-widget-otl-versiebeheer .versiebeheer-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-versiebeheer .versiebeheer-content > p,
.mxo-widget-otl-versiebeheer .versiebeheer-content > ul {
  margin: 0;
}
.mxo-widget-otl-versiebeheer .versiebeheer-content .versie-vergelijken {
  display: flex;
  padding: 10px;
  margin-bottom: 20px;
  background-color: #f0f0eb;
}
.mxo-widget-otl-versiebeheer .versiebeheer-content .versie-vergelijken .versie-vergelijken-info {
  margin: 10px;
  flex: 1 1 auto;
}
.mxo-widget-otl-versiebeheer .versiebeheer-content .mxo-widget-table.collectie-versies .head .cells .cell:nth-child(2)::before {
  margin-left: 8px;
}
.mxo-widget-otl-versiebeheer .versiebeheer-content .mxo-widget-table.collectie-versies .head .cells .cell:first-child .mxo-widget-checkbox {
  display: none;
}
.mxo-widget-otl-versiebeheer .versiebeheer-content .mxo-widget-table.collectie-versies .cells .cell:first-child {
  width: calc(100% - 150px);
}
.mxo-widget-otl-versiebeheer .versiebeheer-content .mxo-widget-table.collectie-versies .cells .cell:nth-child(2) {
  width: 40px;
}
.mxo-widget-otl-versiebeheer .versiebeheer-content .mxo-widget-table.collectie-versies .cells .cell:nth-child(3) {
  width: 110px;
}
.mxo-widget-otl-versiebeheer-info {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-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-otl-versiebeheer-info .versiebeheer-info-header > h1,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-header > h2,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-header > h3,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-header > h4,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-header > h5,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-header > p,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-header > ul {
  margin: 0;
}
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-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-otl-versiebeheer-info .versiebeheer-info-content > h1,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-content > h2,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-content > h3,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-content > h4,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-content > h5,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-content > p,
.mxo-widget-otl-versiebeheer-info .versiebeheer-info-content > ul {
  margin: 0;
}
.mxo-widget-table.versie-downloads .cells .cell.titel {
  width: calc(100% - 50px - 36px);
  /* delete-button */
}
.mxo-widget-table.versie-downloads .cells .cell.aantal {
  width: 50px;
}
.mxo-widget-table.versie-downloads .cells .cell.delete-button {
  width: 36px;
}
.mxo-widget-table.versie-downloads .mxo-widget-table.versie-documents-downloads .cells .cell.document {
  width: calc(100% - 36px);
}
.mxo-widget-table.versie-downloads .mxo-widget-table.versie-documents-downloads .cells .cell.download {
  width: 36px;
}
.mxo-widget-table.versie-downloads .mxo-widget-table.versie-documents-downloads-editable .cells .cell.document {
  width: calc(100% - 100px - 36px - 36px);
}
.mxo-widget-table.versie-downloads .mxo-widget-table.versie-documents-downloads-editable .cells .cell.datum {
  width: 100px;
}
.mxo-widget-table.versie-downloads .mxo-widget-table.versie-documents-downloads-editable .cells .cell.download {
  width: 36px;
}
.mxo-widget-table.versie-downloads .mxo-widget-table.versie-documents-downloads-editable .cells .cell.delete-button {
  width: 36px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-otl-model-inhoudelijke-filter {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-model-inhoudelijke-filter .model-inhoudelijke-filter-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: 180px;
}
.mxo-widget-otl-model-inhoudelijke-filter .model-inhoudelijke-filter-content > h1,
.mxo-widget-otl-model-inhoudelijke-filter .model-inhoudelijke-filter-content > h2,
.mxo-widget-otl-model-inhoudelijke-filter .model-inhoudelijke-filter-content > h3,
.mxo-widget-otl-model-inhoudelijke-filter .model-inhoudelijke-filter-content > h4,
.mxo-widget-otl-model-inhoudelijke-filter .model-inhoudelijke-filter-content > h5,
.mxo-widget-otl-model-inhoudelijke-filter .model-inhoudelijke-filter-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-model-inhoudelijke-filter .model-inhoudelijke-filter-content > p,
.mxo-widget-otl-model-inhoudelijke-filter .model-inhoudelijke-filter-content > ul {
  margin: 0;
}
.mxo-widget-otl-bibliotheek-detail .mxo-widget-filterbar .filterbar-advancedfilter,
.mxo-widget-otl-bibliotheek-detail .mxo-widget-filterbar .model-inhoudelijke-filter-wrapper {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* 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 #c1c1c1;
}
/* Legenda icon */
/* SVG Background image */
/* Mark colour */
/* Cell column width */
.mxo-widget-otl-model-filter {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-model-filter .model-filter-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-otl-model-filter .model-filter-header > h1,
.mxo-widget-otl-model-filter .model-filter-header > h2,
.mxo-widget-otl-model-filter .model-filter-header > h3,
.mxo-widget-otl-model-filter .model-filter-header > h4,
.mxo-widget-otl-model-filter .model-filter-header > h5,
.mxo-widget-otl-model-filter .model-filter-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-model-filter .model-filter-header > p,
.mxo-widget-otl-model-filter .model-filter-header > ul {
  margin: 0;
}
.mxo-widget-otl-model-filter .model-filter-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-otl-model-filter .model-filter-content > h1,
.mxo-widget-otl-model-filter .model-filter-content > h2,
.mxo-widget-otl-model-filter .model-filter-content > h3,
.mxo-widget-otl-model-filter .model-filter-content > h4,
.mxo-widget-otl-model-filter .model-filter-content > h5,
.mxo-widget-otl-model-filter .model-filter-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-model-filter .model-filter-content > p,
.mxo-widget-otl-model-filter .model-filter-content > ul {
  margin: 0;
}


/*# sourceMappingURL=index.4bee7b2d64f1d2a78c66.css.map*/