table.sortable span.sign {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #999;
}



table.sortable th.arrow:after {
    content: '';
}

table.sortable span.arrow, span.reversed, th.arrow.down:after, th.reversedarrow.down:after, th.arrow.up:after, th.reversedarrow.up:after {
    border-style: solid;
    border-width: 5px;
    font-size: 0;
    border-color: #999 transparent transparent transparent;
    line-height: 0;
    height: 0;
    width: 0;
    margin-top: -2px;
}

    table.sortable span.arrow.up, th.arrow.up:after {
        border-color: transparent transparent #999 transparent;
        margin-top: -7px;
    }

table.sortable span.reversed, th.reversedarrow.down:after {
    border-color: transparent transparent #999 transparent;
    margin-top: -7px;
}

    table.sortable span.reversed.up, th.reversedarrow.up:after {
        border-color: #999 transparent transparent transparent;
        margin-top: -2px;
    }





 /************************
    /*TABLE SORT INDICATOR*/
    /***********************/
    
    .sortable>thead>tr>th {
      cursor: pointer;
      position: relative;
    }

    .sortable>thead>tr>th:after,
    .sortable>thead>tr>th:after,
    .sortable>thead>tr>th:after {
      content: '';
      position: absolute;
      height: 0;
      width: 0;
      right: 5px;
      /* (right padding / 2) - arrow width */
      top: 18px;
      /* ((padding * 2) + line height) - arrow height */
      /** As pointed out by Dave Everitt in 
   * https://css-tricks.com/snippets/css/css-triangle/
   * The arrow is not an equilateral triangle.
   * the height is 86.6% of the width.
   * Notice the above code does not subract the border 
   * width exactly. It is subtracting
   * (rounded) border width * 86.6%
   **/
    }

    /* Default sortable indicator */
    .sortable>thead>tr>th:after {
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #999;
      border-bottom: 0px solid transparent;
    }