#search, .org-search button.btn {
	margin-right: .25em;
}
.org-search {
	margin-bottom: 1em;
}

.tree, .tree ul, .tree li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.tree {
	/*margin: 0 0 1em;*/
	margin: auto;
	text-align: center;
}
.tree, .tree ul {
	display: table;
}
.tree ul {
	width: 100%;
}
.tree li {
	display: table-cell;
	padding: 1em 0;
	vertical-align: top;
}

/* _________ */
.tree li:before {
	outline: solid 1px #666;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.tree li:first-child:before {
	left: 50%;
}
.tree li:last-child:before {
	right: 50%;
}

/*.tree-item.tree-item-right:before {
	outline: solid 1px #666;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}*/

.tree-item {
	border: solid .1em #666;
	border-radius: .2em;
	display: inline-block;
	margin: 0 .2em 1em;
	padding: .2em .5em;
	position: relative;
	max-width: 200px;
	/* Temp */
	/*width: 200px;*/
}
.tree-item.tree-item-right {
	position: absolute;
	width: 200px;
	margin-left: 2em;
}

.tree-item.tree-root {
	/*width: 75%;
	max-width: unset;*/
	/* Temp */
	max-width: 800px;
	width: unset;
	height: unset;
}

.tree-item.tree-more {
	max-width: unset;
	width: 50px;
	height: unset;
}

.tree-item.tree-ancestor {
	width: 200px;
}

.tree-header {
	background-color: #0065A4;
	color: #FFFFFF;
	height: 75px;
	padding: .5em;
	text-transform: uppercase;
}
.tree-search-item {
	border: solid .1em #666;
	border-radius: .2em;
	display: inline-block;
	margin: 0 .2em 1em;
	padding: .2em .5em;
	position: relative;
	width: 200px;
}

/* | */
.tree ul:before,
.tree-item:before {
	outline: solid 1px #666;
	content: "";
	height: 1em;
	left: 50%;
	position: absolute;
}
.tree ul:before {
	top: -1em;
}
.tree-item:before {
	top: -1.1em;
}

/* Vertical Trees */
.tree ul.tree-vertical:before {
	/* | line leading to connect all the children to the parent */
	height: 100%;
	left: 15%;
}
.tree ul.tree-vertical li {
	display: block;
}
.tree-vertical {
	max-width: 200px;
	margin: auto !important;
}
.tree-vertical .tree-item {
	margin-left: 25%;
}
ul.tree-vertical .tree-item:before {
	height: 0;
	right: 100%;
	left: -15%;
	top: 50%;
}
ul.tree-vertical li:before, ul.tree-vertical li>ul:before {
	outline: none;
}
ul.tree-vertical li>ul {
	position: absolute;
	top: 0;
	height: 100%;
	margin: -1em 0 -2em 0;
}

ul.tree-vertical li>ul>li {
	position: absolute;
	top: 46%;
	padding: 0;
	left: 95%;
}

/* The root node doesn't connect upwards */
.tree > li {
	margin-top: 0;
}
.tree > li:before,
.tree > li:after,
.tree > li > .tree-item:before{
	outline: none;
}

@media screen and (max-width: 1000px) {
	/* Vertical Trees */
	.tree ul.tree-leaves:before {
		/* | line leading to connect all the children to the parent */
		height: 100%;
		left: 15%;
	}
	.tree ul.tree-leaves li {
		display: block;
	}
	.tree-leaves {
		max-width: 200px;
		margin: auto !important;
	}
	.tree-leaves .tree-item {
		margin-left: 25%;
	}
	ul.tree-leaves .tree-item:before {
		height: 0;
		right: 100%;
		left: -15%;
		top: 50%;
	}
	ul.tree-leaves li:before, ul.tree-leaves li>ul:before {
		outline: none;
	}
	ul.tree-leaves li>ul {
		position: absolute;
		top: 0;
		height: 100%;
		margin: -1em 0 -2em 0;
	}

	ul.tree-leaves li>ul>li {
		position: absolute;
		top: 46%;
		padding: 0;
		left: 95%;
	}
}