/**
 * @file
 * Print styling
 */

/**
 * By importing this CSS file as media "all", we allow this print file to be
 * aggregated with other stylesheets, for improved front-end performance.
 */
@media print {

  /* things to hide - basically, all but the main div */
  .print-hide
    ,div.header-links
    ,div.header-links-left
    ,table.sticky-header
    ,div.region-page-top
    ,div.region-page-bottom
    ,div.region-dashboard-nav
    ,#header
    ,header
    ,#navigation
    ,#footer
    ,div.footer
    ,#footer-nh
    ,#master-export-link
    ,fieldset.tables-fieldset>legend
    ,fieldset.tables-fieldset>legend span.fieldset-legend
    ,fieldset.details-fieldset>legend
    ,fieldset.details-fieldset>legend span.fieldset-legend
    ,details.tables-fieldset>summary
    ,details.details-fieldset>summary
    ,details.tables-fieldset>summary span.fieldset-legend
    ,details.details-fieldset>summary span.fieldset-legend
    ,formfeed
    ,ul.sf-menu
    ,div.messages
    ,div.plotly-graph
    {
    display:none !important;
  }

  /* things to show */
  .print-show
    ,h2.measure-details-title
    {
    display:block !important;
  }
  img.plotly-graph-img {
    display: inline-block !important;
  }

  /* adjustments */
  html, body {
    width: 8.5in;
    height: auto;
    padding:0px;
    margin:0px;
  }
  body,
  #page,
  #main,
  #content {
    background-color: white !important;
  }
  img, table, .mqis-graphs, .mqis-tables {
    max-width: 100% !important;
  }
  img, .mqis-graphs {
    page-break-inside: avoid;
  }
  div.printbreak {
    page-break-after:always;
  }
  .mqis-report div.mqis-graphs {
    border:0px;
  }
  table.sticky-table tr,
  table.sticky-table tr th,
  table.sticky-table tr td {
    border:1px solid #C6C7C9;
  }
  details.tables-fieldset,
  details.details-fieldset,
  fieldset.tables-fieldset,
  fieldset.details-fieldset {
    border:0px;
    margin:0px;
    padding:0px;
  }
  .mqis-report .measure-name {
    font-weight:bold;
    font-size:1.1em;
  }

  /* further adjustments for landscape printing */
  @media (orientation:landscape) {
    html, body {
      width:100%;
    }
    .comp-graph {
      margin-top:0px;
    }
  }
}