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;
    }
    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;
    }

    // Bootstrap specific changes end
  }
}



.BA-logo {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
}

.BA-header {
  font-family: "Times New Roman", Times, serif;
  text-align: center;
  padding-bottom: 20px;
}

.BA-div {
  padding-top: 100px;
}

.BA-p p {
  padding: 10px;
}

.BA-body {
  font-family: "Times New Roman", Times, serif;
  padding-top: 0px;
  padding-left: 50px;
  padding-right: 50px;
}

.demo {
  border: 1px solid #C0C0C0;
  border-collapse: collapse;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}

.demo .thdemo {
  border: 1px solid #C0C0C0;
  padding: 5px;
  background: #F0F0F0;
  text-align: center;
}
.demo .trdemo{
  border: 1px solid #C0C0C0;
  padding: 5px;
}

.demo .tddemo  {
  border: 1px solid #C0C0C0;
  padding: 5px;
  height: 100px;
  min-width: 200px;
}

.table-a {
  border: 1px solid #C0C0C0;
  border-collapse: collapse;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 5px;
  margin-left: -128px auto;
  margin-right: auto;
  table-layout: fixed;
}

.table-a th {
  border: 1px solid #C0C0C0;
  padding: 5px;
  background: #F0F0F0;
  text-align: center;
}

.table-a td {
  border: 1px solid #C0C0C0;
  padding: 5px;
  word-wrap: break-word;
  max-width: 150px;
}

#footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  color: #979595;
  padding-bottom: 30px;
}

////////////////////////////-----SuratBA_A

body {
  margin: 0;
  padding: 0;
  background-color: #FAFAFA;
  font: 12pt "Tahoma";
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.page {
  width: 21cm;
  min-height: 29.7cm;
  padding: 2cm;
  margin: 1cm auto;
  border: 1px #D3D3D3 solid;
  border-radius: 5px;
  background: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.subpage {
  padding: 1cm;
  border: 5px red solid;
  height: 256mm;
  outline: 2cm #FFEAEA solid;
}

@page {
  size: A4;
  margin: 0;
}

@media print {

  body,
  page[size="A4"] {
    // margin: 0;
    box-shadow: 0;
    margin-bottom: 50px;
  }



}
.signature-style{
  border: 1px solid#b9b9b9;
width: 350px;
height: 200px;
margin-left: auto;
margin-right: auto;
}
  


  /////////////////////Coba pake flex wrap
// #ttd {
//   width: 410px;
//   display: flex;
//   flex-wrap: wrap;
//   margin-left: auto;
//   margin-right: auto;
//     text-align: center;
// }
// #ttd-header {
//   width: 410px;
//   margin-left: auto;
//   margin-right: auto;
//   text-align: center;
// }
// .ttd-div{
//   width: 205px;
//   // height: 100px;
// }
// .sign-nama{
//   background-color: rgb(206, 206, 206);
//   text-align: center;
//   // width: 215px;
//   border: 1px solid#d9d6d6;
//   padding: 2px;
  
// }
// .sign-ttd{
//   width: 205px;
//   height: 80px;
//   border: 1px solid#d9d6d6;
//   padding: 5px;

// }