.treeview {
	font-size: 1rem;
	padding-left: 4px;
}

.tree-node {
	margin-left: 18px;
}

.tree-expander {
	cursor: pointer;
	user-select: none;
	font-size: 1.1rem;
	margin-right: 8px;
	width: 18px;
	display: inline-block;
	text-align: center;
}

.tree-row {
	display: flex;
	align-items: center;
	padding: 10px 4px;
	cursor: pointer;
}

	.tree-row:hover {
		background-color: rgba(0,0,0,0.04);
	}

.tree-checkbox {
	margin-right: 8px;
	width: 18px;
	height: 18px;
}


/* Extra indent for stations */
.station-row {
	padding-left: 26px; /* tweak this value as needed */
}


/* Smooth transition for collapse panels */
.collapse {
	transition: all 0.5s ease-out;
}

#treeview {
	min-height: 50vh;
	max-height: 80vh;
	overflow-y: auto;
	transition: all 0.5s ease-out;
}


/***************************************
    MOBILE (<= 1023px)
***************************************/
@media (max-width: 1023px) {

	/*#treeview {
		width:80%;
	}*/
}