/* 
    Rrtarax Tree View
    copyright 2018 http://artarax.com
*/
.rounded-left{
    border-radius: 10px 0px 0px 10px !important;
}
.rounded-right{
    border-radius: 0px 10px 10px 0px !important;
}

.treeview{
    padding:0;
    max-height: calc(60vh - 100px );
    overflow: auto;
}
.treeview *{
    list-style-type:none;
    margin:0;
    padding:0;
}
.treeview li{
    line-height:25px;
}
.treeview label{
    font-size:100%;
}
.treeview ul{
    margin-left: 35px;
    margin-bottom:14px;
    list-style-type:none;
    border:1px solid #ccc;
}

.treeview .btn-wrpr{
    float: right;
}

.treeview ul.child li:nth-of-type(2n+1){
    background: #dde8f0;
}
.treeview ul.child2 li:nth-of-type(2n+1){
    background: none;
}

.treeview ul.child li{
    margin-left: 5px;
}

.treeview ul.child .label{
    background: #69c1de !Important;
}	

.treeview .node-plus,
.treeview .node-minus,
.treeview .node-none,
.treeview .node-plus2,
.treeview .node-minus2
{
    margin:0;
    padding-left:8px;
    font-size:170%;
    display:inline-block;
    cursor:pointer;
    width: 30px;
}
.treeview .node-none{
    width:22px;
}

.treeview .node-plus::before,
.treeview .node-plus2::before {
    content: "+";
}

.treeview .node-minus::before,
.treeview .node-minus2::before
{
    content: "-";
}

.treeview .node-plus:hover{
    color:#26c6da
}

.treeview .node-minus:hover{
    color:#e94949
}

.sortable-placeholder { 
    min-height:32px; 
    background:#dbeafe;
    border:2px dashed #1976d2;
    margin:4px 0;
    border-radius:6px;}

.domEdit{
    display: flex !important;
    width: 100%;
}

.category-icon {
    cursor: pointer;
}

.category-icon:hover {
    opacity: 0.7;
}

#mainCat li.active {
    border-left: 5px solid #007bff !important;
    border-top: 1px solid #9dceff;
    box-shadow: 0 0 0 2px rgba(var(--accent-rgb), 0.25), 0 8px 5px rgba(var(--accent-rgb), 0.15), 0 20px 56px rgba(var(--accent-rgb), 0.1), 0 16px 16px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    filter: saturate(1.06);
    font-family: akrobatExtraBold;
    border-radius: 10px;
}
#mainCat .fa-star { color: #f9be00;}

.category-tree { 
    list-style: none; 
    padding-left: 24px; 
    margin-bottom:0; }

li { margin-bottom: 4px; position:relative;}

.category-row {
    display: flex; 
    align-items: center; 
    border-radius: 6px;
    padding: 7px 10px; 
    gap: 8px; 
    border: 0;
    transition: background .18s;
    margin-bottom:2px;
}

.showAddSubForm {
    position: relative;
    background: #e9f6ff;
    border-radius: 9px;
    padding: 5px;
    border-left: 4px solid #1976d2;
    animation: fadeIn .22s;
}

.category-row:hover,#mainCat li:hover:not(.active) { background: #eaf3fb;}
.category-icon { width:20px; color:#1976d2; cursor:pointer;}

#mainCat li:hover:not(.active) {
    outline: none;
    box-shadow: 0 0 0 2px rgba(var(--accent-rgb), 0.25), 0 8px 22px rgba(var(--accent-rgb), 0.35), 0 18px 46px rgba(var(--accent-rgb), 0.28), 0 16px 36px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    filter: saturate(1.06);
    border-radius: 10px;
}