body
{
  background-color: #F3F3F3;
}

#navigation
{
  background-color: #87a96b;
}

.modal-header
{
  /*background-color: #e05f10;*/
  background-color: #3d8aa6;
}

.interactive-body
{
  background-color: #E8EBE0;
}

.slide,
.slide-bottom
{
  background-color: #fff;
  border: none;
}

.slide-hover-state .slide
{
  border-bottom-width: 0;
}

.slide-hover-state .slide-bottom
{
  border-top-width: 0;
}

.slide-hover-state:hover .slide,
.slide-hover-state:hover .slide-bottom,
.slide-hover-state.active .slide-bottom,
.slide-hover-state.active .slide
{
  background-color: #fff;
  border-color: #e05f10;
}

.slide-bottom h4
{
  color: #000;
}

#graph.graph-light .graph-background
{
  background-color: #e6e7e8;
}

#diagram-wrap
{
  border: none;
  background-color: #3d8aa6;
}

#navigation .btn-info,
.modalFooter .btn-info
{
  background-color: #60abbf;
  background-color: rgba(198,213,220, .2);
}
#navigation .btn-info:hover,
.modalFooter .btn-info:hover
{
  background-color: rgba(61,138,166, .7);
  cursor: pointer;
}

.btn-info.toggle-on
{
  background-color: #F98341;
  color: white;
  font-weight: bold;
}

.btn-default.toggle-off
{
  background-color: white;
  color: black;
  font-weight: bold;
  color: #999;
}
.toggle-handle
{
  background-color: #e05f10!important;
}

/* .toggle.btn
{
  border: 1px solid #ccc!important;
} */
