#invoice{
  width: 700px;
  margin: 0 auto;
}

  #invoice .head_table{
    position: relative;
    width: 700px;
  }
  #invoice .head_table td{
      width:50%;
  }
  
  #invoice .title{
     font-size:20pt;     
     font-weight: bold;
     text-align:center;
     width:100%;
  }

  #invoice #table_date{
      width:300px;    
      float:right;
  }
   #invoice #table_date td{
      padding:4px;
   }

  #invoice #item-rows-table{
  }

    #invoice #item-rows-table th{
      background-color: #ccc;
      padding:4px;
    }

    #invoice #item-rows-table td:not([class="no-data"]){
      padding:4px;
    }
    
    #invoice #item-rows-table td[class="no-data"]{
      padding:1px;
    }
    
    #invoice .item-row-id{width: 75px; text-align:center;}
    #invoice .item-row-desc{width: 290px; text-align:left;}
    #invoice .item-row-unitc{width: 125px; text-align:right;}
    #invoice .item-row-qty{width: 80px; text-align:right;}
    #invoice .item-row-total{width: 130px;  text-align:right;}

   #invoice #summary-table{
      position:relative;
      float:right;
   }
   
     #invoice #summary-table td{
      padding:4px;
    }
    
    #invoice .summary-row-left{width:185px;text-align: right;}
    #invoice .summary-row-right{width:185px;}
  
#accounting_document{
  width: 700px;
  margin: 0 auto;
}
  #accounting_document .head_table{
    position: relative;
    width: 700px;
  }
  #accounting_document .head_table td{
      width:50%;
      vertical-align: middle;    
      padding: 10px;
  }
  #accounting_document .document_name{
    font-size: 21pt;
    text-decoration: italic;
    font-weight: bold;
    text-align: center;
  }
  #accounting_document .data-title{
    font-size: 15pt;
    font-weight: bold;
    text-align: center;
  }
  
  #accounting_document .row_table{
    position: relative;
    width: 700px;
  }
  #accounting_document .row_table td{   
      vertical-align: middle;    
      padding: 10px;
  }  
  #accounting_document .row_table th{
    text-align: center;
    vertical-align: middle;    
    padding: 10px;
  }
  .item-productname{
    width: 50%;
  }
  .item-productname{
    width: 50%;
  }
  .item-amount{
    width: 15%;
    text-align: center;
  }
  .item-price,
  .item-total{
    width: 35%;
    text-align: center;
  }
 
  .item-total{
    font-weight: bold;
  }
 
.vbottom{
   vertical-align: bottom;
}
.hright{
   text-align:right;
}
.hleft{
   text-align:left;
}