#taxonomy_tree {
  > ul, .jstree-icon {
    background-image: none;
  }

  .jstree-icon {
    @extend [class^="icon-"]:before;
    @extend .fa;
  }

  .jstree-open > .jstree-icon {
    @extend .fa-caret-down;
  }
  .jstree-closed > .jstree-icon {
    @extend .fa-caret-right;
  }

  li {
    background-image: none;

    a {
      background-color: very-light($color-3);
      border: 1px solid $color-border;
      color: $color-body-text;
      font-weight: $font-weight-bold;
      text-shadow: none;
      width: 90%;
      height: auto;
      line-height: inherit;
      padding: 5px 0 5px 10px;
      margin-bottom: 10px;

      .jstree-icon {
        padding-left: 0px;
        @extend .fa;
        @extend .fa-arrows;
      }
    }
  }
}

#vakata-dragged.jstree-apple .jstree-invalid,
#vakata-dragged.jstree-apple .jstree-ok,
#jstree-marker {
  background-image: none !important;
  background-color: transparent !important;
  @extend [class^="icon-"]:before;
}
#vakata-dragged.jstree-apple .jstree-invalid {
  @extend .fa;
  @extend .fa-bars;
  color: $color-5;
}
#vakata-dragged.jstree-apple .jstree-ok {
  @extend .fa;
  @extend .fa-check;
  color: $color-2;
}

#jstree-marker {
  @extend .fa-caret-right;
  color: $color-body-text !important;
  width: 4px !important;
}

#jstree-marker-line {
  @include border-radius($border-radius !important);
  height: 0px !important;
  margin-left: 5px !important;
  margin-top: -2px !important;
  border: none !important;
  border-bottom: 1px solid $color-body-text !important;
  background-color:  very-light($color-3) !important;

  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;

}

#vakata-contextmenu {
  background-color: $color-3 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  @include border-radius($border-radius !important);

  &:before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid $color-3;
    top: 0px;
    margin-top: -10px;
    left: 25px;
    z-index: 1;
  }

  a {
    color: $color-1 !important;
    line-height: inherit !important;
    padding: 5px 10px !important;
    margin: 0 !important;
    font-size: 90% !important;

    &:hover {
      @include border-radius($border-radius !important);
      background-color: $color-2 !important;
      border: none !important;
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      line-height: inherit !important;
      padding: 5px 10px !important;
      margin: 0 !important;
    }
  }

  li:first-child a:hover:before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid $color-2;
    top: 0px;
    margin-top: -10px;
    left: 25px;
    z-index: 1;
  }

  li.vakata-separator {
    display: none;
  }
}