body,
html,
div,
p,
span,
a,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

body,
html {
  width: 100%;
}

body {
  background-color: #BECD71;
  color: white;
  font-family: tahoma;
  font-weight: lighter;
  padding-top: 40px;
}

body p {
  font-size: 14px;
}

body p a {
  font-size: 16px;
}

h1 {
  color: #E05E00;
  font-style: italic;
}

a {
  color: #0C0000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/* general */

.clear {
  clear: both;
}


/* Header */

.brand {
  color: #E05E00 !important;
  font-family: georgia;
  font-style: italic;
}


/* 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: 10px;
  padding: 20px;
}


/* Custom node styling */

.jOrgChart .node {
  border: 2px solid #FFFFFF;
  border-radius: 3px;
  color: #C02600;
  font-size: 14px;
  position: relative;
  width: 135px;
  height: 80px;
}

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

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

.jOrgChart > table {
  float: left;
  margin-right: 100px;
}

.node p {
  font-family: tahoma;
  font-size: 10px;
  line-height: 11px;
  padding: 2px;
}

.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: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 0;
}

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

.jOrgChart .nrow {
  background-color: #F4E8F6;
}

.jOrgChart .firow {
  background-color: wheat;
}

.jOrgChart .serow {
  background-color: #aad3d3;
}

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

#org {
  display: none;
}