﻿body {
    color: #333;
        /*padding: 1.5em;*/
}

.RadGrid {
        min-width: fit-content;
    }
 
        .RadGrid table {
            border-collapse: collapse;
            width: 100%;
            table-layout: auto !important;
        }
 
        .RadGrid th {
            background-color: #eee;
            font-weight: bold;
        }
 
        .RadGrid th,
        .RadGrid td {
            /*border: 0.125em solid #333;*/
            line-height: 1.5;
            padding: 0.75em;
            text-align: left;
        }
 
 
    html body .RadGrid .rgRow,
    html body .RadGrid .rgAltRow,
    html body .RadGrid .rgEditRow,
    html body .RadGrid .rgFooter,
    html body .RadGrid .rgGroupHeader {
        height: auto;
    }
 
    /* Stack rows vertically on small screens */
    @media (max-width: 30em) {
        /* Hide column labels */
       .RadGrid thead tr {
            position: absolute;
            top: -9999em;
            left: -9999em;
        }

       .RadGrid tr {
            border: 0.125em solid #333;
        }
            /* Leave a space between table rows and rows and pager */
            .RadGrid tr + tr,
            .RadGrid .rgPager {
                margin-top: 0.5em;
            }
 
        /* Get table cells to act like rows */
        .RadGrid tr,
        .RadGrid td {
            display: block;
        }

         .RadGrid td {
            border: none;
            border-bottom: 0.125em solid #333;
            /* Leave a space for data labels */
            padding-left: 50%;
        }
            /* Add data labels */
          .RadGrid td:before {
                content: attr(data-label);
                display: inline-block;
                font-weight: bold;
                line-height: 1.5;
                margin-left: 0;
                width: 50%;
            }
        /* Show only the current page number*/
        .RadGrid .rgWrap.rgNumPart a:not(.rgCurrentPage) {
            display: none;
        }

        .RadGrid .rgWrap.rgAdvPart {
            margin-top: 10px;
        }
    }
    /* Stack labels vertically on smaller screens */
    @media (max-width: 20em) {
        .RadGrid td {
            padding-left: 0.75em;
        }
 
            .RadGrid td:before {
                display: block;
                margin-bottom: 0.75em;
                margin-left: 0;
            }
    }

.RadGrid
{
   border-radius: 10px;
   overflow: hidden;
}

.RadGrid_bootstrap.rgAltRow td {
    background-color: #FFFFFF !important;
    border-bottom-color: #FFFFFF !important;
}
