div.tree-multiselect {
  border: none;
  display: table;
  height: inherit;
  margin-left: 0;
  float: left;
  box-sizing: border-box;
  min-height: calc(100vh - 135px - 338px);
  /* width: 750px; */
}

div.tree-multiselect>div.selected,
div.tree-multiselect>div.selections {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: table-cell;
}

div.tree-multiselect>div.selections {
  border-right: solid 1px #D8D8D8;
}

div.tree-multiselect>div.selections.no-border {
  border-right: none;
}

div.tree-multiselect div.section>div.item,
div.tree-multiselect div.section>div.section {
  padding-left: 8px;
}

div.tree-multiselect div.title {
  background: var(--notknop1);
  margin-top: 6px;
  color: #fff;
  padding: 10px 7px 8px;
  font-weight: 400;
  font-size: 16px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  display: flex;
}

div.tree-multiselect div.section div.section div.title {
  background: var(--notknop2);
  margin-top: 4px;
}

div.tree-multiselect div.section div.section div.section div.title {
  background: var(--notknop3);
  margin-top: 2px;
}

div.tree-multiselect div.section div.section div.section div.section div.title {
  background: var(--notknop4);
  color: var(--notknop2);
}

div.tree-multiselect div.section div.section div.section div.section div.section div.title {
  background: var(--notknop5);
}

div.tree-multiselect div.title>* {
  display: inline-block;
}

div.tree-multiselect div.title>span.collapse-section {
  margin: 0 8px 0 4px;
  width: 8px;
}

div.tree-multiselect div.title:hover {
  cursor: pointer;
}

div.tree-multiselect input[type=checkbox] {
  margin-right: 5px;
}

div.tree-multiselect input[type=checkbox]:hover {
  cursor: pointer;
}

div.tree-multiselect>div.selections div.item {
  margin-left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: baseline;
}

div.tree-multiselect>div.selected>div.item {
  padding: 5px;
  background: #dddddd;
  border: 1px solid #bbbbbb;
}

div.tree-multiselect>div.selected.ui-sortable>div.item:hover {
  cursor: move;
}

div.tree-multiselect span.remove-selected,
div.tree-multiselect span.description {
  padding: 0 3px;
  margin-right: 5px;
  background: #BB4444;
  color: white;
  border-radius: 2px;
}

div.tree-multiselect span.description {
  display: none;
}

div.tree-multiselect span.remove-selected:hover {
  cursor: pointer;
}

div.tree-multiselect span.description:hover {
  cursor: help;
}

div.tree-multiselect div.temp-description-popup {
  background: #FAFAFA;
  padding: 5px;
  border: 1px solid #676767;
}

div.tree-multiselect span.section-name {
  float: right;
  font-style: italic;
}

div.tree-multiselect div.selections div.item.tussenkop,
div.tree-multiselect div.selections div.item.hoofdkop {
  /*background-color:#063a52;*/
  margin-left: 2px;
  padding: 2px 2px 2px 14px;
  color: #063a52;
  height: auto;
  font-weight: 400;
  font-size: 15px;
}

div.tree-multiselect div.selections div.item.hoofdkop {
  background: #1D317D;
}

div.tree-multiselect div.selections div.item.tussenkop input[type='checkbox'],
div.tree-multiselect div.selections div.item.hoofdkop input[type='checkbox'] {
  display: none;
}

form#crosstable input[type='submit'] {
  float: left;
  margin: 8px;
}

.selections .active>.title {
  background-color: #CFEFC4;
}

.selections .title.notactive {
  background-color: #EFC4C4;
}

.item.datalink {
  position: relative;
}

.item.datalink label {
  margin-left: 23px;
}

.item.datalink .icon {
  position: absolute;
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: currentColor;
  stroke-width: 0;
  top: 4px;
  left: 11px;
}