@import './unused';

* {
  margin: 0;
  padding: 0;
  line-height: 16px;
  font: 13px Arial, Helvetica, sans-serif;
}

body {
  margin-top: 50px;
}

textarea {
  width: 100%;
  overflow: hidden;
  resize: vertical;
}
textarea:hover,
textarea:focus {
  background-color: #eeff88;
}
table {
  border-collapse: collapse;
}

td {
  border: 1px solid black;
  padding: 5px;
}

b,
strong {
  font-weight: bold;
}

.container {
  width: 800px;
  margin: 0 auto;
}

header,
main,
footer,
#note {
  width: 100%;
}

header {
  margin-bottom: 30px;
}

#identity {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#logo {
  max-width: 300px;
  float: left;
}
.address {
  width: 320px;
  margin-bottom: 20px;
  float: left;
  clear: left;
  text-align: left;
}
.address p {
  margin-bottom: 3px;
  display: flex;
}
.address p b {
  width: 80px;
  display: -webkit-inline-box;
  margin-right: 10px;
}

#customer {
  overflow: hidden;
  float: right;
  width: 100%;
}
#meta {
  margin-top: 1px;
  width: 300px;
  float: right;
}
#meta td {
  text-align: right;
}
#meta td.meta-head {
  text-align: left;
  background: #eee;
}
#meta td textarea {
  width: 100%;
  height: 20px;
  text-align: right;
}

.items {
  clear: both;
  width: 100%;
  margin: 0 0 20px 0;
  border: 1px solid black;
}
.items th {
  background: #eee;
  border: 1px solid black;
  padding: 5px;
}

.items td.total-line {
  border-right: 0;
  text-align: left;
}
.items td.total-value {
  border-left: 0;
  padding: 10px;
}
.items td.blank {
  border: 0;
}

.delete-wpr {
  position: relative;
}
.delete {
  display: block;
  text-decoration: none;
  position: absolute;
  background: #eeeeee;
  font-weight: bold;
  padding: 0px 3px;
  border: 1px solid;
  top: -6px;
  left: -22px;
}

.hide {
  display: none !important;
}
.clear {
  clear: both;
}
#addrow {
  padding: 6px;
}
.goldbg {
  background: #ed882e !important;
}

footer {
  position: fixed;
  bottom: 50px;
  width: 100%;
  text-align: center;
}
footer p {
  display: block;
  text-align: center;
}

@media print {
  @page {
    margin-top: 0;
    margin-bottom: 0px;
  }
  textarea {
    resize: none;
  }
  textarea {
    border: none !important;
  }
  #addrow {
    display: none !important;
  }
  footer {
    margin-top: 0;
  }
}