.mtree {
	width: 217px;
	min-height: 794px;
	border-radius: 3px;
	padding-right: 31px;
	border-right: 1px solid rgba(102, 102, 102, 0.15);
	
}

.mtree ul {
	margin-left: 1em;
}

.mtree li {
	list-style: none;
}

.mtree a {
	display: block;
}

.mtree li.mtree-node>a {
	font-weight: bold;
	position: relative;
}

.mtree a {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.mtree.bubba ul {
	margin-left: 0;
	overflow: hidden;
	height: 0px;
	display: none;
	padding: 0;
}

.mtree.bubba ul li {
	color: #666;
	font-size: 14px;
}

.mtree.bubba li.mtree-node>a:after {
	content: '';
	margin-left: .5em;
	font-weight: normal;
	background: url('../images/user/icon_down.png') no-repeat center;
	display: block;
	width: 13px;
	height: 7px;
	position: absolute;
	right: 10px;
	top: 15px;
}

.mtree.bubba li.mtree-node.mtree-active>a:after {
	content: '';
	margin-left: .5em;
	font-weight: normal;
	background: url('../images/user/icon_up.png') no-repeat center;
	display: block;
	width: 13px;
	height: 7px;
	position: absolute;
	right: 10px;
	top: 15px;
}

.mtree.bubba li.mtree-active > a:before {
	display: block;
	content: "";
	width: 2px;
	height: 31px;
	background: #1A5BFD;
	border-radius: 1px;
	position: fixed;
	right: -31px;
	
}

.mtree.bubba li.mtree-node>a {
	font-weight: 500;
	text-transform: upperCase;
}

.mtree.bubba>li {
	padding-bottom: 20px;
	opacity: 1;
	transform: translateY(0px);
}

.mtree.bubba>li:last-child {
	border-bottom: none;
}

.mtree.bubba li:last-child>a {
	border: none;
}

/* .mtree.bubba>li.mtree-open>a { */
	/* background: #DDD; */
/* } */

.mtree.bubba li>a:hover {
	background: #DDD;
}

.mtree.bubba li.mtree-active>a {
	background: rgba(26, 91, 253, 0.15);
	color: #1A5BFD;
	border-radius: 5px;
	position: relative;
}

.mtree.bubba a {
	padding: 7px 0px 7px 1em;
	color: #2B2B2B;
	text-decoration: none;
}

.mtree.bubba li li>a {
	padding-left: 27px;
	color: #666;
}

.dot {
	width: 4px;
	height: 4px;
	background: rgba(102, 102, 102, 1);
	border-radius: 50%;
	position: absolute;
	left: 15px;
	margin-top: 8px;
}

.mtree.bubba li li li>a {
	padding-left: 3em;
}

.mtree.bubba li li li li>a {
	padding-left: 4em;
}

.mtree.bubba li li li li li>a {
	padding-left: 5em;
}