html, body {
	width: 100%;
	height: 100%;
	min-height: 100% !important;
}

@media (prefers-color-scheme: light) {
	body {
		background-color: rgb(255, 255, 255);
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: rgb(50, 51, 61);
	}
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}

.Centered {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-direction: column;
}

.Toolbar {
	height: 43px;
	box-shadow: var(--mud-elevation-4);
}

	.Toolbar.Light {
		background-color: #f2f2f2;
	}

	.Toolbar.Dark {
		background-color: var(--mud-palette-dark-darken);
	}

.apexcharts-tooltip {
	color: #111111;
}

.touch-scroll {
	overflow: auto; /* enables scrolling */
	-webkit-overflow-scrolling: touch; /* smooth touch scrolling */
}

.touch-scroll::-webkit-scrollbar {
	display: none; /* Chrome / Safari / Edge */
}