.nureinshop-ui-tree {

}

.nureinshop-ui-tree ul {
	margin: 0 !important;
	padding: 0;
}

/* Eintrag
-----------*/

	.nureinshop-ui-tree li {
		clear: both;
		display: block;
		overflow-x: hidden;
	}

/* Link
--------*/

	.nureinshop-ui-tree li a {
		display: block;
		padding: 1px 0 1px 0;
		cursor: default;
		width: 10000px;
		overflow: hidden;
	}

	.nureinshop-ui-tree li a:after {
		content: "";
		clear: both;
		display: block;
		height: 0.05em;
	}

	.nureinshop-ui-tree li a > * {
		float: left;
	}

/* Expander
-----------*/

	.nureinshop-ui-tree--expander {
		display: inline-block;
		float: left;
		height: 24px;
		width: 24px;
		line-height: 24px;
		font-size: 18px;
		text-align: center;
		vertical-align: middle;
		padding: 0;
		color: #343434;
		cursor: pointer;
	}

	.nureinshop-ui-tree--expander .mdi {
		font-size: 21px;
		opacity: 0.6;
	}

	.nureinshop-ui-tree--expander:hover {
		border-radius: 3px;
	}

	.nureinshop-ui-tree--expander:hover .mdi {
		opacity: 1;
	}

/* Icon
--------*/

	.nureinshop-ui-tree--icon {
		display: inline-block;
		float: left;
		height: 24px;
		width: 24px;
		line-height: 24px;
		font-size: 18px;
		text-align: center;
		vertical-align: middle;
		padding: 0;
		color: #343434;
		overflow: hidden;
		text-align: center;
	}

	.nureinshop-ui-tree--icon .mdi {
		font-size: 17px;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: scale(0.97) !important;
	}

/* Name
--------*/

	.nureinshop-ui-tree--name {
		float: left;
		display: inline-block;
		padding-left: 3px;
		height: 24px;
		line-height: 24px;
		color: #2a2a2a;
		font-weight: 400;
		cursor: pointer;
	}

/* Hover
----------*/

	.nureinshop-ui-tree li a:hover {
		background-color: #f5f5f5;
	}

/* Abstände
------------*/

	.nureinshop-ui-tree li a { padding-left: 0; }
	.nureinshop-ui-tree li li a { padding-left: calc(24px * 1); }
	.nureinshop-ui-tree li li li a { padding-left: calc(24px * 2); }
	.nureinshop-ui-tree li li li li a { padding-left: calc(24px * 3); }
	.nureinshop-ui-tree li li li li li a { padding-left: calc(24px * 4); }
	.nureinshop-ui-tree li li li li li li a { padding-left: calc(24px * 5); }
	.nureinshop-ui-tree li li li li li li li a { padding-left: calc(24px * 6); }
	.nureinshop-ui-tree li li li li li li li li a { padding-left: calc(24px * 7); }
	.nureinshop-ui-tree li li li li li li li li li a { padding-left: calc(24px * 8); }
	.nureinshop-ui-tree li li li li li li li li li li a { padding-left: calc(24px * 9); }

	.nureinshop-ui-tree[data-hide-root="1"] li a { padding-left: calc(24px * 1 - 12px);}
	.nureinshop-ui-tree[data-hide-root="1"] li li a { padding-left: calc(24px * 2 - 12px);}
	.nureinshop-ui-tree[data-hide-root="1"] li li li a { padding-left: calc(24px * 3 - 12px);}
	.nureinshop-ui-tree[data-hide-root="1"] li li li li a { padding-left: calc(24px * 4 - 12px);}
	.nureinshop-ui-tree[data-hide-root="1"] li li li li li a { padding-left: calc(24px * 5 - 12px);}
	.nureinshop-ui-tree[data-hide-root="1"] li li li li li li a { padding-left: calc(24px * 6 - 12px);}
	.nureinshop-ui-tree[data-hide-root="1"] li li li li li li li a { padding-left: calc(24px * 7 - 12px);}
	.nureinshop-ui-tree[data-hide-root="1"] li li li li li li li li a { padding-left: calc(24px * 8 - 12px);}
	.nureinshop-ui-tree[data-hide-root="1"] li li li li li li li li li a { padding-left: calc(24px * 9 - 12px);}
	.nureinshop-ui-tree[data-hide-root="1"] li li li li li li li li li li a { padding-left: calc(24px * 10 - 12px);}

/* Aktiv-Status
----------------*/

	.nureinshop-ui-tree li a.active {
		background-color: #cdebf8;
	}

/* System-Seiten
-----------------*/

	.nureinshop-ui-tree [data-systempage="1"] {
		display: none;
	}

/* Checkbox
------------*/

	.nureinshop-ui-tree--checkbox {
		display: block;
		float: left;
		line-height: 24px;
		font-size: 18px;
		text-align: center;
		vertical-align: middle;
		padding: 0;
		color: #343434;
		display: block;
		height: 16px;
		width: 16px;
		cursor: pointer;
		background-color: #FFFFFF;
		border-radius: 3px;
		border: 1px solid #DDDDDD;
		margin: 4px;
	}

	.nureinshop-ui-tree--checkbox:hover {
		background-color: #f2f2f2;
	}

	.nureinshop-ui-tree--checkbox.checked {
		background-color: #009cdf;
		background-image: url('/core/nureinshop/ui/checkbox/pub/img/check.svg');
		background-repeat: no-repeat;
		background-size: 14px auto;
		background-position: center center;
		border: 1px solid #009cdf;
	}

/* Status: Versteckt
---------------------*/

	/* Inaktiv-Zustand */
	.nureinshop-ui-tree a[data-disabled="1"] * {
		color: #a63c06 !important;
		opacity: 1;
	}

	/* Versteckt-Zustand */
	.nureinshop-ui-tree a[data-hide-from-menu="1"] {
		opacity: 0.5 !important;
	}