@media print {
    body { font-size: 12px !important; color: #000 !important; }
    img { width: 150px !important; }
    hr { border-color: #333333!important; margin-top: 0; margin-bottom: 0;}
        /*.table-nobordered { border: 1px solid #333333 !important; }*/
        .table-nobordered th, .table-nobordered td { border: 0 !important;  padding: 5px; color: #000 !important;}
        .table-nobordered { margin-bottom: 5px; }
        table, th, td { border-color: #333333 !important; padding: 5px !important; color: #000 !important;}
        th { border-bottom-width: 1px !important;}
        h2 { font-family: "Khmer OS Muol";}
        h2, h3, p { text-align: center; }
        h2 { font-size: 22px !important; margin-bottom: 5px !important; }
        h3 { font-size: 18px !important; margin-top: 0 !important; }
        p { margin: 5px !important; color: #000 !important;}
        table.table-paid{
            border: 1px solid #333;
        }
        table th { font-weight: bold !important; }
        .table-paid th, .table-paid td{
            border: 1px solid #333;
        }
        .table-paid tr td:last-child{
            border-right: none;
        }
        .strike-trough{
            position: relative;
        }
        .strike-trough:after{
            content: '';
            display: block;
            border-bottom: 1px solid #333;
            right: 0;
            position: absolute;
            left: 0;
            padding-top: 20px;
            margin-left: 15px;
            margin-right: 15px;
        }
        .logo { padding-top: 30px; padding-bottom: 40px; }
}
@media screen {
    hr { border-color: #333333!important; margin-top: 0; margin-bottom: 0;}
        /*.table-nobordered { border: 1px solid #333333 !important; }*/
        .table-nobordered th, .table-nobordered td { border: 0 !important; }
        table, th, td { border-color: #333333 !important;}
        th { border-bottom-width: 1px !important;}
        h2 { font-family: "Khmer OS Muol";}
        h2, h3, p { text-align: center; }
        table.table-paid{
            border: 1px solid #333;
        }
        .table-paid th, .table-paid td{
            border: 1px solid #333;
        }
        .table-paid tr td:last-child{
            border-right: none;
        }
        .strike-trough{
            position: relative;
        }
        .strike-trough:after{
            content: '';
            display: block;
            border-bottom: 1px solid #333;
            right: 0;
            position: absolute;
            left: 0;
            padding-top: 20px;
            margin-left: 15px;
            margin-right: 15px;
        }
        .logo { padding-top: 30px; padding-bottom: 40px; }
}