ul.jqtree-tree .jqtree-element {
    cursor: pointer;
    position: relative;
    display: flex;
}

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

/* Override CSS */

.jqtree_common li {
list-style-type: none;
margin: 5px 0 5px 5px;
position: relative;
}
.jqtree_common li:before {
content: "";
position: absolute;
top: 1px;
left: -20px;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
width: 20px;
height: 15px;
}

ul.jqtree_common > li:first-child::before {
    top:-20px;
    height:36px!important;
}

.jqtree_common li:after {
position: absolute;
content: "";
/* top: 25px; */
top: 15px;
left: -20px;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
width: 20px;
height: 100%;
}
.jqtree_common li:last-child:after {
display: none;
}
.jqtree_common li > div {
display: block;
border: 1px solid #ddd;
padding: 5px;
color: #888;
text-decoration: none;
}

.jqtree_common li > div:hover, .jqtree_common li > div:focus {
background: #cecece!important;
}

.jqtree_common li > div:hover + ul li > div > a, .jqtree_common li > div:focus + ul li > div > a {
/* background: #eee; */
/* color: #000; */
color: #707273!important;
/* border: 1px solid #aaa; */
}
.jqtree_common li > div:hover + ul li:after, .jqtree_common li > div:hover + ul li:before, .jqtree_common li > div:focus + ul li:after, .jqtree_common li > div:focus + ul li:before {
border-color: #aaa;
}

ul.jqtree_common {
    padding-left:15px!important;
}

/* .jqtree_common li.jqtree-selected:not(.jqtree-folder) > div {
    font-weight:bold!important;
    color:black!important;
    border-color:black!important;
} */

.jqtree-element {
    display: flex;
    align-items: center;
    height: 30px;
    border-radius: 5px;
    padding: 7.5px;
    border: none;
    background-color: #f3f3f3;
    margin-bottom: 6px;
    color: #707273;
    border:none!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.item_to_be_selected {
    color: #707273;
    outline:none!important;
    width:100%;
}

li.jqtree-folder > div.jqtree-element {
    display:grid;
    gap:5px;
    grid-gap:5px;
    grid-template-columns: 20px calc(100% - 25px);
    grid-template-rows: 19px;
    align-items: center;
}

li.jqtree-folder > div.jqtree-element > a.jqtree-toggler {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    line-height: 120%;
}

.jqtree-element.active {
    background-color: #989898!important;
    color: white!important;
}

.jqtree-element.active > a.jqtree-toggler, .jqtree-element.active a.item_to_be_selected {
    color: white!important;
}

.item_to_be_selected:hover {
    color: #707273!important;
}

:focus-visible {
    outline:none!important;
}