mat-tree{
    width:800px;
    button{
        display: block;
        float: right;
    }
    mat-tree-node{
        position: relative;

        .deleted{
            position: absolute;
            right: 0px;
        }

        .disabled{
            position: absolute;
            right: 40px;
        }

        .edit{
            position: absolute;
            right:160px;
        }
        .create{
            position: absolute;
            right: 200px;
        }
        .up{
            position: absolute;
            right: 120px;
        }
        .down{
            position: absolute;
            right: 80px;
        }
    }
}
form{
    text-align: center;
    button{
        margin: 0 8px;
        margin-top: 8px;
    }
}

.leftbox{
    width: 300px;
    float: left;
}
.treebox{
    float: right;
    height: 250px;
    width: 300px;
    /* overflow: auto; */
    overflow-x: hidden;
    overflow-y: auto;
}
.smalltreebox{
    width: 300px;
    mat-tree-node{
        width: 300px;
    }
}
.orilist{
    list-style: none;

}
.orilist:hover{
    cursor: pointer;
    background-color: rgba(225, 225, 225, 0.8);
}