@charset "utf-8";

.source-view {
	width: 100%;
	height: 300px;
	overflow: scroll;
	line-height: 16px;
}

.source-view > div.code {
	float: left;
	width: calc(100% - 30px);
	padding: 5px;
	font-size: 13px;
	/*overflow: scroll;
	*/white-space: pre;
	box-sizing: border-box;
}
.source-view > div.line {
	float: left;
	width: 30px;
	min-height: 300px;
	padding: 5px 2px;
	color: #808080;
	background-color: #f0f0f0;
	font-size: 12px;
	text-align: right;
	white-space: pre;
	box-sizing: border-box;
}
/*.html .k,*/ .style .k, .script .k {
	color: #a000a0;
}
.html .c, .style .c, .script .c {
	color: #008000;
}
.html .t, .style .t {
	color: #0000d0;
}
.style .i, .style .cl {
/*	color: #808080;
*/}
.html .l, .style .l, .script .l {
	color: #00b0b0;
}
.db-source {
	width: 100%;
}
.db-source > .tab-view > .tabs {
	padding-left: 40px;
}
.si-pane .tree-view {
	padding-left: 20px;
	white-space: nowrap;
}