.footable {
    border-collapse: separate;
    border-spacing: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-family: 'Arial';
    font-size: 12px;
    color: #444;
    background: #fff;
}

    .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: 0px solid #eee;
        border-top: 1px solid #eee;
        padding: 10px;
        
    }

    .footable > thead > tr > th, .footable > thead > tr > td {
        background-color: #dce9f9;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#808080));
        background-image: -webkit-linear-gradient(top,#e4dddd,#ffffff);
        background-image: -moz-linear-gradient(top,#e4dddd,#ffffff);
        background-image: -ms-linear-gradient(top,#e4dddd,#ffffff);
        background-image: -o-linear-gradient(top,#e4dddd,#ffffff);
        background-image: linear-gradient(to bottom,#e4dddd,#ffffff);
        -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: 0;
        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: #eee;
        

    }

        .footable.breakpoint > tbody > tr.footable-row-detail > .footable-row-detail-cell {
            border-left:  solid;
            border-bottom:  solid;
            border-right:  solid;
            border-top:  solid;
            border-width:thin;
           background-color:lightblue;
           border-color:lightpink;
           
        }

    .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 6px;
        -webkit-border-radius: 0 0 0 6px;
        border-radius: 0 0 0 6px;
    }

    .footable > tbody > tr:last-child > td.footable-last-column {
        -moz-border-radius: 0 0 6px 0;
        -webkit-border-radius: 0 0 6px 0;
        border-radius: 0 0 6px 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 #eee;
        border-left: 0px solid #ccc;
        padding: 10px;
        
    }

        .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 #ccc;
        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: #fff;
        }

            .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 #ccc;
                    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: #eee;
                }

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

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

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

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