#sidebar {
	position: fixed;
	width:82%; height: 100vh;
	left: -79%;
	background-color: #e9e7e0; color: #211903;
	box-shadow: 0px 16px 16px #91908f;
	overflow-y: auto;
	overflow-x: visible;
	z-index: 99;
}
#sidebar .selected { background-color: #ffffff; }

#sidebarToggleBtn {
	float: right;
	width: 3%; height: 100%;
	cursor: pointer;
	border-right: 2px solid #dbdad6;
	background-color: #e5e4e0; 
	background-image: url(/images/bgs/sidebar-toggle.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	
}

#sidebarBehindBtn {
	position: fixed;
	width:8%; height: 100vh;
	left: 0; 
	cursor: pointer;
}

.sideRow {
	position: relative; display: inline-block;
	width:86%; 
	padding: 5%; 
	left: 0;
	cursor: pointer;
}

.sideProfile{
	cursor: default;
	background-color: #e9e7e0;
}
.sideProfile img{
	width: 50%;
}
.profileInfo {
	position: relative; display: inline-block; float: left;
	padding: 2% 0 2% 0px;
	font-size: 70%;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 50%;
}

.phone {
	background-image: url(/images/graphics/phone-icon.png);
}
.email {
	background-image: url(/images/graphics/email-icon.png);
}

#sidebarHintR {
	float: right;
	left: 4%;
}
#sidebarHintL {
	float: right;
	right: 0;
}
.sidebarHint{
	width:20%;
	height: auto;
	position: fixed;	
	top: 0; 
	margin: 60% 0 0 0;
	cursor: pointer;
	z-index: 100;
	display: none;
}
.sidebarHint img{
	width:100%; height: auto;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}