.has-toc{
	display: flex;
}
.toc-wrapper{
	/* float:left; */
	visibility: hidden;
	max-height: 90vh;
	overflow: auto;
	z-index: 2;
	background:white;
	/* width: 25%; */
	width: 340px;
	position: absolute;
}
.toc-content{
	float:right;
	width: 100%;
	margin: 0 0 0 auto;
	/* max-width: 90%; */
	padding-left: 340px;
}
.toc-wrapper ul{
	padding: 0;
}
.toc-wrapper.fixed{
	position: fixed;
}
.toc-wrapper.bottom{
	position: absolute;
	z-index: 0;
}
/*.toc-wrapper ul ul{
	padding-left: 15px;
}*/

.toc-wrapper > ul > li > .toc-menu-title{
	color:black;
	font-weight: bold;
	display: flex;
}
.toc-wrapper ul ul .toc-menu-title{
	color: #03a9f4;
	/* display:block; */
	display: flex;
}
.toc-menu-title{
	display:block;
	padding: 15px;
	cursor: pointer;
	border-radius: 3px;
}
.toc-wrapper li.no-children.highlight > .toc-menu-title,
.toc-wrapper li.no-children .toc-menu-title:hover,
.toc-wrapper li li.highlight > .toc-menu-title{
	background-color: #03a9f4;
}
.toc-wrapper li.no-children .toc-menu-title.active,
.toc-wrapper li.no-children .toc-menu-title.active:before,
.toc-wrapper li .toc-menu-title:hover,
.toc-wrapper li .toc-menu-title:hover:before,
.toc-wrapper li li .toc-menu-title.active,
.toc-wrapper li li .toc-menu-title.active:before{
	color:white;
}
.toc-wrapper li.has-children ul .toc-menu-title{
	padding-left: 25px;
}
.toc-wrapper li.has-children > .toc-menu-title:hover{
	background-color: #222;
}

.toc-wrapper >ul li{
	list-style: none;
}
.toc-wrapper .toc-menu-title:before{
	width:15px;
	float: left;
	content: " ";
	white-space: pre;
	min-width: 15px;
}
.toc-wrapper li.has-children ul .toc-menu-title span,
.toc-wrapper .main-list > li > .toc-menu-title span{
	/* white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}
.toc-wrapper .main-list > li.has-children > .toc-menu-title:before{
	content: "\25B8";
}
.toc-wrapper .main-list > li.has-children.open > .toc-menu-title:before{
	content: "\25BE";
}
.toc-wrapper .main-list > li{
	counter-increment: toc-main;
}
.toc-wrapper .main-list > li > ul{
	counter-reset: toc-branch;
}
.toc-wrapper .main-list > li > ul > li{
	counter-increment: toc-branch;
}
.toc-wrapper .main-list > li > ul > li > ul{
	counter-reset: toc-leaf;
}
.toc-wrapper .main-list > li > ul > li > ul > li{
	counter-increment: toc-leaf;
}

.toc-wrapper .main-list > li > .toc-menu-title:after{
	content: counter(toc-main);
}
.toc-wrapper .main-list > li > ul > li > .toc-menu-title:after{
	content: counter(toc-main) "." counter(toc-branch)
}
.toc-wrapper .main-list > li > ul > li > ul > li > .toc-menu-title:after{
	content: counter(toc-main) "." counter(toc-branch) "." counter(toc-leaf)
}

.toc-menu-title:after{
	/* float: right; */
	align-self: flex-end;
	display: block;
}
[data-glossary-link]{
	display:none;
}
@media (max-width: 767px) {
	.has-toc{
		display: block;
	}
	.toc-wrapper{
		/* float:left; */
		/* visibility: hidden; */
		max-height: none;
		overflow: auto;
		/* z-index: 2; */
		/* background:white; */
		/* width: 25%; */
		width: initial;
		position: relative;
	}
	.toc-wrapper.fixed{
		position: relative !important;
	}
	.toc-content{
		float: none;
		width: 100%;
		margin: 0;
		/* max-width: 90%; */
		padding-left: 0;
	}
}