#portlet_topusers_WAR_topusersportlet {
	h1.portlet-title {
		display: none;
	}
	
	.portlet-content {
		padding: 0;
	}
}

#top-users-portlet a {
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
	
	text-decoration: none;
	
	-webkit-transition: color .4s;
	-moz-transition: color .4s;
	-o-transition: color .4s;
	-ms-transition: color .4s;
	transition: color .4s;
}

#top-users-portlet .header {
	display: flex;
	align-items: center;
	padding: 0px 15px;
	height: 43px;
	
	border: 1px solid #DCDCDC;
	background-color: #F2F2F2;
	
	.header-text {
		display: inline-block;
		
		color: #555;
		font-size: 14px;
		font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;
		font-weight: bold;
		text-align: left;
		
		margin-top: 1px;
	}
}

#top-users-portlet .top-users-container {
	border: 1px solid #DCDCDC;
	border-top: none;
	padding: 4px 0px 11px;
	
	.top-users-row {
		display: flex;
		align-items: center;
		padding: 0 14px;
		height: 63px;
		gap: 11px;
		
		font-size: 14px;
		
		background-color: #FFF;
		
		-webkit-transition: background-color .4s;
		-moz-transition: background-color .4s;
		-o-transition: background-color .4s;
		-ms-transition: background-color .4s;
		transition: background-color .4s;
		
		.user-avatar-container {
			display: flex;
			align-items: center;
			justify-content: center;
			
			border-radius: 50%;
			width: 45px;
			max-width: 45px;
			height: 45px;
			max-height: 45px;
			
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			
			a {
				display: flex;
				align-items: center;
				justify-content: center;
				height: 45px;
			}
			
			img.user-avatar {
				margin: 0 auto;
				max-width: 45px;
				max-height: 45px;
			}
		}
		
		.user-information-container {
			display: flex;
			flex-direction: column;
			gap: 8px;
			
			margin-top: -5px;
		}
		
		.user-name {
			max-width: 190px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			
			height: 16px;
			line-height: 16px;
			
			padding-left: 1px;
			margin-left: -1px;
			
			a {
				line-height: 16px;
				
				color: #333;
				font-size: 14px;
				font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;
				font-weight: bold;
				text-align: left;
			}
		}
		
		.user-details {
			height: 11px;
			line-height: 13px;
			
			.last-post-date {
				color: #777;
				font-size: 11px;
				font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;
				font-weight: 400;
				text-align: left;
			}
		}
	}
	
	.top-users-row:hover {
		background-color: #F9F9F9;
		
		.user-name a {
			color: #E03800
		}
	}
	
	.empty-text {
		border: 1px solid #9EE3F9;
		background-color: #CEF1FC;
		
		padding: 8px 14px;
		
		color: #12718F;
		font-family: Arial, Arial Narrow, Helvetica, Verdana, sans-serif;
		font-size: 14px;
		font-weight: normal;
		text-align: left;
	}
}

#top-users-portlet .all-contributors-button {
	margin-top: 10px;
	margin-left: 15px;
	
	input[type="button"] {
		padding: 5px 14px;
		line-height: 20px;
		
		border: none;
		border-radius: 4px;
		
		background: #4E9ABF;
		
		color: white;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		font-weight: unset;
		text-align: center;
		text-shadow: none;
	}
	
	input[type="button"]:hover {
		background: #0A6089
	}
}