.co-print-only {
    display: none !important;
}

@media print {

    body * {
        visibility: hidden !important;
    }

    #printableChangeOrderReport,
    #printableChangeOrderReport * {
        visibility: visible !important;
    }

    #printableChangeOrderReport {
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    #mdlChangeOrdersList,
    #mdlChangeOrdersList .modal-dialog,
    #mdlChangeOrdersList .modal-content,
    #mdlChangeOrdersList .modal-body {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-shadow: none !important;
        border: none !important;
    }

        #mdlChangeOrdersList .modal-header,
        #mdlChangeOrdersList .modal-footer,
        .modal-backdrop,
        .co-no-print {
            display: none !important;
        }

    .co-screen-only {
        display: none !important;
    }

    .co-print-only {
        display: inline !important;
    }

    .co-summary-card {
        border: 1px solid #000000 !important;
        box-shadow: none !important;
    }

        .co-summary-card .card-header {
            background: #ffffff !important;
            color: #000000 !important;
            border-bottom: 1px solid #000000 !important;
        }

        .co-summary-card .text-primary,
        .co-summary-card .text-muted {
            color: #000000 !important;
        }

    #printableChangeOrderReport table {
        width: 100% !important;
        font-size: 11px !important;
        border-collapse: collapse !important;
    }

    #printableChangeOrderReport th,
    #printableChangeOrderReport td {
        border: 1px solid #000000 !important;
        padding: 6px !important;
        vertical-align: top !important;
        color: #000000 !important;
        background: #ffffff !important;
    }

    #printableChangeOrderReport th {
        font-weight: bold !important;
    }

    .table-responsive {
        overflow: visible !important;
    }

    @page {
        size: portrait;
        margin: 0.5in;
    }
}}