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

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

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

#debugPane span#autor
	{
		position: absolute;
		top: 10px;
		right: 48px;
		color: #ADADAD;
		display: block;
	}

#debugPane .innerdebug
	{
	    height: 89%;
		margin: 15px 25px 15px 35px;
	    overflow-y: auto;
	}

#debugPane h1
	{
		margin: 30px 0px 20px;
		font-family: "Roboto Condensed", sans-serif;
		font-size: 40px;
		text-align: center;
		color: #04C7ED;
		text-shadow: 0px 3px 8px #4C4C4C;
	}

.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;
	}

.ui-resizable-e
	{
		width: 7px;
		height: 100%;
		top: 0px;
		right: -5px;
		cursor: e-resize;
	}

.ui-resizable-handle
	{
		position: absolute;
		font-size: 0.1px;
		display: block;
	}