[data-order-by]{cursor: pointer;}
[data-order-by].active{background: transparent !important;}
[data-order-by]:hover{color:var(--blue);}

.optionCol{text-align: center;}
.optionCol .glyphicon{cursor: pointer; color:var(--dark-grey3); display: inline-block; padding: 2px 3px;}
.optionCol .glyphicon-trash{color:var(--red); margin-left: 5px;}

.tableSearchWrapper [name=search]{width: auto; display: inline;}
.tableSearchWrapper .reset{margin-top: -3px; margin-left: -2px;}

[data-order-direction=ASC].active:after{font-family: 'Glyphicons Halflings'; content: ' \e155'; color:var(--dark-grey3); vertical-align: bottom;}
[data-order-direction=DESC].active:after{font-family: 'Glyphicons Halflings'; content: ' \e156'; color:var(--dark-grey3); vertical-align: bottom;}

.pageMainWrapper [data-page]{
    border: 1px solid var(--grey); padding: 6px 12px; display: inline-block; margin: auto 0; cursor: pointer; border-radius: 2px;
}
.pageMainWrapper [data-page]:hover{background: var(--grey);}
.pageMainWrapper [data-page].active{background: var(--light-grey); cursor: default;}

.pageBackWrapper .pageBack, .pageForeWrapper .pageFore{
    background-color: var(--light-grey); padding: 6px 12px; border: 1px solid var(--grey); width: 65px; display: inline-block; cursor: pointer;
}
.pageForeWrapper .pageFore{border-radius: 0 2px 2px 0; margin-left: 15px;}
.pageBackWrapper .pageBack{border-radius: 2px 0 0 2px; margin-right: 15px;}
.pageBackWrapper .pageBack:hover, .pageForeWrapper .pageFore:hover{background: var(--grey);}