div.orgChart {
  margin                : 0px;
}

div.orgChart h2 {
  margin                : 0px;
  font-size             : 1.1em;

}

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

.node li {
  list-style            : none;
}

div.orgChart table {
  width                 : 100%;
}

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

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

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

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

div.orgChart tr.lines td.left {
  border-right          : 2px solid black;
  float:none;
}
div.orgChart tr.lines td.line-left {
  border-right          : 2px solid black;
  float:none;
}

div.orgChart tr.lines td.right {
  border-left           : 2px solid black;
  float:none;
}
div.orgChart tr.lines td.line-right {
  border-left           : 2px solid black;
  float:none;
}

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

div.orgChart div.node {
  cursor                : pointer;
  border                : 2px solid black;
  display               : inline-block;
  width                 : 66px;
  height                : 66px;
  background-color      : #ffffcf;
  border-radius         : 8px;
}

.tree-node{	
	width                 : 62px;
	height                : 62px;
	background-color      : #d5504f;
	color:#ffffff;
	border-radius         : 5px;
	padding-top:0px;
}
.tree-icon{
	font-size:4em;color:#ffffff;
}
.tree-username{
  width : 100%;
  overflow:hidden;
  display:inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 640px) {
	div.orgChart div.node {
	  border                : 1px solid black;
	  width                 : 33px;
	  height                : 33px;
	  border-radius         : 8px;
	}
	.tree-node{	
		width                 : 31px;
		height                : 31px;
		border-radius         : 5px;
	}
	.tree-icon{
		font-size:2em;
	}
}
.tree-node table,.tree-node td{
	font-size	:0.8em;
	margin:0px;
	padding:0px;
}
div.orgChart div.node.hover {
  background-color      : #ffe8e8;
}

.left {float:none;}
.right {float:none;}