/* Tables */
/*----------------------*/
table { border-collapse:collapse; }
td { padding:.2em; }
th { text-align:left; }
tr { vertical-align:top; }
/*----------------------*/
/* Table Data */
table.data { }
table.data td,tr.data td,td.data { padding-right:.5em; }
/*----------------------*/
table.data_box { border:1px solid Black; border-collapse:collapse; }
/*----------------------*/
table.data_grid { border:1px solid Black; border-collapse:collapse; }
table.data_grid td,table.data_grid th { border:1px solid Black; padding:.5em; }
/*----------------------*/
table.data_key_value tr td:first-child { margin-right:0; padding-right:0; text-align:right; text-transform:capitalize; }
table.data_key_value tr td:first-child::after { content:":" }
table.data_key_value tr td:first-child[colspan]::after { content:"" }
table.data_key_value tr.sep td:first-child::after { content:"" }
/*----------------------*/
/* Table Info - border outside, background color, alternating row color, th, info_footer and info_pager highlighting, padding, font size */
table.info { border:1px solid Black; border-collapse:collapse; font-family:Arial,sans-serif; } /* border around outside, use arial font */
table.info a[style*="color"] { font-weight:bold;} /* bold color links */
table.info tr:nth-child(even) { background-color:#fafafa; } /* Alternating row color */
/*table.info tr:nth-child(odd) { background-color:#f2f2f2; } */ /* Alternating row color */
table.info td,table.info th { border-bottom:1px solid Black; border-top:1px solid Black; padding:.5em; } /* Put in grid */
/*table.info tr td:last-child,table.info > tr th:last-child {text-align: right; } */ /* Align last column to right */
table.info th,table.info tr.info_footer, table.info tr.info_pager {background-color:#bbbbbb; color:black;  font-weight:bold; text-transform:capitalize; } /* darken header footer rows */
table.info tr.info_pager td,table.info tr.info_pager th { border-bottom:none; border-top:none; padding:.15em .15em .15em .5em; } /* Pager numbers */
table.info tr.info_pager table tr td:first-child:before { content: "Page: "; white-space:nowrap; } /* Add word Page in front of page numbers */
/*table.info tr.info_pager td:last-child {text-align: left; }*/ /* Align last column to left, override align right above for rest of table info */
table.info tr.info_pager a,table.info tr.info_pager span { padding-left:.25em; white-space:nowrap; } /* Pad to left of page numbers */
table.info tr.info_pager a { color:white; } /* Put link in white */
table.info tr.info_pager a:visited { color:#eeeeee; } /* Visited link a little darker */
/*
table.info tr.info_pager
table.info table tr td { font-size:medium; font-weight:bold; padding:.25em .25em .25em 0; }
table.info table tr td:first-child:before { content: "Page:"; }
table.info table a,table.info table span { padding-left:.25em; }
table.info table a { color:white; }
*/
/*----------------------*/
table.last_right tr td:last-child, table.last_right > tr th:last-child {
    text-align: right;
    }
/* Align last column to right */
/*----------------------*/
@media screen and (max-width:768px) 
{
    table.info td, table.info th {
        border: none;
        font-size: medium;
        padding: .5em;
    }  
    table.info tr.info_pager td,table.info tr.info_pager th { border-bottom:none; border-top:none; padding:.15em .15em .15em .5em; } /* Pager numbers */
}
/*----------------------*/
table.border_grid, table.border_grid td, table.border_grid th {
    border: solid 1pt black;
}
/* Add grid borders 
Needs to be after .info above
*/
table.border_horizontal td, table.border_horizontal th {
    border-bottom: 1px solid black;
    border-top: 1px solid black;
}

table.border_vertical td, table.border_vertical th {
    border-left: 1px solid black;
    border-right: 1px solid black;
}