/* ----------------------------------------------------
  * Beteha Templater Plugin Tree
  */
 ul.beteha-tree,
 ul.beteha-tree ul {
	list-style-type: none;
}
ul.beteha-tree {
	margin: 0;
	padding: 0;
}
ul.beteha-tree .beteha-tree-caret,
ul.beteha-tree .beteha-tree-dot {
	cursor: pointer;
	user-select: none; /* Prevent text selection */
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	transition: background-color 0.3s;
}
ul.beteha-tree .beteha-tree-caret::before,
ul.beteha-tree .beteha-tree-dot::before {
	color: white;
	display: inline-block;
	margin-right: 6px;
}
ul.beteha-tree .beteha-tree-caret::before {
	content: "\25B6";
}
ul.beteha-tree .beteha-tree-dot::before {
	content: "\25CF";
}
/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
ul.beteha-tree .beteha-tree-caret-down {
	background-color: black;
}
ul.beteha-tree .beteha-tree-caret-down::before {
	transform: rotate(90deg);
}
ul.beteha-tree .beteha-tree-nested {
	display: none;
}
ul.beteha-tree .beteha-tree-active {
	display: block;
}
ul.beteha-tree a,
ul.beteha-tree a:visited {
	color: lightblue !important;
	text-decoration: none;
}
ul.beteha-tree a:hover {
	color: cyan !important;
}
ul.beteha-tree li {
	display: flex;
	flex-direction: column;
	background-color: rgba(0,0,0,0.3);
	border-bottom: 1px white solid;
	transition: background-color 0.3s;
	font-size: 15px;
	line-height: 27px;
	/* border: 1px blue solid; */
}
ul.beteha-tree li span:not(.beteha-tree-caret-down):hover {
	background-color: rgba(255,255,255,0.2);
}
.beteha-tree-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	/* border: 1px magenta solid; */
}
.beteha-tree-row-actions {
	padding-right: 10px;
	visibility: hidden;
}
.beteha-tree-row:hover .beteha-tree-row-actions {
	visibility: visible;
}
.beteha-tree-row div {
	flex-grow: 1;
	/* border: 1px yellow solid; */
}