.blaze-inspector {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  cursor: default;
}

.blaze-inspector > section {
  flex:3;
  overflow: scroll;
  font-size: 11px !important;
  font-family: Menlo, monospace;
  line-height: 16px;
  overflow-y: scroll;
}

.blaze-inspector > section > header {
  font-family: 'Lucida Grande', sans-serif !important;
  font-size: 12px !important;
}

.blaze-inspector .blaze-tree {
  margin-top: 6px;
}

.blaze-inspector > section .collapse-toggler {
  margin-right: 3px;
}

.blaze-inspector > section .tag-wrap {
  color: rgb(168, 148, 166);
  padding: 1px 0 1px 14px;
}

.blaze-inspector > section .tag-wrap-closing {
  color: rgb(168, 148, 166);
  padding: 1px 0 1px 1px;
}

.blaze-inspector > section .tag-name {
  color: rgb(136, 18, 128);
}

.blaze-inspector > aside {
  font-family: 'Lucida Grande', sans-serif;
  font-size: 12px;
  flex:1;
  max-width: 25%;
  overflow: hidden;
  border-left: solid 1px #ccc;
  overflow-y: scroll;
}

.blaze-inspector > aside .treeview-wrapper {
  margin-left: -10px;
  margin-top: -5px;
}

.blaze-inspector > aside .section-separator {
  background-color: #ddd;
  padding: 2px 5px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: rgb(50, 50, 50);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 16px;
}

.blaze-inspector > aside ul.stats {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blaze-inspector > aside ul.stats li {
  color: rgb(200, 0, 0);
  padding: 5px;
}

.blaze-inspector > aside ul.stats li:nth-child(odd) {
  background-color: #F5F5F5;
}

.blaze-inspector > section .tag-name.selected-node {
  color: #fff;
}

.blaze-inspector .no-blaze {
  font-family: 'Lucida Grande', sans-serif !important;
  font-size: 12px !important;
  margin: 0.5em;
}