:root {
	--c-white: #fff;
	--c-grey: #9e9e9e;
	--c-grey-800: #424242;
	--c-black: #000;
	--c-indigo: #3f51b5;
	--c-orange: #ff9800;
}

/* ===================================================== Every Layout Settings #
*/
:root {
	--elg-stack-space: 1.5rem;

	--elg-box-color-bg: #fff;
	--elg-box-color-fg: #000;
	--elg-box-padding: 1rem;
	--elg-box-border: 0.125rem;

	--elg-center-width: 60ch;
	--elg-center-gutter: 1rem;

	--elg-cluster-space: 1rem;
	--elg-cluster-justify: flex-start;
	--elg-cluster-align: center;

	--elg-sidebar-gutter: 1rem;
	--elg-sidebar-main-width: 50%;
	--elg-sidebar-aside-width: auto;

	--elg-switcher-threshold: 30ch;
	--elg-switcher-gap: 1rem;

	--elg-grid-min: 250px;
	--elg-grid-gap: 1rem;

	--elg-frame-n: 9;
	--elg-frame-d: 16;
	--elg-frame-fit: cover;

	--elg-reel-scroll-thumb: auto;
	--elg-reel-scroll-track: auto;
	--elg-reel-space: 1rem;

	--elg-imposter-positioning: absolute;
	--elg-imposter-margin: 0px;

	--elg-icon-space: 1rem;
}

/* =============================================================== Button Menu #
*/
.buttonMenu-item {
	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: stretch;
	padding: 0;
}
.buttonMenu-item > a {
	flex: 1 1 auto;

	display: flex;
	flex-flow: row nowrap;
	justify-content: start;
	align-items: center;
	padding: 0 16px;
}

/* ================================================================ Navigation #
*/

/* Drawer */
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
	color: var(--c-white);
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
	color: var(--c-grey-800);
}

.mdl-navigation__link > .material-icons {
	margin-inline-end: 0.5em;
}

/* ============================================================== Index Tables #
*/
.tableCell {
	padding: 1em;
	align-items: flex-start;
}

/* ===================================================================== Pager #
*/
.pager-list {
	--el-cluster-space: 0.5rem;
	list-style: none;
	padding: 0;
}

/* ====================================================================== Misc #
*/
.mdl-cell {
	padding: 0.5em;
}