#content-container {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}

#content-container > div {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}

#_pages_content {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}

.page-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex: 1 0 auto;
}

#left-panel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: blanchedalmond;
		width: 20%;
}

.main-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
		width: 80%;
}

.plots-container { 
	height: 100%;
	display: flex;
	justify-content: space-evenly;
}

.plots-container > .dash-graph {
	width: 33%;
	aspect-ratio: 1 / 1;
}

.bottom-container {
	display: flex;
	justify-content: space-between;
}

.fix-y-axis-toggle-container {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	padding-top: 1rem;
}

.fix-y-axis-toggle {
	display: flex;
	align-items: center;
	gap: 0.2rem;
}