.-responsive-side-active #documenter_content{
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 100px;
}
.-responsive-side-active #documenter_sidebar{
	top: 0;
	left: 0;
	right: 0;
	width: auto;
}
.-responsive-side-active .brand{
	background: #f9f9f9;
}
.-responsive-side-active .logo{
	fill: #393939;
	max-width: 140px;
}
.sidebar__btn-toggle{
	display: none;
	color: #757575;
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 1;
	cursor: pointer;
}
.sidebar__btn-toggle.icon-menu:before {
    font-size: 2rem;
}
.sidebar__btn-toggle.active,.info-doc_toggle.active{
	color: #47a4e7;
}
.-responsive-side-active .sidebar__btn-toggle,.-responsive-side-active .info-doc_toggle{
	display: block;
}
.info-doc_toggle{
	position: absolute;
	right: 20px;
	top: 28px;
	cursor: pointer;
	display: none;
}
.info-doc_toggle.icon-user:before {
    font-size: 2.6em;
}
.-responsive-side-active .nav-collapse{
	position: absolute; z-index: 1;
	top: 90px;
	left: 0;
	right: 0;
	width: 100%;
	height: calc(100% - 90px);
	background: #383838;
	-webkit-transform: translateX(0);
	-webkit-transition: transform .5s;
	transition: transform .5s;
	overflow-y:auto;
}
.-hidden-side .nav-collapse{
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
.-responsive-side-active #documenter_sidebar{
	background: none;
	overflow: visible;
}
/* .-responsive-side-active #documenter_sidebar .container,
.-responsive-side-active #documenter_sidebar{
	height: 100%;
	-webkit-transition: height .4s;
	transition: height .4s;
} */
.-hidden-side #documenter_sidebar .container,
.-hidden-side #documenter_sidebar{
	height: 90px;
}
.-hidden-side #documenter_sidebar{
	border-bottom: 1px solid #ececec;
}
.-responsive-side-active .masthead {
	padding-left: 15px;
	position: fixed;
	top: 91px;
	left: 0;
	right: 0;
	display: none;
	height: auto;
}
.documenter-project-theme-doc:not(.-responsive-side-active) .masthead {
	display: table !important;
}
.-responsive-side-active .masthead ul{
	width: 100%;
	display: block;
	text-align: left;
}