.grid {
    border: 1px solid #ddd;
}




    .grid > tbody tr th:not(.rightAligned) {
        text-align: left;
    }

    .grid > tbody tr th a {
        text-decoration: none;
        color: #333;
        font-size: 12px;
    }

    .grid > tbody tr.selected {
        background: #ffe96f !important;
    }


    .grid > tbody tr td {
        font-size: 12px;
        padding: 8px 0px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .grid.verticalGrid tr td {
        border-left: 1px dotted #bacad7;
    }

    .grid > tbody tr td a {
        color: #333;
    }

    .grid > tbody th > a {
        position: relative;
        padding-right: 15px;
    }

    .grid > tbody th > a:after {
        display: inline-block;
        content: '';
        position: absolute;
        top: 3px;
        top: calc(50% - 3px);
        right: 0px;
        width: 12px;
        height: 6px;
        /*background: url('../images/sortAsc.png') no-repeat 0px top;*/
    }

    .grid > tbody th.headerSortAsc > a:after {
        background: url('../images/sortAsc.png') no-repeat 0px top;
    }

    .grid > tbody th.headerSortDesc > a:after {
        background: url('../images/sortDesc.png') no-repeat 0px top;
    }





    .grid > tbody > tr:not(.gvPager):nth-child(2n+1) {
        background: #f2f9ff;
    }



    .grid > tbody tr td:last-child {
        padding-right: 5px;
    }


    .grid tr th,
    .grid tr.gvPager {
        background: url('../images/gridHeader.png') repeat-x left top;
        height: 25px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        white-space: nowrap;
    }

        .grid tr.gvPager > td {
            padding: 1px 20px;
        }

        .grid tr.gvPager > td > table > tbody > tr > td {
            padding: 0px 2px;
        }


            .grid tr.gvPager > td > table > tbody > tr > td > span {
                color: #fff;
            }

            .grid tr.gvPager > td > table > tbody > tr > td > a {
                color: #000;
            }