.App {
  height: 297mm;
  width: 235mm;
  margin: auto;
}
.extraline{
  height: 20px;
}
#poname{
  color: #267ead;
  font-size: 30px;
  padding-bottom: 10px;
}
.name {
  margin: 10px 0 0 15px;
  font: bold 25px rgb(13, 148, 206);
}
.logo {
  height: 50px;
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 5px;
}
.datebox, .pobox {
  width: 95px;
  border: none;
  outline: none;
  background-color: rgb(200, 230, 243);
}
#number{
  width: 33px;
  background-color: rgb(200, 230, 243);
  border: none;
  outline: none;
}
#search{
  text-align: end;
}
#date,#maindate,#serial{
  width: 55px;
  background-color: rgb(200, 230, 243);
  border: none;
  outline: none;
}
#tax{
  width: 45px;
  border: none;
  outline: none;
  text-align: center;
  font-weight: bold;
}
.gst{
  width: 85px;
  text-align: end;
  border: none;
  outline: none;
}
table, th, td {
  border:1px solid black;
  border-collapse: collapse;
}
.qty{
  width: 46px;
  text-align: end;
  border: none;
  outline: none;
}
.unit{
  width: 87px;
  text-align: end;
  border: none;
  outline: none;
}
.total {
  width: 90px;
  text-align: end;
  border: none;
  outline: none;
  height: 14px;
  background-color: rgb(200, 230, 243);
}
/*.Reference {*/
/*  width: 80px;*/
/*  border: none;*/
/*  outline: none;*/
/*}*/
.item {
  width: 270px;
  border: none;
  outline: none;
}
.description {
  width: 332px;
  border: none;
  outline: none;
}
.shippingterm {
  width: 240px;
  border: none;
  outline: none;
}
.shipvia, .select, .dropbox, .storing, .count, .poproject,.fob {
  border: none;
  outline: none;
}
.lightblue {
  background-color: rgb(200, 230, 243);
}
.darkblue {
  background-color: rgb(111, 154, 194);
}
#headingcenter, .select, .dropbox, .storing, .count, #center, #podate,.search,.printbutton {
  text-align: center;
}
.poproject {
  width: 45px;
  background-color: rgb(200, 230, 243);
  border: none;
  outline: none;
}