html {
	/* make the scrollbar always visible and only active when needed */
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

a {
	text-decoration: none;
}

body {
	background-color: #f9fafa;
	/* to make the container go all the way to the bottom of the topbar */
	padding-top: 5rem;
}

.list-group-item-danger {
	border-left:5px solid #dc3545;
}
.list-group-item-warning {
	border-left:5px solid #ffc107;
}

/* mobile navbar sidebar under lg breakpoint */
@media (max-width: 600px) {

	.container,
	.row,
	.col-12,
	.list-group {
		padding-right: 0;
		padding-left: 0;
		margin: 0;
	}


	.navbar-collapse.collapsing .navbar-nav {
		display: block;
		position: fixed;
		top: 0;
		bottom: 0;
		left: -45%;
		transition: all 0.2s ease;
		border: 1px solid red;
	}

	.navbar-collapse.show .navbar-nav {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		flex-direction: column;
		height: auto;
		width: 45%;
		transition: left 0.35s ease;
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

	}
}