div.orgChart {
    margin                : 10px;
    padding               : 20px;
}

div.orgChart h2 {
    margin                : 0px;
    font-size             : 1em;
    border-bottom         : none;
}

div.orgChart ul {
    list-style            : none;
    margin                : 4px;
    padding               : 0px;
    font-size             : 0.8em;
    text-align            : left;
}

div.orgChart ul.stack,
div.orgChart ul.stack ul {
    text-align            : center;
}

div.orgChart table {
    width                 : 100%;
}

div.orgChart tr.lines td.line {
    width                 : 1px;
    height                : 20px;
}

div.orgChart tr.lines td.top {
    border-top            : 3px solid #8da6d3;
}

div.orgChart tr.lines td.left {
    border-right          : 2px solid #8da6d3;
}

div.orgChart tr.lines td.right {
    border-left           : 2px solid #8da6d3;
}

div.orgChart td {
    text-align            : center;
    vertical-align        : top;
    padding               : 0px 2px;
}

div.orgChart .group {
    cursor                : default;
    border                : 2px solid #709bc3;
    display               : inline-block;
    padding               : 0 4px;
    width                 : 120px;
    height                : 107px;
    line-height           : 1.3em;
    border-radius         : 8px;
    box-shadow            : 4px 4px 6px #888888;
    -moz-border-radius    : 8px;
    -moz-box-shadow       : 4px 4px 6px #888888;
    -webkit-border-radius : 8px;
    -webkit-box-shadow    : 4px 4px 6px #888888;
    width                 : 150px !important;
    height                : 60px !important;
    background-color      : #4e6d95 !important;
    color                 : #fff !important;
    padding-top           : 15px !important;
}

div.orgChart.interactive div.hasChildren {
    cursor                : pointer;
}

div.orgChart div.node.hover {
    background-color      : white;
}

div.orgChart div.adjunct.node {
    position              : absolute;
    margin-top            : 8px;
    margin-left           : -110px;
    width                 : 80px;
    height                : 40px;
    background-color      : #efefef;
}

div.orgChart div.adjunct-link {
    display               : inline-block;
    position              : absolute;
    margin-left           : -20px;
    margin-top            : 25px;
    width                 : 20px;
    border                : 1px dashed black;
}

.groupIcons {
    margin-top: 5px;
    margin-left: 65px;
    width: 70px;
    height: 30px;
    color: #90acc3;
    font-size: 16px;
}
.editGroup {
    transition: box-shadow .25s;
    padding: 0;
    margin: auto;
    position: absolute;
    width: 235px;
    height: 32px;
    z-index: 1000;
    display: inline-flex;
    border-radius: 5px;
    left: 630px;
    top: 196px;
    background: #ffffff;
}
.userImage {
    width: 45px;
    height: 45px;
    border-radius: 5px;
}
.userRoleLabel {
    color: #297f9b;
}

div.orgChart tr:nth-child(even) {
    background-color: unset !important;
}

.userCard {
    cursor                : default;
    font-size             : 14px;
    padding-top           : 3px;
    margin-bottom         : 5px;
    border                : 2px solid #c5ccd3;
    display               : inline-block;
    padding               : 3px 0px 0 0px;
    width                 : 90px;
    height                : 90px;
    background-color      : #e5f1ff;
    line-height           : 1em;
    border-radius         : 8px;
    box-shadow            : 4px 4px 6px #888888;
    -moz-border-radius    : 8px;
    -moz-box-shadow       : 4px 4px 6px #888888;
    -webkit-border-radius : 8px;
    -webkit-box-shadow    : 4px 4px 6px #888888;
}

.bonsai,
.bonsai > li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.bonsai > li {
  position: relative;
  padding-left: 1.3em; /* padding for the thumb */
}

li .thumb {
  margin: -1px 0 0 -1em; /* negative margin into the padding of the li */
  position: absolute;
  cursor: pointer;
}

li.has-children > .thumb:after {
  content: '▸';
}

li.has-children.expanded > .thumb:after {
  content: '▾';
}

li.collapsed > ol.bonsai {
  height: 0;
  overflow: hidden;
}

.bonsai .all,
.bonsai .none {
  cursor: pointer;
}