.mygrid
{
    border :1px #dddddd;
      width: 100%;
        min-width: 100%;
      
       
}

.mygrid td
{
   
  padding: 2px;
  border: solid 1px #c1c1c1;
  color: #717171;
}

/*.mygrid tr
{
     border: 0px solid white;
      border-width: 20px 0;
}*/
.BorderColor{
    border-color :#84C9E6 !important;
    margin-left:15px;
}
.mygridheader > th {
    /*background-color:#F9F9F9;
    background-color:#007ACC !important;
    color: #337AB7;*/
    background-color : #50BDCE !important;
    color :#ffffff;
    /*color:#ffffff;*/
    /*color:white;*/
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   
    height: 40px;
    font-size: 11px;
    vertical-align:middle !important;
    
}  

.mygridfooter > tfoot
{
     border:none;
    border-color: #dddddd;

}

.mygridImportant{
     text-align: center !important;
}
.mygridrow-tr:nth-child(even) {
   
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   color :#337AB7;
    font-size: 11px;
     height: 35px;
  /*border-color :#84C9E6;*/
}

.mygridrow-tr:nth-child(odd) {
   
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color :#337AB7;
    font-size: 11px;
     height: 35px;
  
     
 
      
}

.mygridrow:hover td, .even:hover td
{
    background-color: red !important;
    font-family: Arial;
    color: #fff;
    text-align: left;
     
}

.mygridrow tr :hover
{
    background-color: red;
    font-family: Arial;
    color: #fff;
    text-align: left;
}


.mypaging  {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 5px 0;
    border-radius: 4px;
   background-color: #F9F9F9;
    font-size: 11px;
}
 

/*.mypaging table > tbody > tr > td {
    display: inline;
}*/
 
.mypaging table > tbody > tr > td > a,
.mypaging table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    border: 1px solid #dddddd;
    
    margin-left: -1px;

}
 
.mypaging 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: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;

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

.GridHeader
{
    text-align:center !important;   
      background-color:#50BDCE;
    /*color: #337AB7;*/
    color:#ffffff;
     height: 40px;
    font-size: 11px;
    vertical-align:middle !important;
}

.MygridAlt{
    background-color:#F1F5F9;
    color:#337AB7 ;
     height: 35px;

}