@media(min-width:767px) {
	/* Page layout spacing */
	.navbar {
		display:flex;
		overflow-y:hidden;
		min-height:100%;
		height:100%;
		width:230px;
		padding:0px;
		margin:0px;
	}
	main {
		overflow-y:scroll;
		display:flex;
		flex-direction: column;
		flex:1 1 0px;
	}
	.title-space {
		padding:6px 0px 6px 6px;
		height:50px
	}
	.spaced-page {
		margin:20px 20px 0px 20px;
	}

	/* Navbar layout spacing */
	.navbar-brand {
		text-align:center;
		font-size:20px;
		font-weight:bold;
		padding:10px 0px 5px 15px;
		margin:0px 0px 7px 0px;
		width:100%;
	}
	.navbar, .navbar > .container {
		flex-direction: column;
		align-items:start;
		padding:0px;
	}
	.accordion {
		width:100%;
	}
	.navbar-collapse {
		flex-direction: column;
		width:100%;
	}
	.nav {
		flex-direction: column !important;
		width:100%;
	}
	.nav-item {
		font-size:16px;
		width:100%;
	}
	.list-group-item {
		padding:0px;
	}
	.list-group-item > a {
		display:block;
		width:100%;
		padding:8px 16px 8px 16px;
	}
	.nav-item > form {
		width:100%;
	}
	.nav-item > form > button {
		width:100%;
	}
	.nav-hr {
		margin:8px 0px 8px 0px;
		width:100%;
	}


	/* Navbar Style */
	.accordion, .accordion-button, .accordion-item, .accordion-header, .list-group {
		border-radius: 0px !important;
		border:0px;
	}
	.accordion-button {
		padding:12px;
		border-bottom:1px solid;
	}
	.nav-link {
		padding:12px !important;
	}
	.accordion-button, .accordion-item {
		background-color: rgba(0,0,0,0);
	}
	.accordion-button {
		box-shadow:none !important;
	}
	.collapsing {
		transition: height 0.2s ease;
	}
	.accordion-button::after {
		font-family: 'FontAwesome';
		font-size:18px;
		content: "\f078";
		background-image:none;
	}
	.nav-icon {
		width:25px;
		margin:0px 4px 0px 8px;
	}
	#location-reminder {
		padding:4px 0px 6px 0px;
		font-weight:bold;
		text-align:center;
	}
	.selected-collapse-item {
		background-color:#3AF !important;
		color:#FFF !important;
	}
	.list-group-item > a:hover {
		background-color: #DEF;
	}
	.nav-footer {
		display: block;
		text-align:center;
		position:absolute;
		bottom:0px;
	}
	.nav-footer > .nav-item > .nav-link > form  > button {
		width:100%;
		text-align:center;
	}

}
/* Additional Information Box */
#additional-info {
	position:fixed;
	transition: all 0.5s;
	width:320px;
	bottom:0px;
	right:0px;
	background: linear-gradient(180deg, rgb(255,255,255,1) 50%,  rgb(200,200,200,1) 100% );

	height:220px;
	border:1px solid grey;
}
#additional-info.hidden-info {
	height:0px;
	border:0px;
	overflow:hidden;
}
#info-box {
	margin:10px 10px 0px 10px;
}