/*http://glyphicons.com/*/
.footable {
  border: 1px solid rgba(255,255,255,0.5);
  background: rgba(0,0,0,0.3);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.footable.breakpoint > tbody > tr.footable-row-detail {
  background: rgba(255,255,255,0.3);
}
.footable.breakpoint > tbody > tr > td.footable-row-detail-cell {
  background: rgba(255,255,255,0.2);
}
.footable > tbody > tr:hover:not(.footable-row-detail) {
  background: rgba(255,255,255,0.3);
}
.footable > tbody > tr:hover:not(.footable-row-detail) > td {
  color: #fff;
}
.footable > tbody > tr > td {
  border-top: 1px solid rgba(255,255,255,0.5);
}
.footable > thead > tr > th {
  border-bottom: 1px solid rgba(255,255,255,0.5);
}
.footable > thead > tr > th,
.footable > thead > tr > td {
  background-color: rgba(255,255,255,0.3);
  border: 1px solid rgba(255,255,255,0.5);
  color: #ffffff;
}
.footable > tfoot > tr > th,
.footable > tfoot > tr > td {
  background-color: rgba(255,255,255,0.3);
  border: 1px solid rgba(255,255,255,0.5);
  color: #ffffff;
}
/*==================page====================*/
.footable > tfoot .pagination ul > li > a,
.footable > tfoot .pagination ul > li > span {
  color: #fff;
}
.footable > tfoot .pagination ul > li.active > a {
  border-color: rgba(255,255,255,0.5)
}