/* Kode CSS Untuk PAGE ini dibuat oleh http://jsfiddle.net/2wk6Q/1/ */
  body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FAFAFA;
    font: 12pt "Tahoma";
  }
  * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  }
  table {
      border-collapse: collapse;
      width: 100%;
  }
  table td {
    padding-left: 2px;
    padding-right: 2px;
  }
  table .table-hide {
    display: none;
  }
  .bs-0 {
    border-left: 0px;
    border-right: 0px;
  }
  .bs-1 {
    border-left: 1px solid black;
  } 
  .be-1 {
    border-right: 1px solid black;
  } 
  .bt-1 {
    border-top: 1px solid black;
  } 
  .bb-1 {
    border-bottom: 1px solid black;
  } 
  .bx-1 {
    border-left: 1px solid black;
    border-right: 1px solid black;
  } 
  .by-1 {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
  }  
  .bs-2 {
    border-left: 2px solid black;
  } 
  .be-2 {
    border-right: 2px solid black;
  } 
  .bt-2 {
    border-top: 2px solid black;
  } 
  .bb-2 {
    border-bottom: 2px solid black;
  } 
  .bx-2 {
    border-left: 2px solid black;
    border-right: 2px solid black;
  } 
  .by-2 {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
  }  
  .bd-primary {
    border-color: #0d6efd; 
  } 
  .bd-secondary {
    border-color: #6c757d; 
  } 
  .bd-success {
    border-color: #198754; 
  } 
  .bd-danger {
    border-color: #dc3545;ffc107 
  } 
  .bd-warning {
    border-color: #ffc107; 
  } 
  .bd-info {
    border-color: #0dcaf0;  
  } 
  .bd-light {
    border-color: #f8f9fa;  
  } 
  .bd-dark {
    border-color: #212529;  
  } 
  .btn {
    display: inline-block; /* Supaya link terlihat seperti tombol */
    padding: 10px 20px;    /* Spasi di dalam tombol */
    color: white;          /* Warna teks */
    background-color: #0d6efd; /* Warna latar belakang (biru) */
    text-decoration: none; /* Hilangkan garis bawah */
    border: none;          /* Hilangkan border default */
    border-radius: 5px;    /* Membuat sudut tombol melengkung */
    cursor: pointer;       /* Ubah kursor menjadi tangan saat dihover */
  }
  .bg-primary {
    background-color: #0d6efd; 
  }
  .bg-secondary {
    background-color: #6c757d; 
  }
  .bg-success {
    background-color: #198754; 
  }
  .bg-danger {
    background-color: #dc3545; 
  }
  .bg-warning {
    background-color: #ffc107; 
  }
  .bg-info {
    background-color: #0dcaf0; 
  }
  .bg-light {
    background-color: #f8f9fa; 
  }
  .bg-dark {
    background-color: #212529; 
  }
  .text-bold {
    font-weight: bolder;
  }
  .text-reset{
    font-weight: normal;
    text-decoration: none;
  }
  .text-8{
    font-size: 8pt;
    line-height: 10pt;
  }
  .text-9{
    font-size: 9pt;
    line-height: 11pt;
  }
  .text-10{
    font-size: 10pt;
    line-height: 12pt;
  }
  .text-11{
    font-size: 11pt;
    line-height: 13pt;
  }
  .text-12{
    font-size: 12pt;
    line-height: 14pt;
  }
  .text-14{
    font-size: 14pt;
    line-height: 16pt;
  }
  .text-16{
    font-size: 16pt;
    line-height: 18pt;
  }
  .line-12{
    line-height: 12pt;
  }
  .line-14{
    line-height: 14pt;
  }
  .line-16{
    line-height: 16pt;
  }
  .line-18{
    line-height: 18pt;
  }
  .p-2{
    padding: 2px;
  }
  .p-4{
    padding: 4px;
  }
  .pb-4{
    padding: 4px;
  }
  .m-2{
    margin: 2px;
  }
  .m-4{
    margin: 4px;
  }
  .mb-4{
    margin-bottom: 4px;
  }