
<style type="text/css">
    table.report-container {
        page-break-after: always;
    }

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

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

    .bg-purple {
        background-color: #b53399 !important;
    }

    table.outer-border {
        border: 1px solid #aaa;
        border-collapse: collapse;
        font-size: 12px !important;
    }

    .border-dark-print {
        border-color: #aaa !important;
    }

    .bg-info {
        background-color: #17a2b8 !important;
    }
    table.report-container:last-child {
        page-break-after: avoid;
    }

    @media print {
        table {
            color-adjust: exact;
        }

        table.report-container:last-child {
            page-break-after: avoid;
        }

        @page {
            size: auto;
        }

        html,
        body {
            margin: 0 !important;
            padding: 0 !important;
        }

        /* Hide scrollbar for IE, Edge and Firefox */
        .printDiv,
        #print_div {
            -ms-overflow-style: none;
            /* IE and Edge */
            scrollbar-width: none;
            /* Firefox */
            page-break-after: avoid;
        }

        .pagination {
            display: none;
        }
        .table {
            height: 96%;
        }
        .report-content {
            height: 96%;
        }
        .report-content-cell, .page_break, .report-content {
            page-break-after: avoid;
            page-break-before: avoid;
            page-break-inside: avoid;
        }
    }

    .table-bordered-print>thead>tr>td,
    .table-bordered-print>thead>tr>th,
    .table-bordered-print>tbody>tr>td,
    .table-bordered-print>tfoot>tr>td {
        border: 1px solid #aaa !important;
    }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
        padding: 4px;
        padding-bottom: 0px;
        padding-top: 0px;
        color:#3a3a3a;
        font-size: 12px !important;
    }
    table>thead>tr>td {
        text-align: left;
    }

    .table>tr>td {
        border-top: 1px solid #aaa !important;
        border-bottom: 1px solid #aaa !important;
        border-left: 1px transparent !important;
        border-right: 1px transparent !important;
        line-height: 20px;
    }

    #company_regards {
        text-align: right !important;
    }

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

    #company_regards td {
        padding: 0;
        margin: 0;
    }

    #account_to td {
        padding: 0;
        margin: 0;
    }

    .text-bold {
        font-weight: bold;
    }

    .bank_details {
        font-size: 9px;
        font-weight: bold;
        padding-left: 5px !important;
    }

    .font-10 {
        font-size: 10px !important;
    }

    .font-12 {
        font-size: 12px !important;
    }

    .card {
        box-shadow: none;
    }

    .border-dark {
        border-color: #aaa !important;
    }

    .table-bordered-print-style>thead>tr>td,
    .table-bordered-print-style>thead>tr>th,
    .table-bordered-print-style>tbody>tr>td,
    .table-bordered-print-style>tfoot>tr>td {
        border: 0;
        padding: 4px;
        font-size: 12px !important;
    }

    #scissors {
        height: 70px;
        /* image height */
        width: 90%;
        margin: auto auto;
        background-image: url('http://i.stack.imgur.com/cXciH.png');
        background-repeat: no-repeat;
        background-position: right;
        position: relative;
        overflow: hidden;
    }

    #scissors:after {
        content: "";
        position: relative;
        top: 50%;
        display: block;
        border-top: 3px dashed black;
        margin-top: -3px;
    }

    .table.table-header-full-width>thead>tr>th,
    .table.table-header-full-width>tbody>tr>td {
        white-space: nowrap !important;
    }

    .table.header-only-border>thead th,.table.header-only-border>tbody tr:last-child td {
        border-top: 1px dashed #aaa;
        border-bottom: 1px dashed #aaa;
    }

    .table.header-only-border>thead th,.table.header-only-border>tbody tr:last-child td {
        border-left: none;
        border-right: none;
    }

    .barcodeStyle{
        font-size: 0;
        position: relative;
        width: 157px;
        height: 45px;
    }
    .table>tbody>tr>td:first-child {
        color: #3a3a3a;
    }
</style>
