.tree, .tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
}

    .tree ul {
        /*margin-left: 1em;*/
        position: relative;
    }


    .tree li {
        margin: 0;
        padding: 0 1em;
        line-height: 2em;
        position: relative;
        white-space: nowrap;
        display: table;
    }

        .tree li > .cat-tree-item {
            display: inline-block;
            white-space: nowrap;
        }

            /*.tree li > a:hover, .tree li.active > a {
                background-color: #ededed;
            }*/

            .tree li > .cat-tree-item > i:not(.cat-traffic-light):not(.tvglyphicon) {
                margin-right: -15px;
                left: -20px;
            }

            .tree li > .cat-tree-item > i.cat-traffic-light {
                position: relative;
                top: 4px;
                left: 2px;
                margin: 0px;
            }

            .tree li > .cat-tree-item > span {
                display: inline-block;
                white-space: nowrap;
                padding-left: 5px;
                padding-right: 5px;
                /*position: relative;
                top: 2px;*/
            }

        .tree li.cat-tree-isleaf {
            margin-left: 19px;
        }

    .tree .pmd-checkbox.pmd-checkbox-ripple-effect {
        top: 2px;
        left: 7px;
    }

input#cat_tree_rename {
    height: 31px;
}

input#cat_tree_rename:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.focus-effect-holder {
    position: relative;
    top: 0;
    height: 1px;
}

/* blue line for focus effect */
.cat-tree-item-textfield-focused {
    position: absolute;
    left: 50%;
    height: 1px;
    background-color: #4285f4;
}

.indicator {
    /*top: 4px;*/
    margin-right: 5px;
    cursor: pointer;
}

/*.tree li a {
    text-decoration: none;
}*/

/*.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;

    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}*/

.TL1 {
    color: #90CF53 !important;
}

.TL2 {
    color: #FEBF14 !important;
}

.TL4 {
    color: #BF0101 !important;
}

.TL5 {
    color: #BEBEBE !important;
}

.TL1BG {
    background-color: #90CF53 !important;
}

.TL2BG {
    background-color: #FEBF14 !important;
}

.TL4BG {
    background-color: #BF0101 !important;
}

.TL5BG {
    background-color: #BEBEBE !important;
}


.TL1GRID {
    color: #90CF53 !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 30px !important;
}

.TL2GRID {
    color: #FEBF14 !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 30px !important;
}

.TL4GRID {
    color: #BF0101 !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 30px !important;
}

.TL5GRID {
    color: #BEBEBE !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 30px !important;
}