td, th {
    vertical-align: top;
}

table.panel-grid {
    border-collapse: separate;
    margin-bottom: $grid-margin-bottom;
    width: 100%;

    @if $table-border-color != null {
        border-color: $table-border-color;
        border-style: $table-border-style;
        border-width: $table-border-width;

        @if $table-border-radius != null {
            @include radius($table-border-radius);

            tr.grid-head:first-child th:first-child {
                @include radius(
                    top($table-border-radius) 0 0 0
                )
            }

            tr.grid-head:first-child th:last-child {
                @include radius(
                    0 right($table-border-radius) 0 0
                );
            }

            tr:last-child td:first-child {
                @include radius(
                    0 0 bottom($table-border-radius) 0
                )
            }

            tr:last-child td:last-child {
                @include radius(
                    0 0 0 left($table-border-radius)
                )
            }
        }
    }

    @if $table-row-over-background-color != null {
        tbody tr:hover {
            background-color: $table-row-over-background-color;
        }
        tbody tr.grid-head:hover {
            @if $table-header-background-color != null {
                background-color: $table-header-background-color !important;
            }
            @else {
                background-color: transparent !important;
            }
        }
        tbody .grid-group-header-row:hover {
            background-color: transparent !important;
        }
        .grid-group-header {
            padding: 0 !important;
        }
    }

    th {
        padding: $table-header-cell-padding;
    }

    td {
        padding: $table-cell-padding;
    }

    @if $table-row-strip == true {
        @if $table-row-strip-background-color != null {
            .panel-grid-row-odd, .empty_row {
                background-color: $table-row-strip-background-color;
                td {
                    border-bottom: 1px solid darken($table-row-strip-background-color, 4%);
                    border-top: 1px solid darken($table-row-strip-background-color, 4%);
                }
            }
        }
    }

    a {
        border-bottom: 1px dotted $link-color;
        text-decoration: none;
    }

    .grid-head {
        @if $table-header-background-color != null {
            background-color: $table-header-background-color;

/*            @include radius($table-border-radius);

            @if $table-header-background-gradient == true {
                @include background-gradient($table-header-background-color, matte, top)
            }*/
        }
    }

    .grid-head th {
        position: relative;
        z-index: 0;
        zoom: 1;
        font-weight: $table-header-font-style;
	color: $table-header-color;

//        @if $table-header-background-color != null {
//            background-color: $table-header-background-color;
//        }

        @if $table-header-border-color != null {
            border-color: $table-header-border-color;
            border-style: $table-header-border-style;
            border-width: top($table-header-border-width) 0 bottom($table-header-border-width) 0;
        }
    }

    @if $table-header-border-color != null {
        tr.grid-head th:first-child {
            border-left-width: left($table-header-border-width)
        }

        tr.grid-head th:last-child {
            border-right-width: right($table-header-border-width)
        }
    }

    .panel-grid-cell-container {
        padding: $table-cell-container-padding;

        .pager {
            padding: ($padding/2) 0;
        }
    }

    @if bottom($table-row-expanded-border-width) {
        .panel-grid-row-expanded {
            border-color: $table-row-expanded-border-color;
            border-style: $table-row-expanded-border-style;
            border-width: bottom($table-row-expanded-border-width);
        }
    }

    @if $table-cell-container-background-color != null {
        .panel-grid-row-expanded, {
            @if $table-row-expanded-background-color {
                 background-color: $table-row-expanded-background-color !important;
            } @else {
                 background-color: $table-cell-container-background-color !important;
            }
        }

        .panel-grid-cell-container {
            background-color: lighten($table-cell-container-background-color, 2%) !important;
        }
    }

    @if bottom($table-row-expanded-border-width) > 0 {
        .panel-grid-row-expanded td {
            border-width: 0 0 bottom($table-row-expanded-border-width) 0;
            border-color: $table-row-expanded-border-color;
            border-style: $table-row-expanded-border-style;
        }
    }

    .panel-grid-cell-collapsed {
        display: none;
    }

    .grid-inner {
        margin: 0;

        .grid-head, th, td, tbody tr:hover, .panel-grid-row-odd, .empty_row {
             background: transparent;
        }
    }

    .grid-spacer {
        background-color: #fff !important;
    }
    .grid-spacer:hover {
        background-color: #fff !important;
    }
}