*
{
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-style: normal;
}

svg text
{
	font-family: "Roboto Mono", monospace;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 10pt
}

html
{
	height: -webkit-fill-available;
}

body
{
	min-height: 100vh;
	min-height: -webkit-fill-available;
}

ul
{
	list-style-position: inside;
	list-style-type: none;
	padding-left: 0;
}

ul.list-inner
{
	border-left: 1px dotted black;
	margin-left: 1rem;
	padding-left: 1rem;
}

.b-example-divider
{
	width: 100%;
	height: 3rem;
	background-color: rgba(0, 0, 0, .1);
	border: solid rgba(0, 0, 0, .15);
	border-width: 1px 0;
	box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
	flex-shrink: 0;
	width: 1.5rem;
	height: 100vh;
}

aside
{
	height: 100vh;
	height: -webkit-fill-available;
	max-height: 100vh;
	overflow-x: auto;
	overflow-y: hidden;
}

.svg-pos-self-bg
{
	fill: none;
	stroke: #000000;
}

.svg-org-self-bg
{
	fill: #ccddcc;
	stroke: none;
}

.svg-org-parent-bg
{
	fill: #ddcccc;
	stroke: none;
}

.svg-org-child-bg
{
	fill: #ccccdd;
	stroke: none;
}

.svg-org-sibling-bg
{
	fill: #cccccc;
	stroke: none;
}

.svg-no-decoration
{
	text-decoration: none;
}

#network
{
	background-color: #ffffff;
	border: none;
	position: relative;
	float: left;
}