#tabdebug{
	position:fixed;
	bottom:0;
	right:0;
	min-height:40px;
	min-width:300px;
	padding:10px;
	color:#FFF;
}

#tabdebug:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:1000%;
	height:1000%;
	background:#000000;
	opacity:0.6;
}

#tabdebug .title{
    font-size: 2em;
    position:relative;
    z-index:100;
    border-bottom:1px solid #FFF;
    padding-bottom:5px;
}

#tabdebug .options{
    position:relative;
    z-index:100;
    padding:5px;
}

#tabdebug .options a{
    display:inline-block;
    background:#FFF;
    color:#333;
    border-radius:5px;
    padding:0 5px;
    font-size:0.85em;
    cursor:pointer;
}

#tabdebug .options a:hover{
    background:#333;
    color:#FFF;
}

#tabdebug .pressed{
	width:100%;					
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	min-height:40px;
	justify-content: flex-end;
}

#tabdebug .pressed > div{
	flex:0 1 auto;
	border: 1px solid #FFF;
	color:#FFF;
	position: relative;
	z-index:100;
	padding:5px 10px;
	margin-right:10px;
}

#tabdebug .focused{
	position: relative;
	z-index:200;
}

#tabdebug .focused .index:before{
	content: "TabIndex: "
}

#tabdebug-list{
    position: fixed;
    left:0;
    bottom:0;
    width:300px;
    height:50%;
    z-index:10000000;
}

#tabdebug-list:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000000;
	opacity:0.6;
}

#tabdebug-list .content{
    position: absolute;
    overflow:auto;
    top:50px;
    bottom:10px;
    left:10px;
    right:10px;
    z-index:10000;
}


#tabdebug-list .content .inner{
    position: relative;
    height:100%;
    width:100%;
    overflow:auto;
}

#tabdebug-list ol{
    margin-top:0;
}

#tabdebug-list ol li{
    font-size:0.7em;
}

#tabdebug-list ol li p{
    padding:5px;
    margin:0;
}

#tabdebug-list ol li.active p{
    background:#dcf442;
    color:#333;
    padding:5px;
}

.focused-hl{
    background:#dcf442;
    min-height:1px;
    min-width:1px;
    position:fixed;
    left:-100em;
    top:-100em;
    z-index: 10000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.focused-bottom, .focused-top{
    height: 3px;
}

.focused-left, .focused-right{
    width: 3px;
}

.focused-bottom{
    z-index:10001
}