.GridTable {
    border-collapse: collapse;
    font-family: "Rubik", sans-serif;
    font-size: x-small;
    Color: #333333;
}

    .GridTable tr {
        background-color: #EFF3FB;
        height: 20px;
    }

        .GridTable tr th {
            text-align: center;
            padding: 2px;
            height: 35px;
            background-color: rgb(225,239,244);
            color: black;
            font-weight: normal;
            font-family: "Rubik", sans-serif;
            font-Size: 8pt;
            /*border:1px solid black;*/
        }

        .GridTable tr td {
            padding: 2px;
            border: 1px solid grey;
        }
/*.GridTable tr td span {
                    font-size:12px;
                }*/
.AlternatingRowStyle
{
    background-color: white!important ;
}
.emptyRowStyleCss {
    font-family: "Rubik", sans-serif;
    font-size: xx-small;
    font-weight: bold;
    background-color: lemonchiffon;
    color: red;
    border: 1px solid maroon;
    text-align: center;
}
.RowStyle
{
    background-color: #ebebeb!important  ;
}
.gridPagerCss {
    background-color: #00628f !important;
    color: White;
    border: none !important;
    align-content: center;
}

    .gridPagerCss span {
        font-size: 14px;
        color: white;
    }

    .gridPagerCss a {
        font-size: 11px;
        color: white;
    }

    .gridPagerCss tr {
        background-color: #4287b4 !important;
    }

        .gridPagerCss tr td {
            border: none !important;
        }

.gridFooterCss {
    background-color: rgb(225,239,244)!important;
    font-weight: bold;
    color: black;
}

.gridSelectedRowCss {
    background-color: #95ca90!important;
    font-weight: bold;
    color: #333333;
}

.gridEditRowCss {
    background-color: #2461BF;
}
/* Yellow style*/
.GridTableYl {
    border-collapse: collapse;
    font-family: "Rubik", sans-serif;
    font-size: x-small;
    Color: #333333;
}

    .GridTableYl tr {
        background-color: #ffffde;
        height: 20px;
    }

        .GridTableYl tr th {
            text-align: center;
            padding: 2px;
            height: 35px;
            background-color: rgb(180, 219, 235);
            color: black;
            font-weight: normal;
            font-family: "Rubik", sans-serif;
            font-Size: 8pt;
            /*border:1px solid black;*/
        }

        .GridTableYl tr td {
            padding: 2px;
            border: 1px solid grey;
        }
.AlternatingRowStyleYl {
    background-color: rgb(233, 233, 233) !important;
}

.emptyRowStyleCssYl {
    font-family: "Rubik", sans-serif;
    font-size: xx-small;
    font-weight: bold;
    background-color: lemonchiffon;
    color: red;
    border: 1px solid maroon;
    text-align: center;
}

.RowStyleYl {
    background-color: #ebebeb !important;
}

.gridPagerCssYl {
    background-color: #4287b4 !important;
    color: White;
    border: none !important;
    align-content: center;
}

    .gridPagerCss span {
        font-size: 14px;
        color: white;
    }

.gridPagerCssYl a {
    font-size: 11px;
    color: white;
}

.gridPagerCssYl tr {
    background-color: #efc8c8!important;
}

    .gridPagerCssYl tr td {
        border: none !important;
    }

.gridFooterCssYl {
    background-color: rgb(177, 209, 223) !important;
    font-weight: bold;
    color: black;
}

.gridSelectedRowCssYl {
    background-color: lightgray !important;
    font-weight: bold;
    color: #333333;
}

.gridEditRowCssYl {
    background-color: #2461BF;
}