html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-size: 62.5%; }

body {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: 'Roboto', sans-serif; }

.container {
  font-size: 1.3rem; }

.bg {
  background-image: url("../assets/bg.png");
  background-size: auto 100%;
  background-position: 50% top; }

h1 {
  font-size: 6rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  margin-top: 2rem; }

h2 {
  font-size: 1.3rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  margin: 0.5rem 0; }

.column {
  display: flex;
  flex-flow: column nowrap; }

.row, .row--verticalCenter {
  display: flex;
  flex-flow: row nowrap; }
  .row--center {
    justify-content: center; }
  .row--wrap {
    display: flex;
    flex-flow: row wrap; }

.row--verticalCenter {
  align-items: center; }

.margin {
  margin: 0.5rem; }
  .margin-top {
    margin-top: 0.5rem; }
    .margin-top--large {
      margin-top: 1rem; }
  .margin-right {
    margin-right: 0.5rem; }
    .margin-right--large {
      margin-right: 1rem; }
  .margin-bottom {
    margin-bottom: 0.5rem; }
    .margin-bottom--large {
      margin-bottom: 1rem; }
  .margin-left {
    margin-left: 0.5rem; }
    .margin-left--large {
      margin-left: 1rem; }

.u-text-align--center {
  text-align: center; }

.fill {
  flex-grow: 1; }

.center {
  align-items: center;
  justify-content: center; }

.relative {
  position: relative; }

.logo {
  background-image: url("../assets/GHFC-white.png");
  width: 100%;
  height: 4rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 2rem; }

.polyline-scan {
  fill: none;
  stroke: #74AF38;
  stroke-width: 4;
  stroke-miterlimit: 10; }

.scan-container {
  height: 12.8rem;
  width: 12.8rem;
  color: #fff;
  cursor: pointer; }
  .scan-container:hover {
    background-color: rgba(255, 255, 255, 0.2); }
  .scan-container .scan-text {
    text-transform: uppercase;
    text-align: center; }
    .scan-container .scan-text div:nth-of-type(1) {
      font-size: 3.2rem; }
    .scan-container .scan-text div:nth-of-type(2) {
      font-size: 1.8rem; }
    .scan-container .scan-text div:nth-of-type(3) {
      font-size: 3.6rem; }

.svg--scan {
  position: absolute;
  height: 12.8rem;
  width: 12.8rem; }

.qrcode-text {
  visibility: hidden;
  position: absolute; }

.qrcode-text + .qrcode-text-btn {
  width: 12.8rem;
  height: 12.8rem;
  position: absolute; }
  .qrcode-text + .qrcode-text-btn input {
    width: 0px;
    height: 0px;
    overflow: hidden; }

.header {
  height: 4.4rem;
  color: #74AF38;
  font-weight: 600;
  font-size: 1.8rem;
  text-align: center; }

.label {
  font-size: 1.1rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #666; }

.value {
  font-size: 2rem;
  font-weight: 600; }

button {
  min-height: 4.4rem;
  min-width: 4.4rem;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  cursor: pointer;
  font-size: 1.6rem; }
  button:hover {
    background: rgba(0, 0, 0, 0.2); }
  button.icon {
    fill: #74AF38; }

.section {
  border-bottom: dotted 0.2rem #666;
  padding: 1rem;
  margin: 0.5rem; }

.machine-main {
  background-color: rgba(255, 255, 255, 0.9); }

.chartContainer {
  max-height: 30vh; }

.scrollBody {
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto; }

.u-center {
  justify-content: center;
  align-items: center; }

/*# sourceMappingURL=all.css.map */