﻿/* Basic styling */
.jOrgChart-table{
	width:100% !important;
}
/* Draw the lines */
.jOrgChart .line {
  height                : 20px;
  width                 : 2px;
}

.jOrgChart .down {
  background-color 		: #64be9f;	
  margin 				: 0px auto;
}

.jOrgChart .top {
  border-top          : 2px solid #64be9f;
}

.jOrgChart .left {
  border-right          : 1px solid #64be9f;
}

.jOrgChart .right {
  border-left           : 1px solid #64be9f;
}

/* node cell */
.jOrgChart td {
  text-align            : center;
  vertical-align        : top;
  padding               : 0;
}

/* The node */
.jOrgChart .node {

  display               : inline-block;
  width                 : auto;
    height                : auto;
  z-index 				: 10;
  margin               : 0 2px;
  overflow:visible;
  font-family:Lato;
  color:#666666;
  cursor:default;
  
background-color:#f0f8f5;
 -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	

}

.jOrgChart table table .node{
	 width: 126px !important;

}

.jOrgChart .xnode:nth-child(n+2){
		width:auto; !Important;

}


.jOrgChart .node .name {
	white-space:nowrap !important;
	display:block;padding:0px 0px;
		color:#666666;
	font-family:Lato;
	font-weight:normal;
	font-size:14px;

}

.jOrgChart .node > img {
	box-shadow: 2px 2px 2px rgba(0,0,0,.3) !important;

}
.jOrgChart .node .no-image{
	background-color 		: #64be9f;
	color:#2a5785;
	font-family:Lato;
	font-weight:bold;
	font-size:24px;
	padding:25px 40px 25px 40px;
	display:inline-block;
	position:relative;
	/*left:-60%;*/
	
	/*
	-webkit-border-radius: 5px;
	
	-moz-border-radius: 5px;
	
	border-radius: 5px;
	
	
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	*/
}

.jOrgChart .node .top-border
{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	border-top-color:  #64be9f;
	border-top-width:  5px;
	background-color 		: #64be9f;	
}

.jOrgChart table table table .top-border /* 2nd Level*/
{
	border-top-color: #8fd0b9 !important;
	background-color: #8fd0b9 !important;	
}

.jOrgChart table table table table .top-border /* 3rd Level*/
{
	border-top-color: #92d1bc !important;
	background-color: #92d1bc !important;	
}

.jOrgChart table table table table table .top-border /* 4th Level*/
{
	border-top-color: #aadbca !important;
	background-color: #aadbca !important;	
}

.jOrgChart table table table table table table .top-border /* 5th Level*/
{
	border-top-color: #c1e5d9 !important;
	background-color: #c1e5d9 !important;	
}

.jOrgChart table table table table table table table .top-border /* 6th Level*/
{
	border-top-color: #d8efe7 !important;
	background-color: #d8efe7 !important;	
}


.jOrgChart .node .d {
display:block;
padding:0 5px 5px 5px;
overflow:visible;

}
.jOrgChart .node .position {
	color:#666666;
	font-family:Lato;
	font-weight:bold;
	font-size:16px;
	display:block;
	padding:5px 5px;
	

	max-width:126px;
}

.jOrgChart .node .extra{
	padding:5px 0px;text-align:center;
	height:20px;margin-left:auto;margin-right:auto;
}
.jOrgChart .node .extra ul{
	list-style:disc;padding-left:0px;margin:0px;
	height:20px;display:inline-block;
}
.jOrgChart .node .extra ul li {
/*list-style-position:inside;*/
	margin:0px;
}

.jOrgChart .node .extra ul.two-cols li {
  /*width:50%;*/float:left;display:inline-block;
  padding:0px 5px;
}

.jOrgChart .node .extra ul.two-cols li:before {
  content: "• ";
}

.jOrgChart .node .extra li a{
	cursor:pointer;
	padding:0px ;
	margin:0px;
	font-size:10px;
	font-family:Lato;
	font-weight:bold;
	text-align:left;
	
	color:#666666;
	position:relative;
	left:0px;
}
.jOrgChart .node .extra a:hover,.jOrgChart .node .extra a:link,.jOrgChart .node .extra a:visited{
	text-decoration:none;
}


/* jQuery drag 'n drop */

.drag-active {
  border-style			: dotted !important;
}

.drop-hover {
  border-style			: solid !important;
  border-color 			: #E05E00 !important;
}
