.top_navbar{
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	/*background: #323233;*/
  background: mediumseagreen;
	box-shadow: 1px 0 2px rgba(0,0,0,0.125);
	display: flex;
	align-items: center;
}

.top_navbar .logo{
	width: 250px;
	font-size: 25px;
	font-weight: 700;
	padding: 0 25px;
	color: white;
	letter-spacing: 2px;
	/*text-transform: uppercase;*/
	border-right: 1px solid #f5f5f5;
}

.top_navbar .logo a{
	cursor: pointer;
	color: white;
  text-decoration: none;
}

.top_navbar .logo a:hover{
  /*color: #007dc3;*/
  color: white;
  text-decoration: underline;
  text-decoration-color: white;
  text-underline-offset: 7px;
}

.top_navbar .menu{
	width: calc(100% - 250px);
	padding: 0 25px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top_navbar .hamburger {
	font-size: 18px;
	cursor: pointer;
	color: white;
}

.top_navbar .hamburger a{
	font-size: 18px;
	cursor: pointer;
	color: white;
  text-decoration: none;
}

.top_navbar .hamburger:hover{
	/*color: #007dc3;*/
  color: whitesmoke;
}

.top_navbar .hamburger a:hover{
  /*color: #007dc3;*/
  color: white;
  text-decoration: underline;
  text-decoration-color: white;
  text-underline-offset: 7px;
}

/* Now I have determined what the sidebar will look like for a responsive device */
.hover_collapse .sidebar{
	width: 70px;
}

.hover_collapse .sidebar ul li a .text{
	display: none;
}

.sidebar{
	position: fixed;
	top: 60px;
	left: 0;
	width: 220px;
	height: 100%;
	background: #042331;
}

.sidebar ul li a{
	display: block;
	padding: 16px 25px;
	border-bottom: 1px solid #03374e;
	color: #0e94d4;

}

.sidebar ul li a .icon{
	font-size: 18px;
  color: white;
	vertical-align: middle;

}

.sidebar ul li a .text{
	margin-left: 19px;
	color: #fff;
  font-family: sans-serif;
  font-size: 18px;
	letter-spacing: 2px;
}

.sidebar ul li a:hover{
	background: #0e94d4;
	color: #fff;
}

.click_collapse .sidebar{

}