@charset "utf-8";
/* User Menu */

#user_menu{
	position:fixed;

	top:20px;

	left:20px;

	width:410px;

	height:160px;

	display:none;

	visibility:hidden;

	border: 0px solid;
	
	border-bottom-right-radius: 25px;

    -moz-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.2);

	box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.2);

	background-color:#FFF;

	cursor: pointer;

	transition: 0.3s;
}

#user_menu_photo{
	position:absolute;

	left:20px;

	top:20px;

	width:120px;

	height:120px;

	display:block;

	visibility:visible;

	background: url('../images/default_profile_image.png') no-repeat;

	background-size:100% 100%;

	border-radius: 25px;
}

#user_menu_name{
	position:absolute;

	left:167px;

	top:30px;
	
	width:200px;

	color:#575757;

	font-family: 'EB Garamond', serif;

	font-size: 18px;

	font-weight:600;

	display: inline-block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	text-transform: uppercase;
}

#user_menu_headline{
	position:absolute;

	left:165px;

	top:56px;

	width:200px;

	color:#575757;

	font-size: 14px;

	font-weight:300;

	display: inline-block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	/*text-transform: uppercase;*/
}

#signout_tab{
	position:absolute;

	left:165px;

	bottom:25px;

	width:130px;/*130px;*/

	height:40px;/*40px;*/

	cursor: pointer;

	display:block;

	visibility:visible;

	background-image:url('../images/sign_out_tab.png');

	background-size:130px 40px;/*104px 32px;*/
}

#token_signin_tab{
	position:absolute;

	left:165px;

	bottom:25px;

	width:210px;

	height:40px;

	cursor: pointer;

	display:none;

	visibility:hidden;

	/*background-image:url('../images/token_sign_in_tab.png');*/

	background-size:210px 40px;
}

#app_settings_tab{
	position:absolute;

	left:301px;

	bottom:24px;

	width:53px;

	height:42px;

	cursor: pointer;

	display:block;

	visibility:visible;

	background-image:url('../images/app_settings_tab.png');

	background-size:53px 84px;

	background-position:top;
}

@media (hover:hover) {
	#app_settings_tab:hover{
		background-position:bottom;
	}
}