.userdetails {
	/*position: absolute;*/
	/* padding-top:7px; */
	margin-top: -15px;
	/* margin-left:17%; */
	background-color: #272C48;
	width: 50%;
	/* min-height:48px; */
	border-radius:37px;
	float:right;
	z-index: 9999;
}
.LogoutSection {
	min-width:22%;
	float:right
}
.employeePhoto {
	cursor:pointer;
	float:left;
	margin-top:1px;
	height: 38px;
	width: 38px;
	border-radius:100%;
	border-width:1px;
	border-color:#b8b8b8;
	border-image:initial;
	padding:0;
	margin-left:1px;
}
.userDisplayPhoto {
	border-radius:100%;
	float:left;
	height: 38px;
	width: 38px;
	background-color:#b8b8b8;
	padding:0;
	/* margin-top:-9px; */
	cursor:pointer;
	margin-left:-1px;
	padding-left:initial;
}
.dropdown {
	/* position: absolute; */
	display:inline-block;
}
.dropdown-content {
	display:none;
	position:absolute;
	width:100%;
	margin-top: 20px;
	background-color:white;
	z-index:1;
	border-radius:0 0 5px 5px;
	border-top:1px solid #d5d4d4;
	box-shadow:0 6px 8px 0 rgba(0, 0, 0, 0.2);
	padding:2px 0 7px 0;
}
.Userpanelhr {
	margin:0;
	border-top:1px solid #b3b3b3!important
}
.dropdown-content a {
	color:black;
	display:block;
	padding:7px 16px;
	border-bottom:1px solid #b3b3b3;
	background-color:#ffff
}
.userpanellastlink {
	border-radius:0 0 5px 5px;
	border-bottom:1px solid #fff!important
}
.dropdown-content a:hover, .dropdown-content a:focus {
	background-color:#01acc1;
	color:#fff;
	text-decoration:none
}
.dropdown:hover .dropdown-content, .dropdown:focus .dropdown-content {
	display:block
}
.userdetails:hover, .userdetails:focus {
	height: 42px;
	border-top-left-radius: 6px;
	border-bottom-left-radius:0;
	border-top-right-radius: 6px;
	border-bottom-right-radius:0;
}
.userdetails:hover .arrow_img_down, .userdetails:focus .arrow_img_down {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg)
}
.username {
	float:left;
	margin-left:3%;
	font-size:14px!important;
	color:#fff!important;
	max-width:60%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden!important
}
 
.role 
{
	float:left;
	font-size:12px;
	max-width:60%;
	margin-left:3%;
	margin-top:-1%;
	color:#e7e7e7;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden!important
}
.arrow_img_down 
{
	background:rgba(60, 44, 44, 0) url(../images/user_profile_logos.png) no-repeat scroll -278px -5px;
	float:right;
	height:17px;
	margin-right:21px;
	width:16px; 
	background-position:-134px -29px;
	margin-top:-13px
}
.header_icon_separator {
	width:1px;
	background-color:#fff;
	opacity:.5;
	height:33px;
	margin-top:14px
}
.dropdowndetails{
	padding:10px;
}