/* Let's define some CSS for THIS app, which is NOT shared */

/* TODO: make this available to the front-end as well */


/*----- Starting styles for REPORTS -----*/

div.report,
.ui-tabs-panel 
{
    color: #666;
    /* background-color: #e3e3e3; */
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.report .report-title {
    font: normal normal bold 24px/48px Verdana, Helvetica, Arial, sans-serif;
    color: #343a40;
}

.report .report-section-title {
    font: normal normal bold 18px/48px Verdana, Helvetica, Arial, sans-serif;
    color: #687480;
    text-decoration: solid underline #687480 2px;
}

table.report-table,
.ui-tabs-panel table
{
    width: 100%;
    border-collapse:collapse;
}


/*
.report-section-content table th {
    background-color: #ccc;
}
*/

/* No need for program to set odd/even any more, CSS can do it automagically
.report-section-content table tr.odd {
    background-color: #ddd;
}
.report-section-content table tr.even {
    background-color: #eee;
}
*/
.table-view tbody tr:nth-of-type(odd),
table.report-table tbody tr:nth-of-type(odd),
.ui-tabs-panel tbody tr:nth-of-type(odd)
{
    background-color: rgba(0, 100, 255, 0.05);
}
    

table.report-table, 
.ui-tabs-panel table, /* JUI */
.ui-tabs-panel th,
.ui-tabs-panel td
{
    border: 1px solid #ddd;
}

.report-section-content th, .report-section-content td {
    text-align: left;
    padding: 0.25rem;
}


span.negative /* JUI, etc. */
{
    color: red;
}

table.report-table td,
.ui-tabs-panel table td /* JUI */
{
    vertical-align: top;
}