@font-face {
  font-family: 'Archia';
  src: url("../fonts/Archia/archia-thin-webfont.eot");
  src: url("../fonts/Archia/archia-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia/archia-thin-webfont.woff2") format("woff2"), url("../fonts/Archia/archia-thin-webfont.woff") format("woff"), url("../fonts/Archia/archia-thin-webfont.ttf") format("truetype");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'Archia';
  src: url("../fonts/Archia/archia-light-webfont.eot");
  src: url("../fonts/Archia/archia-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia/archia-light-webfont.woff2") format("woff2"), url("../fonts/Archia/archia-light-webfont.woff") format("woff"), url("../fonts/Archia/archia-light-webfont.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'Archia';
  src: url("../fonts/Archia/archia-regular-webfont.eot");
  src: url("../fonts/Archia/archia-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia/archia-regular-webfont.woff2") format("woff2"), url("../fonts/Archia/archia-regular-webfont.woff") format("woff"), url("../fonts/Archia/archia-regular-webfont.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Archia';
  src: url("../fonts/Archia/archia-medium-webfont.eot");
  src: url("../fonts/Archia/archia-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia/archia-medium-webfont.woff2") format("woff2"), url("../fonts/Archia/archia-medium-webfont.woff") format("woff"), url("../fonts/Archia/archia-medium-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Archia';
  src: url("../fonts/Archia/archia-semibold-webfont.eot");
  src: url("../fonts/Archia/archia-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia/archia-semibold-webfont.woff2") format("woff2"), url("../fonts/Archia/archia-semibold-webfont.woff") format("woff"), url("../fonts/Archia/archia-semibold-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Archia';
  src: url("../fonts/Archia/archia-bold-webfont.eot");
  src: url("../fonts/Archia/archia-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Archia/archia-bold-webfont.woff2") format("woff2"), url("../fonts/Archia/archia-bold-webfont.woff") format("woff"), url("../fonts/Archia/archia-bold-webfont.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }
/* Color Pallete */
body {
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

h1 {
  font-family: 'archia';
  font-size: 15px !important;
  font-weight: 900; }

h2 {
  font-family: 'archia';
  font-size: 18px !important;
  font-weight: 400;
  text-transform: uppercase; }

h3 {
  font-family: 'archia';
  font-size: 14px !important;
  font-weight: 400;
  text-transform: uppercase; }

h4 {
  font-family: 'archia';
  font-size: 13px !important;
  font-weight: 900;
  text-transform: uppercase; }

h5 {
  font-family: 'archia';
  font-size: 12px !important;
  font-weight: 900;
  text-transform: uppercase; }

h6 {
  font-family: 'archia';
  font-size: 11px !important;
  font-weight: 600;
  text-transform: uppercase; }

.arrow-up {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid "#6c757d99";
  margin-left: 0.25rem; }

.arrow-down {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid "#6c757d99";
  margin-left: 0.25rem; }

.Home {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap; }
  .Home .home-left,
  .Home .home-right {
    display: flex;
    flex-direction: column; }
  .Home .home-left {
    margin-right: 2.5rem; }
  .Home .home-right {
    margin-left: 2.5rem; }

.Banner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  line-height: 20px;
  font-family: 'Archia';
  font-size: 0.8rem;
  font-weight: 600;
  color: "#201aa2dd";
  background: "#201aa220"; }
  .Banner .snippet {
    align-self: center;
    width: calc(100% - 10rem);
    word-wrap: break-word;
    padding: 1.5rem;
    text-align: center;
    cursor: pointer; }

.Navbar {
  display: flex;
  flex-direction: row;
  height: 4.5rem;
  width: auto;
  min-width: 430px;
  justify-content: space-around;
  text-transform: uppercase;
  font-weight: 900;
  animation-name: ucwgxfokb;
  animation-duration: 0.75s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both; }
@keyframes ucwgxfokb {
  0% {
    background: transparent; }
  100% {
    background: "#6c757d10"; } }
  .Navbar .navbar-left {
    margin-left: 2rem;
    flex: 1;
    align-self: center; }
    .Navbar .navbar-left a {
      display: inline-block;
      font-size: 14px;
      font-family: 'Archia';
      text-decoration: none;
      margin-right: 2rem;
      color: "#6c757d99"; }
      .Navbar .navbar-left a span {
        display: inline-block;
        transition: color 0.2s ease-in-out; }
        .Navbar .navbar-left a span:hover {
          color: "#6c757d"; }
  .Navbar .focused {
    color: "#6c757d"; }
  .Navbar img {
    width: 3rem;
    height: 3rem;
    align-self: center;
    margin-left: 5rem;
    cursor: pointer; }

.header {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 39rem;
  align-self: center;
  justify-content: space-between;
  padding-top: 2rem;
  margin-bottom: 1rem; }
  .header h1,
  .header h6 {
    margin: 0; }
  .header h1 {
    color: "#343a40"; }
  .header .header-mid {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .header .header-mid .titles h6 {
      margin-top: 0.25rem;
      color: "#6c757d"; }
    .header .header-mid > * {
      align-self: center; }

.last-update {
  display: flex;
  flex-direction: column;
  align-self: center;
  text-align: right;
  margin-bottom: auto;
  margin-top: 0.25rem; }
  .last-update h6 {
    color: "#28a74599";
    font-weight: 900; }
  .last-update h3 {
    color: "#28a745";
    font-weight: 600; }
  .last-update h3,
  .last-update h6 {
    margin: 0; }

.button {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
  border: 0;
  font-family: 'archia';
  text-transform: uppercase;
  background: "#007bff10";
  color: "#007bff99";
  cursor: pointer;
  font-weight: 900;
  border-radius: 5px;
  transition: background 0.2s ease-in-out;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
  outline: none;
  font-size: 0.75rem;
  text-decoration: none; }
  .button svg {
    margin-right: 0.5rem;
    width: 20px;
    stroke-width: 2px; }
  .button.is-purple {
    color: "#201aa299";
    background: "#201aa220"; }
    .button.is-purple:hover {
      background: "#201aa230"; }
  .button.is-green {
    color: "#28a74599";
    background: "#28a74520"; }
    .button.is-green:hover {
      background: "#28a74530"; }
  .button:hover {
    background: "#007bff30"; }
  .button > * {
    align-self: center; }

.telegram {
  width: 15.5rem;
  background: "#6c757d10" !important;
  color: #08c !important;
  padding-left: 0.65rem;
  justify-content: center; }
  .telegram:hover {
    background: "#6c757d20" !important; }

.github {
  width: 15.5rem;
  background: #000 !important;
  color: #fff !important;
  padding-left: 0.65rem;
  justify-content: center;
  transition: all 0.2s ease-in-out; }
  .github:hover {
    background: "#343a40" !important; }

.twitter {
  width: 15.5rem; }

.excel {
  color: #33a667;
  background: #33a66730; }
  .excel:hover {
    background: #33a66750; }

.Level {
  display: flex;
  flex-direction: row;
  align-self: center;
  margin-left: -15px;
  width: 40rem; }
  .Level .level-item {
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #e4f4e8;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding: 0 10px 10px;
    border-radius: 5px; }
    .Level .level-item > * {
      margin-top: 8px; }
    .Level .level-item:first-child {
      margin-left: 0.5rem; }
    .Level .level-item:last-child {
      margin-right: 0.5rem; }
  .Level h1,
  .Level h5 {
    margin-bottom: -4px; }
  .Level h1 {
    font-weight: 600; }
  .Level h4 {
    margin-bottom: -0.5rem;
    margin-top: 8px; }
  .Level .is-cherry h1 {
    color: "#ff073a"; }
  .Level .is-cherry h4,
  .Level .is-cherry h5 {
    color: "#ff073a99"; }
  .Level .is-blue h1 {
    color: "#007bff"; }
  .Level .is-blue h4,
  .Level .is-blue h5 {
    color: "#007bff99"; }
  .Level .is-green h1 {
    color: "#28a745"; }
  .Level .is-green h4,
  .Level .is-green h5 {
    color: "#28a74599"; }
  .Level .is-gray h1 {
    color: "#6c757d"; }
  .Level .is-gray h4,
  .Level .is-gray h5 {
    color: "#6c757d99"; }
  .Level .is-orange h1 {
    color: #ffa500; }
  .Level .is-orange h4,
  .Level .is-orange h5 {
    color: #ffa500; }

abbr {
  text-decoration: none;
  font-size: 0.8em;
  font-weight: 900; }
  abbr.is-cherry {
    color: "#ff073a"; }
  abbr.is-blue {
    color: "#007bff"; }
  abbr.is-green {
    color: "#28a745"; }
  abbr.is-gray {
    color: "#6c757d"; }

.table-fineprint {
  text-align: right;
  margin: 0 0 0 0;
  color: "#6c757d99";
  margin-bottom: 0.25rem;
  margin-right: 0.25rem; }
  .table-fineprint a {
    text-decoration: none;
    color: inherit;
    border-bottom: 2px solid "#6c757d20";
    transition: all 0.2s ease-in-out; }
    .table-fineprint a:hover {
      background: "#6c757d20"; }

.sticky {
  position: sticky; }

table {
  position: relative;
  width: 40rem;
  align-self: center;
  font-family: 'archia';
  text-transform: uppercase;
  border-spacing: 3px 2px;
  border-collapse: separate; }
  table thead {
    background: "#6c757d10";
    color: "#343a40";
    text-align: left; }
    table thead th {
      padding: 0.5rem;
      cursor: pointer;
      border-radius: 5px;
      transition: all 0.1s ease-in-out;
      z-index: 99; }
      table thead th.sticky {
        top: 0px;
        background: "#f1f1f1"; }
      table thead th:hover {
        background: #ecedee; }
      table thead th .heading-content {
        display: flex;
        justify-content: center;
        position: relative;
        flex-direction: row;
        height: 0.9rem;
        align-items: center; }
        table thead th .heading-content abbr {
          text-align: right; }
        table thead th .heading-content svg {
          width: 10px;
          margin: 0;
          right: 0;
          stroke-width: 4px;
          margin-top: 0.15rem;
          margin-left: 0.25rem;
          color: "#6c757d99"; }
  table tbody {
    color: "#6c757d";
    max-width: 10rem; }
    table tbody tr {
      transition: background 0.1s ease-in-out;
      cursor: pointer; }
      table tbody tr:hover {
        background: "#6c757d20"; }
      table tbody tr.divider {
        height: 0.5rem;
        background: #6c757d10 !important; }
      table tbody tr.spacer {
        height: 0.5rem;
        background: #fff !important; }
    table tbody td {
      padding: 0.5rem;
      font-size: 0.85rem;
      border-radius: 5px;
      text-align: left; }
      table tbody td .deltas {
        margin-right: 0.25rem;
        font-size: 11px !important; }
        table tbody td .deltas svg {
          width: 9px;
          height: 9px;
          stroke-width: 3;
          vertical-align: -0.25px; }
    table tbody td:first-child {
      text-align: left;
      max-width: 7.5rem;
      word-wrap: break-word; }
    table tbody .state-last-update {
      background: transparent;
      transform: translateX(1rem); }
      table tbody .state-last-update:hover {
        background: #fff !important; }
      table tbody .state-last-update td .last-update {
        text-align: left;
        display: flex;
        flex-direction: row;
        align-items: baseline;
        width: 100%; }
    table tbody .district-heading {
      transform: translateX(1rem);
      background: "#6c757d10"; }
      table tbody .district-heading td {
        font-size: 0.75rem;
        font-weight: 900;
        padding: 0.45rem;
        color: "#343a40";
        background: "#6c757d10"; }
        table tbody .district-heading td .heading-content {
          display: flex;
          justify-content: space-between;
          position: relative;
          flex-direction: row;
          height: 0.9rem;
          align-items: center; }
          table tbody .district-heading td .heading-content abbr {
            text-align: right; }
          table tbody .district-heading td .heading-content svg {
            width: 10px;
            margin: 0;
            right: 0;
            stroke-width: 4px;
            margin-left: 0.25rem;
            margin-top: 0.15rem;
            color: "#6c757d99"; }
    table tbody .district {
      transform: translateX(1rem); }
  table .affected-count {
    position: absolute;
    margin: 0;
    top: -1rem;
    color: "#6c757d99";
    right: 0; }
  table .is-total td {
    background: "#6c757d20"; }
  table .dropdown {
    position: absolute;
    left: -0.75rem;
    background: "#6c757d10";
    border-radius: 50%;
    width: 13px;
    height: 13px;
    margin-top: 0.5rem;
    cursor: pointer;
    transition: background 0.2s ease-in-out; }
    table .dropdown:hover {
      background: "#6c757d20"; }
    table .dropdown svg {
      position: absolute;
      top: -0.35rem;
      left: 1px;
      width: 11px;
      stroke-width: 3; }

#chart {
  z-index: 10; }

.back-button {
  z-index: 11; }

.map-default {
  stroke: none; }

.map-hover {
  stroke: #ff073a;
  stroke-width: 2; }

.MapExplorer {
  display: flex;
  flex-direction: column;
  align-self: center;
  width: 30rem; }
  .MapExplorer .header {
    display: flex;
    flex-direction: column;
    color: "#6c757d";
    margin-bottom: 2.5rem;
    align-self: flex-start; }
    .MapExplorer .header h1 {
      margin-bottom: 0.25rem; }
  .MapExplorer .svg-parent {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-top: 1rem; }
    .MapExplorer .svg-parent svg {
      align-self: center; }
      .MapExplorer .svg-parent svg text {
        text-transform: uppercase;
        text-align: right;
        font-family: 'archia';
        font-weight: 600;
        fill: "#6c757d";
        font-size: 10px; }
  .MapExplorer .back-button {
    position: absolute;
    right: 0;
    background: "#fd7e1420";
    color: "#fd7e14";
    transition: all 0.2s ease-in-out; }
    .MapExplorer .back-button:hover {
      background: "#fd7e1430"; }
  .MapExplorer .meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 1rem; }
    .MapExplorer .meta .district-last-update {
      position: absolute;
      right: 0;
      bottom: 0; }
    .MapExplorer .meta h2 {
      margin: 0;
      color: #e23028;
      word-wrap: break-word;
      font-weight: 900; }
    .MapExplorer .meta h4 {
      margin: 0;
      color: "#6c757d99";
      word-wrap: break-word; }
    .MapExplorer .meta .unknown {
      position: absolute;
      top: 17rem;
      width: 5rem; }
  .MapExplorer .map-stats {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 5rem;
    position: relative; }
    .MapExplorer .map-stats h1,
    .MapExplorer .map-stats h5,
    .MapExplorer .map-stats h6,
    .MapExplorer .map-stats h3 {
      margin: 0; }
    .MapExplorer .map-stats h3 {
      color: "#6c757d99";
      font-weight: 900; }
    .MapExplorer .map-stats .stats {
      background: "#ff073a20";
      color: "#ff073a";
      padding: 0.5rem;
      border-radius: 5px;
      display: flex;
      flex-direction: column;
      margin-left: 0.25rem;
      margin-right: 0.25rem;
      margin-bottom: 0.5rem;
      width: 100%; }
      .MapExplorer .map-stats .stats .stats-bottom {
        display: flex;
        flex-direction: row; }
        .MapExplorer .map-stats .stats .stats-bottom h6 {
          margin-top: auto;
          margin-bottom: 0.25rem; }
      .MapExplorer .map-stats .stats h1 {
        font-weight: 600; }
      .MapExplorer .map-stats .stats.is-green {
        background: "#28a74520"; }
        .MapExplorer .map-stats .stats.is-green h5,
        .MapExplorer .map-stats .stats.is-green h6 {
          color: "#28a74599"; }
        .MapExplorer .map-stats .stats.is-green h1 {
          color: "#28a745"; }
      .MapExplorer .map-stats .stats.is-blue {
        background: "#007bff10"; }
        .MapExplorer .map-stats .stats.is-blue h5,
        .MapExplorer .map-stats .stats.is-blue h6 {
          color: "#007bff99"; }
        .MapExplorer .map-stats .stats.is-blue h1 {
          color: "#007bff"; }
      .MapExplorer .map-stats .stats.is-gray {
        background: "#6c757d10"; }
        .MapExplorer .map-stats .stats.is-gray h5,
        .MapExplorer .map-stats .stats.is-gray h6 {
          color: "#6c757d99"; }
        .MapExplorer .map-stats .stats.is-gray h1 {
          color: "#6c757d"; }
      .MapExplorer .map-stats .stats.is-yellow {
        background: "#ffc107"; }
        .MapExplorer .map-stats .stats.is-yellow h5,
        .MapExplorer .map-stats .stats.is-yellow h6 {
          color: "#fff"; }
        .MapExplorer .map-stats .stats.is-yellow h1 {
          color: "#fff"; }
      .MapExplorer .map-stats .stats:first-child {
        margin-left: 0; }
      .MapExplorer .map-stats .stats:last-child {
        margin-right: 0; }

.tabs {
  position: relative;
  z-index: 99;
  display: flex;
  flex-direction: row; }
  .tabs .tab {
    min-width: 5rem;
    background: "#6c757d10";
    padding-left: 1rem;
    padding-right: 1rem;
    color: "#6c757d99";
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    text-align: center;
    margin-right: 0.25rem;
    transition: all 0.3s ease-in-out; }
    .tabs .tab:hover {
      background: "#6c757d20"; }
    .tabs .tab.focused {
      color: "#6c757d";
      background: "#f1f1f1"; }

.TimeSeries-Parent {
  display: flex;
  flex-direction: column;
  width: 30rem;
  align-self: center; }

.timeseries-header {
  width: 30rem;
  align-self: center;
  margin-top: 1rem; }
  .timeseries-header h1 {
    color: "#343a40";
    margin: 0;
    margin-bottom: 0.5rem; }
  .timeseries-header .scale-modes {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    bottom: 0;
    right: 0;
    z-index: 99;
    color: "#6c757d";
    margin-top: 1rem; }
    .timeseries-header .scale-modes label {
      font-family: 'archia';
      text-transform: uppercase;
      font-size: 0.75rem;
      font-weight: 900;
      z-index: 99;
      color: "#6c757d99"; }
    .timeseries-header .scale-modes > * {
      align-self: center; }
    .timeseries-header .scale-modes .timeseries-mode, .timeseries-header .scale-modes .timeseries-logmode {
      margin-left: 1rem;
      display: flex;
      flex-direction: row; }
      .timeseries-header .scale-modes .timeseries-mode input.switch, .timeseries-header .scale-modes .timeseries-logmode input.switch {
        position: relative;
        appearance: none;
        outline: none;
        margin: 0;
        cursor: pointer;
        width: 24px;
        height: 14px;
        background-color: #fff;
        border: 2px solid #d9dadc;
        border-radius: 10px;
        transition: all 200ms ease-in-out; }
      .timeseries-header .scale-modes .timeseries-mode input.switch::after, .timeseries-header .scale-modes .timeseries-logmode input.switch::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: 10px;
        background-color: "#6c757d99";
        border-radius: 50%; }
      .timeseries-header .scale-modes .timeseries-mode input.switch:checked, .timeseries-header .scale-modes .timeseries-logmode input.switch:checked {
        background-color: "#6c757d99";
        transition: all 200ms ease-in-out; }
      .timeseries-header .scale-modes .timeseries-mode input.switch:checked::after, .timeseries-header .scale-modes .timeseries-logmode input.switch:checked::after {
        left: 10px;
        background-color: "#f8f9fa"; }
      .timeseries-header .scale-modes .timeseries-mode label, .timeseries-header .scale-modes .timeseries-logmode label {
        font-size: 0.75rem;
        margin-right: 0.2rem;
        padding-bottom: 0;
        color: "#6c757d"; }
    .timeseries-header .scale-modes .disabled input.switch {
      background: "#6c757d10";
      border: "#6c757d10" 2px solid;
      cursor: not-allowed; }
    .timeseries-header .scale-modes .disabled input.switch::after {
      background: "#6c757d10"; }

.timeseries,
.Minigraph {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  width: 100%; }
  .timeseries .stats,
  .Minigraph .stats {
    padding: 0.25rem;
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    width: 5rem;
    border-radius: 3px;
    display: flex;
    flex-direction: column; }
    .timeseries .stats h2,
    .timeseries .stats h5,
    .timeseries .stats h6,
    .Minigraph .stats h2,
    .Minigraph .stats h5,
    .Minigraph .stats h6 {
      margin: 0;
      color: "#ff073a99"; }
    .timeseries .stats h2,
    .timeseries .stats h6,
    .Minigraph .stats h2,
    .Minigraph .stats h6 {
      color: "#ff073a"; }
    .timeseries .stats .stats-bottom,
    .Minigraph .stats .stats-bottom {
      display: flex;
      flex-direction: row; }
      .timeseries .stats .stats-bottom h6,
      .Minigraph .stats .stats-bottom h6 {
        margin-bottom: 0.1rem;
        margin-left: 0.25rem; }
      .timeseries .stats .stats-bottom > *,
      .Minigraph .stats .stats-bottom > * {
        margin-top: auto; }
    .timeseries .stats.is-green h5,
    .Minigraph .stats.is-green h5 {
      color: "#28a74599"; }
    .timeseries .stats.is-green h2,
    .timeseries .stats.is-green h6,
    .Minigraph .stats.is-green h2,
    .Minigraph .stats.is-green h6 {
      color: "#28a745"; }
    .timeseries .stats.is-gray h5,
    .Minigraph .stats.is-gray h5 {
      color: "#6c757d99"; }
    .timeseries .stats.is-gray h2,
    .timeseries .stats.is-gray h6,
    .Minigraph .stats.is-gray h2,
    .Minigraph .stats.is-gray h6 {
      color: "#6c757d"; }
    .timeseries .stats.is-blue h5,
    .Minigraph .stats.is-blue h5 {
      color: "#007bff99"; }
    .timeseries .stats.is-blue h2,
    .timeseries .stats.is-blue h6,
    .Minigraph .stats.is-blue h2,
    .Minigraph .stats.is-blue h6 {
      color: "#007bff"; }
  .timeseries .svg-parent,
  .Minigraph .svg-parent {
    position: relative;
    display: flex;
    width: 30rem;
    align-self: center;
    background: "#ff073a20";
    border-radius: 5px;
    margin-bottom: 1rem;
    height: 10rem; }
    .timeseries .svg-parent svg .domain,
    .timeseries .svg-parent svg .tick,
    .timeseries .svg-parent svg line,
    .Minigraph .svg-parent svg .domain,
    .Minigraph .svg-parent svg .tick,
    .Minigraph .svg-parent svg line {
      stroke: "#ff073a";
      stroke-width: 2; }
    .timeseries .svg-parent svg text,
    .Minigraph .svg-parent svg text {
      font-family: 'archia';
      text-transform: uppercase;
      color: "#ff073a99";
      stroke: transparent;
      font-size: 12px; }
    .timeseries .svg-parent.is-green,
    .Minigraph .svg-parent.is-green {
      background: "#28a74520"; }
      .timeseries .svg-parent.is-green svg .domain,
      .timeseries .svg-parent.is-green svg .tick,
      .timeseries .svg-parent.is-green svg line,
      .Minigraph .svg-parent.is-green svg .domain,
      .Minigraph .svg-parent.is-green svg .tick,
      .Minigraph .svg-parent.is-green svg line {
        stroke: "#28a745"; }
      .timeseries .svg-parent.is-green svg text,
      .Minigraph .svg-parent.is-green svg text {
        color: "#28a74599";
        stroke: transparent; }
    .timeseries .svg-parent.is-gray,
    .Minigraph .svg-parent.is-gray {
      background: "#6c757d10"; }
      .timeseries .svg-parent.is-gray .domain,
      .timeseries .svg-parent.is-gray .tick,
      .timeseries .svg-parent.is-gray line,
      .Minigraph .svg-parent.is-gray .domain,
      .Minigraph .svg-parent.is-gray .tick,
      .Minigraph .svg-parent.is-gray line {
        stroke: "#6c757d"; }
      .timeseries .svg-parent.is-gray text,
      .Minigraph .svg-parent.is-gray text {
        color: "#6c757d99";
        stroke: transparent; }

.Minigraph {
  width: 30rem;
  align-self: center;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: -3rem; }
  .Minigraph .svg-parent {
    width: 5rem;
    background: transparent !important;
    height: 7rem; }
  .Minigraph .tooltip {
    position: fixed;
    top: 0;
    right: 0; }

.Links {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.link {
  width: 30rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  align-self: center; }
  .link a {
    font-family: 'archia';
    text-transform: uppercase;
    word-wrap: break-word;
    font-weight: 900;
    text-decoration: none;
    color: "#007bff";
    background: "#007bff10";
    transition: background 0.2s ease-in-out; }
    .link a:hover {
      background: "#007bff30"; }
  .link h3 {
    margin-bottom: 0;
    color: "#343a40";
    font-weight: 900; }

footer {
  display: flex;
  flex-direction: column;
  margin-bottom: 5rem;
  justify-content: center;
  margin-top: 5rem; }
  footer > * {
    align-self: center;
    text-align: center; }
  footer h5 {
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: "#6c757d"; }
  footer img {
    width: 2rem;
    height: 2rem; }

.Summary {
  display: flex;
  flex-direction: column;
  width: 600px;
  height: 600px;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem; }
  .Summary img {
    width: 2rem;
    height: 2rem; }
  .Summary .link {
    margin: 0; }
  .Summary .header h1 {
    margin-top: -1rem; }
  .Summary h5 {
    margin: 0;
    color: "#6c757d"; }
  .Summary .Minigraph {
    align-self: center;
    margin-bottom: -3.25rem; }
  .Summary .summary-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: center;
    width: calc(100% - 0); }
    .Summary .summary-bottom .link {
      width: 12rem;
      margin-right: -0.75rem; }
    .Summary .summary-bottom > * {
      align-self: center; }
    .Summary .summary-bottom img {
      margin-bottom: 0.25rem;
      margin-right: 0.25rem;
      margin-left: 1rem; }
    .Summary .summary-bottom h5 {
      width: 15rem; }
  .Summary .summary-bottom-left {
    display: flex;
    flex-direction: row;
    justify-content: space-around; }
    .Summary .summary-bottom-left > * {
      align-self: center; }

.FAQ {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 30rem; }
  .FAQ > * {
    align-self: center;
    width: 30rem;
    margin-bottom: 1.5rem; }
  .FAQ > *:first-child {
    margin-top: 2rem; }
  .FAQ h2 {
    margin: 0;
    font-weight: 600;
    text-transform: none; }
  .FAQ .question {
    color: "#343a40";
    margin: 0;
    margin-bottom: 0.25rem; }
  .FAQ .answer {
    color: "#007bff";
    line-height: 1.5rem; }

.PatientsDB {
  display: flex;
  flex-direction: column; }
  .PatientsDB .header {
    width: 40rem;
    align-self: center; }
    .PatientsDB .header h1 {
      color: "#4c75f2"; }
    .PatientsDB .header h3 {
      margin-top: 0;
      color: "#4c75f299";
      font-weight: 900; }

.Patients {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 40rem;
  align-self: center;
  min-height: 50rem;
  /*
  .patient-card {
    padding: 0.5rem;
    display: flex;
    flex-direction: row;
    cursor: pointer;
    width: 13rem;
    background: $pblue-light;
    margin: 0.25rem;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    justify-content: space-between;
    h1, h2, h3, h4, h5, h6 {margin: 0;}
    .patient-card-left {
      display: flex;
      flex-direction: column;
      .patient-card-left-top {
        h2 {margin-bottom: 0.25rem; font-weight: 900;}
        h2, h3 {
          color: $pblue;
          font-weight: 600;
        }
        h6 {
          color: $pblue-mid;
          font-weight: 900;
        }
      }
      .patient-card-left-bottom {
        margin-top: 0.25rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        & > .patient-card-snippet {
          display: flex;
          flex-direction: column;
          h6 {
            color: $pblue-mid;
            font-weight: 900;
          }
          h4 {
            color: $pblue;
          }
        }
      }
    }
    .patient-card-right {
      text-align: right;
      margin-left: 0.5rem;
      .patient-card-right-top {
        display: flex;
        flex-direction: column;
        & > * {
          align-self: flex-end;
        }
        h5 {
          color: $pblue;
          margin-bottom: 0.25rem;
          word-wrap: break-word;
          width: 7rem;
        }
        h6 {
          color: $pblue-mid;
          font-weight: 900;
        }
      }
    }
    &:hover {
      background: $pblue-hover;
    }
  }*/ }
  .Patients h5.daylabel {
    color: "#4c75f2"; }
  .Patients .day {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  .Patients .patient-card {
    width: 3rem;
    height: 3rem;
    background: "#4c75f210";
    margin: 0.25rem;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .Patients .patient-card > * {
      align-self: center; }
    .Patients .patient-card h3 {
      font-weight: 900;
      color: "#4c75f2"; }

.DownloadBlock {
  margin-top: 2rem;
  align-self: center; }
  .DownloadBlock code {
    font-family: 'archia';
    color: "#fd7e1499"; }
  .DownloadBlock a {
    text-decoration: none !important;
    color: "#fd7e1499"; }
  .DownloadBlock .button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: "#fd7e1420";
    height: 3rem;
    width: 10rem;
    text-align: center; }
    .DownloadBlock .button > * {
      align-self: center; }
    .DownloadBlock .button:hover {
      background: "#fd7e1430"; }
  .DownloadBlock svg {
    stroke: "#fd7e1499";
    stroke-width: 3; }

.modal {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: "#4c75f299";
  z-index: 99; }
  .modal .modal-content {
    position: fixed;
    padding: 1rem;
    border-radius: 5px;
    align-self: center;
    background: #fff;
    width: 30rem;
    height: 40rem;
    overflow-y: scroll; }
    .modal .modal-content svg {
      width: 20px;
      stroke: "#4c75f299";
      stroke-width: 3;
      transition: all 0.1s ease-in-out; }
      .modal .modal-content svg:hover {
        stroke: "#4c75f2"; }
    .modal .modal-content .close-button {
      cursor: pointer;
      float: right; }
    .modal .modal-content h1 {
      color: "#4c75f2"; }
    .modal .modal-content h5, .modal .modal-content h3 {
      margin: 0;
      font-weight: 900; }
    .modal .modal-content h3 {
      margin-bottom: 0.5rem;
      color: "#4c75f2"; }
    .modal .modal-content h5 {
      color: "#4c75f299"; }
    .modal .modal-content .meta {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      height: 10rem; }
      .modal .modal-content .meta > * {
        width: 10rem; }
      .modal .modal-content .meta h3.contracted-from {
        text-decoration: underline;
        text-decoration-style: dotted;
        cursor: pointer;
        transition: all 0.1s ease-in-out;
        width: 2rem; }
        .modal .modal-content .meta h3.contracted-from:hover {
          background: "#4c75f210"; }
    .modal .modal-content .modal-top {
      display: flex;
      flex-direction: row; }
      .modal .modal-content .modal-top > {
        align-self: center; }
    .modal .modal-content .notes {
      width: 10rem;
      margin-top: 2rem;
      margin-bottom: 2rem; }
    .modal .modal-content .link {
      margin: 0;
      margin-top: 0.25rem;
      margin-bottom: 0.5rem; }
      .modal .modal-content .link a {
        color: "#4c75f2";
        background: "#4c75f210";
        transition: background 0.2s ease-in-out; }
        .modal .modal-content .link a:hover {
          background: "#4c75f230"; }

@media (max-width: 769px) {
  .TimeSeries,
  table,
  .header,
  .Level,
  .timeseries-header,
  .TimeSeries-Parent,
  .Links,
  .Minigraph,
  .Summary,
  .FAQ,
  .MapExplorer {
    width: calc(100% - 2rem); }

  .Home {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
    .Home .home-left,
    .Home .home-right {
      width: 100%;
      display: flex;
      flex-direction: column;
      margin: 0; }

  .link,
  .faq {
    width: calc(100% - 2rem); }

  .Navbar a {
    font-size: 0.75rem !important;
    margin-right: 0.75rem !important; }
  .Navbar img {
    width: 2rem;
    height: 2rem;
    margin-left: 1rem;
    margin-right: -1rem;
    cursor: pointer; }

  .timeseries .svg-parent {
    width: 100%; }

  .last-update {
    width: 10rem; }

  a.button {
    display: flex;
    flex: row;
    width: 10rem;
    justify-content: center; }
    a.button > * {
      align-self: center; }
    a.button svg {
      width: 38px; }

  .Banner {
    height: 7rem; }
    .Banner .snippet {
      width: 100%;
      margin-left: 1rem;
      margin-right: 1rem; }

  table td {
    max-width: 6.75rem; }

  .PatientsDB {
    width: 100%; }
    .PatientsDB .header {
      width: calc(100% - 2rem); }
    .PatientsDB .Patients {
      width: calc(100% - 2rem); }
    .PatientsDB .modal .modal-content {
      width: calc(100% - 5rem); }
      .PatientsDB .modal .modal-content .meta {
        height: 20rem; }

  .table-fineprint {
    margin-right: 1.25rem; } }
.iframe-container {
  width: 100%;
  min-height: 100vh; }
  .iframe-container iframe {
    width: 100vw;
    height: 100vh;
    border: 0; }

/* Animation Support */
.fadeInUp {
  animation-name: fadeInUp;
  animation-duration: 0.45s;
  animation-fill-mode: both; }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.rotateDownRight {
  animation-name: rotateDownRight;
  animation-duration: 0.25s;
  animation-fill-mode: both; }

@keyframes rotateDownRight {
  100% {
    transform: rotate(-90deg); } }
.rotateRightDown {
  animation-name: rotateRightDown;
  animation-duration: 0.25s;
  animation-fill-mode: both; }

@keyframes rotateRightDown {
  0% {
    transform: rotate(-90deg); } }
.fadeOutDown {
  animation-name: fadeOutDown;
  animation-duration: 0.45s;
  animation-fill-mode: both; }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0); }
  100% {
    opacity: 0;
    transform: translateY(20px); } }
#aise {
  font-size: 24px !important; }

#page {
  background-color: rgba(255, 193, 7, 0.12549);
  border: 0;
  color: #fd7e14;
  cursor: pointer;
  font-family: "archia";
  font-weight: 900;
  margin: 3px;
  outline: none;
  padding: 10px 15px;
  text-align: center;
  transition: background .25s ease-in-out; }

#pageSelected {
  background-color: rgba(255, 193, 7, 0.6);
  color: #fd7e14;
  cursor: pointer;
  font-family: "archia";
  font-weight: 900;
  margin: 0;
  outline: none;
  padding: 10px 15px;
  text-align: center;
  transition: background .25s ease-in-out;
  border: 2px solid rgba(255, 193, 7, 0.12549);
  border-bottom: 0;
  border-top: 0; }

#pageButtonDisabled {
  background-color: rgba(255, 193, 7, 0.12549);
  color: #fd7d145f;
  cursor: not-allowed;
  font-family: "archia";
  font-weight: 900;
  margin: 0;
  outline: none;
  padding: 10px 15px;
  text-align: center;
  transition: background .25s ease-in-out;
  border: 2px solid rgba(255, 193, 7, .12549);
  border-bottom: 0;
  border-top: 0;
}

#loader {
  background: -webkit-linear-gradient(#8A2387, #E94057, #F27121);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.modal-wrapper {
  background: #fff;
  border: 1px solid #d0cccc;
  box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.2), inset 0px 0px 0px 0 rgba(0, 0, 0, 0.17);
  margin: 200px auto 0;
  transition: all .8s;
  width: 250px;
  height: 200px;
  padding: 30px; }

.modal-header {
  padding: 10px 20px;
  text-align: center; }

.modal-header img {
  filter: invert(1);
  margin-left: 35px; }

.modal-body {
  padding: 5px 10px;
  text-align: center;
  font-size: 1.3em; }

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