table.sp
{
    border-collapse: collapse;
}
table.sp th
{
    border: 1px var(--blue) solid;
    color: var(--blue);
    font-family: Gafata, sans-serif;
    font-weight: bold;
    padding: 0.4em;
    font-size: 18px;
}

table.sp td
{
    border: 1px var(--blue) solid;
    color: var(--text-color);
    font-family: Hind, sans-serif;
    font-weight: normal;
    padding: 0.4em;    
    font-size: 16px;
}

table.sp tr:nth-child(even)
{
    background-color:#eef8ff;
}

table.sp tr:nth-child(odd)
{
    background-color:white;
}

table.noeo tr:nth-child(even), table.noeo tr:nth-child(odd)
{
    background-color:inherit;
}

table.sp td a
{    
    color: var(--text-color);
    font-family: Hind, sans-serif;
    font-weight: normal;
    padding-left: 0.4em;
    padding-right: 0.4em;
    font-size: 16px;
}

table.spreport .top-header-cell
{
    height: 32px;                
    position: relative;
    min-width: 64px;
    max-width: 64px;
    height: 30px;
    overflow: hidden;
    content: ' ';
    font-size: 12px;
    font-weight: normal;                
    font-weight: bold;
}

table.spreport .left-header-cell
{
    height: 32px;                
    position: relative;
    min-width: 128px;
    max-width: 128px;
    height: 30px;
    overflow: hidden;
    content: ' ';
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--text-color);
}

table.spreport .number-cell
{
    height: 32px;                
    position: relative;
    min-width: 54px;
    max-width: 54px;
    height: 30px;
    overflow: hidden;
    content: ' ';
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 30px;
    padding: 0 10px 0 0;
    text-align: right;
    color: var(--text-color);
}  

.t-hscroll
{
    overflow: auto;
}