/*This stylesheet is for the Debug toolbar*/


.nav-debug-toolbar-section {
	height: 100%;
}

.debug-glyph{
	z-index:100;
	position: absolute;
	top:50%;
	left:0;
	width:30px;
	height:30px;
	text-align: center;
	transition: transform 0.5s ease;
	-webkit-transition: transform 0.5s ease;
	line-height: 30px;
}


.debug-glyph:hover{
	background-color: white;
	color:black;
	border-radius: 50%;
}

.debug-glyph-icon {
	display: inline-block;
	color: #636466;
	opacity: 1;

}



/*End of Glyphicon*/


.debug-buttons-navbar, .debug-buttons-navbar.ng-hide{
	opacity:0.5;
	height: 100%;
	z-index:100;
	position: absolute;
	left:0;
	overflow-y: auto;
	min-width: 0;
	-webkit-transition: transform 1s ease,display 0.5s;
	transition: transform 0.5s ease, display 0.5s;
	-webkit-transform: translate(-200px,0);
	transform: translate(-200px,0);
	background-color: #000000;
	background-image:linear-gradient(#393635, #141414) ;
	background-image:-webkit-linear-gradient(#393635, #141414) ;
	background-image:-ms-linear-gradient(#393635, #141414) ;
	background-image:-moz-linear-gradient(#393635, #141414) ;
	background-size: 100% auto;
	background-position: 0 0;
}

div.nav-debug-button ul,
div.nav-debug-button ul li{
	margin: 0;
	padding:0;

}

div.nav-debug-button ul{
	padding-top:60px;
	list-style-type: none;

}

.btn-debug-compat {
	border:0;
	background: 0;
	color: #D7D7D7;
	min-height:40px;
	width: 100%;
	text-align: left;
	/*min-width: 200px;*/
	max-width:350px;
	border-radius:0;
	padding: 10px 20px;
	font-weight: 600;
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
}

.btn-debug-compat:hover,.btn-debug-compat:focus{
	color:#ffffff;
}

.btn-debug-compat:hover {
	border-left: 5px solid  #000000 ;
}


.buttontranslate{
	/*left:200px;*/

	-webkit-transform: translate(130px,0) rotate(-180deg) ;
	-moz-transform: translate(130px,0) rotate(-180deg) ;
	-ms-transform: translate(130px,0) rotate(-180deg) ;
	transform: translate(130px,0) rotate(-180deg);
}

.navbartranslate{
	/*opacity:1;*/
	max-width:130px;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);

}