.dgrid-column-resizer {
	cursor: col-resize;
	position: absolute;
	width: 2px;
	background-color: #666;
	z-index: 1000;
}

.dgrid-resize-handle {
	height: 100px;
	width: 0;
	position: absolute;
	right: -4px;
	top:-4px;
	cursor: col-resize;
	z-index: 999;
	border-left: 5px solid transparent;
	outline: none;
}

.dgrid-resize-header-container {
	height:100%;
}

.dgrid-resize-guard {
	// Used to prevent click events trickling down to the underlying header cell
	cursor: col-resize;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

// make the resize handles larger on touch-capable devices
html.has-touch .dgrid-resize-handle {
	border-left: 20px solid transparent;
}
html.has-touch .dgrid-column-resizer {
	width: 2px;
}

.dgrid-resize-header-container {
	// set to relative so we can do the resizing against this node
	position: relative;
}
.dgrid-header .dgrid-cell {
	overflow: hidden;
}