.treetable{

}
.treetable .fa{
    cursor: pointer;
    padding-right: 5px;
}
.treetable .rowhidden{
    display: none !important;
}
.treetable .j-addChild{
    display: none;
}
.treetable .selected .j-addChild{
    display: block;
}
.treetable .btn-outline{
    background-color: transparent;
}
.treetable .form-control{
    width: 85%;
    display: inline-block;
}
.treetable .textalign-center{
    text-align: center !important;
}
.treetable .j-expend{
    cursor: pointer;
    width: 35% !important;
    text-align: left !important;
    
}
.treetable .maintitle{
    width: 35% !important;
}
.treetable .j-remove{
    padding: 8px;
    cursor: pointer;
    font-size: 16px;
    color:red;
}
.treetable .tt-header{
    margin-top:10px;
}
.treetable .class-level-2 .class-level-ul .j-expend{
    position: relative;
    left: 22px;
}
.treetable .class-level-3 .class-level-ul .j-expend{
    position: relative;
    left: 44px;
}
    .treetable .class-level-4 .class-level-ul .j-expend {
        position: relative;
        left: 86px;
    }
.treetable .class-level-1 {
    border-bottom: dashed 1px #eee;
}
.treetable .class-level-ul{
    padding: 0;
    margin-bottom: 2px;
}
    .treetable .class-level-ul li {
        float: left;
        text-align: center;
        vertical-align: middle;
        padding: 1px 5px;
        min-width: 250px;
        max-width: 250px;
        list-style: none;
    }
.treetable .class-level-ul:after {
    display: block;
    clear: both;
    height: 0;
    content: "\0020";
}
    .treetable .tt-header div span {
        width: auto;
        display: inline-block;
        min-width: 120px;
        min-width: 250px;
        max-width: 250px;
        text-align: left;
        padding: 1px 85px;
    }
.treetable .tt-body{
    border: solid 1px #DDD;
    padding-top: 1px;
    background-color:#FFF;
}
.treetable .tt-header div{
    border: solid 1px #DDD;
    border-bottom:none;
    background-color:#FFF;
}

     .j-publishClass{
        margin-top:22px;
    }