/* Basic styling */
/* Draw the lines */
.jOrgChart .line {
  height                : 20px;
  width                 : 2px;
}

.jOrgChart table td {    
    border-top: solid 0px transparent;
    border-right: solid 0px transparent;
    border-bottom: solid 0px transparent;
    border-left: solid 0px transparent;
    background-color: transparent !important;
}
.jOrgChart .down {
  background-color 		: #CCCCCC !important;	
  margin 				: 0px auto;
}

.jOrgChart .top {
  border-top          : 1px solid #CCCCCC !important;
}

.jOrgChart .left {
  border-right          : 1px solid #CCCCCC !important;
}

.jOrgChart .right {
  border-left           : 1px solid #CCCCCC !important;
}

/* node cell */
.jOrgChart td {
  text-align            : center;
  vertical-align        : top;
  padding               : 0;
}
/* The node */
.jOrgChart .node {
    display               : inline-block;
    width                 : 101px;
    height                : 65px;
    border: 1px solid #CCCCCC;
    border-radius: 1px;
    background-color: #FBFBFB;
    padding: 0px;
    margin: 0px 3px 0px 3px;
}
.jOrgChart .node a {
    text-decoration: none;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
    box-sizing: border-box;
}
.jOrgChart .node.activeId {
    background-color: #f4dc8a;
    border: 1px solid #caba61;
    
}
.jOrgChart .node.active {
    background-color: #f7f2d7;
    border: 1px solid #efecd9;
}

/* jQuery drag 'n drop */

.drag-active {
  border-style			: dotted !important;
}

.drop-hover {
  border-style			: solid !important;
  border-color 			: #E05E00 !important;
}