.ztree * {  outline: none; text-decoration: none; letter-spacing: 1px; } 

.ztree { margin: 0 0 0 -1.55rem; padding: 0 ; color: var(--theme-fc-color)}

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

.ztree li ul { margin: 0; padding: 0 ; background-color: var(--theme-bg-color); } 

.ztree li a { padding: 5px 11px 4px 23px; margin: 0; cursor: pointer; height: 35px; width: 100%; color: var(--theme-fc-color); background-color: transparent; text-decoration: none; vertical-align: top; display: inline-block;  } 

/* .ztree li a:hover { background-color: rgba(193, 134, 75, 0.3); transition: all 0.3s ease; }  */
.ztree li a:hover { background-color:rgba(var(--theme-base-color), 0.3) ; transition: all 0.1s ease; transform: scale(1.05); } 

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

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

.ztree li a.tmpTargetNode_prev { } 

.ztree li a.tmpTargetNode_next { } 

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

.ztree li span { line-height: 23px; padding-right: 3px; padding-left: 8px; } 

.ztree li span.button { line-height: 0; margin: 0; padding: 0; width: 21px; height: 23px; display: inline-block; vertical-align: middle; border: 0 none; cursor: default; outline: none; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-image: url("./img/metro2.png"); }

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

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

.ztree li span.button.chk.checkbox_false_full_focus { background-position: -5px -26px; } 

.ztree li span.button.chk.checkbox_false_part { background-position: -5px -48px; } 

.ztree li span.button.chk.checkbox_false_part_focus { background-position: -5px -68px; } 

.ztree li span.button.chk.checkbox_false_disable { background-position: -5px -89px; } 

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

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

.ztree li span.button.chk.checkbox_true_part { background-position: -26px -48px; } 

.ztree li span.button.chk.checkbox_true_part_focus { background-position: -26px -68px; } 

.ztree li span.button.chk.checkbox_true_disable { background-position: -26px -89px; } 

.ztree li span.button.chk.radio_false_full { background-position: -47px -5px; } 

.ztree li span.button.chk.radio_false_full_focus { background-position: -47px -26px; } 

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

.ztree li span.button.chk.radio_false_part_focus { background-position: -47px -68px; } 

.ztree li span.button.chk.radio_false_disable { background-position: -47px -89px; } 

.ztree li span.button.chk.radio_true_full { background-position: -68px -5px; } 

.ztree li span.button.chk.radio_true_full_focus { background-position: -68px -26px; } 

.ztree li span.button.chk.radio_true_part { background-position: -68px -47px; } 

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

.ztree li span.button.chk.radio_true_disable { background-position: -68px -89px; } 

.ztree li span.button.switch { width: 21px; height: 23px}

.ztree li span.button.root_open { background-position: -105px -63px; width: 1px !important; } 

.ztree li span.button.root_close { background-position: -126px -63px; width: 1px !important; } 

.ztree li span.button.roots_open { background-position: -105px 0; width: 1px !important; } 

.ztree li span.button.roots_close { background-position: -126px 0; width: 1px !important; } 

.ztree li span.button.center_open { background-position: -105px -21px; width: 1px !important; } 

.ztree li span.button.center_close { background-position: -126px -21px; width: 1px !important; } 

.ztree li span.button.bottom_open { background-position: -105px -42px; width: 1px !important; } 

.ztree li span.button.bottom_close { background-position: -126px -42px; width: 1px !important; } 

.ztree li span.button.noline_open { background-position: -105px -84px; width: 1px !important; } 

.ztree li span.button.noline_close { background-position: -126px -84px; width: 1px !important; } 

.ztree li span.button.root_docu { background: none; width: 1px !important; } 

.ztree li span.button.roots_docu { background-position: -84px 0; width: 1px !important; } 

.ztree li span.button.center_docu { background-position: -84px -21px; width: 1px !important; } 

.ztree li span.button.bottom_docu { background-position: -84px -42px; width: 1px !important; } 

.ztree li span.button.noline_docu { background: none; width: 1px !important; } 

.ztree li span.button.ico_open { margin-right: 2px; background-position: -147px -21px; vertical-align: top;}

.ztree li span.button.ico_close { margin-right: 2px; margin-right: 2px; background-position: -147px 0; vertical-align: top; }

.ztree li span.button.ico_docu { margin-right: 2px; background-position: -147px -42px; vertical-align: top; }

.ztree li span.button.edit { margin-left: 2px; margin-right: -1px; background-position: -189px -21px; vertical-align: top; }

.ztree li span.button.edit:hover { background-position: -168px -21px; } 

.ztree li span.button.remove { margin-left: 2px; margin-right: -1px; background-position: -189px -42px; vertical-align: top; }

.ztree li span.button.remove:hover { background-position: -168px -42px; } 

.ztree li span.button.add { margin-left: 2px; margin-right: -1px; background-position: -189px 0; vertical-align: top; }

.ztree li span.button.add:hover { background-position: -168px 0; } 

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

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

span.tmpzTreeMove_arrow { width: 16px; height: 23px; 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: -168px -84px; background-image: url("./img/metro.png");}

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}

.node_icon_float {float: left; display:block !important;} 
.node_name {float: left !important; display:block !important; color: var(--theme-fc-color) !important; font-size: 14px !important;width: 7.5rem !important; }