:root {
    --msts-bg-color: #8cff66;
}
.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 10px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td {
        display: inline;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: var(--msts-bg-color); /*#dd4814; #dd4814*/
            background-color: black; /*#274572; #ffffff*/
            border: 1px solid black; /*#284775; dddddd*/
            margin-left: -1px;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #000099;
            background-color: var(--msts-bg-color); /*#f5f5f5;*/
            border-color: var(--msts-bg-color); /*#dddddd;*/
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td > a:hover
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus {
            color: black; /*#cc0000;*/
            background-color: lightgray; /* white */
            border-color: #dddddd;
        }
/* Grid View Class */
.gr-body {
    color: #ffff80;
    background-color: white;
    font-weight: bold;
    border: 5px solid #ffff00;
    border-width: 0px 0px 5px 0px;
}

.gr-header {
    color: var(--msts-bg-color); /* #ffff80 */
    background-color: var(--book-bg-dark25);    
    font-weight: bold;
    border-top: 1px solid var(--book-bg-dark25);
    border-bottom: 5px solid #000;    
    border-left: 3px solid var(--book-bg-dark25);
    border-right: 3px solid var(--book-bg-dark25);
}

    .gr-header a {
        color: var(--msts-bg-color) !important; /* #ffff80 */
        background-color: var(--book-bg-dark25);
        font-weight: bold;
    }
.gr-rows {
    background-color: #c6ffb3;/* 85% */
    color: #333333;
    border-bottom: 1px solid black;
}
.gr-alter-row {
    background-color: White;
    color: #333333;
    border-bottom: 1px solid black;
}

.gv-column {
    text-align: center;
}

/*New*/
/*.pagination-ys table > tbody > tr > td > table > tbody > tr > td > a{
            color: white;
            background-color: red;     BackColor="White" ForeColor="#333333"        
        }*/
/*.pagination-ys table > tbody > tr > td > table > tbody > tr > td > a:hover{
            color: black !important;
            background-color: red;
            border-color: #dddddd;
        }*/