/* highlighting */		
		
	div.tree	
	{
	/*	padding-left:20px;*/
		padding-left:1em;

		margin-left:5px;
	}

	div.children
	{
	/*	padding-left:20px; */
		margin-left:5px;
	}

	div.children[div.parent] /* ERROR */
	{
		padding-left:0px;
		margin-left:0px;
	}
	
	div.parent
	{
		margin-left:3px;		
	}
	
	div.high
	{	
	 	 white-space: nowrap;
	}
	
	div.children>span.txt
	{
	/*	padding-left:20px;*/
		padding-left:1em;

		margin-left:5px;	
	}
	
/*	span.code
	{
		box-sizing: border-box;					
		font-family: Consolas, 'courier new';
		font-size: 15px;
		height: auto;
		line-height: 17px;
		width: auto;
		word-wrap: break-word;		
		margin:0px;
		padding:0px;			
	} */
	
	span.counter
	{
		color: #28a745;
	}


/* markup */

	.code-toggler
	{
		color:black;
		cursor:pointer;
		float:left;
	}

	.code-indent
	{
		margin-left:1em;
		white-space: nowrap;
	}

	.lt
	{
		color:rgb(0,0,255);
	}
	.gt
	{
		color:rgb(0,0,255);		
	}
	.amp
	{
		color:rgb(0,0,255);			
	}
	.quot
	{
		color:black;	
	}
	.equal
	{
		color:#00008B;						
	}
	
/* items */	
	.element
	{
		color:rgb(165,42,42);					
	}
	.txt
	{
		color:black;
	}
	.att
	{
		color:rgb(220,20,60)					
	}
	.value
	{			
		color:#00008B;	
	}
	

/* pi */
	.plt
	{
		color:rgb(0,128,0);
	}
	.pgt
	{
		color:rgb(0,128,0);
	}
	
	.pi
	{
		color:rgb(0,200,0);	
	}

/* namespace */
	.nsprefix
	{
		color:rgb(0,128,0);	
	}

	.nsuri
	{
		color:rgb(0,200,0);	
	}

	
/**/
	.clt
	{
		color:grey;
	}
	.cgt
	{
		color:grey;
	}

/* comment */
	.comment
	{
		color:grey;
	}
	
	
	code
	{
		border:0px;
		background-color:transparent;
		padding:0px;		
	}
	
/*	code.sql
	{
		border:0px;
		background-color:transparent;
		padding:0px;
		margin-top:-50px;
		color:black;
		white-space:pre-wrap;
	}
	
	code.sql>blockquote
	{
		font-size:14px;	
		position:relative;
		top:-50px;		
	} */
							
	blockquote
	{
		position:relative;
		min-height:100px;
		
		border-right:1px solid rgb(221,221,221);
		border-top:1px solid rgb(221,221,221);
		border-bottom:1px solid rgb(221,221,221);
							
		border-bottom-left-radius: 4px;
		border-left-color: #28a745;
		border-left-style: solid;
		border-left-width: 4px;
		border-top-left-radius: 4px;
		
		box-sizing: border-box;
	
		padding-left:1px;
		padding-right:1px;
		padding-top:1px;
		padding-bottom:1px;	
		
		margin:1px;	
		margin-bottom:15px;	
		overflow:scroll;
	
	}


	.block::-webkit-scrollbar 
	{
	  width: 5px;
	  height: 7px;
	}
	
	.block::-webkit-scrollbar-button 
	{
  		width: 0px;
  		height: 0px;
	}
	.block::-webkit-scrollbar-thumb {
	  background: lightgrey;
	  border: 0px none lightgrey;
	  border-radius: 0px;
	}
	.block::-webkit-scrollbar-thumb:hover {
	 /* background: #525965; */
	  background: grey;
	}
	.block::-webkit-scrollbar-thumb:active {
	/*  background: #525965; */
	  background: grey;
	}
	.block::-webkit-scrollbar-track {
	 /* background: transparent; */
	  background: whiteSmoke;

	  border: 0px none #ffffff; 

	  border-radius: 50px;
	}
	.block::-webkit-scrollbar-track:hover {
	  background: transparent;
	}
	.block::-webkit-scrollbar-track:active {
	  background: transparent;
	}
	.block::-webkit-scrollbar-corner {
	/*  background: transparent; */
	  background: whiteSmoke;

	}


/* zoom etc. */
/*	.codePanel
	{
		position:relative;
		color:white;
		margin:0px;
		text-align:right;
		border-left:1px solid rgb(221,221,221);
			background-color:rgb(66,139,202);
		
	}

	.codePanel > button
	{
		position:relative;
		background-color:#428BCA;	
		border:0px solid white;
		border-radius:0px;
		color:white;
		width:25px;
		margin:0px;
	} */
	
	
/*  */	
	div.code
	{
		position:relative;
		height:100%;
		padding:5px;
		padding-top:5px;
		padding-bottom:5px;
	/*	background-color:rgb(250,250,250); */
	/*	overflow:scroll; */	
			
	}
	
	div.editCode
	{
		position:relative;
		height:100%;
		margin:3px;
		padding:5px;
		background-color:white;
	/*	overflow:scroll; */
		padding-top:5px;
		padding-bottom:5px;	
	}

/* overlayer */
	div.overlayer
	{
		position:absolute;
		width:1110px;
	/*	width:auto;*/
		height:100%;
		background-color:white;
		opacity:0.8;
		filter:alpha(opacity=70);	
		z-index:200;	
	}


/* JS wait */

/* container */
	div.outer-wait
	{
		display:none;
		position:absolute;	
		background-color:transparent;
		width: 100%;
		height:100%;	
		top:0px;
	}
	
/* dimmer */	
	div.wait
	{		
		position:absolute;		
		background-color: lightgrey;
		border-radius:10px;
		opacity: 0.3;
		width: 100%;
		height:100%;	
		top:0px;
	}


/* spinners */	
	div.spinner-wait
	{
		position:absolute;	
		background-color:transparent;
		width: 100%;
		height:100%;	
		top:0px;
	}

	div.inner-wait
	{
		text-align:center;
		position:relative;
		top:50%;
		opacity:1;
	}