.sticky-wrapper {
	flex: 1 0 auto;
}
.side-menu-container {
	display: flex;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.side-menu-container.stuck {
	position: fixed;
	top: 138px;
	max-width: 27%;
	opacity: 1;
	z-index: auto;
	transition: opacity 0.3s ease;
}
#side-menu-list {
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex: 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0;
	padding: 0;
	z-index: 1;
	border-left: solid 1px #ffc107;
}

#side-menu-list .nav-link {
	color: #003366;
	padding: 0.7rem 1rem;
	border: 1px solid transparent;
	width: 100%;
}
#side-menu-list .nav-link:hover {
	border: 1px solid #ffc107;
}
#side-menu-list:focus {
	border: 1px solid transparent;
}
#side-menu-list .nav-link:focus {
	border: 1px dashed crimson;
	color: crimson !important;
	outline: none;
}
.navbar-brand {
	color: #003366;
	padding: 1rem 0 1rem 1rem;
	width: calc(100% - 82px);
}

.navbar-toggler {
	margin-right: 5px;
}

body.mobile side-menu-container.stuck {
	position: relative;
}

.side-menu-container.stuck.override-stuck {
	opacity: 0;
	z-index: -1;
}

#AllMaterials {
	z-index: 999;
}

.navbar-toggler::before {
	content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNiAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMwMDMzNjY7fQ0KPC9zdHlsZT4NCjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyLjQiLz4NCjxyZWN0IHk9IjguOCIgY2xhc3M9InN0MCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjIuNCIvPg0KPHJlY3QgeT0iMTcuNyIgY2xhc3M9InN0MCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjIuNCIvPg0KPC9zdmc+");
	color: blue;
	width: 30px;
	display: block;
}
#blue-header .navbar-toggler::before {
	content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNiAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjYgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjIuNCIvPgo8cmVjdCB5PSI4LjgiIGNsYXNzPSJzdDAiIHdpZHRoPSIyNiIgaGVpZ2h0PSIyLjQiLz4KPHJlY3QgeT0iMTcuNyIgY2xhc3M9InN0MCIgd2lkdGg9IjI2IiBoZWlnaHQ9IjIuNCIvPgo8L3N2Zz4K");
	color: #fff;
	width: 30px;
	display: block;
}