.k-datatreecard-toolbar {
    padding: 2px;
}

.k-datatreecard-toolbar-buttons {
    display: inline-block;
    padding: 4px;
}

.k-datatreecard-statusbar {
    padding: 2px;
}

.k-datatreecard-statusbar-buttons {
    padding: 4px;
}

.k-block-inline {
    /*float:left;*/
    /*display: inline-block;*/
    display: block;
}

.k-datatreecard-level {
    height: 100%;
    display: inline-block;
}

.k-datatreecard-level-space {
    float: left;
    width: 8px;
    height: 28px;
    display: inline-block;
    padding: 1px;
}

.k-datatreecard-level-left {
    float: left;
    width: 8px;
    height: 100%;
    display: inline-block;
    background-color: gray;
}

.k-datatreecard-level-toggle {
    float: left;
    width: 24px;
    height: 100%;
    display: inline-block;
}

.k-datatreecard-level-right {
    float: left;
    height: 100%;
    display: inline-block;
}

.k-datatreecard-level-right-top {
    display: inline-block;
    width: 100%;
}

.k-datatreecard-level-right-bottom {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.k-datatreecard-item {
    /* padding: 2px; */
    border: lightgray;
    border-width: thin;
    /*background-color: antiquewhite;*/
    width: 100%;
    width: -moz-available; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
    width: fill-available;
    display: inline-block;
    border-style: solid;
}

.k-datatreecard-item-leftbar {
    float: left;
    min-width: 16px;
    height: 100%;
    display: inline-block;
    background-color: gray;
    padding: 1px;
}

.k-datatreecard-item-right {
    /*float: left;*/
    height: 100%;
    display: inline-block;
}

.k-datatreecard-item-right-buttons {
    float: left;
    height: 100%;
    display: inline-block;
    clear: both;
}

.k-datatreecard-item-right-content {
    height: 100%;
    display: inline-block;
    /*float:left;*/
}

.k-datatreecard-item-right-contentrow {
    float: left;
    width: 100%;
    clear: both;
    display: inline-block;
    padding: 2px;
    margin-bottom: 2px;
    white-space: break-spaces;
}

.k-datatreecard-item-left-toolbar {
    padding: 0;
    cursor: default;
    display: inline-block;
    vertical-align: top;
}


    .k-datatreecard-item-left-toolbar .k-tool-text {
        display: none;
    }

    .k-datatreecard-item-left-toolbar .k-tool-icon {
        width: 24px;
        height: 24px;
        font-size: 16px;
    }

    .k-datatreecard-item-left-toolbar .k-button-group {
        padding: 1px;
    }

        .k-datatreecard-item-left-toolbar .k-button-group > .k-group-end {
            margin-right: 6px;
        }

.k-datatreecard-item-right-toolbar {
    padding: 0;
    cursor: default;
    display: inline-block;
}


    .k-datatreecard-item-right-toolbar .k-tool-text {
        display: none;
    }

    .k-datatreecard-item-right-toolbar .k-tool-icon {
        width: 24px;
        height: 24px;
        font-size: 16px;
    }

    .k-datatreecard-item-right-toolbar .k-button-group {
        padding: 1px;
    }

        .k-datatreecard-item-right-toolbar .k-button-group > .k-group-end {
            margin-right: 6px;
        }