.tree_views ul {
  position: relative;
  margin-left: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
}

  .tree_views ul::before {
    content: "";
    position: absolute;
    left: 0px;
    top: -10px;
    width: 8px;
    height: calc(100% - 8px);
    border-left: 1px solid #b2aaa2;
  }

  .tree_views ul li {
    position: relative;
    padding-left: 10px;
    padding-top: 4px;
  }

    .tree_views ul li::before {
      content: "";
      position: absolute;
      left: 0px;
      top: 8px;
      width: 8px;
      height: 8px;
      border-left: 1px solid #b2aaa2;
      border-bottom: 1px solid #b2aaa2;
      border-radius: 0px 0px 0px 8px;
    }

.tree_views .icon-text a {
  color: #34302a;
}

.tree_views .icon-text:hover {
  background: #E8EDF8;
  border: none;
  border-radius: 10px;
}

.tree_views .icon-text a:hover{
  color: blue;
}

  .tree_views .icon-text a:nth-child(2),
  .tree_views .icon-text span:nth-child(2) {
    width: 250px;
    flex: none;
  }

  .tree_views .icon-text a:nth-child(3),
  .tree_views .icon-text span:nth-child(3) {
    flex-grow: 0;
  }

.level_1 {
  margin-left: 10px;
}

.level_2 {
  margin-left: 25px;
}

.level_3 {
  margin-left: 40px;
}

.view_mode .dropdown .button,
.view_mode .input,
.view_mode .select,
.view_mode .select select {
  pointer-events: none;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0px;
}

  .view_mode .select::after,
  .view_mode .dropdown .button .icon:not(.image),
  .view_mode .has-icons-right > .icon {
    display: none !important;
  }

.view_mode .field > .has-text-danger {
  display: none;
}