

/* Basic styling */
/* Custom chart styling */
/* list stuff */
#org{
	background-color 	: rgb(255, 0, 0);
	margin 				: 10px;
	padding 			: 10px;
}

#show-list{
	cursor 				: pointer;
}

/* bootstrap overrides */
.alert-message{
	margin: 2px 0;
}

.topbar{
	position 			: absolute;
}

/* Custom chart styling */
.jOrgChart {
  margin                : 10px;
  padding               : 20px;
}

/* Custom node styling */
.jOrgChart .node {
	font-size 			: 14px;
  line-height: normal;
	background-color 	: #fff;
	border-radius 		: 8px;
	border 				: 1px solid #e0e0e0;
	border-bottom 	: 2px solid #3e8cc9;
	color 				: #35363B;
  padding: 10px 5px;
	-moz-border-radius 	: 8px;
}
.nametitle{
  font-weight: 700;
}
.node p{
  font-family 	: tahoma;
  font-size 		: 10px;
  line-height 	: 11px;
  padding 		: 2px;
}


  /* Basic styling */
/* Draw the lines */
.line {
  border: none ;
}
.jOrgChart .line {
  height                : 20px;
  width                 : 2px;
}

.jOrgChart .down {
  background-color 		: black;	
  margin 				: 0px auto;
}

.jOrgChart .top {
  border-top          : 2px solid black;
}

.jOrgChart .left {
  border-right          : 2px solid black;
}

.jOrgChart .right {
  border-left           : 2px solid black;
}

/* node cell */
.jOrgChart td {
  text-align            : center;
  vertical-align        : top;
  padding               : 0;
}

/* The node */
.jOrgChart .node {
  word-break: break-all;
  display               : inline-block;
  width                 : 250px;
  height                : 60px;
  z-index 				: 10;
  margin               : 0 2px;
}

/* jQuery drag 'n drop */

.drag-active {
  border-style			: dotted !important;
}

.drop-hover {
  border-style			: solid !important;
  border-color 			: #E05E00 !important;
}

.node-container table{
  margin: 0 10px;
}

.scroll-map{
  background-color: #f9f9f9;
  overflow-x: auto;
  overflow-y: auto;
  border-radius: 20px;
}