@media(min-width:769px){
	.vertical-nav {
		min-width: 200px;
		width: 200px;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
		align-items: flex-start !important;
	}

	.home-container {
		margin-top: 120px;
		margin-bottom: 120px;
	}

	.home-logo {
		margin: 30px 30px 16px 30px;
		width: 140px;
		height: auto;
	}

	.page-content {
		margin-top: 40px;
	}
}

@media(max-width:768px){
	.vertical-nav {
		margin: 0;
		padding: 8px;
	}

	.navbar-collapse {
		position:fixed;
		left: 0;
		padding: 15px;
		width:300px;
		top:56px;
		height:100%;
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
		background-color: white;
		z-index: 1000;
	}
	.nav-link {
		color: black;
		font-size: 1.1rem;
	}
	.navbar-collapse.collapsing {
		/* height: auto; */
		-webkit-transition: left 0.3s ease;
		-o-transition: left 0.3s ease;
		-moz-transition: left 0.3s ease;
		transition: left 0.3s ease;
		left: -100%;
	}
	.navbar-collapse.show {
		left: 0;
		-webkit-transition: left 0.3s ease-in;
		-o-transition: left 0.3s ease-in;
		-moz-transition: left 0.3s ease-in;
		transition: left 0.3s ease-in;
	}

	.home-logo {
		width: auto;
		height: 40px;
	}

	.page-content {
		margin-top: 80px;
	}

	h1 {
		font-size: 22px;
	}
}			
.btn-secondary {
	background-color: #EFEFEF;
	border-color: #E0E0E0;
	color: black;
}

.btn-secondary:hover {
	background-color: #E0E0E0;
	border-color: #E0E0E0;
	color: black;
}

.btn-default {
	background-color: #EFEFEF;
	border-color: #E0E0E0;
	color: black;
}

.btn-default:hover {
	background-color: #E0E0E0;
	border-color: #E0E0E0;
	color: black;
}

.medium-form {
	max-width: 1000px;
}

.small-form {
	max-width: 600px;
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	padding: 20px;
	margin-top: 20px;
	border-radius: 4px;
}

.company {
	position: fixed;
	right: 8px;
	top: 8px;
	font-weight: bold;
}

.clickable {
	cursor: pointer;
}

.clickable:hover {
	background-color: #E0E0E0;
}
h1 {
	font-size: 28px;
	color: #1700b4;
}

.checkbox {
	color: green;
	width: 30px;
	height: 100%;
	float: inline-start;
	font-weight: bold;
	font-size: 18pt;
}

.table-header {
	font-weight: bold;
}
.card-header {
	font-weight: bold;
	font-size: 15pt;
}
.card-body {
	font-size: 15pt;
}
.grant-total {
	border-top: 2px solid black;
}

#bdSidebar {
	background-color: #F4F4F4 !important;
	border-right: 1px solid #ccc;
	max-width: 260px;
}

.top-bar {
	background-color: #228ad1 !important;
	color: white;
}