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

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

-------------------------------------*/
/* colori versione light*/
:root[dataTheme="light"] {
	--tree-text: #040806;
	--luna-blue: #009bde;
}

/* colori versione dark*/
:root[dataTheme="dark"] {
	--tree-text: #f3f1f2;
	--luna-blue: #009bde;
}

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

.ztree * {
	padding: 0;
	margin: 0;
}

.ztree {
	font-family: "Poppins", "Helvetica", "Arial", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 14px;
	margin: 0;
	padding: 5px;
	color: var(--tree-text);
	width: auto;
	height: auto;
}

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

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

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

.ztree li a {
	padding: 1px 3px 0 0;
	margin: 0;
	cursor: pointer;
	height: 17px;
	color: var(--tree-text);
	background-color: transparent;
	text-decoration: none;
	list-style: none;
	vertical-align: top;
	display: inline-block
}

.ztree li a:hover {
	text-decoration: underline
}

.ztree li a.curSelectedNode {
	padding-top: 0px;
	background-color: rgba(0, 155, 222, 0.4);
	color: var(--tree-text);
	height: 16px;
	border: 1px var(--luna-blue) solid;
}

.ztree li a.curSelectedNode_Edit {
	padding-top: 0px;
	background-color: rgba(0, 155, 222, 0.4);
	color: var(--tree-text);
	height: 16px;
	border: 1px var(--luna-blue) solid;
}

.ztree li a.tmpTargetNode_inner {
	padding-top: 0px;
	background-color: var(--luna-blue);
	color: var(--tree-text);
	height: 16px;
	border: 1px var(--luna-blue) solid;
	opacity: 0.8;
	filter: alpha(opacity=80)
}


.ztree li a input.rename {
	height: 14px;
	width: 80px;
	padding: 0;
	margin: 0;
	font-size: 12px;
	border: 1px var(--luna-blue) solid;
}

.ztree li span {
	line-height: 16px;
	margin-right: 2px
}

.ztree li span.button {
	line-height: 0;
	margin: 0;
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	border: 0 none;
	cursor: pointer;
	outline: none;
	background-color: transparent;
	list-style: none;
	border: 1px solid var(--primary-text);
	border-radius: 2px;
}

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

.ztree li span.button.switch {
	width: 5px;
	height: 5px;
	margin: 0.2em;
}

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

.ztree li span.button.chk.checkbox_false_full_focus {
	background-position: 0 -14px
}

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

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

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

.ztree li span.button.chk.checkbox_true_full {
	background-position: -14px 0
}

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

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

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

.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.root_open {
	background-position: -92px -54px;
}

.ztree li span.button.root_close {
	background-position: -74px -54px;
	background-color: var(--luna-blue);
}

.ztree li span.button.roots_open {
	background-position: -92px 0
}

.ztree li span.button.roots_close {
	background-color: var(--luna-blue)
}

.ztree li span.button.center_open {
	background-position: -92px -18px
}

.ztree li span.button.center_close {
	background-color: var(--luna-blue)
}

.ztree li span.button.bottom_open {
	background-position: -92px -36px
}

.ztree li span.button.bottom_close {
	background-color: var(--luna-blue)
}

.ztree li span.button.noline_open {
	background-position: -92px -72px
}

.ztree li span.button.noline_close {
	background-position: -74px -72px;
	background-color: var(--luna-blue);
}

.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 {
	border-color: transparent;
	width: 0;
}

.ztree li span.button.ico_close {
	border-color: transparent;
	width: 0;
}

.ztree li span.button.ico_docu {
	border-color: transparent;
	width: 0;
}

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

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

/*
.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: 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("./img/zTreeStandard.png");
}

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

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



/* ----- MEDIA QUERY ----- */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.ztree {
		font-size: 12px;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 769px) {
	.ztree {
		font-size: 14px;
	}
}

/* Medium devices (landscape tablets, 769px and up) */
@media only screen and (min-width: 769px) and (max-width: 992px) {
	.ztree {
		font-size: 15px;
	}
}