body.editor {
  background-image: url('img/background.png');
  background-size: cover;
}

.split {
  display: flex;
  flex-direction: row;
}

.gutter {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
}

.gutter.gutter-horizontal {
  /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg=='); */
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAuSURBVChTY/zPkPefAQT+T2RkYMwHs5nAAmiA8f9/iEJkgEPlqJmjZuI2k4EBABB/QHmmSdCvAAAAAElFTkSuQmCC');
  cursor: col-resize;
}

.gutter.gutter-vertical {
  /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII='); */
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFCAYAAABSIVz6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAsSURBVChTY/zPkPefAQg8Cu4xgugdE5TowmcCEQMBGN0LfKBM+oKRFtQMDAA/CT3jdeC7FgAAAABJRU5ErkJggg==');
  cursor: row-resize;
}


.fa-long-arrow-alt-up::before {
  content: "";
}

#group-select-style {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  z-index: 100;
}




.LayerControl {
  float: left;
  margin: 0.5em;
  position: relative;
  max-height: 80%;
}

.dorp_wijk:before {
  content: url('img/dorp_wijk.svg') !important;
}

.cbs_buurten:before {
  content: url('img/cbs_buurten.svg') !important;
}

.sunburst.indicator:before {
  content: url('img/indicator_small.svg') !important;
}

.sunburst.categorie:before {
  content: url('img/categorie_small.svg') !important;
}

.SunBurstControl {
  float: right;
  margin: 0.5em;
  position: relative;
  max-height: 80%;
}

.TooltipControl {
  margin: 0em;
  position: absolute;
}





.ui.active.button.monitorkeuze.active {
  border: solid 2px blue;
  background: transparent;
}


.ui.active.button.monitorkeuze {
  border: solid 2px white;
}

.jstree-default .jstree-clicked {
  background: gold !important;
  /* border-radius: 2px;
  box-shadow: inset 0 0 1px #999999; */
}




/* JQUERY UI DIALOG */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0em;
  outline: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-radius: 0px !important;
}

.ui-widget-header {
  /* border: 1px solid #333333; */
  /* background: #333333 url("images/ui-bg_gloss-wave_25_333333_500x100.png") 50% 50% repeat-x; */
  /* color: #ffffff; */
  font-weight: normal;
  background: silver;
  color: black;
  background: white !important;
  border-bottom: solid 1px black;
  /* margin: -2px !important; */
}

.ui-widget-content {
  border: 1px solid #666666;
  background: rgb(255, 255, 255, 0.6) !important;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.2em 1em;
  position: relative;
  font-family: Roboto, arial;


}

.ui-widget.ui-widget-content {
  border: 1px solid black !important;
  border-radius: 5px !important;
  overflow: hidden !important;
}