.container-ui {
    position: relative;
}

.db {
    position: relative;
    left: 0px;
    top: 0px;
    height: calc(100vh - 120px);
    overflow-y: auto;
}

    .db .node ul:not(.dropdown-menu) {
        margin-left: 20px;
        text-decoration: none;
    }

    .db ul li {
        list-style: none;
        padding: 0px;
    }

    .db .node .node {
        /*display:none;*/
    }

    .db .node .tree {
        height: 24px;
        line-height: 24px;
    }

    .db .tree {
        text-overflow: ellipsis;
    }

        .db .tree:hover {
            background-color: #ebf2f9;
        }

    .db .btn-group {
        display: inline;
    }

        .db .btn-group ul {
        }

    .db .tree .dropdown-menu > li:before {
        content: none;
    }

    .db .dropdown-menu > li > a {
        padding: 2px 0px 2px 10px;
    }

.db-page {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    overflow: auto;
}

.tree .tree-item-text {
    padding-left: 5px;
}

.fm-text-find {
    position: relative;
}

.fm-text-find > .icon {
    position: absolute;
    top: calc(50% - 8px);
    left: 8px;
    font-size: 15px;
    color: #DDD;
}
.fm-text-find > input[type=text] {
    left: 0px;
    top: 0px;
    width: calc(100% - 5px);
    padding-left: 26px;
}

.db-split {
    position: absolute;
    width: 34px;
    cursor: ew-resize;
    top: 0px;
    height: calc(100vh - 128px);
}

.db-split > .db-split-block {
    transition: 0.1s;
    position: absolute;
    width: 12px;
    left: 12px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 39%,#E5E5E5 40%,#E5E5E5 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 39%,#E5E5E5 40%,#E5E5E5 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 39%,#E5E5E5 40%,#E5E5E5 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 39%,#E5E5E5 40%,#E5E5E5 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
    background: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 39%,#E5E5E5 40%,#E5E5E5 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
}

.db-split:hover > .db-split-block {
    transition: 0.1s;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 39%,#DDD 40%,#DDD 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 39%,#DDD 40%,#DDD 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 39%,#DDD 40%,#DDD 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 39%,#DDD 40%,#DDD 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
    background: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 39%,#DDD 40%,#DDD 60%, rgba(255,255,255,0) 61%, rgba(255,255,255,0) 100%);
    box-shadow: 0px 0px 3px rgba(100,100,100,0.2);
}

.db-split > .db-split-block > .db-split-button {
    height: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 6px;
    z-index: 20;
    position: absolute;
    left: 4px;
    top: 50%;
    background-color: #EEE;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAIAQMAAAALP6d4AAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAAAnRSTlP/AOW3MEoAAAAJcEhZcwAADnQAAA50AWsks9YAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzQGstOgAAAAEElEQVQImWNQYFBg+MEAJwEVkAKx1echuQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 0px 50%;
}