$thesaurusTabHeight: $subTabHeight !default;
.treeview {

  li {
    color: $mediumTextColor;
    vertical-align: middle;
    background-image: none;
  }
  > li.expandable {
    min-height: 50px;
    line-height: 47px;
    vertical-align: middle;
    position: relative;
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid $mediumBorderColor;
    > .hitarea {
      height: 51px;
      background: url('#{$iconsPath}sprite_tree_first.png') 99% 22px no-repeat;
      border-left: 5px $mediumBackgroundColor solid;
      &:hover,
      &.active {
        border-left: 5px $thesaurusColor solid;
      }
    }
  }
  .hitarea {
    background: none;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  ul {
    li {
      .hitarea {
        background: url('#{$iconsPath}icon_tree.png') 0 0 no-repeat;
        position: relative;
        height: 9px;
        width: 9px;
        margin-top: 5px;
      }
      &:hover {
        color: $textPrimaryColor;
      }
      span {
        color: $mediumTextColor;
        &.h {
          color: $thesaurusColor !important;
        }
      }
    }
  }
}

#THPD_T_treeBox, #THPD_C_treeBox {
  font-size: $xmediumFontSize;
  overflow-x: hidden;
  overflow-y: hidden;
  > div {
    width: 100%;
    display: inline-block;
  }
  &:hover {
    overflow-y: auto;
  }
}

#THPD_T_treeBox::-webkit-scrollbar-track, #THPD_C_treeBox::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: #1f1f1f;
}

#THPD_T_treeBox::-webkit-scrollbar, #THPD_C_treeBox::-webkit-scrollbar {
  width: 6px;
  background-color: #474747;
  display: none;
}

/* ==================================
dans l'onglet thesaurus : arbres, menus contextuels
===================================== */
.ui-tabs {
  #thesaurus_tab {
    top: $tabHeight !important;
    border-top: 1px solid $darkBorderColor;

  }
}
#THPD_tabs {
  right: 0;

  .ui-tabs-nav {
    li.th_tab {
      a {
        color: $textPrimaryColor;
      }
      &.th_tab {
        height: $thesaurusTabHeight; // in order to display bottom border
        margin: 0;
        //border-bottom: 1px solid transparent;
        //box-sizing: border-box;
        &.ui-state-active {
          border-bottom: 3px solid $thesaurusColor;
        }
        a {
          height: $thesaurusTabHeight;
          line-height: $thesaurusTabHeight;
          vertical-align: middle;
          margin: 0;
          padding: 0 20px;
          display: block;
          text-decoration: none;
          box-sizing: border-box;
          border-bottom: 1px solid #303030;
        }
      }
    }
    .ui-state-default A {
      color: $thesaurusContextMenuColor;
    }
    .ui-tabs-active A {
      color: $textPrimaryActiveColor;
      text-decoration: underline;
    }
  }
  .treeview {
    ul {
      background-color: $darkBackgroundColor;
      margin-left: -16px;
      padding-left: 16px;
      li {
        padding-top: 5px;
        padding-bottom: 5px;
      }
    }
    span {
      cursor: pointer;
      &.h { /* highlighted (filtered) */
        color: #FFFFD0;
        font-weight: bold;
      }
    }
    i { /* count of hits */
      color: #80FF80;
      background-color: #606060;
      font-style: normal;
      margin-left: 10px;
      padding-left: 3px;
      padding-right: 3px;
      font-family: courier;
    }
  }

  .treeview LI.selected SPAN {
    background-color: $thesaurusColor !important;
    color: $textPrimaryActiveColor !important;
  }

  .treeview LI.selected SPAN {
    background-color: #ff0000;
  }

  .treeview LI.selected LI SPAN {
    background-color: transparent;
  }

  .context-menu-item-disabled {
    background-color: #ff0000;
  }
}
#idFrameC .ui-tabs  {
  #THPD_C.ui-tabs-panel,
  #THPD_T.ui-tabs-panel{
    top: 46px;
  }
}

#THPD_T, #THPD_C {
  // margin-top: 10px;
  margin-left: 0px;
}

#THPD_WIZARDS {
  .gform {
    .input-append {
      width: 100%;
      margin: 0;
      padding: 0;
      border: 1px solid $mediumBorderColor;
      border-top: none;
      input.input-medium {
        width: 80%;
        border-radius: 0;
        height: 40px;
        padding: 0 2.5%;
        background: $thesaurusInputBackground;
        border: none;
        float: left;
        margin: 0;
      }
      .th_ok {
        display: none;
        width: 15%;
        line-height: 40px;
        vertical-align: middle;
        padding: 0;
        border-radius: 0;
        background-color: $mediumBackgroundColor;
        color: $mediumTextColor;
        border: none;
        margin: 0;
        outline: none;
        float: left;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
      }
      .th_cancel {
        display: none;
        width: 15%;
        line-height: 40px;
        vertical-align: middle;
        padding: 0;
        border-radius: 0;
        background-color: $mediumBackgroundColor;
        color: $mediumTextColor;
        border: none;
        margin: 0;
        outline: none;
        float: left;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
      }
      .th_clear {
        position: relative;
        z-index: 1000;
        float: right;
        margin: -40px 15% 0 0;
        display: none;
        width: 30px;
        line-height: 40px;
        padding: 0;
        border-radius: 0;
        background: url('#{$iconsPath}icon_clear_search.png') 50% no-repeat;
        border: none;
        outline: none;
        box-shadow: none;
        -webkit-appearance: none;
      }
    }
  }
}

