@font-face {
  font-family: footable;
  font-style: normal;
  font-weight: 400;
  src: url(assets/fonts/footable.eot);
  src: url(assets/fonts/footable.eot?#iefix) format('embedded-opentype'), url(assets/fonts/footable.woff) format('woff'), url(assets/fonts/footable.ttf) format('truetype'), url(assets/fonts/footable.svg#footable) format('svg')
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: footable;
    font-style: normal;
    font-weight: 400;
    src: url(assets/fonts/footable.svg#footable) format('svg')
  }
}

.footable {
  width: 100%
}

.footable.breakpoint>tbody>tr.footable-detail-show>td {
  border-bottom: none
}

.footable.breakpoint>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e001"
}

.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {
  cursor: pointer
}

.footable.breakpoint>tbody>tr>td.footable-cell-detail {
  background: #eee;
  border-top: none
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle {
  display: inline-block;
  padding-right: 5px;
  font-family: footable;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  color: #888;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased
}

.footable.breakpoint>tbody>tr>td>span.footable-toggle:before {
  content: "\e000"
}

.footable.breakpoint.toggle-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e005"
}

.footable.breakpoint.toggle-circle>tbody>tr>td>span.footable-toggle:before {
  content: "\e004"
}

.footable.breakpoint.toggle-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e003"
}

.footable.breakpoint.toggle-circle-filled>tbody>tr>td>span.footable-toggle:before {
  content: "\e002"
}

.footable.breakpoint.toggle-square>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e007"
}

.footable.breakpoint.toggle-square>tbody>tr>td>span.footable-toggle:before {
  content: "\e006"
}

.footable.breakpoint.toggle-square-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e009"
}

.footable.breakpoint.toggle-square-filled>tbody>tr>td>span.footable-toggle:before {
  content: "\e008"
}

.footable.breakpoint.toggle-arrow>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e00f"
}

.footable.breakpoint.toggle-arrow>tbody>tr>td>span.footable-toggle:before {
  content: "\e011"
}

.footable.breakpoint.toggle-arrow-small>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e013"
}

.footable.breakpoint.toggle-arrow-small>tbody>tr>td>span.footable-toggle:before {
  content: "\e015"
}

.footable.breakpoint.toggle-arrow-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e01b"
}

.footable.breakpoint.toggle-arrow-circle>tbody>tr>td>span.footable-toggle:before {
  content: "\e01d"
}

.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e00b"
}

.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr>td>span.footable-toggle:before {
  content: "\e00d"
}

.footable.breakpoint.toggle-arrow-tiny>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e01f"
}

.footable.breakpoint.toggle-arrow-tiny>tbody>tr>td>span.footable-toggle:before {
  content: "\e021"
}

.footable.breakpoint.toggle-arrow-alt>tbody>tr.footable-detail-show>td>span.footable-toggle:before {
  content: "\e017"
}

.footable.breakpoint.toggle-arrow-alt>tbody>tr>td>span.footable-toggle:before {
  content: "\e019"
}

.footable.breakpoint.toggle-medium>tbody>tr>td>span.footable-toggle {
  font-size: 18px
}

.footable.breakpoint.toggle-large>tbody>tr>td>span.footable-toggle {
  font-size: 24px
}

.footable>thead>tr>th {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none
}

.footable>thead>tr>th.footable-sortable:hover {
  cursor: pointer
}

.footable>thead>tr>th.footable-sorted>span.footable-sort-indicator:before {
  content: "\e013"
}

.footable>thead>tr>th.footable-sorted-desc>span.footable-sort-indicator:before {
  content: "\e012"
}

.footable>thead>tr>th>span.footable-sort-indicator {
  display: inline-block;
  padding-left: 5px;
  font-family: footable;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased
}

.footable>thead>tr>th>span.footable-sort-indicator:before {
  content: "\e022"
}

.footable>tfoot .pagination {
  margin: 0
}

.footable.no-paging .hide-if-no-paging {
  display: none
}

.footable-row-detail-inner {
  display: table
}

.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em
}

.footable-row-detail-group {
  display: block;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 2em
}

.footable-row-detail-name {
  display: table-cell;
  padding-right: .5em;
  font-weight: 700
}

.footable-row-detail-value {
  display: table-cell
}

.footable {
  width: 100%;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #444;
  border-spacing: 0;
  border-collapse: separate;
  background: #efefef;
  border: 3px solid #52b9e9;
  border-radius: 0
}

.footable.breakpoint>tbody>tr.footable-row-detail {
  background: #eee
}

.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail) {
  cursor: pointer
}

.footable.breakpoint>tbody>tr>td.footable-row-detail-cell {
  background: #fff
}

.footable>tbody img {
  vertical-align: middle
}

.footable>tbody>tr:hover:not(.footable-row-detail) {
  background: #ddd
}

.footable>tbody>tr:hover:not(.footable-row-detail)>td {
  color: #000
}

.footable>tbody>tr:last-child>td {
  border-bottom: none
}

.footable>tbody>tr>td {
  padding: 10px;
  text-align: left;
  border-top: 1px solid #ddd;
  border-left: none
}

.footable>tbody>tr>td.footable-first-column,
.footable>tbody>tr>td.footable-row-detail-cell {
  border-left: none
}

.footable>thead>tr>th {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #ddd
}

.footable>thead>tr>td,
.footable>thead>tr>th {
  font-weight: 400;
  color: #fff;
  background-color: #52b9e9;
  border: 1px solid #52b9e9;
  border-top: none;
  border-left: none
}

.footable>thead>tr>td.footable-first-column,
.footable>thead>tr>th.footable-first-column {
  border-left: none
}

.footable>tfoot>tr>td,
.footable>tfoot>tr>th {
  padding: 5px;
  color: #fff;
  background-color: #52b9e9;
  border: 1px solid #52b9e9;
  border-top: none;
  border-left: none
}

.footable>tfoot .pagination {
  text-align: center
}

.footable>tfoot .pagination ul {
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  -webkit-box-shadow: none;
  box-shadow: none
}

.footable>tfoot .pagination ul>li {
  display: inline
}

.footable>tfoot .pagination ul>li>a,
.footable>tfoot .pagination ul>li>span {
  float: left;
  padding: 1px 5px;
  margin: 0 3px;
  color: #fff;
  text-decoration: none;
  background: 0 0;
  border: 2px solid transparent
}

.footable>tfoot .pagination ul>li.disabled>a {
  color: #888
}

.footable>tfoot .pagination ul>li.active>a {
  border-color: #fff
}

.footable>tfoot .pagination ul>li:first-child>a,
.footable>tfoot .pagination ul>li:first-child>span,
.footable>tfoot .pagination ul>li:last-child>a,
.footable>tfoot .pagination ul>li:last-child>span {
  border-radius: 0
}

.footable.metro-red {
  border-color: #fa3031
}

.footable.metro-red>tfoot>tr>td,
.footable.metro-red>tfoot>tr>th,
.footable.metro-red>thead>tr>td,
.footable.metro-red>thead>tr>th {
  background-color: #fa3031;
  border-color: #fa3031
}

.footable.metro-purple {
  border-color: #932ab6
}

.footable.metro-purple>tfoot>tr>td,
.footable.metro-purple>tfoot>tr>th,
.footable.metro-purple>thead>tr>td,
.footable.metro-purple>thead>tr>th {
  background-color: #932ab6;
  border-color: #932ab6
}

.footable.metro-green {
  border-color: #43c83c
}

.footable.metro-green>tfoot>tr>td,
.footable.metro-green>tfoot>tr>th,
.footable.metro-green>thead>tr>td,
.footable.metro-green>thead>tr>th {
  background-color: #43c83c;
  border-color: #43c83c
}

.footable.metro-blue {
  border-color: #1171a3
}

.footable.metro-blue>tfoot>tr>td,
.footable.metro-blue>tfoot>tr>th,
.footable.metro-blue>thead>tr>td,
.footable.metro-blue>thead>tr>th {
  background-color: #1171a3;
  border-color: #1171a3
}