body {
	/* background-color: #212327; */
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

body .gray {
	background-color: var(--bs-gray-dark) !important;
}

nav .gray {
	background-color: var(--bs-gray-dark);
}

.breadcrumb-item {
	cursor: pointer;
}

.active {
	cursor: auto;
}

.breadcrumb .breadcrumb-item a {
	color: white;
	text-decoration: none;
}

.warning #chartdiv {
	max-width: 980px;
	height: 70vh;
	padding-top: 0px;
	padding-bottom: 50px;
}

.flexbox {
	display: flex;
}

.flexbox #chartdiv {
	flex: 1;
	height: 80vh;
	float: left;
	padding-top: 0px;
	padding-bottom: 50px;
}

.flexbox #chartdivinfo {
	flex: 1;
	height: 70vh;
	float: left;
	padding-top: 0px;
	padding-bottom: 50px;
}

#info {
	flex: 0 0 500px;
	height: 70vh;
	float: left;
	border-left: 1px solid #eee;
	box-sizing: border-box;
	overflow: auto;
	padding-top: 0px;
	padding-bottom: 50px;
}

.footer_fixed {
	/* position: fixed; */
	padding-left: var(--bs-gutter-x, .75rem);
	bottom: 0;
	width: 100%;
}