/* debug, hide, xray, future style sheet */
#future, #unhide, #xray, #debugicon, #debuginfo, .xdebug-error
	{
	--base-z-index:3000000000000;
	outline: none !important;
	}

#future, #unhide, #xray, #debugicon
	{
	padding:5px;
	position:fixed;
	cursor:pointer;
	z-index:var(--base-z-index);
	}

#future
	{
	left:5px;
	top:5px;
	}

#unhide
	{
	right:20px;
	top:5px;
	}

#xray
	{
	left:5px;
	bottom:5px;
	}

#debugicon
	{
	right:20px;
	bottom:5px;
	}

#debugicon:hover #debuginfo
	{
	visibility:visible !important;
	}

#debugicon a
	{
	font-weight:normal;
	text-decoration:none;
	}

#debugicon img, #xray img, #unhide img, #future img
	{
	border:0;
	}

#debuginfo
	{
	right:5px;
	padding:0;
	bottom:5px;
	overflow:auto;
	max-width:80%;
	max-height:80%;
	position:fixed;
	z-index:calc( var(--base-z-index) + 1);
	visibility:hidden;
	background:#EEF6E9;
	border:3px solid #267023;
	font-family:Lucida Console,monospace;
	scrollbar-gutter:stable;
	}

#debuginfo a
	{
	color:#267023;
	font-family:inherit;
	font-weight:inherit;
	text-decoration:none;
	}

#debuginfo a:hover
	{
	text-decoration:underline;
	}

#debuginfo > div
	{
	padding:10px;
	display:inline-block;
	}

#debuginfo #debuglist
	{
	/*height:50%;*/
	overflow:visible;
	border-collapse:collapse;
	}

#debuginfo #debuglist tr
 	{
	border-bottom: 1px solid #DBE8D3;
	}

#debuginfo #debuglist tbody tr:hover
	{
	background-color:#DBE8D3;
	/*border-bottom: 1px solid #F00;*/
	}

#debuginfo #debugtitle
	{
	padding:0;
	font-size:14px;
	font-weight:bold;
	white-space:normal;
	background:#FDFFFC;
	}

#debuginfo #debugtitle[onclick], #debuginfo #debugtitle a
	{
	cursor:pointer;
	}

#debuginfo #debugtitle img
	{
	top:3px;
	left:3px;
	width:16px;
	position:relative;
	}

#debuginfo #debuglist pre, #debuginfo td
	{
	padding:0;
	color:#000;
	padding-top:3px;
	font-size:12px;
	white-space:pre;
	outline: none !important;
	font-family:"Lucida Console",monospace;
	}

#debuginfo #debuglist pre
	{
	vertical-align:top;
	}

#debuginfo #debuglist tbody td.header
	{
	padding-left:4px;
	}

#debuginfo #debuglist tr.errors td.output, #debuginfo #debuglist tr.errors td.output a
	{
	color:red !important;
	font-weight:bold !important;
	}

#debuginfo #debuglist tr.warnings td.output
	{
	/*color:yellow;*/
	font-weight:bold !important;
	}

#debuginfo #debuglist tr td.output.canwrap
	{
	text-align:left !important;
	line-height:1.4em !important;
	white-space:normal !important;
	}

#debuginfo .maxtimedelta, #debuginfo .maxmemdelta
	{
	color:red;
	text-decoration:underline;
	}

/* page dump styles */
.dynstyle
	{
	width:45em !important;
	}

.dynstyle:focus, .dynstyle:active
	{
	height: 72px !important;
	}

.q4_missing_content
	{
	display:block;
	font-family:monospace;
	}

/*change placement of debug icons in mobile view, and hide time and mem debug columns*/
@media all and (max-width: 480px) and (orientation:portrait), all and (max-height: 480px) and (orientation:landscape)
	{
	#future, #unhide
		{
		top:auto !important;
		left:auto !important;
		right:auto !important;
		bottom:5px !important;
		}
	#future
		{
		left:50px !important;
		}
	#unhide
		{
		left:29px !important;
		}
	td.debugmem, td.debugtime
		{
		display:none;
		}
	}

@media only screen and (max-width: 767px)
{
	#future
		{
		left:25px;
		bottom:5px;
		}

	#unhide
		{
		right:50px;
		bottom:5px;
		}
}

@media print
	{
		#future, #unhide, #xray, #debugicon, #debuginfo {display:none !important;}
	}

.xdebug-error
	{
	z-index:calc( var(--base-z-index) + 2);
	position:absolute;
	}