.infoviz-treemap-node-label {
  margin: 3px 6px 0 6px;
  display: block;

  > img {
    margin: 2px 6px 0 0;
    display: inline-block;
    vertical-align: top;
    float: left;
  }

  > span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    display: block;
  }
}

.infoviz-treemap-zoom-out {
  position: absolute;
  right: 6px;
  z-index: 1000;
  top: 30px;
  background-color: #e9e8e1;
  display: none;
  padding: 3px 1px 2px 3px;
  border-radius: 3px;
  opacity: .6;
  cursor: pointer;
}

.infoviz-treemap:hover .infoviz-treemap-zoom-out {
  display: inline;
}

.infoviz-treemap-zoom-out:hover {
  opacity: .7;
}

.infoviz-treemap-enterable-node {
  cursor: pointer;
}

.infoviz-treemap-enterable-node:hover {
  .infoviz-treemap-node-label {
    text-decoration:underline;
  }
}

.infoviz-treemap {
  width: 450px;
  height: 320px;
  position: relative;

  .node {
    overflow: hidden;
  }
}

.infoviz-treemap-full-width > .dataTableWrapper {
  width: 100%;

  .infoviz-treemap {
    width: 100%;
    height:auto;
  }
}

.widget .infoviz-treemap {
  width: 100% !important;
}

.infoviz-treemap-series-picker {
  display: inline-block;
  position: absolute;
  right: 0;
  z-index: 1000;

  > .jqplot-seriespicker {
    display: inline-block;
    position: relative;
    margin-left: 4px;
  }
}