table.gs-grid {
    display: none;
}

div.gs-grid {
    border: 1px solid #aaa;
    box-shadow: 0 2px 1px rgba(73, 73, 73, 0.1);
}

    div.gs-grid span {
        font-size: 12px;
    }

    div.gs-grid > .grid-body {
        position: relative;
    }

        div.gs-grid > .grid-body > .data-resize {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }

            div.gs-grid > .grid-body > .data-resize > .grid-resize-col {
                position: absolute;
                top: 0;
                bottom: 0;
                width: 3px;
                z-index: 999;
                cursor: ew-resize;
            }

                div.gs-grid > .grid-body > .data-resize > .grid-resize-col.ui-draggable-dragging {
                    width: 1px;
                    /*border-left: 1px dashed #999;*/
                }


        div.gs-grid > .grid-body > .data-header {
            overflow: hidden;
            border-bottom: 1px solid #ddd;
            padding-right: 16px;
            box-shadow: 1px 0 0px rgba(73, 73, 73, 0.2);
            background-color: #909090;
            color: #fff;
            font-size: 12px;
            font-weight: bold;
            position: relative;
        }

            div.gs-grid > .grid-body > .data-header > table {
                table-layout: fixed;
            }

        div.gs-grid > .grid-body tr.sizing-row td {
            border: 0 !important;
        }

        div.gs-grid > .grid-body > .data-header td {
            border-right: 1px solid #719261;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            div.gs-grid > .grid-body > .data-header td.sort-asc {
                background-image: url("/Content/GSTemplate/img/sort_asc.png");
                background-repeat: no-repeat;
                background-position: right;
            }

            div.gs-grid > .grid-body > .data-header td.sort-desc {
                background-image: url("/Content/GSTemplate/img/sort_desc.png");
                background-repeat: no-repeat;
                background-position: right;
            }

            div.gs-grid > .grid-body > .data-header td:last-child {
                border-right: none;
            }

            div.gs-grid > .grid-body > .data-header td > span {
                padding: 3px 5px;
                display: inline-block;
                cursor: pointer;
            }

        div.gs-grid > .grid-body > .data-body {
            overflow: auto;
            position: relative;
            max-height: 700px;
            background-color: #fff;
        }

            div.gs-grid > .grid-body > .data-body > table {
                table-layout: fixed;
            }

            div.gs-grid > .grid-body > .data-body td {
                border-right: 1px solid #ddd;
                border: 1px solid #ddd;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                div.gs-grid > .grid-body > .data-body td:last-child {
                    border-right: none;
                }

                div.gs-grid > .grid-body > .data-body td > span {
                    padding: 3px 5px;
                    display: inline-block;
                }

            div.gs-grid > .grid-body > .data-body tr:last-child td {
                border-bottom: 0;
            }

            div.gs-grid > .grid-body > .data-body tr.template {
                display: none;
            }

    div.gs-grid > .grid-paging {
        padding: 5px;
    }

        div.gs-grid > .grid-paging > button,
        div.gs-grid > .grid-paging > button[disabled] {
            border: 0;
            background-color: #6BB9EE;
            color: #fff;
            padding: 3px;
            font-size: 12px;
            margin-right: 5px;
            min-width: 25px;
            box-shadow: 0 0 2px rgba(73, 73, 73, 0.3);
            border-radius: 3px;
            border: 1px solid #40A6EB;
        }

            div.gs-grid > .grid-paging > button:hover {
            }

            div.gs-grid > .grid-paging > button[disabled] {
                background-color: #B6CEDF !important;
                border: 1px solid #979797 !important;
                box-shadow: 0;
                cursor: default;
            }

        div.gs-grid > .grid-paging > span {
            margin-right: 5px;
        }