@font-face {
  font-family: DS-Digital;
  src: url(/webengine/resource/font/DS-DIGII.TTF);
}
@font-face {
  font-family: a_LCDNova;
  src: url(/webengine/resource/font/UCiYmlaD.ttf);
}

.consumerInfo {
  background: lightgreen;
  color: black;
  border: 1px solid green;
  border-radius: 10px;
  margin-bottom: 15px;
  text-align: center;
  min-width: 200px;
}
.consumerInfo.consumerFree {
  background: #e0e0e0;
  border-color: grey;
}
.consumerInfo .row,
.consumerInfo .row > *[class*=col] {
  margin: 0;
  padding: 0;
}
.consumerInfo .row .content {
  white-space: pre;
}
.consumerInfo .priority {
  position: relative;
  top: 10px;
  font-size: 150%;
}
.consumerInfo.current .priority {
  top: 5px;
  font-size: 1.5rem;
}
.consumerInfo .ticket {
  font-size: 5rem;
  font-family: Arial;
  line-height: 100%;
  text-align: center;
  font-weight: normal;
  padding-left: 20%;
}
.consumerInfo .progress {
  margin: 0 10px;
  margin-top: 3px;
  height: 7px;
}
.consumerInfo .progress > * {
  transition: none;
}
.consumerInfo .time {
  font-size: 2.5rem;
  font-family: Arial;
  line-height: 100%;
  text-align: right;
  padding-right: 5px;
  font-weight: normal;
}
.consumerInfo.current .ticket {
  font-size: 3rem;
  line-height: 3rem;
}
.consumerInfo .time > .standard {
  color: rgba(0,0,0,0.73);
}
.consumerInfo.current .time > .standard {
  /* visibility: hidden; */
  display: none;
  line-height: 10%;
}
.consumerInfo.current .time > .current {
  font-size: 2.2rem;
  line-height: 3rem;
}
.consumerInfo .photo {
  padding: 10px 10px 0 10px;
  width: 100%;
}
.consumerInfo .photo > img {
  max-width: 100%;
}
.consumerInfo .detailed {
  padding: 5px;
}