/**
 * Debug Styling
 *
 * Define UI styling for Debug elements
 *
 * @package    Nemo Framework
 * @author     Neonfire Development <webmaster@neonfire.co.za>
 * @copyright  2009-2023 Neonfire Development
 * @version    1.01.00
 */
.debug-container {
	border: 1px #f0f dashed;
	background-color: #fcf;
	padding: 0;
	margin-top: 6px;
	font-size: 12px;
}

.debug-container label {
	display: block;
	background-color: #cac;
	border-bottom: 1px #f0f dashed;
	color: #c0c;
	padding: 4px;
	font-weight: bold;
}

.debug-container pre {
	margin: 4px;
	width: 98%;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding: 0;
	margin: 8px;
}













.debug-tabs {
	font-size: 12px;
	display: none;
}

ul.debug-float-tabs {
	list-style-type: none;
	position: fixed;
	padding: 0;
	margin: 0;
	z-index:1000;
	left: 0;
	bottom: 0;
}

ul.debug-float-tabs li,
ul.debug-float-tabs li .ft-content {
	/*position: fixed;*/
	background: #fcf;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

ul.debug-float-tabs li {
	float: left;
	width: 80px;
	height: 25px;
	margin-left: 5px;
	text-align: center;
	z-index:1000;
	bottom: 0;
}

ul.debug-float-tabs li .ft-label {
	color: #f0f;
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
}

ul.debug-float-tabs li .ft-content {
	width: 100%;
	padding: 10px;
	height: 250px;
	text-align: left;
	overflow: auto;
	position: fixed;
	/*left: 0;*/
	bottom: 25px;
	border-top: 1px #a0a solid;
}

ul.debug-float-tabs li.slideable {
	bottom: 0;
	opacity: 0.5;
}
ul.debug-float-tabs li.slideable .ft-content {
	/*bottom: -250px;*/
	left: -100%;
}

ul.debug-float-tabs li.expanded {
	/*opacity: 0.5;*/
}
ul.debug-float-tabs li.expanded .ft-content {
	left: 0;
}

ul.debug-float-tabs li:hover {
	cursor: help;
}

@media only screen and (min-width: 800px)
{
	ul.debug-float-tabs li.slideable:hover {
		bottom: 250px;
		opacity: 1;
	}
	ul.debug-float-tabs li.slideable:hover .ft-content {
		/*bottom: 35px;*/
		left: 0;
	}
	ul.debug-float-tabs li.expanded:hover {
		/*opacity: 1;*/
	}
	.debug-tabs {
		display: block;
	}
}

.debug-table {
	display: inline-block;
	border-top: 1px #f0f solid;
	border-left: 1px #f0f solid;
	font-family: arial;
	font-size: 12px;
}

.debug-table h1 {
	font-size: 1.2em;
	margin: 0;
	padding: .2em;
	background: #666;
}

.debug-table dl {
	overflow: auto;
	margin: 0;
}

.debug-table h1,
.debug-table dt,
.debug-table dd {
	border-bottom: 1px #f0f solid;
	border-right: 1px #f0f solid;
}

.debug-table dt {
	display: inline-block;
	clear:both;
	float: left;
	font-weight: bold;
	background: #aaa;
	width: 20em;
	padding: .1em;
}

.debug-table dd {
	display: inline-block;
	float: left;
	background: #ccc;
	margin: 0;
	width: 15em;
	padding: .1em;
}