.selnav {
    height: 250px;
    overflow: auto;
}

.selnav img {  /*pie chart icons*/
    width: 1em;
    height: 1em;
    display: none;
    /*position is to the left of the checkbox*/
    position: absolute;
    left: -1.2em;
}

/*
 * CSS Tree menu styles
 * taken and adapted from https://www.thecssninja.com/css/css-tree-menu
 * */
.selnav ul {
    padding-left: 1em;
}

.selnav li {
	position: relative;
	list-style: none;
}

.selnav li.comp {
	margin-left: -1px !important;
}

.selnav li > label + input {
	position: absolute;
	left: 0;
	margin-left: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer;
	height: 1em;
	width: 1em;
	top: 0;
}

.selnav li input + ul {
	background: url(../img/toggle-small-expand.png) 42px -3px no-repeat;
	margin: -0.938em 0 0 -44px; /* 15px */
	height: 1em;
}

.selnav li input + ul > li { display: none; margin-left: -14px !important; padding-left: 1px; }

.selnav li label {
    white-space: nowrap;
    cursor: pointer;
    padding-left: 15px;
}

.selnav li label > span {
    font-size: x-small;
}

.selnav li input:checked + ul {
	background: url(../img/toggle-small.png) 42px 2px no-repeat;
	margin: -1.25em 0 0 -44px; /* 20px */
	padding: 1.563em 0 0 80px;
	height: auto;
}

.selnav li input:checked + ul > li { display: block; margin: 0 0 0.125em;  /* 2px */}
.selnav li input:checked + ul > li:last-child { margin: 0 0 0.063em; /* 1px */ }

/*
 * ************************************************************
 * */

.selnav .dataset {
    font-weight: bold;
}

.selnav span {
    white-space: nowrap;  /* keep text in <span>s on one line */
}

.customlist {
    display: none;
}

.flabel {
    position: relative;
    left: 15px;
    display: inline-block !important;  /* overrides block from above, prevents element and border from spanning its whole parent */
    padding-left: .5em !important;
    padding-right: .5em;
    color: #1f0938 !important;
    background-color: #e9d7ff;
}

div.bordered {
    padding-top: .5em;
}

/* give select wrapper margins to prevent select boxes from touching the edges of their div parents */
.select2wrapper {
    margin: .5em .4em .2em .4em !important;
}

/* limit height of selector for marked nodes */
[id^=selmarked_] + span .select2-selection--multiple {
    max-height: 440px;
    overflow-y: auto;
}

/* hide unselect button in the top right corner */
[id^=unselectcomps_] {
    position: absolute;
    top: .6em;
    right: 1.5em;
    display: none;
    opacity: .3;
    z-index: 5;
}

/* hide fit and snapshot buttons in the lower left and right corners, resp. */
[id^=cyfit_], [id^=snapshot_] {
    position: absolute;
    bottom: .4em;
    opacity: .3;
    z-index: 5;
}

[id^=cyfit_] {
    left: .6em;
}

[id^=snapshot_] {
    right: .6em;
}

/* position extract button and neighborhood checkbox (via surrounding label) at the bottom */
[id^=extract_] {
    position: absolute;
    bottom: .4em;
    left: 50%;
    transform: translate(-50%, 0%);
}

.netman > label {
    white-space: nowrap;
    position: absolute;
    bottom: 3em;
    left: 50%;
    transform: translate(-50%, 0%);
}