div.orgChart {
    border                : 1px solid #cccccc;
    border-top: none;
    background-color      : #fff;
    /*margin                : 10px;*/
   margin-top:-15px;
    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                 : 90%;
    margin: auto;
}

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

div.orgChart tr.lines td.top {
    /*border-top            : 3px solid #5dc4bf;*/
}

div.orgChart tr.lines td.left {
    /*border-right          : 2px solid #5dc4bf;*/
}

div.orgChart tr.lines td.right {
    /*border-left           : 2px solid #5dc4bf;*/
}

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

div.orgChart div.node {
	padding-top:6px;
    cursor                : default;
    border                : 1px solid #ddd;
    display               : inline-block;
    width                 : 120px;
    /*height                : 110px;*/
    /*background-color      : #ffffcf;*/
    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;
}
div.orgChart div.node p{
	margin-bottom: 0px;
	min-height:25px;
	padding:6px 0;
	/*border-top:solid 1px #5dc4bf;*/
	overflow: hidden;
}
.treeform_hint{
	padding: 10px 10px;
    border-radius: 5px;
    text-align:center;
    color:#fff;
    height:45px;
    font-size:16px;
}


/*div.orgChart div.hasChildren {
    background-color      : #ffff98;
}*/

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;
}



.long-name {
    font-size: 12px;
}
div.orgChart{
	overflow: auto;
}
div.orgChart div.node.level0{
    /*background-color: rgb(244, 227, 116);*/
}

.photo_bg{
	width:70px;
	height:70px;
	margin:auto;
	background-image:url(../images/photo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
}
div.orgChart div.node p.pd3{
	min-height:27px;
}
@media only screen and (max-width: 767px) {
	div.orgChart h2{
		font-size:12px;
	}
	div.orgChart div.node {
		width: 82px;
		padding:3px 0px 0 0px;
	}
	div.orgChart div.node p {
	    line-height: 15px;
	    padding: 3px 0;
    	min-height: 20px;
	}
	div.orgChart{
		padding:10px 0px;
	}
	div.orgChart table{
		width:100%;
	}
	#chart,#chart2{
		margin-left: -20px;
    	margin-right: -20px;
	}
	.photo_bg{
		width:50px;
		height:50px;
	}	
	div.orgChart div.node{
		box-shadow: 1px 1px 6px #888888;
	    -moz-border-radius: 4px;
	    -moz-box-shadow: 1px 1px 6px #888888;
	    -webkit-border-radius: 4px;
	    -webkit-box-shadow: 1px 1px 6px #888888;
	    border: none;
	}
	div.orgChart td{
		padding:0 0;
	}
	div.orgChart div.node p.pd3{
		min-height: 21px;
	}
	.treeform_hint{
		margin-left: -20px;
	    margin-right: -20px;
	    height: 38px;
	    padding: 5px 5px;
	    font-size: 14px;
	}
	.m_style{
		margin-top:15px;
	}
}