#categorytree ul {
  padding: 0;
  margin: 0;
  position: relative;
}
#categorytree ul li {
    list-style: none;
    position: relative;
}
#categorytree li .txt-wrap {
    position: relative;
}
#categorytree li .arrow {
    margin-right: 10px;
    width: 12px;
    text-align: center;
    position: absolute;
    z-index: 0;
    left: 10px;
    top:50%;
    margin-top: -7px;
    cursor: pointer;
}
#categorytree li .arrow:before {
    font-family: FontAwesome;
    font-size:12px;
    color:#697078;    
}
#categorytree li[data-childs="empty"] > .txt-wrap > .arrow:before {
    content:'\f054';
    color:#c3c3c3;
}
#categorytree li[data-childs="open"] > .txt-wrap >  .arrow:before {
    content:'\f077';
}
#categorytree li[data-childs="close"] > .txt-wrap >  .arrow:before {
    content:'\f078';
}
#categorytree li.load > .txt-wrap >  .arrow:before {
    content:'\f110';
    display: inline-block;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}
#categorytree li.active > .txt-wrap > .arrow:before {
    color:#000;
}
#categorytree li[data-childs="open"] > div > ul {
    display: block;
}
#categorytree li[data-childs="close"] > div > ul {
    display: none;
}

#categorytree a {
    display: block;
    width: 100%;
    font-size: 14px;
    text-decoration: none;
    padding: 7px 15px 7px 30px;
    color:#3e3e3e;
    box-sizing: border-box;
    border-bottom:2px solid #eaeaea;
    -webkit-transition: background-color 0.3s ease, border-color 0.3 ease;
    -moz-transition: background-color 0.3s ease, border-color 0.3 ease;
     -o-transition: background-color 0.3s ease, border-color 0.3 ease;
    transition: background-color 0.3s ease, border-color 0.3 ease; 
}
#categorytree li.active > .txt-wrap > a {
    background: #f6bc01;
}
#categorytree li.active > .txt-wrap > .arrow {
    color:#000 !important;
}
#categorytree a:hover {
    background: #eaeaea;
}
#categorytree > ul > li:last-child > .txt-wrap > a {
    border:none;
}

#categorytree ul li ul li a {
    padding-left: 50px;
}
#categorytree ul li ul li ul li a {
    padding-left: 70px;
}
#categorytree ul li ul li ul li ul li a {
    padding-left: 90px;
}
#categorytree ul li ul li ul li ul li ul li a {
    padding-left: 110px;
}
#categorytree ul li ul li ul li ul li ul li ul li a {
    padding-left: 130px;
}
#categorytree ul li ul li ul li ul li ul li ul li ul li a {
    padding-left: 150px;
}
#categorytree ul li ul li ul li ul li ul li ul li ul li ul li a {
    padding-left: 170px;
}
#categorytree ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
    padding-left: 190px;
}
#categorytree ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
    padding-left: 210px;
}
#categorytree ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li a {
    padding-left: 230px;
}

#categorytree ul li ul li .arrow {
    left:29px;
}
#categorytree ul li ul li ul li .arrow {
    left:48px;
}
#categorytree ul li ul li ul li ul li .arrow {
    left:67px;
}
#categorytree ul li ul li ul li ul li ul li .arrow {
    left:86px;
}
#categorytree ul li ul li ul li ul li ul li ul li .arrow {
    left:105px;
}
#categorytree ul li ul li ul li ul li ul li ul li ul li .arrow {
    left:124px;
}
#categorytree ul li ul li ul li ul li ul li ul li ul li ul li .arrow {
    left:143px;
}
#categorytree ul li ul li ul li ul li ul li ul li ul li ul li ul li .arrow {
    left:162px;
}
#categorytree ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li .arrow {
    left:181px;
}
#categorytree ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li ul li .arrow {
    left:200px;
}