.fa {
  vertical-align: inherit;
}

.fa.disabled,
.fa[disabled],
.disabled > .fa,
[disabled] > .fa {
  opacity: 0.5;
}

span.labeled-icon,
a.labeled-icon {
  white-space: nowrap;
}

span.labeled-icon svg,
a.labeled-icon svg {
  margin-right: 1em;
}

html,
body,
#root,
#router {
  width: 100vw;
  height: 100vh;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.data-grid-wrapper {
  height: 100%;
  width: 100%;
  border: 1px solid red;
}

.corner {
  z-index: 100;
  position: fixed;
  padding: 10px;
}

/* stylelint-disable declaration-block-single-line-max-declarations */
.corner.br { bottom: 0; right: 0; }
.corner.bl { bottom: 0; left: 0; }
.corner.tr { top: 0; right: 0; }
.corner.tl { top: 0; left: 0; }

.overlay .card-footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff;
}

:root {
  --idle-progress-height: 18px;
}

#reader {
  font-size: 1.5rem;
  height: calc(100vh - var(--idle-progress-height));
}

#reader h1 { color: blue; }

#reader .idle-progress {
  height: var(--idle-progress-height);
}

#reader > div.card { height: 100%; }

#reader .btn {
  font-size: inherit;
}

#reader .network-error .slash path {
  fill: none;
  stroke: white;
  stroke-width: 2px;
  stroke-dasharray: 2, 2;
  stroke-linejoin: round;
}

#reader .focusable:focus {
  outline: 3px solid orange !important;
  z-index: 1000;
}

#reader .buttons kbd {
  float: right;
}

#reader .idle .idle-icon {
  font-size: 500%;
  color: blue;
}

#reader .greeting .row { height: 25vh; }
#reader .greeting svg { font-size: 500%; }
#reader .noaccess svg { font-size: 1000%; }

#reader .action {
  text-align: left;
}

#reader .action kbd {
  float: right;
}


/*# sourceMappingURL=main.cd2b4e9d.css.map*/