@import url('https://fonts.googleapis.com/css?family=Roboto|Gruppo');
.breadCrum, .node{
  font-family: 'Roboto', sans-serif;
}
#innerTreeMap .node {
  position: absolute;
  overflow: hidden;
  cursor: pointer;
}
#innerTreeMap .node.leaf {
  cursor: default;
}
#innerTreeMap .node .nodeBG {
  opacity: 1.0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#innerTreeMap .node .nodeText {
  background-image: linear-gradient(to top,rgba(0,0,0,.7) 0,transparent 100%);
  width: 100%;
  position: absolute;
  bottom: -25px;
  left: 0;
  opacity: 0;
  transition: .25s;
  color: #FAFAFA;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: .5em;
}
#innerTreeMap .node:hover .nodeText, #innerTreeMap .node:hover .nodeTextTitle, #innerTreeMap .node:hover .nodeTextValue {
  opacity: 1;
  bottom: 0;
}
#innerTreeMap .node .nodeTextTitle {
  font-size: 100%;
  margin-top: auto;
  margin-bottom: auto;
  padding: 3% 9% 0 3%;
  transition: .25s;
  /*position: absolute;*/
  bottom: -25px;
  left: 0;

}

#innerTreeMap .node .nodeTextValue {
  font-family: 'Gruppo', cursive;
  font-size: 250%;
  padding: 0 4px;
  transition: .25s;
  position: absolute;
  bottom: -25px;
  right: 0;
}

#innerTreeMap .showAllLabels .nodeText {
  /*visibility: visible;*/
}

#innerTreeMap .node:hover .nodeText {
  /*opacity: 1.0;*/
  /*visibility: visible;*/
}

#innerTreeMap .node.leaf:hover {
  /*cursor: pointer;*/
}

#innerTreeMap .node.leaf:hover .nodeBG {
  /*border-color: steelblue;*/
  /*border-style: solid;*/
  /*border-width: 2px;*/
}

#innerTreeMap .node.leaf:hover {
  /*z-index: 10;*/
}
.breadCrum{
  cursor: pointer;
}