body {
  background: #444;
}

.all {
  margin: 0 auto;
  width: 1600px;
}

.rightbox {
  float: left;
  margin-top: 100px;
  margin-left: 10px;
  width: 635px;
  color: #000;
  background-color: #ccc;
  border-radius: 10px;
  padding: 5px;
}

.rightbox div {
  margin: 5px;
}

.name,
.description,
.type {
  background-color: #fff;
  border-radius: 5px;
  padding: 5px;
}

.invisible {
  display: none;
}

.content {
  width: 777px;
  height: 1100px;
  position: relative;
  float: left;
}

.invoice div {
  position: absolute;
  cursor: pointer;
}

.invoice div:hover{
  border: 1px solid #ccc;
  background-color: rgba(255,188,0, 0.3);
}

.invoice div.active {
  border: 1px solid #ccc;
  background-color: rgba(255,120,0, 0.3)
}

.supplier_name {
  left: 35px;
  top: 58px;
  width: 165px;
  height: 20px;
}

.supplier_identification {
  left: 205px;
  top: 92px;
  width: 133px;
  height: 18px;
}

.supplier_bank_account_raw {
  left: 183px;
  top: 112px;
  width: 167px;
  height: 18px;
}

.supplier_scheme_identification {
  left: 206px;
  top: 132px;
  width: 206px;
  height: 18px;
}

.supplier_country_code {
  left: 35px;
  top: 168px;
  width: 140px;
  height: 17px;
}

.supplier_address {
  left: 35px;
  top: 188px;
  width: 180px;
  height: 17px;
}

.supplier_zip {
  left: 35px;
  top: 208px;
  width: 125px;
  height: 17px;
}

.supplier_city {
  left: 35px;
  top: 228px;
  width: 150px;
  height: 17px;
}

.supplier_telephone {
  left: 260px;
  top: 168px;
  width: 165px;
  height: 17px;
}

.supplier_telefax {
  left: 260px;
  top: 188px;
  width: 165px;
  height: 17px;
}

.supplier_email {
  left: 260px;
  top: 208px;
  width: 190px;
  height: 17px;
}

.invoiceno {
  left: 510px;
  top: 54px;
  width: 115px;
  height: 36px;
}

.kid {
  left: 510px;
  top: 92px;
  width: 112px;
  height: 36px;
}

.payable_amount_currency {
  left: 510px;
  top: 130px;
  width: 98px;
  height: 36px;
}

.issue_date {
  left: 510px;
  top: 166px;
  width: 75px;
  height: 36px;
}

.payment_due_date {
  left: 510px;
  top: 202px;
  width: 75px;
  height: 36px;
}

.customer_unit {
  left: 39px;
  top: 292px;
  width: 55px;
  height: 19px;
}

.customer_scheme_identification {
  left: 50px;
  top: 331px;
  width: 282px;
  height: 15px;
}

.customer_country_code {
  left: 50px;
  top: 348px;
  width: 190px;
  height: 15px;
}

.customer_address {
  left: 50px;
  top: 365px;
  width: 251px;
  height: 15px;
}

.customer_zip {
  left: 50px;
  top: 383px;
  width: 175px;
  height: 15px;
}

.customer_city {
  left: 50px;
  top: 400px;
  width: 178px;
  height: 15px;
}

.first_line { top: 489px; }
.second_line { top: 515px; }
.third_line { top: 541px; }
.forth_line { top: 567px; }
.fifth_line { top: 593px; }
.sixth_line { top: 618px; }
.seventh_line { top: 643px; }
.eighth_line { top: 669px; }

.product_code {
  left: 50px;
  width: 22px;
  height: 22px;
}

.product_name {
  left: 85px;
  width: 79px;
  height: 22px;
}

.price_base_quantity {
  left: 344px;
  width: 39px;
  height: 22px;
}

.unit_without_tax {
  left: 440px;
  width: 28px;
  height: 22px;
}

.total_without_tax {
  left: 497px;
  width: 40px;
  height: 22px;
}

.tax {
  left: 548px;
  width: 29px;
  height: 22px;
}

.total_tax {
  left: 620px;
  width: 35px;
  height: 22px;
}

.line_charge_indicator {
  left: 40px;
  width: 40px;
  height: 22px;
}

.line_charge_reason {
  left: 85px;
  width: 132px;
  height: 22px;
}

.line_charge_amount {
  left: 502px;
  width: 35px;
  height: 22px;
}

.price_charge_indicator {
  left: 40px;
  width: 40px;
  height: 22px;
}

.price_amount {
  left: 502px;
  width: 35px;
  height: 22px;
}


.charge_indicator {
  left: 40px;
  width: 40px;
  height: 22px;
}

.charge_reason {
  left: 85px;
  width: 103px;
  height: 22px;
}

.charge_amount {
  left: 500px;
  width: 37px;
  height: 22px;
}

.charge_tax {
  left: 548px;
  width: 29px;
  height: 22px;
}

.taxable_amount {
  left: 590px;
  top: 978px;
  width: 150px;
  height: 18px;
}
.tax_amount {
  left: 576px;
  top: 1000px;
  width: 164px;
  height: 18px;
}
.total_tax_amount {
  left: 576px;
  top: 1022px;
  width: 164px;
  height: 18px;
}
.payable_amount {
  left: 594px;
  top: 1046px;
  width: 146px;
  height: 18px;
}