/*jqtree styling
 *lastchange sb4910 20210722
 *
*/

/*Favoritenverwaltung*/
#favTree, #fav-list-view, #fav-detail-view, #bxTree, 
#bx-list-view, #bx-detail-view {
	border:1px solid #ccc;
	padding:0.5rem;
	background-color:#fff; 
}
#fav-list-view th, #fav-detail-view th, #fav-list-view td, #fav-detail-view td,
#bx-list-view th, #bx-detail-view th, #bx-list-view td, #bx-detail-view td {
	vertical-align:top;
}
#fav-list-view th img, #fav-detail-view th im, #fav-list-view td img, #fav-detail-view td img,
#bx-list-view th img, #bx-detail-view th im, #bx-list-view td img, #bx-detail-view td img {
	border:1px solid #ccc;
}
#fav-list-view table tr:nth-child(even),
#bx-list-view table tr:nth-child(even) {
	background-color:#fff;
}
#fav-list-view table tr:nth-child(odd),
#bx-list-view table tr:nth-child(odd) {
	background-color:#fff;
}
#fav-list-view table tr.even,
#bx-list-view table tr.even {
	background-color:#f5f5f5;
}
#fav-list-view table tr.odd,
#bx-list-view table tr.odd {
	background-color:#fff;
}



.fav-list-view-title-prefix,
.bx-list-view-title-prefix {
	color:#666;	
}
#fav-list-view-head, #fav-detail-view-head,
#bx-list-view-head, #bx-detail-view-head {
	border-bottom:1px solid #444;	
	padding:1rem;
	margin-bottom:1rem;
}
#fav-list-view-head h3, #fav-list-view-head h2, #fav-list-view-head h1, #fav-detail-view-head h3,  #fav-detail-view-head h2,  #fav-detail-view-head h1,
#bx-list-view-head h3, #bx-list-view-head h2, #bx-list-view-head h1, #bx-detail-view-head h3,  #bx-detail-view-head h2,  #bx-detail-view-head h1 {
	margin:0px;
}
#fav-list-view h4,
#bx-list-view h4 {
	font-size:130%;
}
.fav-list-deletewrap,
.bx-list-deletewrap {
	padding-right:0.9rem;
}



tr.fav-list-item  .bxiconbutton,
tr.bx-list-item  .bxiconbutton {
	float:none;	
}

tr.fav-list-item td, tr.fav-list-item th,
tr.bx-list-item td, tr.bx-list-item th {
	padding:0.5rem;
}
.fav-list-item-show img, .fav-list-item-show span, .fav-list-item-show .bxiconbutton,
.bx-list-item-show img, .bx-list-item-show span, .bx-list-item-show .bxiconbutton {
	max-width:50px;
}
.fav-list-item-image,
.bx-list-item-image {
	text-align:center;
}
.fav-list-item-image img,
.bx-list-item-image img {
	max-width:50px;
	height:auto;
}
.jqtree-folder-li-elem > .jqtree-element {
		background-color:#eee;
	
}
	
/*Funktionsmenue Tree*/
.favTreeBtnWrap {
	position:absolute;
	right:0px;
	top:0.4rem;
}
.favTreeBtnWrap a {
	display:inline-block;
	background-color:#fff;
	color:#cc0000 !important;
	padding:4px; 
	border:1px solid #ccc; 
	margin-right:5px;
	min-width:30px;
	min-height:30px;
	text-align:center;
}
.favTreeBtnWrap a:hover, .favTreeBtnWrap a:active, .favTreeBtnWrap a:focus  {
	background-color:#ccc;
}
.fav-detail-item-imgwrap,
.bx-detail-item-imgwrap {
	/*text-align:center;*/
	margin-bottom:1rem;
	background-color:#f4f4f4;
	padding:0.5rem;
}

.fav-detail-item-icon,
.bx-detail-item-icon {
	color:#666;
	padding:2rem;
	border:1px solid #ccc;

	display:table-cell;
	vertical-align:center;
	margin:0 auto;
}
#fav-list-view-table,
#bx-list-view-table {

}

ul.jqtree-tree li.jqtree-folder.color1 > .jqtree-element {border:2px dotted #f6762f;}
ul.jqtree-tree li.jqtree-folder.color1 .jqtree-toggler-left, ul.jqtree-tree li.jqtree-folder.color1  span.jqtree-title:first-child::before {color:#f6762f;}
ul.jqtree-tree li.jqtree-folder.color1 >  .jqtree-element > .jqtree-item svg path {fill:#f6762f;}	

ul.jqtree-tree li.jqtree-folder.color2 > .jqtree-element {border:2px dotted #990000;}
ul.jqtree-tree li.jqtree-folder.color2 .jqtree-toggler-left, ul.jqtree-tree li.jqtree-folder.color2  span.jqtree-title:first-child::before {color:#990000;}
ul.jqtree-tree li.jqtree-folder.color2 >  .jqtree-element > .jqtree-item svg path {fill:#990000;}

ul.jqtree-tree li.jqtree-folder.color3 > .jqtree-element {border:2px dotted #93328e;}
ul.jqtree-tree li.jqtree-folder.color3 .jqtree-toggler-left, ul.jqtree-tree li.jqtree-folder.color3  span.jqtree-title:first-child::before {color:#93328e;}
ul.jqtree-tree li.jqtree-folder.color3 >  .jqtree-element > .jqtree-item svg path {fill:#93328e;}

ul.jqtree-tree li.jqtree-folder.color4 > .jqtree-element {border:2px dotted #326295;}
ul.jqtree-tree li.jqtree-folder.color4 .jqtree-toggler-left, ul.jqtree-tree li.jqtree-folder.color4  span.jqtree-title:first-child::before {color:#326295;}
ul.jqtree-tree li.jqtree-folder.color4 >  .jqtree-element > .jqtree-item svg path {fill:#326295;}


ul.jqtree-tree li.jqtree-folder.color5 > .jqtree-element {border:2px dotted #78be21;}
ul.jqtree-tree li.jqtree-folder.color5 .jqtree-toggler-left, ul.jqtree-tree li.jqtree-folder.color5  span.jqtree-title:first-child::before {color:#78be21;}
ul.jqtree-tree li.jqtree-folder.color5 >  .jqtree-element > .jqtree-item svg path {fill:#78be21;}

ul.jqtree-tree li.jqtree-folder.color6 > .jqtree-element {border:2px dotted #00594f;}
ul.jqtree-tree li.jqtree-folder.color6 .jqtree-toggler-left, ul.jqtree-tree li.jqtree-folder.color6  span.jqtree-title:first-child::before {color:#00594f;}
ul.jqtree-tree li.jqtree-folder.color6 >  .jqtree-element > .jqtree-item svg path {fill:#00594f;}


ul.jqtree-tree li.jqtree-folder.color7 > .jqtree-element {border:2px dotted #84754e;}
ul.jqtree-tree li.jqtree-folder.color7 .jqtree-toggler-left, ul.jqtree-tree li.jqtree-folder.color7  span.jqtree-title:first-child::before {color:#84754e;}
ul.jqtree-tree li.jqtree-folder.color7 >  .jqtree-element > .jqtree-item svg path {fill:#84754e;}

ul.jqtree-tree li.jqtree-folder.color8 > .jqtree-element {border:2px dotted #8a8d8f;}
ul.jqtree-tree li.jqtree-folder.color8 .jqtree-toggler-left, ul.jqtree-tree li.jqtree-folder.color8  span.jqtree-title:first-child::before {color:#8a8d8f;}
ul.jqtree-tree li.jqtree-folder.color8 >  .jqtree-element > .jqtree-item svg path {fill:#8a8d8f;}

ul.jqtree-tree li.jqtree-folder.color9 > .jqtree-element {border:2px dotted #ce0058;}
ul.jqtree-tree li.jqtree-folder.color9 .jqtree-toggler-left, ul.jqtree-tree li.jqtree-folder.color9  span.jqtree-title:first-child::before {color:#ce0058;}
ul.jqtree-tree li.jqtree-folder.color9 >  .jqtree-element > .jqtree-item svg path {fill:#ce0058;}

ul.jqtree-tree li.jqtree-folder.color10 > .jqtree-element {border:2px dotted #00b5e2;}
ul.jqtree-tree li.jqtree-folder.color10 .jqtree-toggler-left, ul.jqtree-tree li.jqtree-folder.color10  span.jqtree-title:first-child::before {color:#00b5e2;}
ul.jqtree-tree li.jqtree-folder.color10 >  .jqtree-element > .jqtree-item svg path {fill:#00b5e2;}





#bxfolderlist {
	border-top:1px dotted #333;
	background-color:#fff;
}
.bxfoldertreetools {
	text-align:right;	
	padding-top:0.5rem;
}
.bxfoldertreetools a {
	display:inline-block;
	background-color:#cc0000;
	color:#fff;
	padding:0.4rem 1rem;
	margin-right:1rem;
	margin-bottom:0.5rem;
}
.bxfoldertreetools a:hover, .bxfoldertreetools a:focus {
	background-color:#990000;
	color:#fff;
}
ul.jqtree-tree {
    list-style: none outside;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
}

ul.jqtree-tree.jqtree-dnd {
    touch-action: none;
}

ul.jqtree-tree ul.jqtree_common {
    list-style: none outside;
    margin-left: 12px;
    margin-right: 0;
    margin-bottom: 0;
    padding-bottom: 0;
	padding-top:0;
    display: block;
	margin:0px;
	padding-left:10px;
}
ul.jqtree-tree a::before {
    content: "";
}
li > div > span.jqtree-title:first-child::before {
	content: "\f07b";
	font: normal normal normal 16px/1 FontAwesome;
	font-size: 16px;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 0 5px 0 0px;
	color: #cc0000;
	min-width:20px;
}
.jqtree-toggler {
	font: normal normal normal 16px/1 FontAwesome;

	
}
/*
 .jqtree-closed:first-child::before, .jqtree-toggler-left:first-child::before
.jqtree-toggler-left:first-child::before {
	content: "\f07c";
}
*/

ul.jqtree-tree li.jqtree-closed > ul.jqtree_common {
    display: none;
}

ul.jqtree-tree li.jqtree_common {
    clear: both;
    list-style-type: none;
	background-color:#fff;
}

ul.jqtree-tree div.jqtree_common {
	border-bottom:1px dotted #444;
}



ul.jqtree-tree .jqtree-toggler {
	border-bottom: none;
	color:#cc0000;
	text-decoration: none;
	vertical-align: middle;
}
ul.jqtree-tree .fa {
	color:#cc0000;
}

ul.jqtree-tree .jqtree-toggler:hover {
    color: #990000;
    text-decoration: none;
}

ul.jqtree-tree .jqtree-toggler.jqtree-closed {
    background-position: 0 0;
}

ul.jqtree-tree .jqtree-toggler.jqtree-toggler-left, .jqtree_common .jqtree-item > i.fa, .jqtree_common .jqtree-item > i.fa  {
    margin-right: 0.3em;
	margin-top: 0.3em;
	min-width:20px;
}

    ul.jqtree-tree .jqtree-toggler.jqtree-toggler-right {
            margin-left: 0.5em;
        }

    ul.jqtree-tree .jqtree-element {
        cursor: pointer;
        position: relative;
        display: flex;
		padding:1rem 0.5rem;
		font-weight:bold;
    }

    ul.jqtree-tree .jqtree-title {
        color: #000;
        vertical-align: middle;
        /*margin-left: 1.5em;*/
    }

    ul.jqtree-tree .jqtree-title.jqtree-title-folder {
            margin-left: 0;
        }

    ul.jqtree-tree li.jqtree-folder {
        margin-bottom: 4px;
    }

    ul.jqtree-tree li.jqtree-folder.jqtree-closed {
            margin-bottom: 1px;
        }

    ul.jqtree-tree li.jqtree-ghost {
        position: relative;
        z-index: 10;
        margin-right: 10px;
    }

    ul.jqtree-tree li.jqtree-ghost span {
            display: block;
        }

    ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
            border: solid 2px #006744;
            border-radius: 100px;
            height: 8px;
            width: 8px;
            position: absolute;
            top: -4px;
            left: -6px;
            box-sizing: border-box;
        }

    ul.jqtree-tree li.jqtree-ghost span.jqtree-line {
            background-color: #006744;
            height: 2px;
            padding: 0;
            position: absolute;
            top: -1px;
            left: 2px;
            width: 100%;
        }

    ul.jqtree-tree li.jqtree-ghost.jqtree-inside {
            margin-left: 48px;
        }

    ul.jqtree-tree span.jqtree-border {
        position: absolute;
        display: block;
        left: 0px; /* -2px;*/
        top: 0;
        border: dotted 2px #006744;
		background-color:rgba(175,210,198,0.1);
        margin: 0;
        box-sizing: content-box;
    }

    ul.jqtree-tree li.jqtree-selected > .jqtree-element,
    ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
        background-color: #333; /*#990000;*/
		color:#fff;
    }
    ul.jqtree-tree li.jqtree-selected > .jqtree-element span,
	ul.jqtree-tree li.jqtree-selected > .jqtree-element .jqtree-item > i.fa,
    ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover span,
    ul.jqtree-tree li.jqtree-selected > .jqtree-element a,
    ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover a ,
    ul.jqtree-tree li.jqtree-selected > .jqtree-element span::before,
    ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover span::before {
		color:#fff;
    }
	ul.jqtree-tree li.jqtree-selected > .jqtree-element > .jqtree-toggler-left, 
	ul.jqtree-tree li.jqtree-selected > .jqtree-element > .jqtree-toggler, 
	ul.jqtree-tree li.jqtree-selected > .jqtree-element > span.jqtree-title:first-child::before {
		color:#fff !important;		
	}
	ul.jqtree-tree li.jqtree-selected >  .jqtree-element > .jqtree-item svg path {
		fill:#fff !important;		
	}
	 
    ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title {
        outline: dashed 1px #006744;
    }

ul.jqtree-tree.jqtree-rtl {
    direction: rtl;
}

ul.jqtree-tree.jqtree-rtl ul.jqtree_common {
        margin-left: 0;
        margin-right: 12px;
		padding-left:5px;
    }

ul.jqtree-tree.jqtree-rtl .jqtree-toggler {
        margin-left: 0.5em;
        margin-right: 0;
    }

ul.jqtree-tree.jqtree-rtl .jqtree-title {
        margin-left: 0;
        margin-right: 1.5em;
    }

ul.jqtree-tree.jqtree-rtl .jqtree-title.jqtree-title-folder {
            margin-right: 0;
        }

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost {
        margin-right: 0;
        margin-left: 10px;
    }

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-circle {
            right: -6px;
        }

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost span.jqtree-line {
            right: 2px;
        }

ul.jqtree-tree.jqtree-rtl li.jqtree-ghost.jqtree-inside {
            margin-left: 0;
            margin-right: 48px;
        }

ul.jqtree-tree.jqtree-rtl span.jqtree-border {
        right: -2px;
    }

span.jqtree-dragging {
    color: #fff;
    background: #000;
    opacity: 0.9;
    cursor: pointer;
    padding: 1rem;
}

@media (min-width: 768px) {
	ul.jqtree-tree ul.jqtree_common {
		padding-left:20px;
	}	

	#favTree, #fav-list-view, #fav-detail-view,
	#favTree, #bx-list-view, #bx-detail-view {
		padding:1rem;
	}

	.fav-list-item-show img, .fav-list-item-show span, .fav-list-item-show .bxiconbutton,
	.bx-list-item-show img, .bx-list-item-show span, .bx-list-item-show .bxiconbutton {
		max-width:100px;
	}

	.fav-list-item-image img,
	.bx-list-item-image img {
		max-width:100px;
	}
}
@media (min-width: 1024px) {
	ul.jqtree-tree ul.jqtree_common {
		padding-left:25px;
	}
	.fav-list-item-show img, .fav-list-item-show span, .fav-list-item-show .bxiconbutton,
	.bx-list-item-show img, .bx-list-item-show span, .bx-list-item-show .bxiconbutton {
		max-width:120px;
	}
	.fav-list-item-image img,
	.bx-list-item-image img {
		max-width:120px;
	}
}