@media print {
  @page {
    size: auto;
    margin: 0;
    padding: 0;
    display: block;
    page-break-inside: avoid;
    box-sizing: border-box;
  }
  .no-print {
    display: none;
  }
  .header {
    display: none;
  }
  /* css for managing the screen width mpstly in scp 7 categories listing */
  .sliding-items {
    padding-top: 50px;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
  .sliding-gradient-right,
  .sliding-gradient-left,
  .sliding-gradient-bottom {
    display: none !important;
  }
  /* css code for myscp Print My Tasks */
  .print-myscp .scp-content {
    padding: 0;
  }
  .print-myscp .scp-header,
  .print-myscp .sub-steps-horizontal,
  .print-myscp .sub-steps-vertical {
    display: none;
  }
  .print-myscp .sliding-card-icon-role-principal {
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  /* Print Model Common Css */
  .page-header,
  .page-footer,
  .process-header,
  .window-blur,
  .window-header,
  .key-header,
  .key-list-data-list-header,
  .window {
    display: none;
  }
  html, body {
    overflow: auto !important;
  }
  .window.window-open {
    display: block;
    height: auto;
    position: relative;
  }
  .window-dialog {
    margin: 0;
  }
  .window-scroll {
    padding: 0;
    max-height: 100% !important;
  }
  /* css code for Sub Process Category - Key Results Model Print */
  .print-scp-category .page-body {
    display: none;
  }
  .print-scp-category .key-list-result-icon, .print-scp-category .label {
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  /* css code for Process Map Model Print (Complementary / job roles / related topics / system category) */
  .print-processmap-model .page-body {
    display: none;
  }
  .print-processmap-model .sliding-card-icon {
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .print-processmap-model .sliding-card-icon-role-principal {
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  /* Print key results acf block steps complimenatary / job roles */
  .print-key-results-steps .key-accordion-link::before {
    content: none !important;
  }
  .print-key-results-steps .key-accordion-link {
    display: none;
  }
  .print-key-results-steps .aside, .print-key-results-steps .complementary,
  .print-key-results-steps .scroll-up, .print-key-results-steps .service-panel {
    display: none;
  }
  .print-key-results-steps .key-list-result-icon, .print-key-results-steps .label {
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* print job role description css */
  .print-job-role-description .service-heading, .print-job-role-description .service-hero-figure, 
  .print-job-role-description .service-hero-items, .print-job-role-description #key-results
  { display: none; }
  .print-job-role-description .service-content{padding-top: 0px !important;}
  .print-job-role-description .service-hero-content{max-width:100% !important; padding-top: 0px !important;}
  .print-job-role-description .service-hero-content h2{font-weight: bold;}
  .print-job-role-description .service-hero{padding-bottom:0px !important;}
  .print-job-role-description .service-slide-header {margin-bottom: 0px;}
  .print-job-role-description .service-slide-header h2 {font-size:24px;}
  .print-job-role-description .service-slide-role-items .service-slide-role-item, .print-job-role-description .service-slide-code-tasks{
    page-break-inside: avoid;
    break-inside: avoid;
    display: block !important;
  }
  .print-job-role-description .aside-menu, .print-job-role-description .scroll-up{
    display:none !important;
  }

    /* css code for highlight myscp Print My Tasks */
    body.print-myscp .print_highlight_sub_process_steps {
        display: none !important;
    }
    /* Show cloned version */
    body.print-myscp .print_highlight_sub_process_steps2 {
        display: block !important;
    }
    #print-highlight-myscp-steps {
        display: block !important;
        page-break-before: always;
        break-before: page;
        padding: 30px;
    }
    /* Allow natural splitting */
    #print-highlight-myscp-steps .print_highlight_sub_process_steps2 {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    #print-highlight-myscp-steps h2 {
      margin-top: 30px;
      margin-bottom: 10px;
    }

}