#side {
	background-color: #1b1e24;
	width: 15%;
	height: 100%;
	position: fixed;
	min-height: 100%;
	top:0;
	overflow-y: scroll;
	z-index: 1;
	overflow-x: hidden;
	

	/*#373737   #1b1e24*/
}

.ava {
	width: 100%;
	margin: 0 auto;
	margin-top: 51px;
	background-color: #1b1e24;
	padding-bottom: 10px;
	padding-top: 20px;
}

.ava img {
	border: 3px solid #fff;
	margin: 0 20%;
}

.name_ava {
	color: #fff;
	width: 98%;
	margin: 0 20%;
	font-size: 18px;
}

.date_ava {
	text-align: center;
	font-size: 12px;
	color: #AEAEAE;
}

.nav-side {
	list-style-type: none;
	padding-right: 0px;
	margin-left: 0px;
}

.nav-side li {
	position: relative;
	display: block;	
}

.nav-side li a {
	color: #fff;
	padding-top: 14.5px;
	padding-bottom: 14.5px;
	width: 100%;
	position: relative;
	display: block;
	padding: 10px 15px;
	line-height: 21px;
	float: right;
	border-top: 1px solid #2c2c2c;
	font-weight: 100;
}

.nav-side li a:hover, a:active {
	text-decoration: none;
	background-color: #2c2c2c;
}

.nav-side .active {
	background-color : #cb4040;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}