.login {
	margin: 0;
	width: 70px;
	height: 15px;
	display: inline-block;
	background: #FFFFFF;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase; /* uppercase lowercase capitalize */
	padding: 3px 2px 2px 2px;
	text-align: center;	
	border-radius: 0px;  
	border: 1px solid #999999;
	/* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); */
    opacity: 1;
}
.login:hover {
	filter: brightness(0.95);
}

.logout {
	margin: 0;
	width: 70px;
	height: 15px;
	display: inline-block;
	background: #FFFFFF;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase; /* uppercase lowercase capitalize */
	padding: 3px 2px 2px 2px;
	text-align: center;	
	border-radius: 0px;  
	border: 1px solid #999999;
	/* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); */
    opacity: 1;
}
.logout:hover {
	filter: brightness(0.95);
}

.showname {
	margin: 0;
	width: 80px;
	display: inline-block;
	background: #FFFFFF; /* #262626   */
	color: #000000;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase; /* uppercase lowercase capitalize */
	padding: 4px 8px 6px 8px;
	text-align: center;	
	border-radius: 120px;  
	border: 1px solid #01a982;
}