

/* list stuff */

#org {
  background-color: white;
  margin: 10px;
  padding: 10px;
}

#show-list {
  cursor: pointer;
}


/* bootstrap overrides */

.alert-message {
  margin: 2px 0;
}

.topbar {
  position: absolute;
}


/* Custom chart styling */

.jOrgChart {
  margin: 0px;
  padding: 5px;
  overflow: auto;
}


/* Custom node styling */

.jOrgChart .node {
  background: #ffffff;
  color: #363642;
  padding: 15px 5px;
  position: relative;
  width: 115px;
  height: 95px;
}

.jOrgChart .vp {
  background-color: #eeeeee;
}

.jOrgChart .cio {
  background-color: #2DE7EF;
}

.jOrgChart > table {
  float: left;
}
/*
.node p {
  font-family: tahoma;
  font-size: 10px;
  line-height: 11px;
  padding: 2px;
}
*/
.node a {
  display: none;
}
.node br {
  display: none;
}
.hidden {
  display: none;
}

.temp {
  border: dotted 2px #869baf !important;
}

.add {
  background: url(../images/plus_circle.png) no-repeat 50% 50%;
}

.del {
  background: url(../images/del_circle.png) no-repeat 50% 50%;
}

.edit {
  background: url(../images/edit_squere.png) no-repeat 50% 50%;
}

.exp-col {
  background: url(../images/col.png) no-repeat 50% 50%;
  position: absolute;
  left: 44%;
  top: 70px;
}

.contracted .exp-col {
  background: url(../images/exp.png) no-repeat 50% 50%;
}

.edit,
.del,
.add,
.exp,
.col,
.exp-col {
  display: none;
  width: 16px;
  height: 16px;
  margin-right: 0;
}

.del,
.delete {
  margin-right: 10px;
  margin-left: 0;
}

.jOrgChart .nrow {
  background-color: #e9aa00;
  color: #ffffff;
}

.jOrgChart .firow {
  background-color: #b1b3b4;
  color: #363642;
}

.jOrgChart .serow {
  background-color: #1a171b;
  color: #ffffff;
}

.jOrgChart .throw {
  background-color: #f7ea7d;
}

.jOrgChart .forow {
  background-color: #debcef;
}

.jOrgChart .sirow {
  background-color: #e9d6e9;
}

.jOrgChart .norow {
  background-color: #d1e6c7;
}

.opciones {
  position: absolute;
  right: 0;
  top: 60px;
}

.root .opciones {
  padding-right: 10px;
}
/*
.details {
  background: none repeat scroll 0 0 #936E40;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  display: none;
  height: auto;
  left: 140px;
  position: absolute;
  top: -21px;
  width: 125px;
}

.details:after,
.details:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.details:after {
  border-color: rgba(147, 110, 64, 0);
  border-right-color: #936E40;
  border-width: 5px;
  margin-top: -5px;
}

.details:before {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}
*/
.details .label_node,
.details p {
  display: none;
}
/*
#org {
  display: none;
}
*/
