.sidebar
{
	display: flex;
	flex-direction: column;

	position: fixed;
	top: 0;
	left: 0;

	width: 4em;
	min-width: 4em;
	height: 100%;

	overflow: auto;
	overflow-y: hidden;
	z-index: 2;

	background-color: #1A1A1A;
}

.sidebar > div
{
	width: 3.2em;
	height: 3.2em;

	margin: 0.4em;
	margin-top: 0.8em;

	border-radius: 100%;

	cursor: pointer;
}

.sidebar > div > div
{
	width: 3.2em;
	height: 3.2em;

	/*transform: translate(-0.028em, -0.028em);*/

	/*border-radius: 100%;*/

	/* background-image: url(/res/Bicon.png); */
	background-position: center;
	background-size: 78%;
	background-repeat: no-repeat;

	background-color: #1A1A1A;

	transition: 0.15s;
}

.sidebar > div > div:hover
{
	background-color: #1a1a1a59;
}

.sidebar .active > div
{
	background-color: transparent;
}

.dummy-sidebar
{
	width: 4em;
	min-width: 4em;
	height: 100%;
}

.flex-end
{
	margin-top: auto !important;
}

.login-button
{
	background-color: #1f301f;
}

.login-button > div
{
	background-image: url(/res/icons/bIDIcon.png);
}