h1, h2 {
  font-family: Roboto Condensed, Arial Narrow, Helvetica, sans-serif;
}

body {
  background-color: lightgray;
  font-family, Arial Narrow, Helvetica, sans-serif;
}

.menupane {
  background-color: lightblue;
  font-family: Arial Narrow, Helvetica, sans-serif;
}

.onesku {
  padding: 4px;
  border-color: darkgray;
  border-style: dotted;
}

.layout {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin: 4px 4px 9px 4px;
}

  
.skuillust {
  border-color: darkblue;
  border-style: solid;
  width: 100px;
  margin: 4px 0px 4px 10px;
  float: right;
}


.wrapcontent {
  height: 100%;
  padding: 10px 10px 4px 4px;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}

.skutitle {
  color: darkblue;
  background-color: lightblue;
  font-family: Roboto Condensed, Arial Narrow, Helvetica, sans-serif;
  font-size: 150%;
}

.skuref {
  padding-bottom: 4px;
  font-family: Space Mono, ui-monospace, sans-serif;
  font-size: 150%;
  color: black;
  background-color: white;
}

.pricetag {
  font-size: 150%;
}

.pricetag, .pricenotes {
  font-family: Arial, Helvetica, sans-serif;
  color: darkgreen;
  background-color: lightgreen;
}

.ocrtext {
  padding: 8px;
  font-family: Helvetica, sans-serif;
  background-color: white;
  color: darkblue;
}


.noprice {
  color: darkblue;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 120%;
  background-color: orange;
}

.quantitylist {
  padding: 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  color: darkblue;
}

.skunotes {
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}


.skuspace {
  font-family: Arial, Helvetica, sans-serif;
  color: black;
  flex-grow: 1;
}