/** Easy Tree style */
.easy-tree {
    margin-bottom: 20px !important;
    color: var(--theme-tranparent-color) !important;
    border: none !important;
    border-top: none !important;
    padding-bottom: 15px !important;
}

.easy-tree > ul {
    padding-left: 15px !important;
}

.easy-tree li {
    list-style-type: none !important;
    margin: 0 !important;
    padding: 10px 5px 0 5px !important;
    position: relative !important
}

.easy-tree li::before, .easy-tree li::after {
    content: '';
    left: -30px !important;
    position: absolute !important;
    right: auto !important
}

.easy-tree li::before {
    border-left: 1px solid var(--theme-tranparent-color) !important;
    bottom: 50px !important;
    height: 100% !important;
    top: 0 !important;
    width: 1px !important
}

.easy-tree li::after {
    border-top: 1px solid var(--theme-tranparent-color) !important;
    height: 20px !important;
    top: 30px !important;
    width: 35px !important
}

.easy-tree li > span {
    border: 1px solid var(--theme-tranparent-color) !important;
    border-radius: 3px !important;
    display: inline-block !important;
    padding: 5px !important;
    text-decoration: none !important;
}
.easy-tree li[heading-type="CharStyle"] > span {
    border: 3px solid var(--theme-color) !important;
}
.easy-tree li.parent_li > span {
    cursor: pointer !important
}


.easy-tree > ul > li::before, .easy-tree > ul > li::after {
    border: 0 !important
}

.easy-tree li:last-child::before {
    height: 30px !important
}

.easy-tree li.parent_li > span:hover, .easy-tree li.parent_li > span:hover + ul li span {
    color: var(--theme-tranparent-color) !important;
}

.easy-tree li.parent_li > span:hover + ul li.li_selected span {
    color: var(--theme-tranparent-color) !important;
}

.easy-tree li > span > a {
    color: var(--theme-tranparent-color) !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: bold !important;
}

.easy-tree li > span > span.glyphicon-folder-close, .easy-tree li > span > span.glyphicon-folder-open {
    margin-right: 5px !important;
}

/*.easy-tree li.li_selected > span, .easy-tree li.li_selected > span > a {
    font-weight: bold !important;
}*/

.easy-tree li.li_selected > span:hover, .easy-tree li.li_selected > span:hover > a {
    background: #fafafa !important;
}

.easy-tree .easy-tree-toolbar {
    background-color: #fff !important;
}

.easy-tree .easy-tree-toolbar > div {
    display: inline-block !important;
}

.easy-tree .easy-tree-toolbar > div > button {
    border-radius: 0 !important;
    margin: 20px 5px !important;
}

.easy-tree .easy-tree-toolbar .create .input-group {
    top: -15px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.easy-tree .easy-tree-toolbar .create .input-group input {
    border-radius: 0 !important;
}

.easy-tree .easy-tree-toolbar .create .input-group button {
    border-radius: 0 !important;
}