div#ker_popup {
  overflow: auto;
  text-align: center;
  height: 100vh;
}

div.processcanvas {
  width: 100%;
  margin: 0 auto;
  display: none;
}
div.processcanvas.inprogress {
  opacity: 0.2;
}
div.ui-dialog {
  z-index: 9999 !important;
}
span.cardcounter {
  font: normal normal 14px/14px arial;
  color: #666;
  display: block;
  text-align: center;
}
span.hylly {
  font: normal normal 44px/60px arial;
  display: block;
  text-align: center;
}
span.ean {
  font: normal normal 30px/40px arial;
  display: block;
  color: #666;
  text-align: center;
}
span.row {
  font: normal normal 30px/40px arial;
  display: block;
  color: #666;
  text-align: center;
  margin: 20px;
}
input#process_newsaldo {
  font: normal normal 30px/40px arial;
  padding: 10px;
  width: 100px;
  text-align: center;
  display: inline-block;
  margin: 0 10px;
  border: 3px solid #ddd;
}
a.adj {
  font: normal bold 40px/60px arial;
  display: inline-block;
  border: 2px solid #f36c36;
  padding: 2px 8px;
  min-width: 46px;
  height: 55px;
  position: relative;
  top: 5px;
}
a.adj:hover {
  text-decoration: none;
}
span.miscinfo {
  display: block;
  text-align: center;
  margin: 5px;
}
span.miscinfo span.lbl {
  font: normal normal 16px/22px arial;
  color: #666;
}
span.miscinfo span.data {
  font: normal normal 22px/22px arial;
  color: #666;
  margin-left: 10px;
}

span.miscinfo.varattu span.data {
  font: normal normal 26px/22px arial;
  position: relative;
  top: 4px;
}
span.miscinfo.varattu span.data.warn {
  color: #F44;
}

a.skip {
    display: block;
    text-align: left;
    margin: 5px;
    font: normal normal 16px/22px arial;
    position: absolute;
    top: 30px;
    left: 8px;
}
div.theend {
  display: block;
  text-align: center;
}

div.theend span.txt {
  font: normal bold 40px/60px arial;
  color: #666;
  display: block;
  margin: 0 auto;

}
div.theend a {
  font: normal normal 40px/60px arial;
  display: block;
  margin: 0 auto;
}

button#XXXprocess_newsaldo_set,
button.commitbtn
{
  width: 30%;
  margin: 20px auto;
  font: normal normal 40px/60px arial;
  display: block;
  transition: all .2s ease-in-out;
}
button.commitbtn:active {
  transform: scale(1.1);
  transition: .1s;
}
button.commitbtn.inprogress {
}
img.whi {
  height: 300px;
  margin: 28px auto;
  display: block;
}
div.actionbtnsw {
  position: absolute;
  top: 20vh;
  right: 0;
  height: auto;
  min-height: 100px;
  widht: 40px;
  border: 0px solid;
}
div.actionbtnsw button {
  display: block;
  width: 49px;
  height: 48px;
  border: 0;
  background-size: contain;
  margin: 5px;
}
div.actionbtnsw button.on {
  border: 2px solid;
  border-radius: 5px;
  background-color: #d7d47b !important;
}

div.actionbtnsw button.picchange {
  background: url(/img/ui/ker_picchanged.png);
  background-size: contain;

}
div.actionbtnsw button.hyllyoptim {
  background: url(/img/ui/ker_hyllyoptim.png);
  background-size: contain;
}