/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Jul 30, 2026, 1:42:22 AM
    Author     : fully
*/

.tree-row
{
    /*    height:100%;
        min-height: 36px;*/
    padding : 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    /*    background-color:yellow;*/
}
.tree-prefix
{
    position:relative;
    vertical-align: top;
    height: 100%;        /* ← Add this */
    min-height: 100%;    /* ← Add this for older browsers */
    display:inline-block;

    min-height: 24px;        /* ← Match your button height */
    line-height: normal;     /* ← Prevents extra spacing */
    /*    display:table-cell;
         vertical-align: middle;*/
    /*    align-items:center;*/
}
.tree-prefix-line
{
    content:"";
    position:absolute;

    margin-left: 7px;
    top:0;
    bottom:0;
    /* //   height:100%;*/
    width:1px;

    background-color: #484848ff;

    z-index:0;
    pointer-events:none;
}

.treecolum i,
.treecolum .tree-prefix,
.treecolum .tree-label {
    vertical-align: middle;  /* or top - pick one consistently */
}

.tree-prefix-line-root
{
    content:"";
    position:absolute;

    margin-left: 11px;
    top:0;
    bottom:0;
    /* //   height:100%;*/
    width:1px;

    background-color: #484848ff;

    z-index:0;
    pointer-events:none;
}
.tree-prefix button
{
    position:relative;
    z-index:100;

}
.tree-label
{
    vertical-align: top;
    display:inline-grid;

}
.tree-col-t {
    background-image: url('../img/icons/mg-tree-t.svg');
    background-repeat: no-repeat;
    background-size: 16px 30px;
    display: inline-block;
    background-position: 0 0;
    width: 16px;
    height: 30px;
}
.tree-col-e {
    background-image: url('../img/icons/mg-tree-e.svg');
    background-repeat: no-repeat;
    background-size: 16px 30px;
    display: inline-block;
    background-position: 0 0;
    width: 16px;
    height: 30px;
}
.tree-col-b {
    background-image: url('../img/icons/mg-tree-b.svg');
    background-repeat: no-repeat;
    background-size: 16px 30px;
    display: inline-block;
    background-position: 0 0;
    width: 16px;
    height: 30px;
}
.tree-col-v {
    background-image: url('../img/icons/mg-tree-b.svg');
    background-repeat: no-repeat;
    background-size: 16px 30px;
    display: inline-block;
    background-position: 0 0;
    width: 16px;
    height: 30px;
}
/*
.v { background-position: 0 -31px; width: 16px; height: 36px; }
.e  { background-position: 0 -68px; width: 16px; height: 36px; }
.b { background-position: 0 -93px; width: 16px; height: 36px; }*/

.tree-container{
    /*     align-self: stretch;*/
    top:0;
    width:16px;
    height:100%;
    /*         background-color: red;*/
    display:inline-flex;
}
.tree-line
{
    width: 1px;
    height:100%;

    background-color: #484848ff;
    margin-left:11px ;
    top:0;
}
/*ini buat membuang semau padding*/
.treecolum {
    padding : 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    height: 30px;
   
    /*    position: relative;*/
}