/* CSS for the sidebar menu */


.sidebar {
	height: calc(100% - 80px);
	width: 0px;
	position: fixed;
	z-index: 1;
	top: 80px;
	left: 0;
	padding: 0px;
	transition: 0.5s;
	overflow-x: hidden;
}


.sidebarcont {
	height: 100%;
	width: 250px;
	z-index: 1;
	overflow-x: hidden;
	padding: 20px;
	background-color: rgba(186,12,47,1);
}


.sidebarcont .list-group .sidebar-heading {
	padding: 0.875rem 1.25rem;
	font-weight: bold;
	color: #fff;
	background-color: #4a4a49 !important;
	border-color: #4a4a49 !important;
	border: 0px solid #4a4a49;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	z-index: 2;
}	

.sidebarcont .list-group .list-group-item {
	color: #ba0c2f !important;
	z-index: 1;
	border: 0px solid transparent;
}

.sidebarcont .list-group .list-group-item:hover {
	color: #fff !important;
	background-color: #4a4a49 !important;
	border-color: #4a4a49 !important;
}

.sidebarcont .list-group-flush {
	margin-bottom: 20px;
}


@media screen and (max-width: 575px)
{
	.sidebar {
		top: 50px;
	}
}