ul.tree, ul.tree ul {
	list-style-type: none;
	background: url(vline.png) repeat-y;
	margin: 0;
	padding: 0;
	padding-left: 7px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: default;
	font-size:13px; 
}

li.last {
	background-image: 'url("css/lastnode.png")';
	background-repeat: no-repeat;
}

ul.tree ul {
	padding-left: 7px;
}

ul.tree li {
	margin: 0;
	padding: 0 0 0 8px;
	line-height: 22px;
	background: url(node.png) no-repeat;
}

ul.tree li:last-child {
	background: url(lastnode.png) no-repeat;
	background-color: white;
}

ul.tree span:hover, .cntxact {
	margin-left: -2px;
	padding-right: 3px;
	outline:none;
	-moz-outline:none;
	
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #99e6ff;
	border: 1px solid #73b9ff;
	border-radius: 2px;
} 

ul.tree span{
	cursor: pointer;
}

ul.tree li.last {
	background: url(lastnode.png) no-repeat;
}

ul.tree li.f span {
	margin-left: 8px;
	/* display: block;  */
}

img.exp_col {

	margin-top: 4px;
	margin-left: -20px;
	vertical-align: sub;
}

img.exp_col_empty {
	position: absolute;
	margin-top: 4px;
	margin-left: -20px;
	vertical-align: sub;
	width: 16px;
}

img.icon_tree {
	vertical-align: middle;
	padding-left: 3px;
	margin-top: -3px;
}

a.node {
	padding: 2px;
}

span.node a {
	padding-left: 3px;
	word-wrap: break-word;
}

span.node {
	margin-left: -1px;
	padding-right: 3px;
	outline:none;
	-moz-outline:none;

	padding-top: 4px;
	padding-bottom: 4px;
}

span.node:hover {
	margin-left: -1px;
	padding-right: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #DCEDFF;
	border-radius: 2px;
}

span.node_selected {
	margin-left: -2px;
	padding-right: 3px;
	outline:none;
	-moz-outline:none;
	
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #CEFFCE;
	border: 1px solid #8AE88A;
	border-radius: 2px;
}


span.node_selected a {
	padding-left: 3px;
}

.menu,.sub-menu {
  margin: 0;
  padding: 0;
	font: 11px Verdana, sans-serif;
}

.menu,
.sub-menu {
  list-style: none;
  background: #000;
}
.sub-menu {
  background: #F1F1F1;
}
.menu a {
  text-decoration: none;
  display: inline-block;
  padding: 6px;
}

.menu span {
  position: absolute;
	width: 100%;
	height: 100%;
}

.menu div {
	position: absolute;
	right: 4px;
	top: 0px;
	padding: 8px;
}

.menu .menu_img {
	vertical-align: middle;
}

.menu img {
  text-decoration: none;
  display: inline-block;
	vertical-align: sub;
  padding-left: 5px;
}
.menu li {
  position: relative;
}

.menu li:hover {
  background: aquamarine;
	cursor: pointer;
}

.sub-menu li:hover {
  background: aquamarine;
}
.menu li:hover > .sub-menu {
  display: block;
}

.menu {
	width: 150px;
	position: relative;
	background: #F1F1F1;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	cursor: default;
	max-height: 100%;
	box-shadow: 2px 2px 3px #BDBDBD;
	z-index: 4;
}


.sub-menu {
  display: none;
  position: absolute;
  min-width: 150px;
	box-shadow: 2px 2px 3px #BDBDBD;
}

.menu .sub-menu {
  top: 0;
  left: 100%;
}

/*
body {
  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, freesans;
}*/

ul.tree {
	/* background-color: white; */
}

table p {
	margin:0;display:inline;
}	

div p {
	margin:0;display:inline;
}	
	
#div_tree {
	font: 14px Verdana, sans-serif;
	display: inline-block;
	padding: 0px 0px 0px 0px;
	/* background-color: white; */
	padding-bottom: 150px
}

.img-wrap {
    position: relative;
	max-width: 250px;
}
.img-wrap .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
	padding: 2px;
	background: #eeeeee;
}

.left {
	width:38%;
	float:left;
	min-width: 250px;
	padding: 5px;
}
.right {
	float:right;
	padding: 5px;
	min-width: 58%;
}
@media screen and (max-width: 800px) {
	.left, .right {
		width:auto;
		float:none;
	}
}   




body{
			background:#f4f3ef; padding: 0; margin: 0; 
		}
		
		a {
			text-decoration: none;
			color: #3600d9;
		}
		
		strong {
			background-color: #bfffcf;
		}
		
		#wrapper {
			padding-left: 0;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}

		#wrapper.toggled {
			padding-left: 450px;
		}

		#sidebar-wrapper {
			z-index: 3; 
			position: fixed;
			left: 450px;
			width: 0;
			height: 100%;
			margin-left: -450px;
			overflow-y: auto;
			background:#fff;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
			
		}

		#sidebar-wrapper {
			box-shadow: inset -1px 0px 0px 0px #DDDDDD;
		}

		#wrapper.toggled #sidebar-wrapper {
			width: 650px;
		}

		#page-content-wrapper {
			/* width: 100%; */
			position: absolute;
			padding: 15px;
		}

		#wrapper.toggled #page-content-wrapper {
			position: absolute;
			margin-right: -450px;
		}

		/* Sidebar Styles */

		.sidebar-nav {
			/* position: absolute; */
			top: 0;
			/* width: 450px; */
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.sidebar-nav li {
			text-indent: 20px;
			line-height: 40px;
		}

		.sidebar-nav li a {
			display: block;
			text-decoration: none;
			color: #999999;
		}

		.sidebar-nav li a:hover {
			text-decoration: none;
		}

		.sidebar-nav li a:active,
		.sidebar-nav li a:focus {
			text-decoration: none;
		}

		.sidebar-nav > .sidebar-vendor {
			height: 65px;
			font-size: 18px;
			line-height: 60px;
		}

		.sidebar-nav > .sidebar-vendor a {
			color: #999999;
		}

		.sidebar-nav > .sidebar-vendor a:hover {
			color: #fff;
			background: none;
		}

		@media(min-width:768px) {
			#wrapper {
				padding-left: 450px;
			}

			#wrapper.toggled {
				padding-left: 0;
			}

			#sidebar-wrapper {
				width: 450px;
			}

			#wrapper.toggled #sidebar-wrapper {
				width: 0;
			}

			#page-content-wrapper {
				padding: 20px;
				position: relative;
			}

			#wrapper.toggled #page-content-wrapper {
				position: relative;
				margin-right: 0;
			}
		}


		@media(max-width:408px) {
			#wrapper {
				padding-left: 350px;
			}

			#wrapper.toggled {
				padding-left: 0;
			}

			#sidebar-wrapper {
				width: 350px;
			}

			#wrapper.toggled #sidebar-wrapper {
				width: 0;
			}

			#page-content-wrapper {
				padding: 20px;
				position: relative;
			}

			#wrapper.toggled #page-content-wrapper {
				position: relative;
				margin-right: 0;
			}
		}
		
		
		#sidebar-wrapper li.active > a:after {
			border-right: 17px solid #f4f3ef;
			border-top: 17px solid transparent;
			border-bottom: 17px solid transparent;
			content: "";
			display: inline-block;
			position: absolute;
			right: -1px;
		}

		.sidebar-vendor {
			border-bottom: 1px solid rgba(102, 97, 91, 0.3);
		}

		.sidebar-vendor {
			padding: 18px 0px;
			margin: 0 20px;
		}

		.navbar .navbar-nav > li > a p {
			display: inline-block;
			margin: 0;
		}
		/*
		p {
			font-size: 16px;
			line-height: 1.4em;
		}*/

		.navbar-default {
			background-color: #f4f3ef;
			border:0px;
			border-bottom: 1px solid #DDDDDD;
		}

		btn-menu {
			border-radius: 3px;
			padding: 4px 12px;
			margin: 14px 5px 5px 20px;
			font-size: 14px;
			float: left;
		}
		
		

table.t2 {
  white-space: normal;
  border: 0px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
}

table.t2 tr {
  background-color: #f8f8f8;
  border: 3px solid #ddd;
}

table.t2 th,
table.t2 td {
  padding: .325em;
  word-wrap:break-word;

}

table.t2 th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}




		@media screen and (max-width: 820px) {
		  table {
			border: 0;
		  }
		   .main {font-family:Verdana;color:#000000; margin-bottom: 10px; text-align: center; margin-left: 3%; margin-right:3%; } 

		  table.t2 thead {
			border: none;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
			word-wrap:break-word;
		  }
		  
		  table.t2 tr {
			border-bottom: 3px solid #ddd;
			display: block;
			margin-bottom: .925em;
		  }
		  
		  table.t2 td {
			border-bottom: 1px solid #ddd;
			display: block;
			font-size: .9em;
			text-align: right;
			word-wrap:break-word;
		  }

		  table.t2 td::before {
			/*
			* aria-label has no advantage, it won't be read inside a table
			content: attr(aria-label);
			*/
			content: attr(data-label);
			float: left;
			font-weight: bold;
			text-transform: uppercase;
		  }
		  
		  table.t2 td:last-child {
			border-bottom: 0;
		  }
		}


		pre {
			 white-space: pre-wrap;       /* css-3 */
			 white-space: -moz-pre-wrap;  /* Mozilla, с 1999 */
			 white-space: -pre-wrap;      /* Opera 4-6 */
			 white-space: -o-pre-wrap;    /* Opera 7 */
			 word-wrap: break-word;       /* Internet Explorer 5.5+ поддерживается в IE, Safari, и Firefox 3.1. overflow-x: hidden;
			 */
		}





		.radio-toolbar input[type="radio"] {
		  display: none;
		}

		.radio-toolbar label {
		  display: inline-block;
		  background-color: #ddd;
		  padding: 4px 11px;
		  font-family: Arial;
		  font-size: 13px;
		  cursor: pointer;
		}

		.radio-toolbar input[type="radio"]:checked+label {
		  background-color: #bbb;
		  border: solid 2px red;
		}

		#selec {
		 width:100%;   
		}

		#selec option {
		  width:150px;   
		}

		/*P {cursor: pointer; color: #3333aa; margin:0; display:inline}*/

		.win {color: #11aa11; font-weight: bold}


		.float-container {
			border: 2px solid #333333;
			padding: 5px;
			min-width: 100%;
			display: inline-block;
			margin:10px;
			font-size: 12px;
			text-align: left;
		}

		.float-child {
			text-align: left;
			min-height:100%;
			float: left;
			padding: 20px;
			border: 2px solid red;
		} 




		/* вверх */
			#myBtn {
				display: none; /* Hidden by default */
				position: fixed; /* Fixed/sticky position */
				/* расстояние от правого края окна браузера */
				right: 20px;
				/* расстояние от нижнего края окна браузера */
				bottom: 0;
				/* скругление верхнего левого угла */
				border-top-left-radius: 8px;
				/* скругление верхнего правого угла */
				border-top-right-radius: 8px;
				/* вид курсора */
				cursor: pointer;
				/* отображение элемента как flex */
				display: flex;
				/* выравниваем элементы внутри элемента по центру вдоль поперечной оси */
				align-items: center;
				/* выравниваем элементы внутри элемента по центру вдоль главной оси */
				justify-content: center;
				/* ширина элемента */
				width: 60px;
				/* высота элемента */
				height: 50px;
				background: #0a5fad no-repeat center/50% url("up.svg"); 
			}

			#myBtn:hover {
				background-color: #555; /* Add a dark-grey background on hover */
			}
		

		/* Кнопки Adam Quinlan thx */
		.container {
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
			font-size: 13px;
		}

		ul.ks-cboxtags {
			list-style: none;
			padding: 0px;
		}
		ul.ks-cboxtags li{
		  display: inline;
		}
		ul.ks-cboxtags li {
			display: inline-block;
			background-color: rgba(255, 255, 255, .9);
			border: 2px solid rgba(139, 139, 139, .3);
			color: #000000;
			border-radius: 25px;
			white-space: nowrap;
			margin: 3px 0px;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			-webkit-tap-highlight-color: transparent;
			transition: all .2s;
			padding: 4px 12px;
			cursor: pointer;
		}
		
		ul.ks-cboxtags li:hover {
			color: #000000;
			background-color: #96ff73;
		}
		
		/*
		ul.ks-cboxtags li label::before {
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			font-family: "Font Awesome 5 Free";
			font-weight: 900;
			font-size: 12px;
			padding: 2px 6px 2px 2px;
			content: "\f067";
			transition: transform .3s ease-in-out;
		}

		ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
			content: "\f00c";
			transform: rotate(-360deg);
			transition: transform .3s ease-in-out;
		}
		*/




ul, #tree {
  list-style-type: none;
}

#tree {
  margin: 0;
  padding: 0;
}

.c {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}

.p::before {
  content: "\002B";
  color: black;
  display: inline-block;
  margin-right: 8px;
  margin-left: 4px;
  font-size: 16px;
  cursor: pointer;

}

/*
.node_selected::before{
  content: "\268A";
  color: black;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  cursor: pointer;
}
*/

.m::before {
  content: "\268A";
  color: black;
  display: inline-block;
  margin-right: 8px;
  margin-left: 4px;
  font-size: 14px;
  cursor: pointer;

}

.f::before {
  /* content: url('./img/file.png'); */
  /* content: " "; */
  /* color: black; */
  /* margin-right: 0px; */
  /* margin-left: 18px; */
  /* display: inline-block; */
  /* font-size: 14px; */
  /* cursor: pointer; */
}

.pp::before {
  /* content: url('./img/file.png'); */
  content: " ";
  color: black;
  margin-right: 0px;
  margin-left: 18px;
  display: inline-block;
  font-size: 14px;
  cursor: pointer;
}

.off {
  /* content: url('./img/file.png'); */
  content: " ";
  color: #888888;
  font-size: 10px;
  cursor: pointer;
}


.n {
  display: none;
}

.v {
  display: block;
}


span#el {
    cursor:pointer;
    color:blue;
    text-decoration:underline;
}



#context-menu ul, #context-menu li {
    list-style:none;
    margin:0; padding:0;
    background:white;
}

#context-menu { border:solid 1px #CCC; }
#context-menu li { border-bottom:solid 1px #CCC; }
#context-menu li:last-child { border:none; }
#context-menu li a {
    display:block;
    padding:5px 10px; 
    text-decoration:none;
    color:blue;
}
#context-menu li a:hover {
    background:blue;
    color:#FFF;
}