*, *:after, *:before {
  box-sizing: border-box;
}

body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  text-align: left;
  padding-bottom: 25px;
  table-layout: fixed;
}

td, th, hr {
  border-bottom: 1px solid #ddd;
}

th {
  cursor: pointer;
}

th:hover {
  background-color: #f7f7f7;
}

th.sort:after { content: '\02C7'; padding-left: 10px; position: relative; top: 10px; font-size: 20px; }
th.sort.asc:after { content: '\02C6'; }
th.sort.desc:after { content: '\02C7'; }

input {
  font-size: 16px;
  margin-bottom: 20px;
}

input, td, th {
  padding: 5px 15px;
  vertical-align: bottom;
}
thead { background-color:#fff;}
thead tr {
  display: block;
  position: relative;
}
tbody {
  display: block;
  overflow: auto;
  width: 100%;
  height: 400px;
}
