/*table sort*/
.tableSort {margin:20px 0px; width:100%; border-collapse:collapse; border:1px solid #ccc; box-shadow:0px 0px 2px #ddd;}
.tableSort thead {background:#ddd; border-bottom: 1px solid #ccc; color:#444; font-size: 13px;}
.tableSort thead th {padding: 12px 12px; text-align:center; border-right: 1px solid #ccc; text-shadow:0px 1px 0px #eee; position:relative;}
.tableSort thead th>i {font-size: 12px; position:relative; padding-right: 6px; top:-1px; }
.tableSort tbody tr {background:#f5f5f5; border-bottom: 1px solid #ccc;}
.tableSort tbody tr:nth-child(2n) {background:#eee;}
.tableSort tbody tr td {color:#444; font-size: 14px; padding: 8px 12px 5px 12px; border-right: 1px solid #ccc; max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.thead th {position:relative; padding-right:16px;}
.tableSort thead th .sorter {position:absolute; right: 3px; bottom: 3px; width: 12px; height: 22px; cursor:ns-resize;}
.tableSort thead th .sorter:before {content:"\f0dc"; font-size: 20px; color:#000; opacity:0.2; position:absolute; bottom:0px; right:0px; font-family:fontAwesome;}
.tableSort thead th .sorter:after {content:""; font-size: 20px; color:#000; opacity:0.2; position:absolute; bottom:0px; right:0px; font-family:fontAwesome;}
.tableSort thead th .sorter:hover:before {opacity:0.5;}
.tableSort thead th .sorter.sortUp:before {content:"\f0de" !important; opacity:1; cursor:s-resize;}
.tableSort thead th .sorter.sortUp:after {content:"\f0dd" !important;}
.tableSort thead th .sorter.sortDown:before {content:"\f0dd" !important; opacity:1; cursor:n-resize;}
.tableSort thead th .sorter.sortDown:after {content:"\f0de" !important;}