/*-------------------------------------
zTree Style

version:	3.5.19
author:		Hunter.z
email:		hunter.z@263.net
website:	http://code.google.com/p/jquerytree/

-------------------------------------*/

// .ztree * {
//   padding: 0;
//   margin: 0;
//   font-size: 14px;
//   /*font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif*/
// }

.ztree {
  margin: 0;
  padding: 0;
  color: #262626;
}

.ztree li {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 14px;
  text-align: left;
  white-space: nowrap;
  outline: 0
}

.ztree li > label {
  display: flex;
  cursor: pointer;
  padding: 8px 0;
  position: relative;
}

.ztree li ul {
  margin: 0;
  padding: 0;
}

.ztree li ul.line {
  background: url('./images/line_conn.gif') 0 0 repeat-y;
}

.ztree li label > a {
  margin: 0;
  cursor: pointer;
  height: 16px;
  font-size: 14px;
  color: #262626;
  background-color: transparent;
  text-decoration: none;
  vertical-align: top;
  display: inline-block;
  overflow: hidden;
}

.ztree li label:hover {
  background-color: #00C2CE1A;
}

.ztree li label.curSelectedNode {
  background-color: #00C2CE1A;
}

.ztree li label.curSelectedNode.show-selected-bar::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background-color: #00c2ce;
}

.ztree li label.curSelectedNode span {
  color: #00C2CE;
}

.ztree li a.curSelectedNode_Edit {
  padding-top: 0px;
  background-color: #FFE6B0;
  color: black;
  height: 16px;
  border: 1px #FFB951 solid;
  opacity: 0.8;
}

.ztree li a.tmpTargetNode_inner {
  padding-top: 0px;
  background-color: #316AC5;
  color: white;
  height: 16px;
  border: 1px #316AC5 solid;
  opacity: 0.8;
  filter: alpha(opacity=80)
}

.ztree li span.button.ico_hide {
  display: none;
}

.ztree li a input.rename {
  height: 14px;
  width: 80px;
  padding: 0;
  margin: 0;
  font-size: 12px;
  border: 1px #7EC4CC solid;
  border: 0px
}

.ztree li span {
  line-height: 16px;
  margin-right: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ztree li span.button {
  flex-shrink: 0;
  line-height: 0;
  margin: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  border: 0 none;
  cursor: pointer;
  outline: none;
  /*border-color: #00c2ce;*/
  /*background-color: #00c2ce*/
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url(data:image/png;base64,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);
  background-size: 32px 112px;
  /*background-image: url("./images/zTreeStandard.gif")*/
}

.ztree li span.button.chk {
  width: 16px;
  height: 16px;
  margin: 0 8px 0 0;
  cursor: auto;
}

.ztree li span.button.chk.checkbox_false_full {
  background-position: -16px -32px;
}

.ztree li span.button.chk.checkbox_false_full_focus {
  background-position: -16px -32px;
}

.ztree li span.button.chk.checkbox_false_part {
  background-position: -16px 0;
}

.ztree li span.button.chk.checkbox_false_part_focus {
  background-position: -16px 0;
}

.ztree li span.button.chk.checkbox_false_disable {
  background-position: 0 0
}

.ztree li span.button.chk.checkbox_true_full {
  background-position: -16px -16px;
}

.ztree li span.button.chk.checkbox_true_full_focus {
  background-position: -16px -16px;
}

.ztree li span.button.chk.checkbox_true_part {
  background-position: -16px 0;
}

.ztree li span.button.chk.checkbox_true_part_focus {
  background-position: -16px 0;
}

.ztree li span.button.chk.checkbox_true_disable {
  background-position: -14px -56px
}

.ztree li span.button.chk.radio_false_full {
  background-position: -28px 0
}

.ztree li span.button.chk.radio_false_full_focus {
  background-position: -28px -14px
}

.ztree li span.button.chk.radio_false_part {
  background-position: -28px -28px
}

.ztree li span.button.chk.radio_false_part_focus {
  background-position: -28px -42px
}

.ztree li span.button.chk.radio_false_disable {
  background-position: -28px -56px
}

.ztree li span.button.chk.radio_true_full {
  background-position: -42px 0
}

.ztree li span.button.chk.radio_true_full_focus {
  background-position: -42px -14px
}

.ztree li span.button.chk.radio_true_part {
  background-position: -42px -28px
}

.ztree li span.button.chk.radio_true_part_focus {
  background-position: -42px -42px
}

.ztree li span.button.chk.radio_true_disable {
  background-position: -42px -56px
}

.ztree li span.button.switch {
  width: 16px;
  height: 16px;
  margin-right: 12px;
}

.ztree li span.button.root_open {
  background-position: -16px -64px;
}

.ztree li span.button.root_close {
  background-position: -16px -48px;
}

.ztree li span.button.roots_open {
  background-position: -16px -64px;
}

.ztree li span.button.roots_close {
  background-position: -16px -48px;
}

.ztree li span.button.center_open {
  background-position: -16px -64px;
}

.ztree li span.button.center_close {
  background-position: -16px -48px;
}

.ztree li span.button.bottom_open {
  background-position: -16px -64px;
}

.ztree li span.button.bottom_close {
  background-position: -16px -48px;
}

.ztree li span.button.noline_open {
  background-position: -16px -64px;
}

.ztree li span.button.noline_close {
  background-position: -16px -48px;
}

.ztree li span.button.root_docu {
  background: none;
}

.ztree li span.button.roots_docu {
  background-position: -56px 0
}

.ztree li span.button.center_docu {
  background-position: -56px -18px
}

.ztree li span.button.bottom_docu {
  background-position: -56px -36px
}

.ztree li span.button.noline_docu {
  background: none;
}

.ztree li span.button.ico_open {
  margin-right: 8px;
  background-position: -16px -96px;
  vertical-align: middle;
}

.ztree li span.button.ico_close {
  margin-right: 8px;
  background-position: -16px -80px;
  vertical-align: middle;
}

.ztree li span.button.ico_docu {
  margin-right: 8px;
  background-position: -110px -32px;
  vertical-align: middle;
}

.ztree li span.button.edit {
  margin-right: 2px;
  background-position: -110px -48px;
  vertical-align: middle;
}

.ztree li span.button.remove {
  margin-right: 2px;
  background-position: -110px -64px;
  vertical-align: middle
}

.ztree li span.button.ico_loading {
  margin-right: 8px;
  background: url('./images/loading.gif') no-repeat scroll 0 0 transparent;
  vertical-align: middle
}

ul.tmpTargetzTree {
  background-color: #FFE6B0;
  opacity: 0.8;
  filter: alpha(opacity=80)
}

span.tmpzTreeMove_arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  padding: 0;
  margin: 2px 0 0 1px;
  border: 0 none;
  position: absolute;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -110px -80px;
  background-image: url('./images/zTreeStandard.png');
  background-image: url('./images/zTreeStandard.gif')
}

ul.ztree.zTreeDragUL {
  margin: 0;
  padding: 0;
  position: absolute;
  width: auto;
  height: auto;
  overflow: hidden;
  background-color: #cfcfcf;
  border: 1px #00B83F dotted;
  opacity: 0.8;
  filter: alpha(opacity=80)
}

.zTreeMask {
  z-index: 10000;
  background-color: #cfcfcf;
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute
}

.ztree li > label .tree-node-menu {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-left: auto;
  flex-shrink: 0;
  visibility: hidden;
  pointer-events: none;

  &:hover {
    background-color: #00C2CE2A;
  }
}

.ztree li > label:hover .tree-node-menu {
  visibility: visible;
  pointer-events: all;
}