.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain OFTEN CHANGED rules used when the GridView control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */

/* ====== Base Pretty GridView ====== */

.PrettyGridView .AspNet-GridView {
    width: 100%;
    min-width: 800px;
}

    /* Pagination */
    .PrettyGridView .AspNet-GridView div.AspNet-GridView-Pagination,
    .PrettyGridView .AspNet-GridView div.AspNet-GridView-Pagination a,
    .PrettyGridView .AspNet-GridView div.AspNet-GridView-Pagination span {
        color: #fff;
        background: #284775;
        font-weight: bold;
        padding: 5px 6px;
    }

        .PrettyGridView .AspNet-GridView div.AspNet-GridView-Pagination a:hover {
            color: #284775;
            background: #fff;
        }

    /* Table */
    .PrettyGridView .AspNet-GridView table {
        border: solid 1px #CCCCCC;
        width: 100%;
        border-collapse: collapse;
    }

        /* Header */
        .PrettyGridView .AspNet-GridView table thead tr th {
            color: #fff;
            background: #406a99;
            font-weight: bold;
            border-bottom: solid 1px #CCCCCC;
            border-right: solid 1px #CCCCCC;
            padding: 5px 8px;
        }

            .PrettyGridView .AspNet-GridView table thead tr th a {
                color: #F7F6F3;
            }

        /* Body */
        .PrettyGridView .AspNet-GridView table tbody tr td {
            color: #333333;
            background: #fff;
            padding: 6px 10px;
            border-bottom: solid 1px #CCCCCC;
            border-right: solid 1px #CCCCCC;
        }

            .PrettyGridView .AspNet-GridView table tbody tr td a {
                text-align: center;
                font-size: 11px;
                padding-left: 2px;
            }

        .PrettyGridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td {
            background: #f2f7e5;
        }

        /* ====== FOOTER (New / Embellished) ====== */

        .PrettyGridView .AspNet-GridView table tfoot tr td {
            background: #e9eff7;
            color: #1f2f49;
            font-weight: 700; /* bold text */
            text-align: center; /* centered across all footer cells */
            padding: 10px;
            border-top: 2px solid #406a99;
            border-right: 1px solid #CCCCCC;
            letter-spacing: 0.02em;
            text-transform: uppercase; /* optional: subtle emphasis */
        }

            /* Optional: align first and last footer cells nicely */
            .PrettyGridView .AspNet-GridView table tfoot tr td:first-child {
                text-align: left;
            }

            .PrettyGridView .AspNet-GridView table tfoot tr td:last-child {
                text-align: right;
            }

            /* Optional: helper classes if you control FooterTemplate contents */
            .PrettyGridView .AspNet-GridView table tfoot tr td .footer-label {
                text-transform: uppercase;
                letter-spacing: .02em;
                opacity: .85;
            }

            .PrettyGridView .AspNet-GridView table tfoot tr td .footer-number {
                font-variant-numeric: tabular-nums; /* aligns digits vertically */
                white-space: nowrap;
            }

        /* Optional: compact footer row when many totals */
        .PrettyGridView .AspNet-GridView table tfoot tr.compact td {
            padding-top: 6px;
            padding-bottom: 6px;
        }

/* Edit inputs */
.PrettyGridView .AspNet-GridView-Edit .inputWidth200 input {
    width: 200px;
    height: 20px;
}

.PrettyGridView .AspNet-GridView-Edit .inputLogEntry input {
    width: 200px;
    height: 50px;
}

/* ====== Invoice Variant ====== */

.PrettyGridViewinvoice .AspNet-GridView {
    width: 100%;
}

    /* Pagination */
    .PrettyGridViewinvoice .AspNet-GridView div.AspNet-GridView-Pagination,
    .PrettyGridViewinvoice .AspNet-GridView div.AspNet-GridView-Pagination a,
    .PrettyGridViewinvoice .AspNet-GridView div.AspNet-GridView-Pagination span {
        color: #fff;
        background: #284775;
        font-weight: bold;
        padding: 5px 6px;
    }

        .PrettyGridViewinvoice .AspNet-GridView div.AspNet-GridView-Pagination a:hover {
            color: #284775;
            background: #fff;
        }

    /* Table */
    .PrettyGridViewinvoice .AspNet-GridView table {
        border: solid 1px #CCCCCC;
        width: 100%;
        border-collapse: collapse;
    }

        /* Header */
        .PrettyGridViewinvoice .AspNet-GridView table thead tr th {
            color: #fff;
            background: #406a99;
            font-weight: bold;
            border-bottom: solid 1px #CCCCCC;
            border-right: solid 1px #CCCCCC;
            padding: 5px 8px;
        }

            .PrettyGridViewinvoice .AspNet-GridView table thead tr th a {
                color: #F7F6F3;
            }

        /* Body */
        .PrettyGridViewinvoice .AspNet-GridView table tbody tr td {
            color: #333333;
            background: #fff;
            padding: 6px 10px;
            border-bottom: solid 1px #CCCCCC;
            border-right: solid 1px #CCCCCC;
        }

            .PrettyGridViewinvoice .AspNet-GridView table tbody tr td a {
                text-align: center;
                font-size: 11px;
                padding-left: 2px;
            }

        .PrettyGridViewinvoice .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td {
            background: #f2f7e5;
        }

        /* ====== FOOTER (Invoice — tighter & right-aligned numbers) ====== */

        .PrettyGridViewinvoice .AspNet-GridView table tfoot tr td {
            background: #eef3fa;
            color: #1f2f49;
            font-weight: 600;
            padding: 6px 10px;
            border-top: 2px solid #406a99;
            border-right: solid 1px #CCCCCC;
            text-align: center; /* default */
        }

            /* Label left, totals right for typical invoice totals */
            .PrettyGridViewinvoice .AspNet-GridView table tfoot tr td:first-child {
                text-align: left;
            }

            .PrettyGridViewinvoice .AspNet-GridView table tfoot tr td:last-child {
                text-align: right;
                font-variant-numeric: tabular-nums;
                white-space: nowrap;
            }

        /* Strong “Grand Total” row */
        .PrettyGridViewinvoice .AspNet-GridView table tfoot tr.grand-total td {
            background: #dde7f5;
            font-weight: 700;
            border-top: 3px solid #284775;
            padding-top: 8px;
            padding-bottom: 8px;
        }

/* Edit inputs */
.PrettyGridViewinvoice .AspNet-GridView-Edit .inputWidth200 input {
    width: 200px;
    height: 20px;
}

.PrettyGridViewinvoice .AspNet-GridView-Edit .inputLogEntry input {
    width: 200px;
    height: 50px;
}

/* ====== Optional: responsive helpers ====== */

@media (max-width: 1024px) {
    .PrettyGridView .AspNet-GridView,
    .PrettyGridViewinvoice .AspNet-GridView {
        overflow-x: auto;
        display: block;
    }

        .PrettyGridView .AspNet-GridView table,
        .PrettyGridViewinvoice .AspNet-GridView table {
            min-width: 800px; /* preserve layout */
        }
}