/*
 * CSS3 Treeview. No JavaScript
 * @version 1.0
 * @author Martin Ivanov
 * @url developer's website: http://wemakesites.net/
 * @url developer's twitter: https://twitter.com/#!/wemakesitesnet
 * @url developer's blog http://acidmartin.wordpress.com/
 **/
 
/*
 * This solution works with all modern browsers and Internet Explorer 9+. 
 * If you are interested in purchasing a JavaScript enabler for IE8 
 * for the CSS3 Treeview, please, check this link:
 * http://experiments.wemakesites.net/miscellaneous/acidjs-css3-treeview/
 **/
 
.css-treeview ul,
.css-treeview li
{
    padding: 0;
    list-style: none;
    width:fit-content;
    overflow-wrap:anywhere;
    margin-bottom:4px;
}
.css-treeview:not(.deprecated):hover {
    //background-color: rgba(0,0,0,0.1);
}
 
.css-treeview input[type=checkbox]
{
    position: absolute;
    opacity: 0;
}
 
.css-treeview
{
    font: normal 11px verdana, arial, sans-serif;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    overflow-x:hidden;
}
 
.css-treeview a
{
    color: #ccc;
    text-decoration: none;
}
 
.css-treeview a:hover
{
    text-decoration: underline;
}
 
.css-treeview input + label + ul
{
    margin: 0 0 0 22px;
}

.css-treeview .item-detail-left img {
	border:1px solid #999;
	border-radius:10px;
	transition: width;
	transition:all 0.5s ease;
}

.css-treeview .item-detail-left button { margin-top:8px; }
 
.css-treeview input[type=checkbox] ~ ul
{
    display: none;
}
 
.css-treeview label,
.css-treeview label::before
{
    cursor: pointer;
}
 
.css-treeview input:disabled + label
{
    cursor: default;
    opacity: .6;
}
 
.css-treeview input:checked:not(:disabled) ~ ul
{
    display: block;
}

.css-treeview label::before
{
    background: url("../rsrc/tree-icon.png") no-repeat;
}

.css-treeview label {
    background: url("../rsrc/cat-icon.png") no-repeat;
}

.css-treeview .css-node-item { background-position: 18px 0; }
.css-treeview .css-node-tag { background-position: 18px -16px; }
.css-treeview .css-node-invoice { background-position: 18px -32px; }
.css-treeview .css-node-cart { background-position: 18px -48px; }
.css-treeview .css-node-service { background-position: 18px -64px; }
.css-treeview .css-node-client { background-position: 18px -80px; }
.css-treeview label
{
    background-position: 18px 0;
}

.css-treeview .css-progress {
    width:148px;
    height:12px;
    border-radius:6px;
    border:solid 1px;
}

.css-treeview .css-progress .css-progress-inner {
    background-color:#ccc;
    height:100%;
    border-radius:6px;
}
.css-treeview li > label { overflow:hidden; } 
.css-treeview label,
.css-treeview a,
.css-treeview label::before
{
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}
 

.css-treeview label::before
{
    content: "";
    width: 16px;
    margin: 0 22px 0 0;
    vertical-align: middle;
    background-position: 0 -32px;
}
 
.css-treeview input:checked + label::before
{
    background-position: 0 -16px;
}
 
/* webkit adjacent element selector bugfix */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .css-treeview 
    {
        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    }
 
    @-webkit-keyframes webkit-adjacent-element-selector-bugfix 
    {
        from 
        { 
            padding: 0;
        } 
        to 
        { 
            padding: 0;
        }
    }
}