.table-sort-container {
  font-size: 0;
}

table {
  width           : 100%;
  margin-bottom   : 0;
  border-collapse : collapse;
  background      : #fff;
}

td,th {
  padding     : 0 10px;
  font-size   : 13px;
  line-height : 32px;
}

th {
  text-align  : left;
  font-weight : 300;
  color       : #fff;
  background  : #1BA7F5;
}

td {
  font-weight: 300;
}

/* Table Sorting */
th.table-sort {
  padding-right: 26px;
  text-align         : left;
  -webkit-transition : all 0.3s;
  -moz-transition    : all 0.3s;
  -ms-transition     : all 0.3s;
  transition         : all 0.3s;
  cursor             : pointer;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

th.table-sort:hover {
  background: #57BDF7;
}

.table-sort-field {
  position: relative;
}

.table-sort-control {
  height    : 32px;
  width     : 16px;
  position  : absolute;
  top       : 0;
  right     : -26px;
}

.table-sort-up,
.table-sort-down {
  border   : 6px solid transparent;
  position : absolute;
  right    : 6px;
}
.ie8 .table-sort-down {
  border-right-width   : 5px;
  border-left-width    : 5px;
  right: 7px;
}
.table-sort-up {
  border-bottom-color : rgba(255,255,255,0.5);
  top                 : 2px;
}
.ie8 .table-sort-up {
  border-bottom-color:#fff;
  -ms-filter: "alpha(opacity=50)";
}
.table-sort-down {
  border-top-color : rgba(255,255,255,0.5);
  top              : 19px;
}
.ie8 .table-sort-down {
  border-top-color : #fff;
  -ms-filter: "alpha(opacity=50)";
}
.table-sort-order-asc .table-sort-up {
  border-bottom-color: rgba(255,255,255,1);
}
.ie8 .table-sort-order-asc .table-sort-up{
  border-bottom-color:#fff;
  -ms-filter: "alpha(opacity=100)";
}
.table-sort-order-des .table-sort-down {
  border-top-color: rgba(255,255,255,1);
}
.ie8 .table-sort-order-des .table-sort-down {
  border-top-color: #fff;
  -ms-filter: "alpha(opacity=100)";
}
/* Table Sort Search */
.table-sort-search-container {
  position   : relative;
  width      : 100%;
  padding    : 3px 5px;
  background : #888;
}
/*
.table-sort-search-input {
  -webkit-appearance : none;
  width              : 100%;
  height             : 23px;
  padding            : 0 10px;
  border             : none;
  border-radius      : 6px;
  font-size          : 13px;
  line-height        : 23px;
  background         : #fff;
}
*/
.table-sort-search-input:focus,.table-sort-search-input:hover {
  outline    : none;
}

.table-sort-highlight {
  color      : #fff;
  background : rgb(255,86,174);
}

.table-sort-search-count {
  position      : absolute;
  top           : 7px;
  right         : 12px;
  padding       : 0 7px;
  border-radius : 3px;
  font-size     : 12px;
  line-height   : 19px;
  color         : #fff;
  background    : #9EB4C2;
}