input.tags { /* dont think this is still in use */
	padding: 0 5px;
	border: 1px solid var(--gray);
	border-radius: 4px;
	overflow: hidden;
	background-color: #FFFFFF;
}
input.tags:focus { /* dont think this is still in use */
	outline: none;
}
.tag_recommender_div_modal{ /* dont think this is still in use */
	background-color: var(--light-gray);
	border-radius: 3px;
	padding: 6px 8px;
}

#tag_hierarchy_modal {
	z-index: 1100;
}

.tag_recommender_container {
	display: none;
	position: absolute;
	background-color: #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 6px 0;
	border-radius: 4px;
	border: 1px solid var(--light-gray);
	z-index: 100;
}
.tag_recommender_container hr {
	margin: 0;
}
.tag_recommender_div {
	padding: 0;
	margin: 0;
}
.tag_recommender_container.in_filters {
	margin-top: 35px;
}
.recommended_tag,
.recommender-tag-option {
	border: none;
	background-color: inherit;
	padding: 0 6px;
	margin: 2px 0;
	width: 100%;
	text-align: left;
	outline: 0 !important;
	white-space: nowrap;
	font-weight: 500;
}
.recommended_tag {
	display: none;
}
.recommender-tag-option {
	color: var(--dark-purple);
	margin-top: 5px;
}
.recommender-tag-option:first-of-type {
	margin-bottom: 5px;
}
.recommended_tag:hover,
.recommended_tag:focus,
.recommender-tag-option:hover,
.recommender-tag-option:focus {
	background-color: var(--light-purple);
	cursor: pointer;
}
.recommender-tag-option:first-of-type:hover, .recommender-tag-option:first-of-type:focus {
	cursor: context-menu;
}

.top-tags-div {
	border: 1px solid var(--gray);
	background-color: var(--subhead-gray);
	border-radius: 5px;
	padding: 10px 5px;
}

.tag-hierarchy-list-container.form-control {
	height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0;
}

.manage-tags-link {
	float: right;
	color: var(--dark-purple);
    margin: 0 15px 0 0; 
}

.tag-hierarchy-list.top-level {
	--x: 20;
}
.tag-hierarchy-list-container ul {
	list-style: none;
}
.recursive-tag-li {
	--y: calc(var(--x) + 20);
}
.recursive-tag-div {
	padding-left: calc(var(--x) * 1px);
}
.recursive-tag-div.top-level {
	padding-left: 5px;
}
.recursive-tag-div span {
	top: -1px;
}
.recursive-tag-ul {
	--x:  var(--y);
}

.tag-hierarchy-list-container li.selectable {
	cursor: pointer;
}
.tag-hierarchy-list-container div.selected {
	background-color: var(--light-purple);
}
.tag-hierarchy-list {
	display: none;
	margin: 0;
	padding: 0;
}
.tag-hierarchy-list.visible {
	display: block;
}
.tag-hierarchy-list-container span.icon-chevron-down,
.tag-hierarchy-list-container span.icon-chevron-right {
	color: #000;
	cursor: pointer;
}
.tag-hierarchy-list-container span.icon-chevron-down {
	font-size: 0.6em;
} 
.tag-hierarchy-list-container span.icon-chevron-right {
	font-size: 0.9em;
	padding-right: 5px;
}

.type-form {
	vertical-align: top;
	padding: 0;
	position: relative;
}
.removeTag {
	display: inline-block;
	position: relative;
	margin-left: 7px;
}
.lock-tag {
	margin-left: 7px;
}
.lock-tag svg {
	fill: var(--text-gray);
	height: 10px;
	width: 10px;
}
.btn-tag.no-action:hover {
	cursor: initial;
	border-color: var(--gray);
}
.tagContainer {
	vertical-align: top;
}
.indTag {
	margin-right: 5px;
	display: inline-block;
	position: relative;
}
.inner-tag-text {
	display: inline-block;
	max-width: 125px;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top;
	color: var(--text-gray);
}
.inner-tag-text.details-tag {
	max-width: none;
}
.add-tag-link {
	position: relative;
	vertical-align: top;
	line-height: 13px;
	margin-top: 1px;
	height: 21px;
}
.add-tag-link:hover {
	background-color: var(--light-purple);
	border: solid 1px var(--purple);
}
.removeTag .svg-x-icon {
	fill: var(--purple);
	height: 8px;
	width: 8px;
	margin-bottom: 1px;
}
.add-tag-link .svg-add {
	fill: var(--purple);
	height: 13px;
}

/* Selecting A Tag From A List */
	.btn-tag.tag-selected {
		background-color: var(--light-purple) !important;
		padding: 2px 8px;
		border: 1px solid var(--purple);
	}
	.btn-tag.tag-selected:hover {
		border: 2px solid var(--purple);
	}
	.tag-selected .inner-tag-text,
	.tag-selected .tag-check-icon {
		color: var(--purple);
	}
	.select-tag {
		margin:	4px;
	}
	.select-tag .tag-check-icon {
		height: 12px;
		padding-left: 4px;
	}