.ItemDataGridBtn
{
    font-size: 10pt;
    color: #337ab7;
}

.grid_basic {
    min-height: 0.01%;
    overflow-x: auto;
    margin-bottom: 10px;
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
    line-height: normal;
}

 .grid_basic th, .grid_basic th a{
     background-color: #fff;
     color: #337ab7;
    font-weight: bold;
 }
.grid_basic td span, .grid_basic td a, .grid_basic th,  .grid_basic th a, .gridPager
{
    font-size: 9pt;
    font-family: sans-serif;
}

.grid_basic td a 
{
    color: #337ab7;
}    
.grid_basic a img, .itemdatagridcrl{
    text-align: left;
}
.gridImgLink{
    text-align: left;
}
/* adds grey shade to every other row */
.grid_basic .alt td{
    background-color: #f5f5f5; 
}

.grid_basic td
{
    padding: 5px;
    font-weight: normal;
}

.grid_basic th
{
    padding: 20px 0px 20px 5px;
    text-transform: uppercase;
}

.grid_basic td span, .grid_basic td
{
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    color: #777;
}

.grid_basic{
    border: 0px solid transparent;
}
.gridcontainer, .divProgramsGrid {
    margin-bottom: 15px;
}
.gridcontainer div, .divProgramsGrid{
    border-radius: 10px;
    overflow: hidden;
     box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.50);
    -ms-box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.50);
}

.grid_basic th, .grid_basic td{
    padding-left: 25px;
    padding-right: 25px;
}

.grid_basic tbody{
    display: block;
    max-height: 480px;
    overflow-y: scroll;
}

.grid_basic thead, .grid_basic tbody tr, .gridhdr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.grid_basic thead, .gridhdr{
    margin-bottom: 4px;
}

.grid_basic tbody::-webkit-scrollbar {
    width: 10px;
    z-index: 1;
}
/* Track */
.grid_basic tbody::-webkit-scrollbar-track { 
    border-radius: 10px;
    background-color: #eee;
    padding-top: 10px;
}
 
/* Handle */
.grid_basic tbody::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 10px;
}
thead tr:nth-child(1) th, .gridhdr th {
    position: sticky;
    top: 0;
    z-index: 10;
}
thead tr , .gridhdr {
    box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.50);
    -ms-box-shadow: 0 0px 20px 0px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.50);
}


.grid_basic th, .grid_basic td{
	text-align: center !important;
}




@media only screen and (max-width: 768px)
{
    .grid_basic
    {
        font-size: 8pt;
    }

    .grid_basic th
    {
        padding: 10px 5px 10px 5px;
    }

    .grid_basic td
    {
        padding: 3px;
    }
}

@media only screen and (max-width: 568px) 
{
    .grid_basic
    {
        font-size: 7pt;
    }

    .grid_basic th
    {
        padding: 10px 3px 10px 3px;
    }

    .grid_basic td
    {
        padding: 2px;
    }
}