.userTagger-dialog-head {
	display: flex;

	.res-icon {
		color: #9BD;
	}

	span { margin-right: 3px; }

	.res-usertag-ignore {
		margin-left: auto;
		width: 25px;

		// The icons are sufficient to toggle ignore
		.toggleThumb { display: none; }
	}
}

#userTaggerToolTip {
	.fieldPair-label {
		width: 85px;
	}

	input[type=submit] {
		margin-left: auto;
		cursor: pointer;
		padding: 3px 5px;
		font-size: 12px;
		color: #fff;
		border: 1px solid #636363;
		border-radius: 3px;
		background-color: #5cc410;
	}

	a {
		text-decoration: none;

		&:not([href]) {
			color: inherit;
		}
	}

	#userTaggerVoteWeight {
		width: 30px;
	}

	.res-usertag-ignore {
		display: flex;
		line-height: 14px;
		align-items: center;

		.gearIcon {
			margin-left: auto;
		}
	}

	.res-usertagger-footer {
		padding-top: 5px;
		margin-bottom: 0;
		display: flex;
		align-items: center;
	}
}

a.voteWeight {
	text-decoration: none;
	color: #369;
	margin-left: 3px;

	&:hover {
		text-decoration: none;
	}

	// unselectable in comments/markdown for usability
	.md & {
		user-select: none;
	}
}

.RESUserTag {
	color: black;
	display: inline-flex;
	height: 1.2em;

	// unselectable in comments/markdown for usability
	.md & {
		user-select: none;
	}
}

.RESUserTagImage::after {
	content: '\F0AC';
	font: normal 14px/8px 'Batch';
	vertical-align: middle;
	color: #9BD;
}

.userTagLink {
	align-self: center;
	height: 100%;

	&:hover { text-decoration: none !important; }

	&.hasTag {
		padding: 0 4px;
		border: 1px solid #c7c7c7;
		border-radius: 3px;
		font-size: .9em;
		line-height: normal;

		&.truncateTag {
			max-width: 25ch;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
}

#userTaggerPresetTags .RESUserTag {
	margin: 0 4px 4px 0;
}

#userTaggerPresetSaveAs {
	margin-left: auto;
}
