.dont-print,
.updates,
.tab,
.tabs,
#block-mysf-main-menu,
#block-mysf-local-tasks,
.button,
.non-mobile,
.mobile-only,
.path-order .page-title,
td[class^="views-field views-field-edit-"],
th[class^="views-field views-field-edit-"] {
  display: none!important;
}

a {
  text-decoration: none;
  color: unset!important;
}

.print-only {
  display: initial;
}

body {
  background-color: unset;
  padding-top: 0!important;
  margin: 2rem;
}
.po-header h1 {
  margin-top: 0!important;
  font-size: 1.1rem;
}
.po-header {
  padding-bottom: 2em;
}
.po-wrapper {
  display: flex;
  gap: 2em;
  justify-content: space-between;
  clear: both;
}
.po-addresses {
  width: unset;
  flex-grow: 1;
}
.po-addresses p {
  margin: 0;
}
.po-details {
  flex-grow: 1;
  width: unset;
}
.po-details table {
  width: unset;
}
.po-items {
  clear: both;
}

table,
table tr td {
  table-layout: fixed;
  font-size: 12px!important;
}
table tr th {
  background-color: #666!important;
}
.po-items .views-field-field-quantity {
  width: 5%;
}
.print-footer {
  border-top: 1px solid #000;
  padding-top: 1em;
  display: block;
  position: absolute;
  width: calc(100% - 4rem);
  bottom: 2em;
  box-sizing: border-box;
  font-size: 12px!important;
}
.print-body {
  margin-bottom: 3em;
  font-size: 12px!important;
}