@media print and (color) {
    /* hide everything on page */
    * {
        visibility: hidden;
        margin: 0;
        padding: 0;
        -webkit-print-color-adjust: exact !important;
        -moz-print-color-adjust: exact !important;
        -ms-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /*undo all the scrolling on table div*/
    .MyContainer {
        position: absolute;
        max-height: none !important;
        overflow: visible !important;
    }

    .printableHeader {
        margin-left: 3px;
        margin-right: 2px;
    }

    /*only show what i want by adding class*/
    .printableArea *:not(.HideOnPrint) {
        visibility: visible;

    }
    .attachments {
        padding-top:5px;
        
    }
    ul {
   
        padding-left: 30px;
        list-style-type: none;
    }
    .HideOnPrint {
        visibility: hidden;
    }
    
}