body {
	color: #170102 !important;
}

/* @group Content */

.off-canvas {
	position: fixed !important;
}

.off-canvas .off-canvas-toggle {
	font-size: 1rem;
	left: 1.5rem;
	position: fixed;
	top: 1rem;
}

.off-canvas .off-canvas-content {
	padding: 0;
}

.container {
	min-height: 100vh;
}

.content {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 0;
	width: calc(100vw - 12rem);
}

.btn-jauge {
	background: MEDIUMORCHID !important;
	color: #fff !important;
	border: 1px solid MEDIUMORCHID !important;
}

/* @end */

/* @group Navbar */

.navbar {
	height: 2.5rem;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 100;
}

.navbar .btns {
	position: absolute;
	right: 1.5rem;
	top: 1rem;
	width: 14rem;
}

/* @end */

/* @group Sidebar */

.sidebar .docs-nav {
	bottom: 1.5rem;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	padding: .5rem 1.5rem;
	position: fixed;
	top: 3.5rem;
	width: 13rem;
}

.off-canvas .off-canvas-sidebar {
	width: 18rem;
	font-size: .7rem;
}

.sidebar .accordion .menu .menu-item > a.selected {
	background: 0 0;
	color: #c10510;
	background: #fbdadc;
	border-radius: .1rem;
}

.sidebar .accordion .menu .menu-item > a {
	color: #220103;
	border-radius: .1rem;
}

.sidebar .accordion .menu .menu-item > a:hover {
	color: #d80612;
	background: #fce6e7;
}

.accordion input:checked ~ .accordion-body, .accordion[open] .accordion-body {
	max-height: 150rem !important;
}

.sidebar .small {
	font-size: .5rem !important;
	padding: 0 3rem 0 1.5rem !important;
	text-align: justify;
}

/* @end */

.btn.btn-primary {
	font-size: .7rem !important;
	color: #fff;
}

.btn.btn-primary:focus, .btn.btn-primary:hover {
	color: #fff;
}

@media (max-width: 375px) {
	.navbar {
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
		background: rgba(247, 248, 249, 0.65);
		left: 0;
		z-index: 1;
	}
	
	.off-canvas .off-canvas-toggle {
		z-index: 10 !important;
	}
	
	.off-canvas .off-canvas-sidebar {
		width: 100vw;
		margin-top: 2.5rem;
	}
	
	.btn.btn-primary {
		font-size: .6rem !important;
	}
}