﻿ul.acl-tree-view {
  padding: 0;
	display: block;
}
ul.acl-tree-view ul {
	padding: 0 0 0 0.65em;
	border-left: 5px solid #6A6E71;
	margin-left: 2px;
	display: block;
}
ul.acl-tree-view li {
	list-style-type: none;
	display: block;
}
ul.acl-tree-view li a {
	line-height:28px;
	display: block;
	padding: .2em .2em .2em .4em;
	margin-top: 3px;
	color:#FFFFFF;
	transition: all .1s linear;
	background-color: #264E58;
	font-size: 13.5px;
}
ul.acl-tree-view li a.acl-tree-view-toggle > i:first-child {
	-webkit-transition: -webkit-transform 0.2s;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
ul.acl-tree-view li a.acl-tree-view-toggle > span > i:first-child {
	margin-left: .15em;
}
ul.acl-tree-view li a > span.acl-tree-view-description {
	display: block;
	font-size: 10pt;
	color: #6A6E71;
	padding: .2em .4em;
	background-color: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.03);
}
ul.acl-tree-view li a.acl-tree-view-toggle.acl-tree-view-active {
	background-color: #112D31;
	color: #fff;
	display: block;
	text-shadow: 1px 0 1px rgba(0, 0, 0, 0.5);
}
ul.acl-tree-view li a.acl-tree-view-toggle.acl-tree-view-active > i:first-child {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
ul.acl-tree-view li a.acl-tree-view-toggle.acl-tree-view-active > span.acl-tree-view-description {
	color: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.2);
}
ul.acl-tree-view li a:hover {
	text-decoration: none;
	text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
}
ul.acl-tree-view li a:not(.acl-tree-view-toggle):focus, ul.acl-tree-view li a:not(.acl-tree-view-toggle):visited {
	background-color: #264E58;
	text-decoration: none;
	text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3);
	color: #fff;
}
ul.acl-tree-view li a:not(.acl-tree-view-toggle):focus > span.acl-tree-view-description, ul.acl-tree-view li a:not(.acl-tree-view-toggle):visited > span.acl-tree-view-description {
	color: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.1);
}
ul.acl-tree-view li a:not(.acl-tree-view-active):hover {
	background-color:#003333;
}
ul.acl-tree-view li a:not(.acl-tree-view-active):hover > span.acl-tree-view-description {
	color: rgba(255, 255, 255, 0.7);
	border: 1px solid rgba(0, 0, 0, 0.1);
}
