less.less

th.order-col {
	padding: 0 !important;
	&.selected,
	&:hover {
		background: @green;
		border-color: @green;
	}
}
[data-sort] {
	cursor: pointer;
	display: block;
	padding: .75em 18px .75em 10px;
	position: relative;


	&:after,
	&:before {
		.after;
		width: 0;
		height: 0;
		top: 50%;
		right: 5px;
		border: solid 5px transparent;
	}
	&:after {
		margin-top: -11px;
		border-bottom-color: fadeout(@white, 60%);
		.selected.desc & {
			border-bottom-color: @white;
		}
	}
	&:before {
		margin-top: 1px;
		border-top-color: fadeout(@white, 60%);
		.selected.asc & {
			border-top-color: @white;
		}
	}
}

//CSS

th.order-col { padding:0 !important; }
th.order-col.selected, th.order-col:hover {
	background:#50bd98;
	border-color:#50bd98;
}
[data-sort] {
	cursor:pointer;
	display:block;
	padding:.75em 18px .75em 10px;
	position:relative;
}
[data-sort]:after, [data-sort]:before {
	position:absolute;
	content:"";
	width:0;
	height:0;
	top:50%;
	right:5px;
	border:solid 5px transparent;
}
[data-sort]:after {
	margin-top:-11px;
	border-bottom-color:rgba(255,255,255,0.4);
}
.selected.desc [data-sort]:after { border-bottom-color:#ffffff; }
[data-sort]:before {
	margin-top:1px;
	border-top-color:rgba(255,255,255,0.4);
}
.selected.asc [data-sort]:before { border-top-color:#ffffff; }