/******************************************************
    REPORT TABLE
    Standard CSS for all printable reports
******************************************************/

.report-table {
    display: table !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    font-family: Calibri, Arial, sans-serif;
    font-size: 10pt;
    color: #000;
    box-sizing: border-box;
}

    /******************************************************
    TABLE SECTIONS
******************************************************/

    .report-table thead {
        display: table-header-group !important;
    }

    .report-table tbody {
        display: table-row-group !important;
    }

    .report-table tfoot {
        display: table-footer-group !important;
    }

    .report-table tr {
        display: table-row !important;
    }

    /******************************************************
    HEADER / DETAIL / FOOTER CELLS
******************************************************/

    .report-table th,
    .report-table td {
        display: table-cell !important;
        border: 1px solid #000;
        padding: 5px;
        vertical-align: middle;
        box-sizing: border-box;
        overflow: hidden;
    }

    /******************************************************
    HEADER
******************************************************/

    .report-table th {
        text-align: center;
        font-weight: bold;
        background: #EAEAEA !important;
        color: #000;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /******************************************************
    DETAIL ROWS
******************************************************/

    .report-table td {
        white-space: normal;
        word-break: break-word;
    }

    /******************************************************
    TOTALS ROW
******************************************************/

    .report-table tfoot td {
        font-weight: bold;
        background: #F4F4F4 !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

/******************************************************
    HOVER (Screen Only)
******************************************************/

@media screen {

    .report-table tbody tr:hover {
        background: #F7F7F7;
    }
}

/******************************************************
    PAGE BREAKS
******************************************************/

.report-table tr {
    page-break-inside: avoid;
}

.report-table thead {
    page-break-after: avoid;
}

.report-table tfoot {
    page-break-before: avoid;
}

/******************************************************
    ALIGNMENTS
******************************************************/

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

/******************************************************
    NUMERIC COLUMNS
******************************************************/

.numeric {
    text-align: right;
    white-space: nowrap;
}

/******************************************************
    WRAPPING TEXT
******************************************************/

.wrap {
    white-space: normal;
}

.nowrap {
    white-space: nowrap;
}

/******************************************************
    ZERO VALUES
******************************************************/

.zero {
    color: #666;
}

/******************************************************
    NEGATIVE VALUES
******************************************************/

.negative {
    color: #B00020;
}

/******************************************************
    GRAND TOTAL ROW
******************************************************/

.grand-total-row {
    font-weight: bold;
    background: #EFEFEF !important;
    page-break-inside: avoid;
}

.total-caption {
    text-align: left;
    font-weight: bold;
}

/******************************************************
    REMARKS
******************************************************/

.report-remarks {
    padding: 8px;
    text-align: left;
    font-style: italic;
}

/******************************************************
    PRINT
******************************************************/

@media print {

    .report-table {
        width: 100% !important;
        font-size: 10pt;
    }

        .report-table th {
            background: #EAEAEA !important;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }

        .report-table tfoot td {
            background: #F4F4F4 !important;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
        }
}
.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

/* ---------- Total Styles ---------- */

.total-blue {
    color: darkblue;
}

.total-green {
    color: green;
}

.total-red {
    color: red;
}

.total-warning {
    color: red;
    background: #FFF0F0;
}
.total-warning-bold {
    color: red;
    background: #FFF4F4;
    font-weight: bold;
}
.total-highlight {
    background: #FFFFCC;
}

.total-double-border {
    border-top: 3px double black;
}

.total-large {
    font-size: 12pt;
}
.total-large-bold {
    font-size: 13pt;
    font-weight: bold;
}
.total-grand {
    font-size: 11pt;
    font-weight: bold;
    background: #EFEFEF;
}
.total-grand-color {
    font-weight: bold;
    font-size: 13pt;
    color: darkgreen;
    background: #F2F2F2;
}