.mxo-widget-table.snapshots-update-status .cell.toepassing {
  width: calc(100% - (145px * 3) - 135px - 105px);
}
.mxo-widget-table.snapshots-update-status .cell.ingediend,
.mxo-widget-table.snapshots-update-status .cell.starttijd,
.mxo-widget-table.snapshots-update-status .cell.eindtijd {
  width: 145px;
}
.mxo-widget-table.snapshots-update-status .cell.mutaties {
  width: 135px;
}
.mxo-widget-table.snapshots-update-status .cell.status {
  width: 105px;
}
@media screen and (max-width: 800px) {
  .mxo-widget-table.snapshots-update-status .cell.toepassing {
    width: calc(100% - (145px * 2) - 135px - 105px);
  }
  .mxo-widget-table.snapshots-update-status .cell.ingediend {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .mxo-widget-table.snapshots-update-status .cell.toepassing {
    width: calc(100% - (145px * 2) - 105px);
  }
  .mxo-widget-table.snapshots-update-status .cell.cell.mutaties {
    display: none;
  }
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
.mxo-widget-otl-tags {
  display: flex;
  flex-flow: wrap;
  gap: 4px 8px;
  line-height: 13px;
}
.mxo-widget-table .body .row .cell > .mxo-widget-otl-tags {
  margin-top: 4px;
}
.mxo-widget-otl-tags .tag {
  display: flex;
  min-width: 0;
  background: #fcfcfb;
  border: 1px solid #6c8f89;
  border-radius: 2px;
}
.mxo-widget-table .body .row .cells.selected .mxo-widget-otl-tags .tag {
  background: transparent;
  border-color: #6c8f89;
}
.mxo-widget-otl-tags .tag .tag-label {
  display: block;
  padding: 2px 0 2px 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mxo-widget-otl-tags .tag .tag-label:first-child:last-child {
  padding-right: 4px;
}
.mxo-widget-otl-tags .tag a.tag-label,
.mxo-widget-otl-tags .tag a.tag-label:link,
.mxo-widget-otl-tags .tag a.tag-label:visited {
  color: inherit;
  text-decoration: none;
}
.mxo-widget-otl-tags .tag a.tag-label:hover {
  background: #b5c7c4;
}
.mxo-widget-otl-tags .tag .tag-close {
  padding: 0 4px;
  opacity: 0.75;
}
.mxo-widget-otl-tags .tag .tag-close:hover {
  opacity: 1;
}
.mxo-widget-otl-tags .tag.selected {
  color: #ffffff;
  background: #6c8f89;
}
.mxo-widget-otl-tags .tag.selected a.tag-label:hover {
  color: #14140f;
  background: #b5c7c4;
}
.mxo-widget-table .body .row .cells.selected .cell .mxo-widget-otl-tags .tag.selected,
.mxo-widget-table .body .row .cells.selected .cell .mxo-widget-otl-tags .tag.selected a.tag-label:not(.button):not(.selected-item) {
  color: #ffffff;
  background: #6c8f89;
}
.mxo-widget-table .body .row .cells.selected .cell .mxo-widget-otl-tags .tag.selected:hover,
.mxo-widget-table .body .row .cells.selected .cell .mxo-widget-otl-tags .tag.selected a.tag-label:not(.button):not(.selected-item):hover {
  color: #14140f;
  background: #b5c7c4;
}

/* 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 */
.mxo-widget-table.rfcs-collection {
  /* hide this empty state for timing issues in the screenshots which make it appear like it's gone one the one run, and re-appears on the other run */
}
body.mxo-mode-functional-test.mxo-mode-screenshot .mxo-widget-table.rfcs-collection .mxo-widget-emptystate {
  visibility: hidden;
}
.mxo-widget-table.rfcs-collection.status-concept .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-concept .cell.column-indiener {
  width: 300px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-concept .cell.column-falende-mutaties {
  width: 24px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-concept .cell.column-rfc-titel {
  width: calc(100% - 65px - 24px - 300px);
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-concept .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-concept .cell.column-indiener {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-concept .cell.column-falende-mutaties {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-concept .cell.column-rfc-titel {
  width: calc(100% - 65px - 0px - 0px);
}
.mxo-widget-table.rfcs-collection.status-actief .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief .cell.column-rfc-titel {
  width: calc(100% - 65px - 36px - 175px - 22px - 36px - 0px - 130px - 45px - 85px);
}
.mxo-widget-table.rfcs-collection.status-actief .cell.bibliotheek {
  width: 36px;
}
.mxo-widget-table.rfcs-collection.status-actief .cell.column-processtap {
  width: 175px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief .cell.column-falende-mutaties {
  width: 22px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief .cell.column-afhankelijkheden {
  width: 36px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief .cell.column-procesleider {
  display: none;
}
.mxo-widget-table.rfcs-collection.status-actief .cell.column-kandidaatversie {
  width: 130px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief .cell.column-prioriteit {
  width: 45px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief .cell.column-laatst-gewijzigd {
  width: 85px;
  display: inline-block;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief .cell.column-rfc-titel {
  width: calc(100% - 65px - 36px - 0px - 0px - 0px - 0px - 0px - 0px - 0px);
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief .cell.bibliotheek {
  width: 36px;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief .cell.column-processtap {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief .cell.column-falende-mutaties {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief .cell.column-afhankelijkheden {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief .cell.column-procesleider {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief .cell.column-kandidaatversie {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief .cell.column-prioriteit {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief .cell.column-laatst-gewijzigd {
  display: none;
}
.mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-rfc-titel {
  width: calc(100% - 65px - 36px - 175px - 22px - 36px - 130px - 130px - 45px - 85px);
}
.mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.bibliotheek {
  width: 36px;
}
.mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-processtap {
  width: 175px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-falende-mutaties {
  width: 22px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-afhankelijkheden {
  width: 36px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-procesleider {
  width: 130px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-kandidaatversie {
  width: 130px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-prioriteit {
  width: 45px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-laatst-gewijzigd {
  width: 85px;
  display: inline-block;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-rfc-titel {
  width: calc(100% - 65px - 36px - 0px - 0px - 0px - 0px - 0px - 0px - 0px);
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.bibliotheek {
  width: 36px;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-processtap {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-falende-mutaties {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-afhankelijkheden {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-procesleider {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-kandidaatversie {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-prioriteit {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-actief.met-persoonsgebonden-velden .cell.column-laatst-gewijzigd {
  display: none;
}
.mxo-widget-table.rfcs-collection.status-gepubliceerd .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-gepubliceerd .cell.column-publicatiedatum {
  width: 250px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-gepubliceerd .cell.column-verwerkt-in-versie {
  width: 250px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-gepubliceerd .cell.column-rfc-titel {
  width: calc(100% - 65px - 250px - 250px);
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-gepubliceerd .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-gepubliceerd .cell.column-publicatiedatum {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-gepubliceerd .cell.column-verwerkt-in-versie {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-gepubliceerd .cell.column-rfc-titel {
  width: calc(100% - 65px - 0px - 0px);
}
.mxo-widget-table.rfcs-collection.status-afgekeurd .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-afgekeurd .cell.column-procesleider {
  display: none;
}
.mxo-widget-table.rfcs-collection.status-afgekeurd .cell.column-kandidaatversie {
  width: 250px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-afgekeurd .cell.column-falende-mutaties {
  width: 24px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-afgekeurd .cell.column-rfc-titel {
  width: calc(100% - 65px - 24px - 0px - 250px);
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-afgekeurd .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-afgekeurd .cell.column-procesleider {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-afgekeurd .cell.column-kandidaatversie {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-afgekeurd .cell.column-falende-mutaties {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-afgekeurd .cell.column-rfc-titel {
  width: calc(100% - 65px - 0px - 0px - 0px);
}
.mxo-widget-table.rfcs-collection.status-afgekeurd.met-persoonsgebonden-velden .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-afgekeurd.met-persoonsgebonden-velden .cell.column-procesleider {
  width: 250px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-afgekeurd.met-persoonsgebonden-velden .cell.column-kandidaatversie {
  width: 250px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-afgekeurd.met-persoonsgebonden-velden .cell.column-falende-mutaties {
  width: 24px;
  display: inline-block;
}
.mxo-widget-table.rfcs-collection.status-afgekeurd.met-persoonsgebonden-velden .cell.column-rfc-titel {
  width: calc(100% - 65px - 24px - 250px - 250px);
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-afgekeurd.met-persoonsgebonden-velden .cell.column-rfc-nummer {
  width: 65px;
  display: inline-block;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-afgekeurd.met-persoonsgebonden-velden .cell.column-procesleider {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-afgekeurd.met-persoonsgebonden-velden .cell.column-kandidaatversie {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-afgekeurd.met-persoonsgebonden-velden .cell.column-falende-mutaties {
  display: none;
}
.pane-size-single .mxo-widget-table.rfcs-collection.status-afgekeurd.met-persoonsgebonden-velden .cell.column-rfc-titel {
  width: calc(100% - 65px - 0px - 0px - 0px);
}

/* 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-non-semantic-widget-wrapper {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-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-non-semantic-widget-wrapper .non-semantic-widget-header > h1,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-header > h2,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-header > h3,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-header > h4,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-header > h5,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-header > p,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-header > ul {
  margin: 0;
}
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-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-non-semantic-widget-wrapper .non-semantic-widget-content > h1,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-content > h2,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-content > h3,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-content > h4,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-content > h5,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-content > p,
.mxo-widget-otl-non-semantic-widget-wrapper .non-semantic-widget-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 */
.loadingbar-container {
  position: relative;
  height: 4px;
}
.import-step-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.import-progress-container {
  display: flex;
  gap: 8px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.import-progress-container > h1,
.import-progress-container > h2,
.import-progress-container > h3,
.import-progress-container > h4,
.import-progress-container > h5,
.import-progress-container > h6 {
  margin-bottom: -2px;
}
.import-progress-container > p,
.import-progress-container > ul {
  margin: 0;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
.mxo-widget-table.abonnementen-concepten .cell.concept {
  width: calc(100% - 36px);
}
.mxo-widget-table.abonnementen-concepten .cell.action {
  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-detail-abonnees-table-wrapper {
  max-height: 200px;
  overflow: auto;
}
.mxo-widget-otl-detail-abonnees-table-wrapper .mxo-widget-table.detail-abonnees .cell.gebruiker {
  width: calc(100% - 36px);
}
.mxo-widget-otl-detail-abonnees-table-wrapper .mxo-widget-table.detail-abonnees .cell.action {
  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-table.api-keys-overzicht .cell.omschrijving {
  width: calc((100% - 525px) / 2);
}
.mxo-widget-table.api-keys-overzicht .cell.email {
  width: calc((100% - 525px) / 2);
}
.mxo-widget-table.api-keys-overzicht .cell.laatste-request {
  width: 125px;
}
.mxo-widget-table.api-keys-overzicht .cell.aantal-requests {
  width: 125px;
}
.mxo-widget-table.api-keys-overzicht .cell.status {
  width: 125px;
}
.mxo-widget-table.api-keys-overzicht .cell.api-key {
  width: 150px;
}

/* 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 */
.concepten-toevoegen-modal-content {
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.concepten-toevoegen-modal-content > h1,
.concepten-toevoegen-modal-content > h2,
.concepten-toevoegen-modal-content > h3,
.concepten-toevoegen-modal-content > h4,
.concepten-toevoegen-modal-content > h5,
.concepten-toevoegen-modal-content > h6 {
  margin-bottom: -10px;
}
.concepten-toevoegen-modal-content > p,
.concepten-toevoegen-modal-content > ul {
  margin: 0;
}
.concepten-toevoegen-modal-content .concepten-toevoegen-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;
  overflow-anchor: none;
  min-height: 297px;
}
.concepten-toevoegen-modal-content .concepten-toevoegen-modal-content > h1,
.concepten-toevoegen-modal-content .concepten-toevoegen-modal-content > h2,
.concepten-toevoegen-modal-content .concepten-toevoegen-modal-content > h3,
.concepten-toevoegen-modal-content .concepten-toevoegen-modal-content > h4,
.concepten-toevoegen-modal-content .concepten-toevoegen-modal-content > h5,
.concepten-toevoegen-modal-content .concepten-toevoegen-modal-content > h6 {
  margin-bottom: -10px;
}
.concepten-toevoegen-modal-content .concepten-toevoegen-modal-content > p,
.concepten-toevoegen-modal-content .concepten-toevoegen-modal-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-collectie-visualisatie {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
  flex: 1 1 auto;
}
.mxo-widget-otl-collectie-visualisatie .collectie-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-collectie-visualisatie .collectie-visualisatie-header > h1,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-header > h2,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-header > h3,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-header > h4,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-header > h5,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-header > p,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-header > ul {
  margin: 0;
}
.mxo-widget-otl-collectie-visualisatie .collectie-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-collectie-visualisatie .collectie-visualisatie-content > h1,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-content > h2,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-content > h3,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-content > h4,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-content > h5,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-content > p,
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-content > ul {
  margin: 0;
}
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-content .collectie-visualisatie-canvas {
  flex: 1 1 auto;
  overflow: hidden;
}
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-content .collectie-visualisatie-canvas-options {
  position: absolute;
  padding: 4px;
}
.mxo-widget-otl-collectie-visualisatie .collectie-visualisatie-content .collectie-visualisatie-legenda {
  border-left: 1px solid #c1c1c1;
}
.mxo-widget-otl-collectie-visualisatie .node-eigenschap-text {
  width: 200px;
  text-align: center;
}

/* 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 */
.concept-collecties-container {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  width: 340px;
}
.concept-collecties-container > h1,
.concept-collecties-container > h2,
.concept-collecties-container > h3,
.concept-collecties-container > h4,
.concept-collecties-container > h5,
.concept-collecties-container > h6 {
  margin-bottom: -10px;
}
.concept-collecties-container > p,
.concept-collecties-container > ul {
  margin: 0;
}
.concept-collecties-container .mxo-widget-table.concept-collecties > .body > .row > .cells .cell.column-concept {
  width: calc(100% - 36px - 36px);
}
.concept-collecties-container .mxo-widget-table.concept-collecties > .body > .row > .cells .cell.column-unlink {
  width: 36px;
}
.concept-collecties-container .mxo-widget-table.concept-collecties > .body > .row > .cells .cell.column-visualisatie {
  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 */
.concept-toevoegen-aan-collectie-form {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  min-height: 100px;
}
.concept-toevoegen-aan-collectie-form > h1,
.concept-toevoegen-aan-collectie-form > h2,
.concept-toevoegen-aan-collectie-form > h3,
.concept-toevoegen-aan-collectie-form > h4,
.concept-toevoegen-aan-collectie-form > h5,
.concept-toevoegen-aan-collectie-form > h6 {
  margin-bottom: -10px;
}
.concept-toevoegen-aan-collectie-form > p,
.concept-toevoegen-aan-collectie-form > ul {
  margin: 0;
}
.concept-toevoegen-aan-collectie-form.met-eigenschappen {
  height: 400px;
  overflow: auto;
}

.mxo-widget-table.concept-picker {
  min-width: 320px;
}
.mxo-widget-table.concept-picker .cell.naam {
  width: 235px;
}
.mxo-widget-table.concept-picker .cell.extern {
  width: 85px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
.mxo-widget-table.beperkingen-edit-table .cells .cell.type {
  width: 200px;
}
.mxo-widget-table.beperkingen-edit-table .cells .cell.waarde {
  width: calc(100% - 200px - 36px);
}
.mxo-widget-table.beperkingen-edit-table .cells .cell.delete-button {
  width: 36px;
}
.mxo-widget-table.beperkingen-table .cells .cell.type {
  width: 200px;
}
.mxo-widget-table.beperkingen-table .cells .cell.waarde {
  width: calc(100% - 200px);
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
.mxo-widget-table.concepten-picker-items {
  min-width: 320px;
}
.mxo-widget-table.concepten-picker-items .cell.naam {
  width: 235px;
}
.mxo-widget-table.concepten-picker-items .cell.extern {
  width: 85px;
}
.mxo-widget-table.concepten-picker-values .cell.naam {
  width: calc(100% - 36px);
}

.mxo-widget-table.invullingen-editor .cell.invulling {
  width: calc(100% - 30px);
}
.mxo-widget-table.invullingen-editor .cell.unlink {
  width: calc(30px);
}

/* 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 */
.input-link-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mxo-widget-table.invullingen-viewer .waarde-text-invulling {
  overflow: initial;
  white-space: normal;
}

/* 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-table.model-filter-table .cell.clause {
  width: 60px;
}
.mxo-widget-table.model-filter-table .cell.type {
  width: 320px;
}
.mxo-widget-table.model-filter-table .cell.type .button {
  display: flex;
  flex: 1 1 auto;
}
.mxo-widget-table.model-filter-table .cell.type .type-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.mxo-widget-table.model-filter-table .cell.operator {
  width: 257px;
}
.mxo-widget-table.model-filter-table .cell.input {
  width: calc(100% - 60px - 320px - 257px - 60px);
}
.mxo-widget-table.model-filter-table .cell.acties {
  width: 60px;
}
.pane-size-single .mxo-widget-table.model-filter-table .cell.clause {
  display: none;
}
.pane-size-single .mxo-widget-table.model-filter-table .cell.type {
  width: 150px;
}
.pane-size-single .mxo-widget-table.model-filter-table .cell.operator {
  width: 150px;
}
.pane-size-single .mxo-widget-table.model-filter-table .cell.input {
  width: calc(100% - 150px - 150px - 60px);
}
.filter-toolbar {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.filter-opties {
  margin: 0;
}
.filter-opties dt,
.filter-opties dd {
  margin-left: 10px;
}
.filter-opties dd {
  margin-bottom: 10px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
.saved-filter-label {
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  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 */
.mxo-widget-otl-mutatie-koppelen-tooltip {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-otl-mutatie-koppelen-tooltip > h1,
.mxo-widget-otl-mutatie-koppelen-tooltip > h2,
.mxo-widget-otl-mutatie-koppelen-tooltip > h3,
.mxo-widget-otl-mutatie-koppelen-tooltip > h4,
.mxo-widget-otl-mutatie-koppelen-tooltip > h5,
.mxo-widget-otl-mutatie-koppelen-tooltip > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-mutatie-koppelen-tooltip > p,
.mxo-widget-otl-mutatie-koppelen-tooltip > ul {
  margin: 0;
}

.mxo-widget-table.gepubliceerde-rfc-lijst .cell.rfc-nummer {
  width: 60px;
}
.mxo-widget-table.gepubliceerde-rfc-lijst .cell.rfc-titel {
  width: calc(100% - 60px);
}

.mxo-widget-table.processtap-berichten .cells .cell.datum-column {
  width: 100px;
}
.mxo-widget-table.processtap-berichten .cells .cell.onderwerp-column {
  width: calc(100% - 250px);
}
.mxo-widget-table.processtap-berichten .cells .cell.geadresseerden-column {
  width: 150px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
.mxo-widget-table.processtap-deelnemers .cells .cell:first-child {
  width: calc(100% - 150px - 100px - 36px - 36px);
}
.mxo-widget-table.processtap-deelnemers .cells .cell:nth-child(2) {
  width: 150px;
}
.mxo-widget-table.processtap-deelnemers .cells .cell:nth-child(3) {
  width: 100px;
}
.mxo-widget-table.processtap-deelnemers .cells .cell:nth-child(4),
.mxo-widget-table.processtap-deelnemers .cells .cell:nth-child(5) {
  width: 36px;
}

.mxo-widget-table.bestanden-input .cells .cell:first-child {
  width: calc(100% - 30px);
}
.mxo-widget-table.bestanden-input .cells .cell:nth-child(2) {
  width: 30px;
}
.mxo-widget-table.bestanden-input.readonly .cell:first-child {
  width: 100%;
}

.mxo-widget-table.processtap-reacties .cells .cell:first-child {
  width: 100px;
}
.mxo-widget-table.processtap-reacties .cells .cell:nth-child(2) {
  width: calc(100% - 280px);
}
.mxo-widget-table.processtap-reacties .cells .cell:nth-child(3),
.mxo-widget-table.processtap-reacties .cells .cell:nth-child(4) {
  width: 40px;
}
.mxo-widget-table.processtap-reacties .cells .cell:nth-child(5) {
  width: 100px;
  text-align: right;
}

/* 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 */
.processtap-toelichting {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.processtap-toelichting > h1,
.processtap-toelichting > h2,
.processtap-toelichting > h3,
.processtap-toelichting > h4,
.processtap-toelichting > h5,
.processtap-toelichting > h6 {
  margin-bottom: -10px;
}
.processtap-toelichting > p,
.processtap-toelichting > ul {
  margin: 0;
}
.processtap-toelichting.focus {
  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;
}
.processtap-toelichting.focus > h1,
.processtap-toelichting.focus > h2,
.processtap-toelichting.focus > h3,
.processtap-toelichting.focus > h4,
.processtap-toelichting.focus > h5,
.processtap-toelichting.focus > h6 {
  margin-bottom: -10px;
}
.processtap-toelichting.focus > p,
.processtap-toelichting.focus > 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 */
.processtap-header-toolbar-section {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.processtap-header-toolbar-section .processtap-header-statusbar {
  min-width: 0;
  /* fix to let Toolbar item shrink */
}
.processtap-header-toolbar-section .processtap-header-statusbar .rfc-title {
  overflow: hidden;
  text-overflow: ellipsis;
}

.mxo-widget-table.mutatielijst-table .cells .cell.positie {
  width: 50px;
}
.mxo-widget-table.mutatielijst-table .cells .cell.mutatie {
  width: calc(100% - 50px);
}
.mxo-widget-table.mutatielijst-table.with-checkboxes .cells .cell.positie {
  width: 75px;
}
.mxo-widget-table.mutatielijst-table.with-checkboxes .cells .cell.mutatie {
  width: calc(100% - 75px);
}

.mxo-widget-table.rfc-verwerkte-mutatie-collection .cells .cell.positie {
  width: 40px;
}
.mxo-widget-table.rfc-verwerkte-mutatie-collection .cells .cell.mutatie {
  width: calc(100% - 40px);
}

.mxo-widget-table.kandidaatversie-picker .cell.titel {
  width: 200px;
}
.mxo-widget-table.kandidaatversie-picker .cell.publicatie-datum {
  width: 125px;
}

.mxo-widget-table.rfc-processtappen .cells .cell.naam-column {
  width: calc(100% - 225px);
}
.mxo-widget-table.rfc-processtappen .cells .cell.bijlagen-column {
  width: 45px;
}
.mxo-widget-table.rfc-processtappen .cells .cell.reacties-column {
  width: 45px;
}
.mxo-widget-table.rfc-processtappen .cells .cell.status-column {
  width: 135px;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
.mxo-widget-table.logboek-attachments .cell.bijlage {
  width: calc(100% - 36px);
}
.mxo-widget-table.logboek-attachments .cell.delete-button {
  width: 36px;
}

.mxo-widget-table.logboek .cells .cell:first-child,
.mxo-widget-table.logboek .cells .cell:nth-child(2) {
  width: 170px;
}
.mxo-widget-table.logboek .cells .cell:nth-child(3) {
  width: 55px;
}
.mxo-widget-table.logboek .cells .cell:nth-child(4) {
  width: 75px;
}

/* 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 */
.waarde-wrapper {
  display: flex;
  gap: 8px;
}
.waarde-wrapper > * {
  width: 50%;
}
.mxo-widget-table.heeft-eigenschap-restrictie-eigenschapspad-editable .cell.eigenschap {
  width: calc(100% - 36px);
}
.mxo-widget-table.heeft-eigenschap-restrictie-eigenschapspad-editable .cell.unlink-action {
  width: 36px;
}
.restricties-toolbar {
  display: flex;
  justify-content: space-between;
}

/* DIMENSIONS */
/* OPACITY */
/* COLOURS */
/* DIMENSIONS */
/* Spacing */
/* Panes */
/* Table */
/* Cells */
/* OPACITY */
/* Control */
/* COLOURS */
/* Basic */
/* Text */
/* Hyperlinks */
/* Borders */
/* Background */
/* Status */
.mxo-widget-table.datavorm-restricties .cell.column-restrictie {
  width: calc(100% - 36px);
}
.mxo-widget-table.datavorm-restricties .cell.column-actions {
  width: 36px;
}
.mxo-widget-table.datavorm-restricties-editable .cell.column-restrictie {
  width: calc(100% - 108px);
}
.mxo-widget-table.datavorm-restricties-editable .cell.column-actions {
  width: 108px;
}

/* 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-collecties {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-collecties .collecties-header {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  flex: 0 0 auto;
}
.mxo-widget-otl-collecties .collecties-header > h1,
.mxo-widget-otl-collecties .collecties-header > h2,
.mxo-widget-otl-collecties .collecties-header > h3,
.mxo-widget-otl-collecties .collecties-header > h4,
.mxo-widget-otl-collecties .collecties-header > h5,
.mxo-widget-otl-collecties .collecties-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-collecties .collecties-header > p,
.mxo-widget-otl-collecties .collecties-header > ul {
  margin: 0;
}
.mxo-widget-otl-collecties .collecties-content {
  gap: 16px;
  /* override for headers, likely to be replaced with header-component structure */
  display: flex;
  flex-flow: column;
  flex: 1 1 auto;
  overflow: auto;
  overflow-anchor: none;
  min-height: 297px;
}
.mxo-widget-otl-collecties .collecties-content > h1,
.mxo-widget-otl-collecties .collecties-content > h2,
.mxo-widget-otl-collecties .collecties-content > h3,
.mxo-widget-otl-collecties .collecties-content > h4,
.mxo-widget-otl-collecties .collecties-content > h5,
.mxo-widget-otl-collecties .collecties-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-collecties .collecties-content > p,
.mxo-widget-otl-collecties .collecties-content > ul {
  margin: 0;
}
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.publieke-collecties .cell.collectie-column,
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.overige-collecties .cell.collectie-column {
  width: calc(100% - 200px - 145px - 36px);
}
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.publieke-collecties .cell.eigenaren-column,
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.overige-collecties .cell.eigenaren-column {
  width: 200px;
}
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.publieke-collecties .cell.laatst-gewijzigd-op-column,
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.overige-collecties .cell.laatst-gewijzigd-op-column {
  width: 145px;
}
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.publieke-collecties .cell.collectie-visualisatie,
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.overige-collecties .cell.collectie-visualisatie {
  width: 36px;
}
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.eigen-collecties .cell.collectie-column {
  width: calc(100% - 145px - 36px);
}
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.eigen-collecties .cell.laatst-gewijzigd-op-column {
  width: 145px;
}
.mxo-widget-otl-collecties .collecties-content .mxo-widget-table.eigen-collecties .cell.collectie-visualisatie {
  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-dashboard {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-dashboard .dashboard-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-dashboard .dashboard-header > h1,
.mxo-widget-otl-dashboard .dashboard-header > h2,
.mxo-widget-otl-dashboard .dashboard-header > h3,
.mxo-widget-otl-dashboard .dashboard-header > h4,
.mxo-widget-otl-dashboard .dashboard-header > h5,
.mxo-widget-otl-dashboard .dashboard-header > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-dashboard .dashboard-header > p,
.mxo-widget-otl-dashboard .dashboard-header > ul {
  margin: 0;
}
.mxo-widget-otl-dashboard .dashboard-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-dashboard .dashboard-content > h1,
.mxo-widget-otl-dashboard .dashboard-content > h2,
.mxo-widget-otl-dashboard .dashboard-content > h3,
.mxo-widget-otl-dashboard .dashboard-content > h4,
.mxo-widget-otl-dashboard .dashboard-content > h5,
.mxo-widget-otl-dashboard .dashboard-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-dashboard .dashboard-content > p,
.mxo-widget-otl-dashboard .dashboard-content > ul {
  margin: 0;
}
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-4 {
  display: grid;
  gap: 16px;
}
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-handig,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-updates {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
}
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-handig > h1,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-updates > h1,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-handig > h2,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-updates > h2,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-handig > h3,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-updates > h3,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-handig > h4,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-updates > h4,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-handig > h5,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-updates > h5,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-handig > h6,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-updates > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-handig > p,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-updates > p,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-handig > ul,
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-2 .dashboard-updates > ul {
  margin: 0;
}
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-4 .mxo-widget-calltoaction-card .cta_library_visual {
  background-image: url(9ea28433de539043238a.png);
}
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-4 .mxo-widget-calltoaction-card .cta_diagram_visual {
  background-image: url(5f03fe2aee307e081077.png);
}
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-4 .mxo-widget-calltoaction-card .cta_collection_visual {
  background-image: url(f6e9043e032f75deeb75.svg);
}
.mxo-widget-otl-dashboard .dashboard-content .dashboard-grid-4 .dashboard-logo {
  grid-column: span 2 / 5;
  height: 100%;
  background: url(f21e0066f54996e5d06d.svg) no-repeat center center;
  background-size: contain;
}
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates {
  display: flex;
  gap: 16px;
  flex-flow: column;
  /* override for headers, likely to be replaced with header-component structure */
  padding: 12px 8px 8px 8px;
  background-color: #f0f0eb;
}
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates > h1,
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates > h2,
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates > h3,
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates > h4,
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates > h5,
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates > p,
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates > ul {
  margin: 0;
}
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates .uitgelichte-update-header {
  display: flex;
  gap: 8px;
  padding-bottom: 4px;
}
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates .uitgelichte-update-header .heading {
  flex: 1 1 auto;
}
.mxo-widget-otl-dashboard .dashboard-content .uitgelichte-updates .uitgelichte-update-header .date {
  flex: 0 0 auto;
}
.mxo-widget-otl-calltoactions {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: column;
  gap: 16px;
}
.mxo-widget-otl-calltoactions li {
  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-filterbeheer {
  display: flex;
  flex-flow: column;
  overflow: auto;
  gap: 16px;
}
.mxo-widget-otl-filterbeheer .filterbeheer-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-filterbeheer .filterbeheer-content > h1,
.mxo-widget-otl-filterbeheer .filterbeheer-content > h2,
.mxo-widget-otl-filterbeheer .filterbeheer-content > h3,
.mxo-widget-otl-filterbeheer .filterbeheer-content > h4,
.mxo-widget-otl-filterbeheer .filterbeheer-content > h5,
.mxo-widget-otl-filterbeheer .filterbeheer-content > h6 {
  margin-bottom: -10px;
}
.mxo-widget-otl-filterbeheer .filterbeheer-content > p,
.mxo-widget-otl-filterbeheer .filterbeheer-content > ul {
  margin: 0;
}
.mxo-widget-otl-filterbeheer .filterbeheer-content .mxo-widget-table.filterbeheer .cell.naam {
  width: 400px;
}
.pane-size-single .mxo-widget-otl-filterbeheer .filterbeheer-content .mxo-widget-table.filterbeheer .cell.naam {
  width: calc(100% - 300px);
}
.mxo-widget-otl-filterbeheer .filterbeheer-content .mxo-widget-table.filterbeheer .cell.invulling {
  width: calc(100% - 400px - 100px);
}
.pane-size-single .mxo-widget-otl-filterbeheer .filterbeheer-content .mxo-widget-table.filterbeheer .cell.invulling {
  width: 300px;
}
.mxo-widget-otl-filterbeheer .filterbeheer-content .mxo-widget-table.filterbeheer .cell.locatie {
  width: 100px;
}
.pane-size-single .mxo-widget-otl-filterbeheer .filterbeheer-content .mxo-widget-table.filterbeheer .cell.locatie {
  display: none;
}

.mxo-widget-access {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f8f8f8;
  flex-grow: 1;
  min-height: 100%;
}
.mxo-widget-access .access-modal {
  padding: 40px;
  width: 300px;
  text-align: center;
  background: #ffffff no-repeat;
  border: 1px solid #f2f2ed;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.mxo-widget-access .access-modal.warning {
  padding-top: 120px;
  background-position: 50% 40px;
  background-size: 60px;
  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%23ffb700%22%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%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

/* 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-applications {
  display: flex;
  flex-flow: column;
}
.mxo-widget-applications ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.mxo-widget-applications ul li {
  margin: 0;
  padding: 0;
}
.mxo-widget-applications ul.cards,
.mxo-widget-applications ul.tiles {
  display: flex;
  flex-flow: wrap;
  align-content: flex-start;
  gap: 8px;
  margin: 12px 0;
}
.mxo-widget-applications ul.cards:first-child,
.mxo-widget-applications ul.tiles:first-child {
  margin-top: 0;
}
.mxo-widget-applications ul.cards:last-child,
.mxo-widget-applications ul.tiles:last-child {
  margin-bottom: 0;
}
.mxo-widget-applications ul.tiles {
  flex: 0 0 auto;
}
.mxo-widget-applications ul.tiles li {
  position: relative;
  overflow: hidden;
  width: 105px;
  height: 90px;
}
.mxo-widget-applications ul.tiles li .image {
  display: block;
  position: relative;
  height: 90px;
  overflow: hidden;
  background: #127578;
}
.mxo-widget-applications ul.tiles li .image img {
  position: absolute;
  margin: auto;
  width: auto;
  height: 110px;
  left: -100%;
  right: -100%;
  top: -120%;
  bottom: -100%;
}
.mxo-widget-applications ul.tiles li a .image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000;
  opacity: 0;
}
.mxo-widget-applications ul.tiles li:hover a .image::before {
  opacity: 0.3;
}
.mxo-widget-applications ul.tiles li li {
  width: 100%;
  height: auto;
  text-align: center;
}
.mxo-widget-applications ul.tiles li li a,
.mxo-widget-applications ul.tiles li li a:link,
.mxo-widget-applications ul.tiles li li a:visited,
.mxo-widget-applications ul.tiles li li .label {
  display: block;
  padding: 8px 0;
  text-decoration: none;
  color: #ffffff;
}
.mxo-widget-applications ul.tiles li li .label {
  padding: 8px 5px;
  cursor: default;
}
.mxo-widget-applications ul.tiles ul {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.mxo-widget-applications ul.cards {
  flex: 1 1 auto;
  overflow: auto;
}
.mxo-widget-applications ul.cards li {
  width: 230px;
}
.mxo-widget-applications ul.cards li a,
.mxo-widget-applications ul.cards li a:link,
.mxo-widget-applications ul.cards li a:visited,
.mxo-widget-applications ul.cards li .label {
  position: relative;
  display: block;
  text-decoration: none;
  color: #14140f;
  background: #f0f0eb;
}
.mxo-widget-applications ul.cards li a:hover {
  background: #a7b3b0;
}
.mxo-widget-applications ul.cards li:hover > a + ul a {
  color: #14140f;
  background: #a7b3b0;
}
.mxo-widget-applications ul.cards li .label {
  cursor: default;
}
.mxo-widget-applications ul.cards li .image {
  height: 120px;
}
.mxo-widget-applications ul.cards li .image img {
  width: 100%;
  height: 120px;
  object-fit: cover;
}
.mxo-widget-applications ul.cards li .heading {
  display: block;
  padding: 8px 5px;
  color: #ffffff;
  background: #6c8f89;
}
.mxo-widget-applications ul.cards li ul li {
  border-top: solid 1px #6c8f89;
}
.mxo-widget-applications ul.cards li ul li:first-child {
  border: 0 none;
}
.mxo-widget-applications ul.cards li ul li a,
.mxo-widget-applications ul.cards li ul li a:link,
.mxo-widget-applications ul.cards li ul li a:visited,
.mxo-widget-applications ul.cards li ul li .label {
  padding: 8px 5px;
}

.mxo-widget-usermanagement {
  overflow: auto;
}
.mxo-widget-usermanagement .row {
  white-space: 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 */
.user-icon {
  display: flex;
  align-items: center;
}
body.mxo-mode-functional-test.mxo-mode-screenshot .user-icon {
  /* 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 .user-icon > *,
body.mxo-mode-functional-test.mxo-mode-screenshot .user-icon::after,
body.mxo-mode-functional-test.mxo-mode-screenshot .user-icon::before {
  visibility: hidden;
}

.mxo-widget-table.gebruikersoverzicht .cell.naam {
  width: 278px;
}
.mxo-widget-table.gebruikersoverzicht .cell.email {
  width: 278px;
}
.mxo-widget-table.gebruikersoverzicht .cell.rollen {
  width: 278px;
}
.mxo-widget-table.gebruikersoverzicht .cell.status {
  width: calc(100% - 278px - 278px - 278px);
}

.mxo-widget-table.import-historie-table .cell.uitgevoerd-op {
  width: 95px;
}
.mxo-widget-table.import-historie-table .cell.uitgevoerd-door {
  width: 115px;
}
.mxo-widget-table.import-historie-table .cell.type-import {
  width: 120px;
}
.mxo-widget-table.import-historie-table .cell.mutaties-ingedeeld-bij {
  width: calc(100% - 95px - 115px - 120px - 80px);
}
.mxo-widget-table.import-historie-table .cell.voortgang {
  width: 80px;
}

.mxo-widget-table.rfc-picker .cells .cell.rfc-nummer-column {
  width: 65px;
}
.mxo-widget-table.rfc-picker .cells .cell.rfc-titel-column {
  width: calc(100% - 65px);
}

.over-otl-meldingen .cells .cell:first-child {
  width: calc(100% - 85px - 20px);
}
.over-otl-meldingen .cells .cell:nth-child(2) {
  width: 85px;
}
.over-otl-meldingen .cells .cell:nth-child(3) {
  width: 20px;
}

.mxo-widget-table.head-rfcs .cells .cell.rfc-nummer {
  width: 80px;
}
.mxo-widget-table.head-rfcs .cells .cell.aantal-mutaties {
  width: 100px;
}
.mxo-widget-table.head-rfcs .cells .cell.warning {
  width: 36px;
}
.mxo-widget-table.head-rfcs .cells .cell.rfc-titel {
  width: calc(100% - 80px - 100px - 36px);
}
.mxo-widget-table.niet-head-rfcs .cells .cell.rfc-nummer {
  width: 80px;
}
.mxo-widget-table.niet-head-rfcs .cells .cell.aantal-mutaties {
  width: 100px;
}
.mxo-widget-table.niet-head-rfcs .cells .cell.warning {
  width: 36px;
}
.mxo-widget-table.niet-head-rfcs .cells .cell.gebaseerd-op {
  width: calc(100px);
}
.mxo-widget-table.niet-head-rfcs .cells .cell.rfc-titel {
  width: calc(100% - 80px - 100px - 36px - 100px);
}

.mxo-widget-table.deelnemersgroepen .cell.deelnemersgroep {
  width: calc(100% - 120px);
}
.mxo-widget-table.deelnemersgroepen .cell.aantal {
  width: 120px;
}

.mxo-widget-table.rfc-vragenlijst-vragen .cell.vraag {
  width: calc(100% - 185px);
}
.mxo-widget-table.rfc-vragenlijst-vragen .cell.type {
  width: 100px;
}
.mxo-widget-table.rfc-vragenlijst-vragen .cell.verplicht {
  width: 55px;
}
.mxo-widget-table.rfc-vragenlijst-vragen .cell.verwijder {
  width: 30px;
}

/* 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-table.berichten-configureren-collection .cells .cell:first-child {
  width: calc(100% - 240px);
}
.mxo-widget-table.berichten-configureren-collection .cells .cell:nth-child(2) {
  width: 210px;
}
.mxo-widget-table.berichten-configureren-collection .cells .cell:nth-child(3) {
  width: 30px;
}

.async-feedback:empty {
  display: none;
}

.mxo-widget-table.versieselector-versie-table .cell.naam {
  width: calc(100% - 80px);
}
.mxo-widget-table.versieselector-versie-table .cell.datum {
  width: 80px;
}

.mxo-widget-table.versieselector-rfc-table .cell.rfc-nummer {
  width: 65px;
}
.mxo-widget-table.versieselector-rfc-table .cell.titel {
  width: calc(100% - 65px);
}

.mxo-widget-otl-scopecontent {
  width: 420px;
}


/*# sourceMappingURL=main.5bdc77c4e600c1380947.css.map*/