.server-grid {
  position: relative;
  clear: both;
  display: table;
  width: 100%;
}

.server-grid .table {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0
}

.server-grid .server-grid-controll {
  position: relative;
  clear: both;
  text-align: right;
  margin: 20px 0 5px 0;
}

.server-grid-controll .length-container {
  float: right;
  margin-right: 5px;
  margin-bottom: 0;
}

.server-grid-controll .pagination-container {
  float: right;
  margin-right: 5px;
}

.pagination-container .page-button {
  cursor: pointer;
  *cursor: hand
}

.server-grid-controll .search-container {
  float: left;
  padding-right: 3px;
}

.server-grid-controll .info-container {
  float: right;
  padding-left: 3px;
  padding-top: 0.755em;
}

.server-grid .table-content {
  position: relative;
  clear: both;
  margin-bottom: 4px;
}
.server-grid .table-content thead th {
  position: relative;
}

.server-grid .sortable {
  cursor: pointer;
}

.server-grid .sortable::after {
  font-family: FontAwesome;
  color: #c0c0c0;
  content: "\f0dc";
  position: absolute;
  top: 12px;
  right: 4px;
  display: block;
}

.server-grid .sort-asc::after {
  content: "\f0de";
  color: #333;
}

.server-grid .sort-desc::after {
  content: "\f0dd";
  color: #333;
}