.aclList,
.aclPermissionList {
	margin-top: 0;
	min-height: 100px;
	
	> li {
		display: block;
		padding: @wcfGapTiny;
		
		&:first-child {
			border-top-left-radius: @wcfContainerBorderRadius;
			border-top-right-radius: @wcfContainerBorderRadius;
		}
		
		&:last-child:not(:first-child) {
			border-bottom-left-radius: @wcfContainerBorderRadius;
			border-bottom-right-radius: @wcfContainerBorderRadius;
		}
	}
}

.aclList {
	margin-bottom: @wcfGapSmall;
	
	> li {
		cursor: pointer;
		
		&:hover,
		&.active:hover {
			background-color: @wcfButtonHoverBackgroundColor;
		}
		
		&.active {
			background-color: @wcfContainerAccentBackgroundColor;
		}
		
		> span:last-child {
			float: right;
			margin-right: @wcfGapSmall;
		}
	}
}

.aclPermissionList {
	margin-top: @wcfGapSmall;
	min-height: 200px;
	text-align: right;
	
	> li {
		&:hover {
			background-color: @wcfButtonHoverBackgroundColor;
		}
		
		&.aclCategory {
			background-color: @wcfContainerHoverBackgroundColor;
			padding: @wcfGapTiny @wcfGapSmall+@wcfGapTiny;
			text-align: left;
		}
		
		&.aclFullAccess {
			background-color: @wcfContainerAccentBackgroundColor;
		}
		
		> span {
			float: left;
			padding-left: @wcfGapSmall;
		}
		
		> label {
			cursor: pointer;
			margin: 0 @wcfGapSmall;
			padding: 0 @wcfGapLarge;
		}
	}
}