#GridView1 thead th, #GridView1 tbody tr:first-child {
    position: sticky;
    top: 0;
    z-index: 10;
}

/* MOBILE CARD VIEW */
@media (max-width:768px) {

    .ShoppingCart tr:first-child {
        display: none !important;
    }

    .ShoppingCart {
        width: 100%;
        border: none !important;
    }

        .ShoppingCart tbody {
            display: block;
        }

        .ShoppingCart tr:not(:first-child) {
            display: block;
            margin-bottom: 15px;
            padding: 15px;
            background: #fff;
            border: 1px solid #d9e2ec;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,.08);
        }

        .ShoppingCart td {
            display: flex !important;
            justify-content: space-between;
            align-items: flex-start;
            width: 100%;
            border: none !important;
            padding: 8px 0 !important;
            text-align: right;
            word-break: break-word;
            text-wrap: auto;
        }

            /* Labels */
            .ShoppingCart td:nth-child(1)::before {
                content: "Firm";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            .ShoppingCart td:nth-child(2)::before {
                content: "Address1";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            .ShoppingCart td:nth-child(3)::before {
                content: "Address2";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            .ShoppingCart td:nth-child(4)::before {
                content: "City";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            .ShoppingCart td:nth-child(5)::before {
                content: "State";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            .ShoppingCart td:nth-child(6)::before {
                content: "PhoneNo";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            .ShoppingCart td:nth-child(7)::before {
                content: "Email";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

    /* Hide header row */
    #GridView1 tbody tr:first-child {
        display: none !important;
    }

    #GridView1 {
        width: 100%;
        border: none !important;
    }

        #GridView1 tbody {
            display: block;
        }

        #GridView1 tr:not(:first-child) {
            display: block;
            margin-bottom: 15px;
            padding: 15px;
            background: #fff;
            border: 1px solid #d9e2ec;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0,0,0,.08);
        }

        #GridView1 td {
            display: flex !important;
            justify-content: space-between;
            align-items: flex-start;
            width: 100%;
            border: none !important;
            padding: 8px 0 !important;
            text-align: right;
            word-break: break-word;
            text-wrap: auto;
        }

            /* Labels */
            #GridView1 td:nth-child(1)::before {
                content: "PDF";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(2)::before {
                content: "Invoice Click";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(3)::before {
                content: "Status";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(4)::before {
                content: "Entity";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(5)::before {
                content: "Docket";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(6)::before {
                content: "Claim#";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(7)::before {
                content: "Plaintiff";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(8)::before {
                content: "Defendant";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(9)::before {
                content: "Court Date";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(10)::before {
                content: "Due Date";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(11)::before {
                content: "Priority";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(12)::before {
                content: "Address";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(13)::before {
                content: "Suite";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(14)::before {
                content: "City";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(15)::before {
                content: "State";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(16)::before {
                content: "Zip";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }

            #GridView1 td:nth-child(17)::before {
                content: "Attorney";
                font-weight: 600;
                color: #06305C;
                word-break: keep-all;
            }
}

@media screen and (max-width: 580px) {
    .pdf-table-alignment {
        padding: 15px 10px;
    }
}