/*#######################################
	DebugPane
	- everywhere -
	06.04.2016
	Last update: <!--%DateStamp%-->06.04.2016<!---->
#######################################*/

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic);

#debugPane
	{
		position: fixed;
		top: 0px;
		left: -405px;
		width: 450px;
		height: 100%;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 14px;
		padding: 15px 25px 15px 35px;
		background: radial-gradient(ellipse farthest-corner at left center, rgba(255, 255, 255, 0.8) 5%, rgba(222, 222, 222, 0.2) 100%);
		box-shadow: 0px 2px 8px #6E6E6E;
		-moz-box-shadow: 0px 2px 8px #6E6E6E;
		-webkit-box-shadow: 0px 2px 8px #6E6E6E;
		box-sizing: padding-box;
		z-index: 100;
		visibility: visible;
	}

#debugPane .innerdebug
	{
	    height: 90%;
	    overflow-y: auto;		
		display: none;
	}

#debugPane h1
	{
		font-family: "Roboto Condensed", sans-serif;
		font-size: 40px;
		text-align: center;
		color: #2FB5EE;
		text-shadow: 0px 2px 5px #000000;
	}

.handle-icon
	{
		position: absolute;
		top: 50%;
		right: 10px;
		width: 24px;
		height: 28px;
		display: block;
		cursor: pointer;
	}

.handle-icon i
	{
		color: #757575;
		text-shadow: #FFFFFF 0px 1px 0px;
-webkit-transition: color 0.5s ease 0s;
-moz-transition: color 0.5s ease 0s;
-o-transition: color 0.5s ease 0s;
transition: color 0.5s ease 0s;
	}

.handle-icon i:hover
	{
		color: #2FB5EE;
		text-shadow: #FFFFFF 0px 1px 0px;
	}