ul.fancytree-container {
	font-family: inherit;
	font-size: 12px;
	background-color: transparent;
	border: none;
	outline: none !important;
	overflow: visible;
}

span.fancytree-node {
	min-height: 20px;
}

/* #region Title */

span.fancytree-node:hover .fancytree-title,
span.fancytree-node .fancytree-title:hover {
	color: #b3b3b3;
	background-color: transparent;
	border-color: transparent;
}

span.fancytree-node .fancytree-title {
	white-space: normal;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	margin-right: 35px;
	font-size: 12px;
	font-weight: 400;
	font-family: "Helvetica Neue","Lucida Grande","Segoe UI",Arial,Helvetica,Verdana,sans-serif;
	color: #4d4d4d;
	max-width: 250px;
}

ul.fancytree-container span.fancytree-focused .fancytree-title,
ul.fancytree-container span.fancytree-focused .fancytree-title:focus,
ul.fancytree-container span.fancytree-focused .fancytree-title:focus:hover {
	background-color: transparent;
	outline: none;
}

ul.fancytree-container span.fancytree-active .fancytree-title {
	background-color: transparent !important;
	color: #4d4d4d !important;
}

ul.fancytree-container span.fancytree-active .fancytree-title,
ul.fancytree-container span.fancytree-active .fancytree-title:hover {
	background-color: transparent !important;
	font-weight: 700;
	color: #129cdd !important; /* override base important style*/
	outline: none;
}

span.fancytree-node .fancytree-title.targetNode {
	font-weight: 700;
}

/* #endregion */


/* #region Icons */
span.fancytree-icon {
    display: none; /* hide icons for default */ 
}

span.fancytree-node.group span.fancytree-icon,
span.fancytree-node.worker span.fancytree-icon,
span.fancytree-node.supervisor span.fancytree-icon,
span.fancytree-node.administrator span.fancytree-icon,
span.fancytree-node.registrator span.fancytree-icon,
span.fancytree-node.work span.fancytree-icon,
span.fancytree-node.project span.fancytree-icon {
    display: inline-block;
	background-image: url('/Themes/Base/vendor/jquery-fancytree/icons/icons.png');
}
/* #endregion */

/* #region User Icons */
span.fancytree-empty,
span.fancytree-vline,
span.fancytree-connector,
span.fancytree-expander,
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-radio,
span.fancytree-drag-helper-img,
#fancytree-drop-marker,
.fancytree-exp-n span.fancytree-expander,
.fancytree-exp-nl span.fancytree-expander {
	background-image: url("/Themes/Base/vendor/jquery-fancytree/icons/icons.png");
}

span.fancytree-expander {
    position: relative;
}

.fancytree-exp-e span.fancytree-expander::before,
.fancytree-exp-el span.fancytree-expander::before,
.fancytree-exp-ed span.fancytree-expander::before,
.fancytree-exp-edl span.fancytree-expander::before,
.fancytree-exp-c span.fancytree-expander::before,
.fancytree-exp-cl span.fancytree-expander::before,
.fancytree-exp-cd span.fancytree-expander::before,
.fancytree-exp-cdl span.fancytree-expander::before {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 22px;
    -webkit-border-radius: 75%;
    -moz-border-radius: 75%;
    border-radius: 75%;
    top: 50%;
    left: -9px;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%); 
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

span.fancytree-node.registrator span.fancytree-icon {
	background-position: -48px -32px;
}
span.fancytree-node.group span.fancytree-icon,
span.fancytree-node.group span.fancytree-icon:hover {
	background-position: -48px -16px;
}
span.fancytree-node.group.deleted span.fancytree-icon,
span.fancytree-node.group.deleted span.fancytree-icon:hover {
	background-position: -80px -16px;
}
span.fancytree-node.worker span.fancytree-icon {
	background-position: 0px 0px;
}
span.fancytree-node.worker.disabled span.fancytree-icon {
	background-position: -48px 0px;
}
span.fancytree-node.worker.deleted span.fancytree-icon {
	background-position: 0px -16px;
}
span.fancytree-node.supervisor span.fancytree-icon {
	background-position: -16px 0px;
}
span.fancytree-node.supervisor.disabled span.fancytree-icon {
	background-position: -64px 0px;
}
span.fancytree-node.supervisor.deleted span.fancytree-icon {
	background-position: -16px -16px;
}
span.fancytree-node.administrator span.fancytree-icon {
	background-position: -32px 0px;
}
span.fancytree-node.administrator.disabled span.fancytree-icon {
	background-position: -80px 0px;
}
span.fancytree-node.administrator.deleted span.fancytree-icon {
	background-position: -32px -16px;
}
/* #endregion */


/* #region Task Icons */
span.fancytree-node.project span.fancytree-icon,
span.fancytree-node.project span.fancytree-icon:hover {
	background-position: 0px -48px;
}
span.fancytree-node.fancytree-expanded.project span.fancytree-icon {
	background-position: -48px -48px;
}
span.fancytree-node.project.closed span.fancytree-icon {
	background-position: -16px -48px;	
}
span.fancytree-node.fancytree-expanded.project.closed span.fancytree-icon {
	background-position: -64px -48px;
}
span.fancytree-node.work span.fancytree-icon {
	background-position: 0px -32px;
}
span.fancytree-node.work.closed span.fancytree-icon {
	background-position: -16px -32px;
}
span.fancytree-node.project.fancytree-active span.fancytree-icon {
	background-position: 0px -176px;
}
span.fancytree-node.fancytree-expanded.project.fancytree-active span.fancytree-icon {
	background-position: -48px -176px;
}
span.fancytree-node.project.closed.fancytree-active span.fancytree-icon {
	background-position: -16px -176px;	
}
span.fancytree-node.fancytree-expanded.project.closed.fancytree-active span.fancytree-icon {
	background-position: -64px -176px;
}
span.fancytree-node.work.fancytree-active span.fancytree-icon {
	background-position: -48px -128px;
}
span.fancytree-node.work.closed.fancytree-active span.fancytree-icon {
	background-position: -64px -128px;
}
/* #endregion */

/* #region Checkbox */
span.fancytree-checkbox {
	background-position: 0px -64px;
}
span.fancytree-checkbox:hover {
	background-position: -16px -64px;
}
.fancytree-partsel span.fancytree-checkbox {
	background-position: -64px -64px;
}
.fancytree-partsel span.fancytree-checkbox:hover {
	background-position: -80px -64px;
}
.fancytree-selected span.fancytree-checkbox {
	background-position: -32px -64px;
}
.fancytree-selected span.fancytree-checkbox:hover {
	background-position: -48px -64px;
}
/*#endregion*/


/* #region Expander */
.fancytree-exp-n span.fancytree-expander, /* No expander, not last sibling */
.fancytree-exp-n span.fancytree-expander:hover {
	position: relative;
	z-index: 2; /* due to autocomplete it must be lte 2 */
	background-position: 0px -79px;
}

.fancytree-exp-nl span.fancytree-expander, /* No expander, last sibling */
.fancytree-exp-nl span.fancytree-expander:hover {
	background-position: -16px -80px;
}

.fancytree-exp-c span.fancytree-expander, /* Collapsed, not delayed, not last sibling */
.fancytree-exp-cl span.fancytree-expander, /* Collapsed, not delayed, last sibling */
.fancytree-exp-c span.fancytree-expander:hover,
.fancytree-exp-cl span.fancytree-expander:hover 
{
	background-position: 0px -112px;
}
.fancytree-exp-cd span.fancytree-expander,
.fancytree-exp-cd span.fancytree-expander:hover /* Collapsed, delayed, not last sibling */
{
	background-position: 0px -112px;
}
.fancytree-exp-cdl span.fancytree-expander,
.fancytree-exp-cdl span.fancytree-expander:hover /* Collapsed, delayed, last sibling */
{
	background-position: 0px -112px;
}
.fancytree-exp-e span.fancytree-expander,  /* Expanded, not delayed, not last sibling */
.fancytree-exp-ed span.fancytree-expander,  /* Expanded, delayed, not last sibling */
.fancytree-exp-e span.fancytree-expander:hover, 
.fancytree-exp-ed span.fancytree-expander:hover 
{
	background-position: -32px -96px;
}
.fancytree-exp-el span.fancytree-expander,  /* Expanded, not delayed, last sibling */
.fancytree-exp-edl span.fancytree-expander  /* Expanded, delayed, last sibling */
{
	background-position: -32px -112px;
}

.fancytree-exp-edl.fancytree-active span.fancytree-expander  /* Expanded, delayed, last sibling, active */
{
	background-position: -32px -208px;
}
.fancytree-loading span.fancytree-expander  /* 'Loading' status overrides all others */
{
	background-position: 0 0;
	background-image: url("/Themes/Base/vendor/jquery-fancytree/icons/loading.gif");
}
/*#endregion*/


/* #region Drag 'n' Drop and Others */
.fancytree-statusnode-error span.fancytree-icon {
	background-position: 0px -128px;
}

div.fancytree-drag-helper {
    pointer-events: none;
}

div.fancytree-drag-helper span.fancytree-drag-helper-img {
    background-position: -62px -142px;
}

div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img {
	background-position: -32px -128px;
}
div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img {
	background-position: -16px -128px;
}
#fancytree-drop-marker {
	background-position: 0 -144px;
}
#fancytree-drop-marker.fancytree-drop-after,
#fancytree-drop-marker.fancytree-drop-before {
	background-position: 0 -160px;
}
#fancytree-drop-marker.fancytree-drop-copy {
	background-position: -64px -144px;
}
#fancytree-drop-marker.fancytree-drop-move {
	background-position: -64px -144px;
}
/* #endregion */