/*
	Styles for Quick \ More Links and the Detail TreeView
*/
.SelectedNodeStyle {
	background-color: #53a5d0;
	color: white;
}

	.SelectedNodeStyle a {
		color: white;
	}

		.SelectedNodeStyle a:Hover {
			color: var(--secondary-color);
			font-weight: bolder;
		}

td.DetailTreeViewNode {
	width: 100%;
}

div.collapse-content a,
div.DetailTreeView a,
div.DetailTreeView a:active,
div.DetailTreeView a:link,
div.DetailTreeView a:visited {
	color: #fff;
	font-family: var(--font-family-regular-text);
	font-size: 14px;
	text-decoration: none;
}

	div.collapse-content a:hover,
	div.DetailTreeView a:hover {
		text-decoration: underline;
	}

div.DetailTreeView td.SelectedNode a:active,
div.DetailTreeView td.SelectedNode a:link,
div.DetailTreeView td.SelectedNode a:visited {
	font-family: var(--font-family-regular-text);
	font-size: 16px;
	font-weight: normal;
}

div.DetailTreeView span.SelectedNode,
td.DetailTreeViewNode span.SelectedNode {
	background-color: var(--secondary-color);
	display: block;
	height: 100%;
}

div.DetailTreeView span.SelectedNode,
div.DetailTreeView span.UnSelectedNode,
td.DetailTreeViewNode span.SelectedNode,
td.DetailTreeViewNode span.UnSelectedNode {
	line-height: 22px;
}

div.DetailTreeView span.SelectedNode,
td.DetailTreeViewNode span.SelectedNode {
	border-radius: 4px;
	margin-right: 20px;
	padding: 0 5px;
}

	div.DetailTreeView span.SelectedNode a,
	td.DetailTreeViewNode span.SelectedNode a {
		color: black;
		font-weight: 500 !important;
	}

div#DataFillCSLTree span.UnSelectedNode a {
	color: black !important;
}