.mj-treeview {
    width: 100%;
    height: 100%;           /* actual height depends on container */  
    max-height: inherit;
    overflow: hidden;
}

.mj-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: auto;
}

.mj-list .mj-item { list-style: none;
                    text-decoration: none; 
                    text-align: left;
                    cursor: default; 
                    outline: none; 
                    white-space: nowrap;
                    color: inherit; 
}

/* the treeview contains multiple mj-lists, we only want 1 scrollbar so put it on the mj-root 
    set max-height on mj-root for scrolling 
    height: inherit;       this important for scrolling
    */

.mj-treeview .mj-root {
    height: inherit;
    max-height: inherit;
    overflow-y: auto;
    overflow-x: hidden;
}

/*.mj-treeview .mj-list { list-style: none; padding: 0px; overflow: hidden; max-height: inherit; }*/

.mj-treeview .mj-item .mj-list { padding-left: 16px; width: 100%; }      /* indent level */

/*.mj-treeview .mj-expander, .mj-treeview .mj-checkbox-box, .mj-treeview .mj-image, .mj-treeview .mj-text {
    display: inline-block;
    border-collapse: initial;
}*/

.mj-treeview .mj-expander, .mj-treeview .mj-checkbox-box, .mj-treeview .mj-image {
    float:left;
    border-collapse: initial;
}

.mj-treeview .mj-item { overflow: hidden; }

.mj-treeview .mj-item.mj-disabled .mj-content { cursor: default; color: #000; opacity: .55; filter: Alpha(Opacity=45); }

.mj-treeview .mj-expander { width: 14px; height: 14px; margin-right: 2px; vertical-align: top; background-repeat: no-repeat; background-position: center; background-size: 14px 14px; }

.mj-treeview .mj-expander.mj-open { background-image: url('../images/arrow-down.png'); }
.mj-treeview .mj-expander.mj-closed { background-image: url('../images/arrow-right.png');  }

.mj-treeview .mj-content { text-decoration: none; color: inherit; cursor: default;  vertical-align: top; min-height: 20px; }

.mj-treeview .mj-content .mj-text:hover { background: #e8e8e8; }

.mj-treeview .mj-content .mj-image { margin-right: 5px; position: relative; }

.mj-treeview .mj-content.selected { background: #e8e8e8; }