@media print
{
    /*
      Have to be a bit careful here.
      This is the global print CSS file, so everything in here has to be truly global.
      The majority is in report-print.css as it is only certain to apply when printing a report.
    
      (For example, report-print.css hides the navigation bar as that isn't necessarily what's always wanted when printing from the site)
    
      Items specific to one page should be contained within that page's own stylesheet. 
    */
    /* If commented in, this rule would force the page to be printed in landscape (ie. the orientation option being completely removed from the preview)
       Since it can be argued that the user should ALWAYS be given the choice to change the orientation and, given that this is global CSS, this rule is commented out for now. 
    @page { size:landscape; }
    */
    .context-menu,
    .context-menu-visible
    {
        display:none !important;
        height:0 !important;
    }
    body
    {
        padding-top:0px !important;
    }
    #main_page_content
    {
        width: 100%;
    }
    #page-content > h1:first-of-type,
    #page-content > h2:first-of-type
    {
        margin-top:0px !important;
    }

    nav,
    footer,
    hr,
    button,
    input,
    select,
    .ui-datepicker,
    .breadcrumb,
    .clocking > img,
    .user-filter,
    .btn
    {
        display:none !important;
        height:0px !important;
    }

    /* prevent browser printing out contents of href attribute */
    a[href]:after {
        content: none !important;
    }
    
    .report-filters, #page-break-message {
        display:none;
    }
    
    #print-sizing  {
        visibility:hidden;
    }
    
    .report-table.print-page-break-before
    { 
        display:block; 
        page-break-before:always;
    }
}