.sidebar-div {
	position: relative;
}

.sidebar-icon {
	position: absolute;
	margin-top: 10%;
	width: 1.8rem;
	align-items: center;
	padding: 0;
	text-align: center;
	border: 1px solid #FFF;
  background-color: rgba(16,39,112,.8);
	font-size: 25px;
	border-radius: 0 30% 30% 0;
	height: auto;
	margin-left: 0;
	z-index: 2;
}
.sidebar-icon:hover{  
  background-color: #102770;
  color: #ffd700;
  box-shadow: 0 4px 16px 0 rgba(255,235,167,.2);
}
.sidebar-icon:active,
.sidebar-icon:focus{
	background-color: #102770;
  color: #ffd700;
  box-shadow: 0 4px 16px 0 rgba(16,39,112,.2);
}

.sidebar {
	position: absolute;
	background-color: #222;
	min-height: 100vh;
	width: 0rem;
	text-align: center;
	border-radius: 10px;
	overflow-x: hidden;
	transition: .5s ease;
	overflow: scroll;
	z-index: 1;
}

.sidebar-width {
	width: 22rem;
	max-width: 80vw;
}

.sub-menu {
	height: 0;
	transition: .5s ease;
	overflow-x: hidden;
	list-style: none;
	padding-left: 0;
}

li.sub-li {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	border-bottom: .5px solid #444;
}

li.sb-li {
	list-style: none;
	font-family: 'Montserrat', sans-serif;
	padding: .7rem 0;
	width: 100%;
	color: white;
	background-color: #222;
	border-bottom: 1px solid #444;
}

li.sb-li:hover {
}