@page {
      margin: 3cm 2.47cm 1.01cm 2.54cm;
      margin-header: 1.16cm;
      margin-footer: 1.16cm;
      odd-header-name: html_MyHeader1;
      odd-footer-name: html_MyFooter1;
      
  }
  .page{
    font-family: Helvetica;
    font-size: 15px;
  }

  .page_1{
    margin:0;
    width: 100%; 
    height: 100%; 
    text-align: center; 
  }

  .page_all, .page_2, .page_3, .page_4, .page_5, .page_6, .page_7, .page_8{
    margin:0;
    width: 100%; 
    height: 100%;
  }

  .header{
    width: 80%;
    height: 60px;
    margin-left: auto;
    margin-right: auto; 
  }

  .footer{
    text-align: center;
    width: 100%; 
    font-size: 10px;
    font-weight: bold;
    color: rgb(148,17,0); 
  }

  .clear_css{
    clear: both;
  }

  /*page 1*/
  
  .p1_1{
    margin-top: 2.5cm;
    width: 100%; 
    font-size: 26px;
    font-weight: bold;
    color: rgb(148,17,0); 
  }

  .p1_2{
    margin-top: 2.5cm;
    width: 100%;
  }

  .p1_3{
    margin-top: 4cm;
    width: 100%; 
    font-size: 20px;
    font-weight: bold;
    color: rgb(0,0,0);
    text-decoration: underline;
  }

  .p1_4{
    width: 100%; 
    font-size: 18px;
    color: rgb(0,0,0); 
    text-decoration: underline;
  }

  hr {
    margin-top:0;
    height: 0.06cm;
    width: 15.08cm;
    color: red;
    background-color: red;
    border: none;
  }


  /*page 2*/
  .p2{
    padding-bottom: 10px;
    font-size: 15px;
  }

  .p2_0{
    text-align: center;
    font-weight: bold;
    padding-bottom:1.5cm;
    padding-top: 1cm; 
  }

  .indent {
    margin-left: 45px;
  }

  .indent2 {
    margin-left: 90px;
  }


  /*page 3*/
  .judul{
    margin-bottom: 30px;
    font-weight: bold;
  }

  .p_page{
    text-align:justify;
    font-size: 15px;
    padding-bottom: 20px;
  }

  .p_page2{
    text-align:justify;
    font-size: 15px;
    padding-bottom: 0px;
  }


  /*page 4*/
  .indent3{
    margin-left: 30px;
  }


  /*page 5*/
  .judul_sub{
    padding-bottom: 20px;
    font-weight: bold;
    font-style: italic;
  }
  .img_chart{
    margin-top: 10px;
    margin-bottom: 50px;
    border: 2px solid #dedede;
    border-top: 4px solid #dedede;
    border-right: 4px solid #dedede;
    width: 100%;
    height: auto;
  }

  .pedoman{
    margin-left:10px;
    margin-right:10px;
    border:0.2mm solid #dedede; 
    padding: 5px; 
    background-color: #dedede; 
    font-size: 13px;
  }

  .indent4{
    margin-left: 15px;
  }


  /*page 6*/
  .tbl_1{
    padding-top: 10px;
    padding-bottom: 50px;
  }
  .tbl_data {
    border: 0;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
  }
  .field{
    font-size: 12px;
    background-color:#cfe0f3;
    padding: 5px;
  }

  .field2{
    font-size: 10px;
    background-color:#e4edf8;
    padding: 5px;
  }

  .th_data{
    height: 50px;
  }



   /*page end*/
   .pgend_1{
    padding-top: 30px;
    padding-bottom: 30px;
   }

  .tbl_end {
    border: 1px solid #000000;
    border-collapse: collapse;
    width: 100%;
    height: 500px;
  }

  .th_end {
    border: 1px solid #000000;
    border-collapse: collapse;
    width: 25%;
    height: 50px;
    background-color: #bdc0bf;
  }

  .tr_end td {
    border: 1px solid #000000;
    border-collapse: collapse;
    height: 150px;
  }

  .boxed-top {
    background: green;
    margin: 0;
    text-align: right;
    line-height: 20px;
    color: black;
    font-size: 18px;
    border: 0px !important;
  }

  .boxed-bottom {
    background: red;
    margin: 0;
    text-align: right;
    line-height: 20px;
    color: black;
    font-size: 18px;
    border: 0px !important;
  }

    table.boxed-top tr, table.boxed-top tr td {
    border: 0px !important;
  }

    table.boxed-bottom tr, table.boxed-bottom tr td {
    border: 0px !important;
  }


.tbl_freetext {
  border: 1px solid #000;
  padding: 10px 20px;
  border-collapse: collapse;
  width: 100%;
  text-align: center;
}

  table.tbl_freetext tr, table.tbl_freetext tr td {
    border: 1px solid #000;
    padding: 10px 20px;
  }