PTB-fe/styles/bootstrap/_print.scss

// stylelint-disable declaration-no-important, selector-no-qualifying-type

// Source: https://github.com/h5bp/main.css/blob/master/src/_print.css

// ==========================================================================
// Print styles.
// Inlined to avoid the additional HTTP request:
// https://www.phpied.com/delay-loading-your-print-css/
// ==========================================================================

@if $enable-print-styles {
  @media print {
    *,
    *::before,
    *::after {
      // Bootstrap specific; comment out `color` and `background`
      //color: $black !important; // Black prints faster
      text-shadow: none !important;
      //background: transparent !important;
      box-shadow: none !important;
    }

    a {
      &:not(.btn) {
        text-decoration: underline;
      }
    }

    // Bootstrap specific; comment the following selector out
    //a[href]::after {
    //  content: " (" attr(href) ")";
    //}

    abbr[title]::after {
      content: " (" attr(title) ")";
    }

    // Bootstrap specific; comment the following selector out
    //
    // Don't show links that are fragment identifiers,
    // or use the `javascript:` pseudo protocol
    //

    //a[href^="#"]::after,
    //a[href^="javascript:"]::after {
    // content: "";
    //}

    pre {
      white-space: pre-wrap !important;
    }
    pre,
    blockquote {
      border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
      page-break-inside: avoid;
    }

    //
    // Printing Tables:
    // https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
    //

    thead {
      display: table-header-group;
    }

    tr,
    img {
      page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }

    h2,
    h3 {
      page-break-after: avoid;
    }

    // Bootstrap specific changes start

    // Specify a size and min-width to make printing closer across browsers.
    // We don't set margin here because it breaks `size` in Chrome. We also
    // don't use `!important` on `size` as it breaks in Chrome.
    @page {
      size: $print-page-size;
      margin: 11mm 10mm 17mm 17mm;
    }
    body {
      min-width: $print-body-min-width !important;
    }
    .container {
      min-width: $print-body-min-width !important;
    }

    // Bootstrap components
    .navbar {
      display: none;
    }
    .badge {
      border: $border-width solid $black;
    }

    .table {
      border-collapse: collapse !important;

      td,
      th {
        background-color: $white !important;
      }
    }

    .table-bordered {
      th,
      td {
        border: 1px solid $gray-300 !important;
      }
    }

    .table-dark {
      color: inherit;

      th,
      td,
      thead th,
      tbody + tbody {
        border-color: $table-border-color;
      }
    }

    .table .thead-dark th {
      color: inherit;
      border-color: $table-border-color;
    }


    #footer {
      position: fixed;
      width: 100%;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center;
      color: #979595;
      padding-bottom: -15px;
    }
    .BA-Header {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      font-family: "Times New Roman", Times, serif;
    }
    .BA-logo{
      width: 30%;
      margin-bottom: 10px;
    }
    .BA-body p{
      font-family: "Times New Roman", Times, serif;
      font-size: 15px;
      text-indent: 15px;
      page-break-after: avoid;
    }

    //////////////////////////////////////////////////
    .table-a th {
      border: 1px solid #C0C0C0;
      padding: 5px;
      background: #F0F0F0;
      text-align: center;
      font-size: small;
      vertical-align: top;

    }
    
    .table-a td {
      border: 1px solid #C0C0C0;
      padding: 5px;
      word-wrap: break-word;
      max-width: 215px;
      font-size: 0.8rem;
      vertical-align: top;
  
    }
    .table-a{
      border-collapse: collapse;
      table-layout: fixed;
      margin-left: auto;
      margin-right: auto;
      vertical-align: top;

    }
    
    .BA-body ol{
      margin-top: 1px;
      text-indent: 0px;
    }
    //////////////////////////////////////////////////
    #ttd{
      width: 600px;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-wrap: wrap;
     
  
      .ttd-div{
          width: 50%;
          border: 1px solid #C0C0C0;
      }
      .sign-ttd{
          width:100% ;
          height: 150px;
          margin-right: auto;
          margin-left: auto;
      }
      .sign-nama{
                  background-color: rgb(206, 206, 206);
                  text-align: center;
                  padding: 2px;
                  word-wrap: break-word;
                  color: black;
                }
    }
    .header-ttd{
      background-color: #C0C0C0; 
      text-align: center;
      color: black;
      margin-left: auto;
      margin-right: auto;
      max-width: 600px;
  }
  }



  
  .table-b td {
    // border: 1px solid #C0C0C0;
    // padding: 5px;
    word-wrap: break-word;
    vertical-align: top;
    text-align: left;    
    max-width: 40%;
    font-size: 0.8rem;
    padding-top: 8px;
    padding-bottom: 8px;

  }
  .table-b{
    // border-collapse: collapse;
    word-wrap: break-word;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
  }
}