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

.mj-treegrid .mj-treegrid-container {
    position: relative; /* dont use absolute or the grid cant grow in height dynamically */
    left: 0px;
    max-height: inherit;
    overflow: auto;
    width: 100%;
    height: 100%;           /* actual height depends on container */          
}

.mj-treegrid .mj-vertical-scrollbar-container { position: absolute; right: 0px; top: 0px; }

.mj-treegrid .mj-horizontal-scrollbar-container { position: absolute; left: 0px; bottom: 0px; }

.mj-treegrid .mj-root { max-height: inherit; }

.mj-treegrid .mj-cell { /*white-space: nowrap; 
                        text-overflow: ellipsis; 
                        overflow: hidden;*/ 
                        border: 1px solid #efefef; 
                        vertical-align: middle; 
                        -moz-box-sizing: border-box; 
                        -webkit-box-sizing: border-box; 
                        box-sizing: border-box;            /* forces column widths no remain static */
}

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

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

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

.mj-treegrid .mj-content { text-decoration: none; color: inherit; cursor: default; }

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

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

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

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

.mj-treegrid .mj-drag-over { background: #efefef; }
    
.mj-treegrid .mj-drag-over-dashed-border-above { border-width: 1px; border-style: dashed; border-color: #333 #efefef #efefef #efefef; }
.mj-treegrid .mj-drag-over-dashed-border-below { border-width: 1px; border-style: dashed; border-color: #efefef #efefef #333 #efefef; }

.mj-treegrid [draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}