.footable {

  border-collapse: separate;

  border-spacing: 0;

  border: 1px solid #cccccc;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  font-family: 'trebuchet MS', 'Lucida sans', Arial;

  font-size: 14px;

  color: #444444;

  background: #ffffff;

}

.footable > thead > tr:first-child > th.footable-first-column,

.footable > thead > tr:first-child > td.footable-first-column {

  -moz-border-radius: 3px 0 0 0;

  -webkit-border-radius: 3px 0 0 0;

  border-radius: 3px 0 0 0;

}

.footable > thead > tr:first-child > th.footable-last-column,

.footable > thead > tr:first-child > td.footable-last-column {

  -moz-border-radius: 0 3px 0 0;

  -webkit-border-radius: 0 3px 0 0;

  border-radius: 0 3px 0 0;

}

.footable > thead > tr:first-child > th.footable-first-column.footable-last-column,

.footable > thead > tr:first-child > td.footable-first-column.footable-last-column {

  -moz-border-radius: 3px 3px 0 0;

  -webkit-border-radius: 3px 3px 0 0;

  border-radius: 3px 3px 0 0;

}

.footable > thead > tr > th {

  border-left: 1px solid #cccccc;

  border-top: 1px solid #cccccc;

  padding: 10px;

  text-align: left;

}

.footable > thead > tr > th,

.footable > thead > tr > td {

  background-color: #dce9f9;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));

  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);

  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);

  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);

  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);

  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);

  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;

  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;

  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;

  border-top: none;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

}

.footable > thead > tr > th.footable-first-column,

.footable > thead > tr > td.footable-first-column {

  border-left: none;

}

.footable.breakpoint > tbody > tr.footable-row-detail {

  background: #eeeeee;

}

.footable.breakpoint > tbody > tr.footable-row-detail > .footable-row-detail-cell {

  border-left: none;

}

.footable > tbody img {

  vertical-align: middle;

}

.footable > tbody > tr:hover {

  background: #fbf8e9;

}

.footable > tbody > tr:last-child > td.footable-first-column {

  -moz-border-radius: 0 0 0 3px;

  -webkit-border-radius: 0 0 0 3px;

  border-radius: 0 0 0 3px;

}

.footable > tbody > tr:last-child > td.footable-last-column {

  -moz-border-radius: 0 0 3px 0;

  -webkit-border-radius: 0 0 3px 0;

  border-radius: 0 0 3px 0;

}

.footable > tbody > tr:last-child > td.footable-first-column.footable-last-column {

  -moz-border-radius: 0 0 3px 3px;

  -webkit-border-radius: 0 0 3px 3px;

  border-radius: 0 0 3px 3px;

}

.footable > tbody > tr > td {

  border-top: 1px solid #cccccc;

  border-left: 1px solid #cccccc;

  padding: 10px;

  text-align: left;

}

.footable > tbody > tr > td.footable-first-column {

  border-left: none;

}

.footable > tfoot > tr > th,

.footable > tfoot > tr > td {

  background-color: #dce9f9;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));

  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);

  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);

  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);

  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);

  background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);

  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;

  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;

  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;

  border-top: 1px solid #cccccc;

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

  padding: 10px;

}

.footable .pagination {

  margin: 20px 0;

}

.footable .pagination > ul {

  display: inline-block;

  margin: 0;

  padding: 0;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  background-color: #ffffff;

}

.footable .pagination > ul > li {

  display: inline;

}

.footable .pagination > ul > li > a,

.footable .pagination > ul > li > span {

  float: left;

  padding: 4px 12px;

  line-height: 20px;

  text-decoration: none;

  border: 1px solid #cccccc;

  border-left-width: 0;

}

.footable .pagination > ul > li:first-child > a,

.footable .pagination > ul > li:first-child > span {

  -webkit-border-bottom-left-radius: 4px;

  -moz-border-radius-bottomleft: 4px;

  border-bottom-left-radius: 4px;

  -webkit-border-top-left-radius: 4px;

  -moz-border-radius-topleft: 4px;

  border-top-left-radius: 4px;

  border-left-width: 1px;

}

.footable .pagination > ul > li:last-child > a,

.footable .pagination > ul > li:last-child > span {

  -webkit-border-top-right-radius: 4px;

  -moz-border-radius-topright: 4px;

  border-top-right-radius: 4px;

  -webkit-border-bottom-right-radius: 4px;

  -moz-border-radius-bottomright: 4px;

  border-bottom-right-radius: 4px;

}

.footable .pagination > ul > li > a:hover,

.footable .pagination > ul > li > a:focus,

.footable .pagination > ul > .active > a,

.footable .pagination > ul > .active > span {

  background-color: #eeeeee;

}

.footable .pagination > ul > .active > a,

.footable .pagination > ul > .active > span {

  color: #444444;

  cursor: default;

}

.footable .pagination > ul > .disabled > span,

.footable .pagination > ul > .disabled > a,

.footable .pagination > ul > .disabled > a:hover,

.footable .pagination > ul > .disabled > a:focus {

  color: #cccccc;

  cursor: default;

  background-color: #ebf3fc;

}

.footable .pagination.pagination-centered {

  text-align: center;

}

.footable .pagination.pagination-right {

  text-align: center;

}

.footable-odd {

  background-color: #f7f7f7;

}