html {
  /* SIZING */
  --left-nav-width: 18.75rem;
  --top-bar-height: 5.625rem;
}

/* resset.dev • v5.0.2 */

/* # =================================================================
   # Global selectors
   # ================================================================= */

   html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
	word-break: normal;
	-moz-tab-size: 4;
	tab-size: 4;
  }

  * {
    transition: background-color 250ms;
  }

  *,
  ::before,
  ::after {
	background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
	box-sizing: inherit;
  }

  ::before,
  ::after {
	text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
	vertical-align: inherit;
  }

  * {
	padding: 0; /* Reset `padding` and `margin` of all elements */
	margin: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  }

  /* # =================================================================
	 # General elements
	 # ================================================================= */

  hr {
	overflow: visible; /* Show the overflow in Edge and IE */
	height: 0; /* Add the correct box sizing in Firefox */
	color: inherit; /* Correct border color in Firefox. */
  }

  details,
  main {
	display: block; /* Render the `main` element consistently in IE. */
  }

  summary {
	display: list-item; /* Add the correct display in all browsers */
  }

  small {
	font-size: 80%; /* Set font-size to 80% in `small` elements */
  }

  [hidden] {
	display: none; /* Add the correct display in IE */
  }

  abbr[title] {
	border-bottom: none; /* Remove the bottom border in Chrome 57 */
	/* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
	text-decoration: underline;
	text-decoration: underline dotted;
  }

  a {
	background-color: transparent; /* Remove the gray background on active links in IE 10 */
  }

  a:active,
  a:hover {
	outline-width: 0; /* Remove the outline when hovering in all browsers */
  }

  code,
  kbd,
  pre,
  samp {
	font-family: monospace, monospace; /* Specify the font family of code elements */
  }

  pre {
	font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
  }

  b,
  strong {
	font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
  }

  /* https://gist.github.com/unruthless/413930 */
  sub,
  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
  }

  sub {
	bottom: -0.25em;
  }

  sup {
	top: -0.5em;
  }

  table {
	border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */
	text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */
  }

  iframe {
	border-style: none;
  }

  /* # =================================================================
	 # Forms
	 # ================================================================= */

  input {
	border-radius: 0;
  }

  [type='number']::-webkit-inner-spin-button,
  [type='number']::-webkit-outer-spin-button {
	height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
  }

  [type='search'] {
	-webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
	outline-offset: -2px; /* Correct the outline style in Safari */
  }

  [type='search']::-webkit-search-decoration {
	-webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
  }

  textarea {
	overflow: auto; /* Internet Explorer 11+ */
	resize: vertical; /* Specify textarea resizability */
  }

  button,
  input,
  optgroup,
  select,
  textarea {
	font: inherit; /* Specify font inheritance of form elements */
  }

  optgroup {
	font-weight: bold; /* Restore the font weight unset by the previous rule */
  }

  button {
	overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
  }

  button,
  select {
	text-transform: none; /* Firefox 40+, Internet Explorer 11- */
  }

  /* Apply cursor pointer to button elements */
  button,
  [type='button'],
  [type='reset'],
  [type='submit'],
  [role='button'] {
	cursor: pointer;
  }

  /* Remove inner padding and border in Firefox 4+ */
  button::-moz-focus-inner,
  [type='button']::-moz-focus-inner,
  [type='reset']::-moz-focus-inner,
  [type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0;
  }

  /* Replace focus style removed in the border reset above */
  button:-moz-focusring,
  [type='button']::-moz-focus-inner,
  [type='reset']::-moz-focus-inner,
  [type='submit']::-moz-focus-inner {
	outline: 1px dotted ButtonText;
  }

  button,
  html [type='button'], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
  [type='reset'],
  [type='submit'] {
	-webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
  }

  /* Remove the default button styling in all browsers */
  button,
  input,
  select,
  textarea {
	background-color: transparent;
	border-style: none;
  }

  a:focus,
  button:focus,
  input:focus,
  select:focus,
  textarea:focus {
	outline-width: 0;
  }

  /* Style select like a standard input */
  select {
	-moz-appearance: none; /* Firefox 36+ */
	-webkit-appearance: none; /* Chrome 41+ */
  }

  select::-ms-expand {
	display: none; /* Internet Explorer 11+ */
  }

  select::-ms-value {
	color: currentColor; /* Internet Explorer 11+ */
  }

  legend {
	border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
	color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
	display: table; /* Correct the text wrapping in Edge and IE */
	max-width: 100%; /* Correct the text wrapping in Edge and IE */
	white-space: normal; /* Correct the text wrapping in Edge and IE */
	max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
  }

  ::-webkit-file-upload-button {
	/* Correct the inability to style clickable types in iOS and Safari */
	-webkit-appearance: button;
	color: inherit;
	font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
  }

  /* Replace pointer cursor in disabled elements */
  [disabled] {
	cursor: default;
  }

  /* # =================================================================
	 # Specify media element style
	 # ================================================================= */

  img {
	border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
  }

  /* Add the correct vertical alignment in Chrome, Firefox, and Opera */
  progress {
	vertical-align: baseline;
  }

  /* # =================================================================
	 # Accessibility
	 # ================================================================= */

  /* Specify the progress cursor of updating elements */
  [aria-busy='true'] {
	cursor: progress;
  }

  /* Specify the pointer cursor of trigger elements */
  [aria-controls] {
	cursor: pointer;
  }

  /* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
  [aria-disabled='true'] {
	cursor: default;
  }


html, body {
	position: relative;
	width: 100%;
	height: 100%;
}

body {
	color: #333;
	margin: 0;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

a {
	color: rgb(0,100,200);
	text-decoration: none;
}

/*
a:hover {
	text-decoration: underline;
}
*/

a:visited {
	color: rgb(0,80,160);
}

label {
	display: block;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	-webkit-padding: 0.4em 0;
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 2px;
}

input:disabled {
	color: #ccc;
}

button {
	color: #333;
	background-color: #f4f4f4;
	outline: none;
}

button:disabled {
	color: #999;
}

button:not(:disabled):active {
	background-color: #ddd;
}

button:focus {
	border-color: #666;
}

h1, h2, h3 {
	font-weight: 300;
}

.scanner-icons {
  display: inline-block;
  font-family: ScannerIcons !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}