.mdl-layout__drawer.is-visible {
  width: 400px;
}

.mdl-layout__header .mdl-layout__drawer-button i {
  color: #FDB812;
}

.mdl-navigation__link {
  padding-left: 30px !important;
  padding-right: 20px !important;
}

.tree-action {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.mdl-button--fab.tree-action--mini-fab {
  height: 30px;
  width: 30px;
  min-width: 30px;
  font-size: 20px;
  margin: 0px 4px;
}

.tree-help-button {
  margin-right: 12px;
}

.tree-action--success {
  background: #4FC04F;
}

.tree-action--failure {
  background: #F59A9A;
}

.tree-action--running {
  background: #59ABF0;
}

.tree-error__text {
  color: red;
  font-size: 24px;
}

.tree-error__container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.tree-help {
  position: absolute;
  z-index: 100;
  margin-top: 20px;
  right: 50px;
}

.tree-help__action {
  font-weight: bold;
}