@charset "utf-8";
/* CSS Document */

.tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #ddd;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:5px 5px;
    text-decoration:none
}

#triangle-bottomright { 
   width: 0; 
   height: 0; 
   border-bottom: 100px solid blue; 
   border-left: 100px solid transparent; 
}


.tree li.parent_li>span {
cursor:pointer;
background: rgb(220,182,116); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(220,182,116,1) 50%, rgba(215,172,94,1) 50%, rgba(215,172,94,1) 68%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(50%,rgba(220,182,116,1)), color-stop(50%,rgba(215,172,94,1)), color-stop(68%,rgba(215,172,94,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(220,182,116,1) 50%,rgba(215,172,94,1) 50%,rgba(215,172,94,1) 68%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(220,182,116,1) 50%,rgba(215,172,94,1) 50%,rgba(215,172,94,1) 68%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(220,182,116,1) 50%,rgba(215,172,94,1) 50%,rgba(215,172,94,1) 68%); /* IE10+ */
background: linear-gradient(135deg,  rgba(220,182,116,1) 50%,rgba(215,172,94,1) 50%,rgba(215,172,94,1) 68%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcb674', endColorstr='#d7ac5e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


border:1px solid #e2c38f;
color:#5c3701;


}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 50%, rgba(209,209,209,1) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(50%,rgba(209,209,209,1)), color-stop(50%,rgba(209,209,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 50%,rgba(209,209,209,1) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 50%,rgba(209,209,209,1) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 50%,rgba(209,209,209,1) 50%); /* IE10+ */
background: linear-gradient(135deg,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 50%,rgba(209,209,209,1) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#d1d1d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

border:1px solid #e2e2e2;
color:#666
}









.tree li.alone_li>span {
border:1px solid #94a0b4;
color:#000
}

.tree li.alone_li>span:hover, .tree li.parent_li>span:hover+ul li span {
border:1px solid #94a0b4;
color:#000
}