#slider-panel{
	position: fixed;
    top: 0px;
    height: 100%;
    background: #163314;
    border:2px solid #CCCC00;
    left: -100%;
    overflow-y: auto;
    padding: 10px;
    z-index: 999;
}

#slider-panel .hr{
	height: 2px;
    margin: 10px 0 0 0;
    background-color: #226521;
    width: 100%;
    border-radius: 50%;
}

#slider-panel li a{
	color:#CCFFCC;text-decoration:none;
}
#slider-panel a:hover{
	color:#30F2A2;text-decoration:none;
}
#slider-panel .avatar{
	width: 120px;
	margin: auto;
	display: block;
}


#slider-open-panel{
	height: 40px;
	background-color: #286440;
	margin: 0;
	padding: 0;
	position: fixed;
	width: 100%;
	left: 0px;
	z-index: 999;
}
#slider-open-panel button{

	margin: 0;
	/*border: none;*/
	border:2px solid #CCCC00;
	background-color: #A751ED;
	height: 40px;
	color: black;
	width: 40px;
	transform: rotateZ(90deg);
	position: absolute;
	cursor: pointer;
}

#sldrdiv{
	height: 40px;
}