body {
  overflow-x: hidden !important;    
}

/* left col menu */
#left_col {
	display: block;
	position: fixed;
	background-color: #374650;
	width: 200px;
	height: 100%;	
	top: 0;
	left: 0;
	z-index: 9999;
	box-shadow: 3px 0px 2px rgba(0,0,0,.25);
	-web-kit-box-shadow: 3px 0px 2px rgba(0,0,0,.25);
}
ul.vertical_menu  {	
	display: block;
	width: 100%;
	list-style-type: none;
	text-align: right;
	padding: 0;
	margin-top: 40px;
}
a.menu_item  {
	display: block;
	padding: 15px;
	text-decoration: none;	
	margin-top: 3px;
	background-color: #374650;	
}

a#m1 {
	border-left: 6px solid #398d3e;
}

a#m3 {
	border-left: 6px solid #59acee;
}

a#m2 {
	border-left: 6px solid #ef6c01;	
}


.menu_item li {	
	color: #fff;
	font-family: 'Roboto Mono', Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
	text-transform: uppercase;
}	

/* page content */
#page_content {
	display: flex;
	position: absolute;
	top: 0;
	left: 200px;
	height: 100%;
    overflow: hidden; 
	/*background-color: rgba(0,0,0,0.2);*/
}

#page_content .content_bar {
	display: inline-block;
	float: left;	
	margin: 20px 0 20px 20px;
	width: calc(90vw - 200px);
	height: -webkit-calc(100% - 55px);
	height: -o-calc(100% - 55px);
	height: calc(100% - 55px);	
	overflow:scroll;	
    overflow-x: hidden !important;
	padding: 10px;	
}

.content_bar::-webkit-scrollbar {
    width: 3px;		
}
.content_bar::-webkit-scrollbar-track {
    background-color:#cecece; 		
}
.content_bar::-webkit-scrollbar-thumb {    
    background-color:#59acee;	
}