/* Display Inline Block */
.scrollbar-track,
.scrollbar-chrome {
  display  : inline-block;
  zoom     : 1;
  *display : inline;
}

/* Table - fontsize: 0 fixes whitespace for display: inline layouts */

.table-sort-container {
}

/* Table Sorting */
th.table-sort {
  padding-right      : 36px;
  text-align         : left;
  -webkit-transition : all 0.3s;
  -moz-transition    : all 0.3s;
  -ms-transition     : all 0.3s;
  transition         : all 0.3s;
  cursor             : pointer;
}

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

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

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

.table-sort-up,
.table-sort-down {
  border   : 3px solid transparent;
  position : absolute;
  right    : 6px;
}

.table-sort-up {
  border-bottom-color : rgba(255,255,255,0.3);
  top                 : 8px;
}

.table-sort-down {
  border-top-color : rgba(255,255,255,0.3);
  top              : 19px;
}

.table-sort-order-asc .table-sort-up {
  border-bottom-color: rgba(255,255,255,1);
}

.table-sort-order-des .table-sort-down {
  border-top-color: rgba(255,255,255,1);
}

/* Table Sort Search */
.table-sort-search-container {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  position   : relative;
  width      : 100%;
  padding    : 5px 5px;
  background : #c4c4c4;
}

.table-sort-search-input {
  -webkit-appearance : none;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  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      : #000;
  background : rgb(255,86,174);
}

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

/* Scrollbar */
.scrollbar-chrome {
  width            : 100%;
  height           : 13px;
  overflow         : hidden;
  background       : #c4c4c4;
}

.scrollbar-track {
  display          : block;
  height           : 10px;
  margin           : 2px 1px 0;
  border-radius    : 5px;
}

.scrollbar-container {
  height: 8px;
}

.scrollbar {
  height             : 8px;
  margin             : 1px;
  border-radius      : 5px;
  background         : #a3a3a3;
  -webkit-transition : all 0.2s;
  -moz-transition    : all 0.2s;
  -ms-transition     : all 0.2s;
  -o-transition      : all 0.2s;
  transition         : all 0.2s;
}

  .scrollbar:hover,
  .scrollbar-active .scrollbar {
    background: #888888;
  }