/* Fix MDB */
:root {
	--mdb-primary: #e31134;
	--mdb-secondary: #3E4847;
	--mdb-body-bg: 249, 249, 249;
}

.accordion-button {
	padding: 0%;
}


@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1140px;
	}
}

/* Fix things for dark mode */
@media screen and (prefers-color-scheme: dark) {
	:root {
		--mdb-body-color-rgb: 255, 255, 255;
		--mdb-body-bg-rgb: 48, 48, 48;
		--mdb-body-color: #fff;
		--mdb-body-bg: #303030;
	}

	.table {
		--mdb-table-hover-color: var(--mdb-gray-300);
	}



	.list-group-item-action:active,
	.list-group-item-action:focus,
	.list-group-item-action:hover {
		color: var(--mdb-body-color);
		background: hsla(0, 0%, 0%, .3);
	}

	.dropdown-divider {
		border-color: var(--mdb-gray-700);
	}
}

/* Body env padding */
body {
	padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
}


/* Make table and nav bar scrollable instaed of wrap or overflow */
.table-wrapper {
	overflow-x: scroll;
}

.table-wrapper table {
	/* width: 100%; */
	white-space: nowrap;
}

.table-wrapper th,
.table-wrapper td {
	text-align: left;
	padding: 8px;
}

/* Make table scrollable */
.nav {
	overflow-x: scroll;
	flex-wrap: nowrap;
}

.nav-link {
	white-space: nowrap;
}

.nav-tabs .nav-item {
	min-height: 48px;
}



/* Fix Material icon alignment */
.material-icons {
	vertical-align: middle;
	padding-bottom: 1.5px;
}


/* Absolute center */
.acenter {
	display: grid;
	place-items: center;
	min-height: 100%;
}

/* Global logo style */
.logo {
	padding: .125em;
	border-radius: .3em;
	background-color: var(--mdb-light);
}