treegrid/treegrid.css

/* some common clear */
html, body { font-size: 100%; font-family: sans-serif; width: 100%; height: 100%; padding: 0; margin: 0; }
select, input, textarea { box-sizing: border-box; font-size: 100%; }
table, td, th { vertical-align: top; font-size: 100%; }
img { vertical-align: middle; }
body { -moz-text-size-adjust: none; } /* do not scale fonts in mobile firefox */
/*table { border-collapse: collapse; }*/

/* fixed header table styles */
table.grid tbody tr.hover, table.grid tbody tr.hover td
{
	background-color: #e2eff8;
}

table.grid tr.selected, table.grid td.selected, table.grid tr.selected.hover,
table.grid tr.selected.hover td, table.grid tr.hover td.selected
{
	background-color: #c1ddf1;
	box-shadow: inset 0 0 0 1px #3d91cf;
}

table.grid thead th
{
	padding: 6px;
}

table.grid th
{
	font-weight: normal;
	color: #405060;
}

table.grid
{
	border-collapse: separate;
	border-spacing: 0;
	outline: 0;
}

table.grid > *:first-child > tr:first-child > *, table.grid > tr:first-child > *
{
	border-top: 1px solid #ccc;
}

table.grid > * > tr > td:first-child,
table.grid > * > tr > th:first-child,
table.grid > tr > td:first-child,
table.grid > tr > th:first-child
{
	border-left: 1px solid #ccc;
}

table.grid, table.grid tr, table.grid td, table.grid th
{
	box-sizing: border-box;
	position: relative;
}

table.grid td, table.grid th
{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-clip: padding-box; /* O_o firefox draws background over borders */
	padding: 3px;
	font-size: 13px;
	overflow: visible;
	background: white;
}

/* treegrid styles */
table.grid .collapser
{
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 4px 0 -20px;
}

table.grid .collapser-collapsed
{
	background: url(unfold2.png);
	cursor: pointer;
}

table.grid .collapser-expanded
{
	background: url(fold2.png);
	cursor: pointer;
}

/* selection rectangle */
.selection-rect
{
	position: absolute;
	border: 1px solid #003f6e;
	background: #0097ff;
	opacity: 0.1;
	display: none;
	z-index: 10;
}

.disable-text-select
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* cell editor */
table.grid .celleditor
{
	padding: 0 !important;
	position: relative;
}

table.grid .celleditor div
{
	height: 100%;
	position: relative;
}

table.grid .celleditor input
{
	box-shadow: inset 0 0 0 1px #3d91cf;
	margin: 0;
	border: 0;
	padding: 3px;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
}

.grid-wrapper
{
	position: relative;
	height: 100%;
	width: 100%;
}

.grid-body-wrapper
{
	position: absolute;
	padding-left: 200px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: auto;
	z-index: 1;
}

.grid-no-sticky-col .grid-body-wrapper
{
	padding-left: 0;
}

.grid-no-sticky-col .grid-fixed-row-wrapper
{
	padding-left: 0;
}

.grid-fixed-cell
{
	position: absolute;
	left: 0;
	width: 200px;
	top: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 4;
}

.grid-fixed-col-sizer
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 0;
}

.grid-fixed-col-wrapper2
{
	position: absolute;
	left: 0;
	width: 200px;
	top: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 3;
}

.grid-fixed-col-wrapper
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 3;
}

.grid-fixed-row-wrapper
{
	position: absolute;
	padding-left: 200px;
	left: 0;
	right: 0;
	top: 0;
	overflow: hidden;
	z-index: 3;
}

table.grid.grid-fixed-col > *:first-child > tr:first-child > *, table.grid.grid-fixed-col > tr:first-child > *
{
	border-top: 0;
}