.myNewGridClass {
  width: 100%;
  /*this will be the color of the odd row*/
  background-color: #fff;
  margin: 5px 0 10px 0;
  /*border: solid 1px #D9EAF7;*/
  border-collapse:collapse;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 11px;
}

.myNewGridClass td {
  padding: 5px 10px;
  border: solid 1px #D9EAF7;
  /*color: #84C9E6;*/
 color :  #337AB7;
   height: 35px;
}


.myNewGridClass  tr:hover td {
    color: #1b9bff;
    color :black;
    color :#007ACC;
    font-weight:bold;
    /*background-color:#FFF29D;*/
}

.myNewGridClasSelectedRow  {
 font-weight:bold;   
}


/*header elements*/
.myNewGridClass th {
 
   padding: 5px 10px;
  color: #fff;
  background: #50BDCE;
  /*background:#01987A;*/
  border: solid 1px #FFFFFF;
    height: 40px;
  /*font-size: 0.9em;*/
}

/*his will be the color of even row*/
.myNewGridClass .myNewGridAltRowClass 
{ 
    background: #F1F5F9 repeat-x top; 
    /*background:#D9EAF7;*/
     /*margin: 20px 0;
     padding: 8px 12px;*/
}

/*and finally, we style the pager on the bottom*/


.myNewpaging  {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
   background-color: #FFFFFF;
    font-size: 11px;
}
.myNewGridClass .myNewGridPagerClass
 { 
    background: #FFFFFF;
     padding: 8px 5px;
}

.myNewGridClass .myNewGridPagerClass table { margin: 5px 0; }

.myNewGridClass .myNewGridPagerClass td {
  border-width: 0;
   padding: 8px 5px;
  border: solid 1px #dddddd;
  font-weight: bold;
  color: #aea79f;
  color :red;
    line-height: 1.42857143;
    background-color : #FFFFFF;
    cursor: default;

}
.myNewGridClass .myNewGridPagerClass a 
{ 
    color: #97310e; 
    text-decoration: 
        none; 



}

.myNewGridClass .myNewGridPagerClass a:hover 
{ 
    color:  #97310e; 
    text-decoration: none; 

     

}

.myNewpaging table > tbody > tr > td:last-child > a,
.myNewpaging table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.myNewpaging table > tbody > tr > td > a:hover,
.myNewpaging table > tbody > tr > td > span:hover,
.myNewpaging table > tbody > tr > td > a:focus,
.myNewpaging table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}


/*.myNewGridPagerClass > tbody > tr > td { background: #FFFFFF; }

.myNewGridPagerClass table > tbody > tr > td { margin: 5px 0; }

.myNewGridPagerClass td {
  border-width: 0;
   padding: 8px 12px;
  border: solid 1px #dddddd;
  font-weight: bold;
  color: #aea79f;
    line-height: 1.42857143;
    cursor: default;
}

.myNewGridPagerClass > tbody > tr > td >a 
{ 
    color: #97310e; 
    text-decoration: 
        none; 



}

.myNewGridPagerClass > tbody > tr > td > a:hover 
{ 
    color:  #97310e; 
    text-decoration: none; 
    background-color : #FFFFFF;

} 

.myNewGridPagerClass a:hover:not(.active) {background-color: #ddd