*, *: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;
}

/*Alignment of table text*/
table td {
    text-align: center;
}

table td:first-child {
    text-align: left;
}

table td:nth-child(2) {
    text-align: left;
}

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

th {
  cursor: pointer;
}

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

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

/*Search/filter box styles*/
input {
  font-size: 16px;
  margin-bottom: 20px;
}

/*This is the padding between columns. Reduce between 5-10 to get table to fit on page*/
input, td, th {
  padding: 5px 5px;
  vertical-align: bottom;
}
