.taskrow {
    display: flex;
    flex-wrap: wrap;
}

.tasktable {
    width: 100%;
}

ul.template {
    display: none;
}

.tree > ul {
    margin-left: -30px;
}

.tree ul {
    margin-bottom: 0px;
    /*width: 1220px;*/
    overflow-x: hidden;
    /*padding-right: 15px*/
}

.tree .header {
    margin-left: -5px;
}

    .tree .header div {
        padding: 5px;
        text-decoration: underline;
        font-weight: bold;
    }

    .tree .header a.add-button {
        margin-right: 50px;
    }

.tree li {
    list-style-type: none;
}

    .tree li div {
        min-height: 30px;
        margin-bottom: 4px;
        background-color: whitesmoke;
        padding: 5px;
    }

.tree div.drag-over, .tree div.selected {
    background-color: gainsboro;
}

.tree .handle {
    background: transparent url(../images/plusminus.gif) no-repeat;
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 4px;
}

    .tree .handle.nochild {
        background-position: left -30px;
        cursor: default;
        background: transparent;
    }

    .tree .handle.closed {
        background-position: left top;
    }

    .tree .handle.opened {
        background-position: left -15px;
    }

.tree .col-handle {
    width: 59px;
}

.tree .col-name {
    width: 592px;
    display: table-cell;
    vertical-align: middle;
    flex: 1 1 auto;
}

    .tree .col-name select {
        width: 49%;
        margin-top: 4px;
        float: left;
    }

    .tree .col-name p {
        margin-bottom: 0px;
        padding: 2px;
    }

    .tree .col-name select.task-type {
        margin-right: 2%;
    }

.tree .col-buttons {
    /*width: 110px;*/
    flex: 1 0 100px;
}
    .tree .col-buttons .btn {
        padding-top:0px;
        padding-bottom:0px;
    }

.tree .col-budget,
.tree .col-total-billed,
.tree .col-completed,
.tree .col-client-ref,
.tree .col-alt-ref,
.tree .col-selectable {
    width: 100px;
}

    .tree .col-budget,
    .tree .col-budget input,
    .tree .col-total-billed,
    .tree .col-total-billed input,
    .tree .col-completed,
    .tree .col-completed input {
        text-align: right;
    }



.tree.filtered ul.parentsOfSelected > li:first-of-type > div {
    display: initial!important;
}

.tree.filtered li div:not(.selected) {
    display: none!important;
}