.footable {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #cccccc;
    /*-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;*/
    font-family: 'trebuchet MS', 'Lucida sans', Arial;
    font-size: 14px;
    color: #444444;
    background: #ffffff;
    border: 0;
}

    .footable > thead > tr:first-child > th.footable-first-column,
    .footable > thead > tr:first-child > td.footable-first-column {
        /*-moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 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 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 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: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

    .footable > thead > tr > th {
        /*border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;*/
        padding: 10px;
        text-align: left;
        border-bottom: 1px solid #ccc;
    }

    .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;
        background-color: transparent;
        color: #1f1f1f;
        font-weight: 600;
        /*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 0;
        -webkit-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }

    .footable > tbody > tr:last-child > td.footable-last-column {
        -moz-border-radius: 0 0 0 0;
        -webkit-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }

    .footable > tbody > tr:last-child > td.footable-first-column.footable-last-column {
        -moz-border-radius: 0 0 6px 6px;
        -webkit-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
    }

    .footable > tbody > tr > td {
        /*border-top: 1px solid #cccccc;*/
        border-bottom: 1px solid #f1f1f1;
        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: transparent;
        background-image: none;
        border-top: none;
        text-shadow: none;
        padding: 10px;
        /*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: 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background-color: #ffffff;
        }

            .footable .pagination > ul > li {
                display: inline;
                color: transparent;
            }

                .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;
                    color: #3f51b5;
                }

                .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: rgba(63, 81, 181, 0.95);
                        color: white;
                }

            .footable .pagination > ul > .active > a,
            .footable .pagination > ul > .active > span {
                color: white;
                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: #ffffff;
                cursor: default;
                background-color: #e4e4e4;
            }

        .footable .pagination.pagination-centered {
            text-align: center;
        }

        .footable .pagination.pagination-right {
            text-align: center;
        }

.footable-odd {
    background-color: #f7f7f7;
}