.tree_wrapper{
    display: inline-block;
    width: 400px;
    position:relative;
}

#tree{
    width: 400px;
    border: 1px solid gray;
    display: inline-block;
}

#tree .ui-resizable-handle{

    position:absolute;

}

#tree ul.fancytree-container
{
    width:auto;
    height: 594px;
    overflow: auto;
    box-shadow: inset 2px 2px 2px rgba(0,0,0, 0.2);
}

#tree ul
{
    border-left: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

#tree .fancytree-title{
    transition: 4s;
}

#tree ul.fancytree-container{
    border:0px;
}
#tree li{
    margin-bottom: 2px;
}

#tree .ui-resizable-e, #tree .ui-resizable-s{

    width: 0px;
    height: 0px;
}

span.contains-selected span.fancytree-title
{
   font-style:italic;
   font-weight: 400 !important;
    text-shadow: 0 0 5px #03960f
}

span.profit_center span.fancytree-title,
span.root span.fancytree-title
{
    text-shadow: none !important;
}



span.fancytree-icon {
    position: relative;
}
span.fancytree-childcounter {
    color: #fff;
    background: #428BCA;
    /*	border: 1px solid gray; */
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 12px;
    height: 15px;
    line-height: 1;
    vertical-align: baseline;
    border-radius: 500px; /*50%;*/
    padding: 2px;
    text-align: center;
    font-size: 12px;
    margin: auto;
    border-box: content-box;
}

.fancytree-node.fancytree-selected .fancytree-title{
    font-style: italic;
    font-weight: bold !important;
}

.fancytree-folder span.fancytree-icon
{
    background:transparent !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}

.fancytree-folder span.fancytree-icon:before
{
    font-family: FontAwesome;
    font-size: 14px;
    content: '\f07b';
    color: #ffc662;
    text-shadow: 0 0 1px #000, 0px 0px 5px #000
    display:inline-block;
}

.fancytree-folder.fancytree-expanded span.fancytree-icon:before
{
    font-family: FontAwesome;
    font-size: 14px;
    content: '\f07c';
    color: #ffc662;
    text-shadow: 0 0 1px #000, 0px 0px 5px #000
    display:inline-block;
}

.root span.fancytree-icon{

    background:transparent !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}

.root span.fancytree-icon:before
{
    font-family: FontAwesome;
    font-size: 12px !important;
    content: '\f0e8' !important;
    color: #eeffc2 !important;
    text-shadow: 0 0 1px #000, 0px 0px 5px #000 !important;
    display:inline-block;
}

.fancytree-lazy span.fancytree-icon:before
{
    content: '';
    display:block;
    width: 8px;
    height:8px;
    margin-left:12px;
    margin-top:8px;
    position:absolute;
    background:url('../../img/icon/color/icon_lazyloader.png') no-repeat !important;
    background-size:contain !important;
}

.readonly span.fancytree-icon:after{

    content: '';
    display:block;
    width: 8px;
    height:8px;
    margin-left:-4px;
    margin-top:0px;
    position:absolute;
    background:url('../../img/icon/color/icon_locked.png') no-repeat !important;
    background-size:contain !important;
    opacity: 0.3;
}



.sbu span.fancytree-icon{

    background:transparent !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}


.profit_center span.fancytree-icon{

    background:transparent !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}

.sbu span.fancytree-icon:before
{
    font-family: FontAwesome;
    font-size: 12px !important;
    content: '\f0f7' !important;
    color: #01740b !important;
    /*text-shadow: 0 0 3px #000;*/
    display:inline-block;
}

.profit_center span.fancytree-icon:before
{
    font-family: FontAwesome;
    font-size: 12px !important;
    content: '\f19c' !important;
    color: #0081b0 !important;
    /*text-shadow: 0 0 3px #000;*/
    display:inline-block;
}
/* ATTACHMENTS */

.attachment.icon span.fancytree-icon,
.attachment.image span.fancytree-icon,
.attachment.prevactive span.fancytree-icon,
.attachment.nextactive span.fancytree-icon,
.attachment.png span.fancytree-icon,
.attachment.jpg span.fancytree-icon,
.attachment.jpeg span.fancytree-icon,
.attachment.gif span.fancytree-icon,
.attachment.tiff span.fancytree-icon,
.attachment.tif span.fancytree-icon,
.attachment.tga span.fancytree-icon
{

    background:url('../../img/icon/color/icon_image.png') no-repeat !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}

.attachment.psd span.fancytree-icon
{

    background:url('../../img/icon/color/icon_psd.png') no-repeat !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}

.attachment.svg span.fancytree-icon
{
    background:url('../../img/icon/color/icon_svg.png') no-repeat !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}

.attachment.html span.fancytree-icon,
.attachment.htm span.fancytree-icon,
.attachment.htt span.fancytree-icon
{
    background:url('../../img/icon/color/icon_html.png') no-repeat !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}


.attachment.xml span.fancytree-icon
{
    background:url('../../img/icon/color/icon_xml.png') no-repeat !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}



.attachments span.fancytree-icon{

    background:url('../../img/icon/color/icon_attachment_document.png') no-repeat !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}

.attachments span.fancytree-checkbox{
    display: none;
}


.attachment, .attachments {
    background: rgba(200,200,255, 0.1);
}

.attachments .fancytree-title {
    color: #3399FF;
    border-bottom: 1px dotted rgba(200,200,255, 1);
    display:inline-block;
    min-width: 200px;
}

.attachment .fancytree-title {
    max-width: 200px;
    overflow:hidden;
}

.attachment_element .fancytree-lastsib .fancytree-title {
    border-bottom: 1px dotted #3399FF;
    padding-bottom:2px;

}

/* ATTRIBUTES */

.attributes span.fancytree-icon{

    background:url('../../img/icon/color/icon_gear.png') no-repeat !important;
    background-size:contain !important;
    background-position: 0px 0px !important;
}

.attributes span.fancytree-checkbox{
    display: none;
}


.attribute, .attributes {
    background: rgba(255,230,200, 0.5);
}

.attributes .fancytree-title {
    color: #ffaa00;
    border-bottom: 1px dotted #ffaa00;
    display:inline-block;
    min-width: 200px;
}

.attribute .fancytree-title {
    max-width: 200px;
    min-width: 200px;
    overflow:hidden;
}

.attribute_element .fancytree-lastsib .fancytree-title {
    border-bottom: 1px dotted #ffaa00;
    padding-bottom:2px;

}

.symlink .fancytree-title{
    color: #0a0;
}

.symlink .fancytree-title:after{
    content: '';
    position:relative;
    display:inline-block;
    width:8px;
    height:8px;
    margin-left: 5px;
    margin-bottom: 4px;
    background: url('../../img/icon/color/icon_link.png') no-repeat;
    background-size:contain !important;
    background-position: 0px 0px !important;
}

li[data-type=new_node] .fancytree-title{

    font-weight: 800;
}


.ui-menu{
   z-index: 1002;
}