.footable {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border: 3px solid #52b9e9;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #444;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    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: 0
}
.footable>tbody>tr>td {
    border-top: 1px solid #ddd;
    padding: 10px;
    text-align: left;
    border-left: none;
    vertical-align:middle;
    text-align:center;
     
}
.footable>tbody>tr>td.footable-row-detail-cell,
.footable>tbody>tr>td.footable-first-column {
    border-left: none
}
.footable>thead>tr>th {
    border-bottom: 1px solid #ddd;
    padding: 10px;
        vertical-align:middle;
    text-align:center;
}
.footable>thead>tr>th,
.footable>thead>tr>td {
    background-color: #52b9e9;
    border: 1px solid #52b9e9;
    color: #fff;
    border-top: 0;
    border-left: none;
    font-weight: normal
}
.footable>thead>tr>th.footable-first-column,
.footable>thead>tr>td.footable-first-column {
    border-left: none
}
.footable>tfoot>tr>th,
.footable>tfoot>tr>td {
    background-color: #52b9e9;
    border: 1px solid #52b9e9;
    color: #fff;
    border-top: 0;
    border-left: none;
    padding: 5px
}
.footable>tfoot .pagination {
    text-align: center
}
.footable>tfoot .pagination ul {
    display: inline-block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    vertical-align: middle;
    margin: 0;
    padding: 0
}
.footable>tfoot .pagination ul>li {
    display: inline
}
.footable>tfoot .pagination ul>li>a,
.footable>tfoot .pagination ul>li>span {
    float: left;
    border: 2px solid transparent;
    margin: 0 3px;
    color: #fff;
    background: transparent;
    padding: 1px 5px;
    text-decoration: none
}
.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:last-child>a,
.footable>tfoot .pagination ul>li:first-child>span,
.footable>tfoot .pagination ul>li:last-child>span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
.footable.metro-red {
    border-color: #fa3031
}
.footable.metro-red>tfoot>tr>th,
.footable.metro-red>thead>tr>th,
.footable.metro-red>tfoot>tr>td,
.footable.metro-red>thead>tr>td {
    background-color: #fa3031;
    border-color: #fa3031
}
.footable.metro-purple {
    border-color: #932ab6
}
.footable.metro-purple>tfoot>tr>th,
.footable.metro-purple>thead>tr>th,
.footable.metro-purple>tfoot>tr>td,
.footable.metro-purple>thead>tr>td {
    background-color: #932ab6;
    border-color: #932ab6
}
.footable.metro-green {
    border-color: #43c83c
}
.footable.metro-green>tfoot>tr>th,
.footable.metro-green>thead>tr>th,
.footable.metro-green>tfoot>tr>td,
.footable.metro-green>thead>tr>td {
    background-color: #43c83c;
    border-color: #43c83c
}
.footable.metro-blue {
    border-color: #1171a3
}
.footable.metro-blue>tfoot>tr>th,
.footable.metro-blue>thead>tr>th,
.footable.metro-blue>tfoot>tr>td,
.footable.metro-blue>thead>tr>td {
    background-color: #1171a3;
    border-color: #1171a3
}