@font-face {
	font-family: "Archia";
	src: url(/coronavirus-tracker/static/media/archia-thin-webfont.47f5c030.eot);
	src: url(/coronavirus-tracker/static/media/archia-thin-webfont.47f5c030.eot) format("embedded-opentype"), url(/coronavirus-tracker/static/media/archia-thin-webfont.e88f1cf3.woff2) format("woff2"), url(/coronavirus-tracker/static/media/archia-thin-webfont.0345166e.woff) format("woff"), url(/coronavirus-tracker/static/media/archia-thin-webfont.9a733c1c.ttf) format("truetype");
	font-weight: 100;
	font-style: normal
}

@font-face {
	font-family: "Archia";
	src: url(/coronavirus-tracker/static/media/archia-light-webfont.bd903ad6.eot);
	src: url(/coronavirus-tracker/static/media/archia-light-webfont.bd903ad6.eot) format("embedded-opentype"), url(/coronavirus-tracker/static/media/archia-light-webfont.e1f0cf91.woff2) format("woff2"), url(/coronavirus-tracker/static/media/archia-light-webfont.119d7372.woff) format("woff"), url(/coronavirus-tracker/static/media/archia-light-webfont.a1a88c46.ttf) format("truetype");
	font-weight: 200;
	font-style: normal
}

@font-face {
	font-family: "Archia";
	src: url(/coronavirus-tracker/static/media/archia-regular-webfont.e0d9eab3.eot);
	src: url(/coronavirus-tracker/static/media/archia-regular-webfont.e0d9eab3.eot) format("embedded-opentype"), url(/coronavirus-tracker/static/media/archia-regular-webfont.02155d96.woff2) format("woff2"), url(/coronavirus-tracker/static/media/archia-regular-webfont.571e4671.woff) format("woff"), url(/coronavirus-tracker/static/media/archia-regular-webfont.44b223ad.ttf) format("truetype");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: "Archia";
	src: url(/coronavirus-tracker/static/media/archia-medium-webfont.93462af3.eot);
	src: url(/coronavirus-tracker/static/media/archia-medium-webfont.93462af3.eot) format("embedded-opentype"), url(/coronavirus-tracker/static/media/archia-medium-webfont.80da55a5.woff2) format("woff2"), url(/coronavirus-tracker/static/media/archia-medium-webfont.b325c0d3.woff) format("woff"), url(/coronavirus-tracker/static/media/archia-medium-webfont.0a3767d8.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "Archia";
	src: url(/coronavirus-tracker/static/media/archia-semibold-webfont.90c5d848.eot);
	src: url(/coronavirus-tracker/static/media/archia-semibold-webfont.90c5d848.eot) format("embedded-opentype"), url(/coronavirus-tracker/static/media/archia-semibold-webfont.890ee929.woff2) format("woff2"), url(/coronavirus-tracker/static/media/archia-semibold-webfont.21351f93.woff) format("woff"), url(/coronavirus-tracker/static/media/archia-semibold-webfont.6f45094f.ttf) format("truetype");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: "Archia";
	src: url(/coronavirus-tracker/static/media/archia-bold-webfont.86e07a42.eot);
	src: url(/coronavirus-tracker/static/media/archia-bold-webfont.86e07a42.eot) format("embedded-opentype"), url(/coronavirus-tracker/static/media/archia-bold-webfont.ad8463d1.woff2) format("woff2"), url(/coronavirus-tracker/static/media/archia-bold-webfont.a22268c8.woff) format("woff"), url(/coronavirus-tracker/static/media/archia-bold-webfont.9bc3d640.ttf) format("truetype");
	font-weight: 900;
	font-style: normal
}

body {
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none
}
.header-mid .titles {
    display: none;
}
.last-update {
    width: 100% !important;
    position: relative;
    display: table !important;
    background: #0c67aa;
    padding: 10px;
    text-align: left!important;
}
.last-update h6 { display: inline-block; position: relative; padding-right: 10px; color: #fff !important; }
.updates .button,
footer.fadeInUp {
	display: none!important;
}

h1 {
	font-family: "archia";
	font-size: 24px!important;
	font-weight: 900;
	text-transform: uppercase
}

h2 {
	font-size: 18px!important
}

h2,
h3 {
	font-family: "archia";
	font-weight: 400;
	text-transform: uppercase
}

h3 {
	font-size: 14px!important
}

h4 {
	font-size: 13px!important
}

h4,
h5 {
	font-family: "archia";
	font-weight: 900;
	text-transform: uppercase
}

h5 {
	font-size: 12px!important
}

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

.arrow-up {
	border-bottom: 5px solid rgba(108, 117, 125, .6)
}

.arrow-down,
.arrow-up {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	margin-left: .25rem
}

.arrow-down {
	border-top: 5px solid rgba(108, 117, 125, .6)
}

.Home {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: 5rem;
	margin-right: 5rem
}

.Home .home-left,
.Home .home-right {
	display: flex;
	flex-direction: column;
	width: 30rem
}

.Home .home-left,
.Home .home-right {
	margin-right: 2.5rem;
	margin-left: 2.5rem
}

.Resources {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: 2rem;
	margin-right: 2rem
}

.Resources .resource-left,
.Resources .resource-right {
	display: flex;
	flex-direction: column;
	width: 30rem
}

.Resources .resource-left,
.Resources .resource-right {
	margin-right: 2.5rem;
	margin-left: 2.5rem
}

.Resources .tableandcontrols {
	display: flex;
	flex-direction: column;
	width: 100%
}

.Resources table {
	position: relative;
	width: 100%;
	align-self: center;
	font-family: "archia";
	text-transform: none;
	border-spacing: 3px 2px;
	border-collapse: separate
}

.Resources table thead {
	background: rgba(32, 26, 162, .12549);
	color: #343a40;
	text-align: center;
	font-size: .9rem
}

.Resources table thead th {
	padding: .5rem;
	cursor: pointer;
	border-radius: 5px;
	transition: all .1s ease-in-out;
	z-index: 99
}

.Resources table thead th.sticky {
	top: 4px;
	background: #f1f1f1
}

.Resources table thead th:hover {
	background: #ecedee
}

.Resources table thead th .heading-content {
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-direction: row;
	height: .9rem;
	align-items: center
}

.Resources table thead th .heading-content abbr {
	text-align: right
}

.Resources table thead th .heading-content svg {
	width: 10px;
	right: 0;
	stroke-width: 4px;
	margin: .15rem 0 0 .25rem;
	color: rgba(108, 117, 125, .6)
}

.Resources table tbody {
	color: #6c757d;
	max-width: 10rem
}

.Resources table tbody tr {
	transition: background .1s ease-in-out
}

.Resources table tbody tr:hover {
	background: rgba(108, 117, 125, .12549)!important
}

.Resources table tbody tr.divider {
	height: .5rem;
	background: rgba(108, 117, 125, .06)!important
}

.Resources table tbody tr.spacer {
	height: .5rem;
	background: #fff!important
}

.Resources table tbody tr:nth-child(2n) {
	background-color: rgba(32, 26, 162, .12549)
}

.Resources table tbody td {
	font-size: .7rem;
	border-radius: 5px;
	text-align: left
}

.Resources table tbody td .deltas {
	margin-right: .25rem;
	font-size: 11px!important
}

.Resources table tbody td .deltas svg {
	width: 9px;
	height: 9px;
	stroke-width: 3;
	vertical-align: -.25px
}

.Resources table tbody td:first-child {
	text-align: left;
	max-width: 7.5rem;
	word-wrap: break-word
}

.Resources table tbody .state-last-update {
	background: transparent;
	transform: translateX(1rem)
}

.Resources table tbody .state-last-update:hover {
	background: #fff!important
}

.Resources table tbody .state-last-update td .last-update {
	text-align: left;
	display: flex;
	flex-direction: row;
	align-items: baseline;
	width: 100%
}

.Resources table tbody .district-heading {
	transform: translateX(1rem);
	background: rgba(108, 117, 125, .0627451)
}

.Resources table tbody .district-heading td {
	font-size: .75rem;
	font-weight: 900;
	padding: .45rem;
	color: #343a40;
	background: rgba(108, 117, 125, .0627451)
}

.Resources table tbody .district-heading td .heading-content {
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-direction: row;
	height: .9rem;
	align-items: center
}

.Resources table tbody .district-heading td .heading-content abbr {
	text-align: right
}

.Resources table tbody .district-heading td .heading-content svg {
	width: 10px;
	right: 0;
	stroke-width: 4px;
	margin: .15rem 0 0 .25rem;
	color: rgba(108, 117, 125, .6)
}

.Resources table tbody .district {
	transform: translateX(1rem)
}

.Resources table .affected-count {
	position: absolute;
	margin: 0;
	top: -1rem;
	color: rgba(108, 117, 125, .6);
	right: 0
}

.Resources table .is-total td {
	background: rgba(108, 117, 125, .12549)
}

.Resources table .dropdown {
	position: absolute;
	left: -.75rem;
	background: rgba(108, 117, 125, .0627451);
	border-radius: 50%;
	width: 13px;
	height: 13px;
	margin-top: .5rem;
	cursor: pointer;
	transition: background .2s ease-in-out
}

.Resources table .dropdown:hover {
	background: rgba(108, 117, 125, .12549)
}

.Resources table .dropdown svg {
	position: absolute;
	top: -.35rem;
	left: 1px;
	width: 11px;
	stroke-width: 3
}

.filtersection {
	display: flex;
	flex-direction: column;
	width: 80%;
	margin-bottom: 1rem;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

.filtersection .filtertitle {
	align-self: center;
	color: #ff073a
}

.resourcefilters {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center
}

.resourcefilter {
	display: flex;
	flex-direction: column;
	margin-left: 1rem;
	margin-right: 1rem;
	justify-content: space-around;
	align-items: center
}

.resourcefilter .filterlabel {
	font-family: "archia";
	font-size: 11px!important;
	font-weight: 600;
	text-transform: uppercase;
	color: #6610f2
}

.resourcefilter select {
	width: 100%
}

.pagination {
	display: flex;
	flex-direction: row;
	justify-content: center
}

.pagination .button {
	margin-left: .7rem;
	margin-right: .7rem;
	margin-top: .7rem;
	height: 70%;
	width: 3rem;
	padding-left: 1.1rem;
	justify-content: space-between;
	align-items: center
}

.pagination select {
	margin: .7rem .7rem .2rem .1rem
}

.pagination input {
	width: 100px;
	margin: .7rem .7rem .2rem
}

.Banner,
.paginationbutton {
	display: flex;
	flex-direction: row;
	justify-content: center
}

.Banner {
	line-height: 20px;
	font-family: "Archia";
	font-size: .8rem;
	font-weight: 600;
	color: rgba(32, 26, 162, .866667);
	background: rgba(32, 26, 162, .12549)
}

.Banner .snippet {
	align-self: center;
	width: calc(100% - 10rem);
	word-wrap: break-word;
	padding: 1.5rem;
	text-align: center;
	cursor: pointer
}

.Navbar {
	display: none;
	flex-direction: row;
	height: 4.5rem;
	justify-content: space-around;
	text-transform: uppercase;
	font-weight: 900;
	align-items: center;
	-webkit-animation-name: u2ff7fed4;
	animation-name: u2ff7fed4;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes u2ff7fed4 {
	0% {
		background: transparent
	}
	to {
		background: rgba(108, 117, 125, .0627451)
	}
}

@keyframes u2ff7fed4 {
	0% {
		background: transparent
	}
	to {
		background: rgba(108, 117, 125, .0627451)
	}
}

.Navbar .navbar-left {
	margin-left: 2rem;
	flex: 1 1
}

.Navbar .navbar-left a {
	display: inline-block;
	font-size: 14px;
	font-family: "Archia";
	text-decoration: none;
	margin-right: 2rem;
	color: rgba(108, 117, 125, .6)
}

.Navbar .navbar-left a span {
	display: inline-block;
	transition: color .2s ease-in-out
}

.Navbar .focused,
.Navbar .navbar-left a span:hover {
	color: #6c757d
}

.Navbar img {
	width: 75%;
	height: 3rem;
	margin-left: 5rem;
	cursor: pointer
}

.header {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 30rem;
	align-self: center;
	justify-content: space-between;
	padding-top: 1rem;
	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: .25rem;
	color: #6c757d
}

.header .header-mid>*,
.last-update {
	align-self: center
}

.last-update {
	display: flex;
	flex-direction: column;
	text-align: right;
	margin-bottom: auto;
	margin-top: .25rem
}

.last-update h6 {
	color: rgba(40, 167, 69, .6);
	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: .5rem;
	border: 0;
	font-family: "archia";
	text-transform: uppercase;
	background: rgba(0, 123, 255, .0627451);
	color: rgba(0, 123, 255, .6);
	cursor: pointer;
	font-weight: 900;
	border-radius: 5px;
	transition: background .2s ease-in-out;
	margin-bottom: .5rem;
	margin-top: .25rem;
	outline: none;
	font-size: .75rem;
	text-decoration: none
}

.button svg {
	margin-right: .5rem;
	width: 20px;
	stroke-width: 2px
}

.button.is-purple {
	color: rgba(32, 26, 162, .6);
	background: rgba(32, 26, 162, .12549)
}

.button.is-purple:hover {
	background: rgba(32, 26, 162, .188235)
}

.button.is-green {
	color: rgba(40, 167, 69, .6);
	background: rgba(40, 167, 69, .12549)
}

.button.is-green:hover {
	background: rgba(40, 167, 69, .188235)
}

.button:hover {
	background: rgba(0, 123, 255, .188235)
}

.button>* {
	align-self: center
}

.telegram {
	width: 15.5rem;
	background: rgba(108, 117, 125, .0627451)!important;
	color: #08c!important;
	padding-left: .65rem;
	justify-content: center
}

.telegram:hover {
	background: rgba(108, 117, 125, .12549)!important
}

.github {
	width: 15.5rem;
	background: #000!important;
	color: #fff!important;
	padding-left: .65rem;
	justify-content: center;
	transition: all .2s ease-in-out
}

.github:hover {
	background: #343a40!important
}

.twitter {
	width: 15.5rem
}

.excel {
	color: #33a667;
	background: rgba(51, 166, 103, .19)
}

.excel:hover {
	background: rgba(51, 166, 103, .31)
}

.Level {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-self: center;
	width: 30rem
}

.Level .level-item {
	display: flex;
	flex-direction: column
}

.Level .level-item>* {
	align-self: center
}

.Level .level-item:first-child {
	margin-left: .5rem
}

.Level .level-item:last-child {
	margin-right: .5rem
}

.Level h1,
.Level h5 {
	margin-bottom: 0
}

.Level h1 {
	font-weight: 600
}

.Level h4 {
	margin-bottom: -.5rem
}

.Level .is-cherry h1 {
	color: #ff073a
}

.Level .is-cherry h4,
.Level .is-cherry h5 {
	color: rgba(255, 7, 58, .6)
}

.Level .is-blue h1 {
	color: #007bff
}

.Level .is-blue h4,
.Level .is-blue h5 {
	color: rgba(0, 123, 255, .6)
}

.Level .is-green h1 {
	color: #28a745
}

.Level .is-green h4,
.Level .is-green h5 {
	color: rgba(40, 167, 69, .6)
}

.Level .is-gray h1 {
	color: #6c757d
}

.Level .is-gray h4,
.Level .is-gray h5 {
	color: rgba(108, 117, 125, .6)
}

abbr {
	text-decoration: none
}

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;
	color: rgba(108, 117, 125, .6);
	margin: 0 .25rem .25rem 0
}

.table-fineprint a {
	text-decoration: none;
	color: inherit;
	border-bottom: 2px solid rgba(108, 117, 125, .12549);
	transition: all .2s ease-in-out
}

.table-fineprint a:hover {
	background: rgba(108, 117, 125, .12549)
}

.sticky {
	position: -webkit-sticky;
	position: sticky
}

table {
	position: relative;
	width: 30rem;
	align-self: center;
	font-family: "archia";
	text-transform: uppercase;
	border-spacing: 3px 4px;
	border-collapse: separate
}

table thead {
	background: rgba(108, 117, 125, .0627451);
	color: #343a40;
	text-align: left;
	font-size: .75rem
}

table thead th {
	padding: .5rem;
	cursor: pointer;
	border-radius: 5px;
	transition: all .1s ease-in-out;
	z-index: 99
}

table thead th.sticky {
	top: 4px;
	background: #f1f1f1
}

table thead th:hover {
	background: #ecedee
}

table thead th .heading-content {
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-direction: row;
	height: .9rem;
	align-items: center
}

table thead th .heading-content abbr {
	text-align: right
}

table thead th .heading-content svg {
	width: 10px;
	right: 0;
	stroke-width: 4px;
	margin: .15rem 0 0 .25rem;
	color: rgba(108, 117, 125, .6)
}

table tbody {
	color: #6c757d;
	max-width: 10rem
}

table tbody tr {
	transition: background .1s ease-in-out;
	cursor: pointer
}

table tbody tr:hover {
	background: rgba(108, 117, 125, .12549)!important
}

table tbody tr:hover .dropdown {
	background: rgba(108, 117, 125, .12549)
}

table tbody tr.divider {
	height: .5rem;
	background: rgba(108, 117, 125, .06)!important
}

table tbody tr.spacer {
	height: .5rem;
	background: #fff!important
}

table tbody td {
	padding: .25rem;
	font-size: .9rem;
	border-radius: 5px;
	text-align: right
}

table tbody td .deltas {
	display: inline-block;
	font-size: 11px!important
}

table tbody td .deltas svg {
	width: 9px;
	height: 9px;
	stroke-width: 3;
	vertical-align: -.25px
}

table tbody td a {
	height: 1px
}

table tbody td a svg {
	width: 12px;
	stroke-width: 3px;
	align-self: center;
	color: rgba(108, 117, 125, .6);
	transition: all .2s ease-in-out;
	vertical-align: -.435rem;
	margin-left: 2px
}

table tbody td a svg:hover {
	stroke: #6c757d
}

table tbody .table__count-text {
	margin-left: .25rem
}

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: rgba(108, 117, 125, .0627451)
}

table tbody .district-heading td {
	font-size: .75rem;
	font-weight: 900;
	padding: .45rem;
	color: #343a40;
	background: rgba(108, 117, 125, .0627451)
}

table tbody .district-heading td .heading-content {
	display: flex;
	justify-content: space-between;
	position: relative;
	flex-direction: row;
	height: .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;
	right: 0;
	stroke-width: 4px;
	margin: .15rem 0 0 .25rem;
	color: rgba(108, 117, 125, .6)
}

table tbody .district {
	transform: translateX(1rem)
}

table .affected-count {
	position: absolute;
	margin: 0;
	top: -1rem;
	color: rgba(108, 117, 125, .6);
	right: 0
}

table .is-total td {
	background: rgba(108, 117, 125, .12549)
}

table .table__title-wrapper {
	position: relative
}

table .dropdown {
	position: absolute;
	left: -1.25rem;
	top: .125rem;
	background: rgba(108, 117, 125, .0627451);
	border-radius: 50%;
	width: 13px;
	height: 13px;
	cursor: pointer;
	transition: background .2s ease-in-out
}

table .dropdown:hover {
	background: rgba(108, 117, 125, .12549)
}

table .dropdown svg {
	position: absolute;
	top: -.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 {
	align-self: center;
	width: 30rem
}

.MapExplorer,
.MapExplorer .header {
	display: flex;
	flex-direction: column
}

.MapExplorer .header {
	color: #6c757d;
	margin-bottom: 2.5rem;
	align-self: flex-start
}

.MapExplorer .header h1 {
	margin-bottom: .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: rgba(253, 126, 20, .12549);
	color: #fd7e14;
	transition: all .2s ease-in-out
}

.MapExplorer .back-button:hover {
	background: rgba(253, 126, 20, .188235)
}

.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: rgba(108, 117, 125, .6);
	word-wrap: break-word
}

.MapExplorer .meta .district-confirmed {
	color: #e23028;
	position: absolute;
	top: 3rem;
	width: 5rem
}

.MapExplorer .meta .unknown {
	position: absolute;
	top: 5rem;
	width: 5rem
}

.MapExplorer .map-stats {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 5rem;
	position: relative
}

.MapExplorer .map-stats h1,
.MapExplorer .map-stats h3,
.MapExplorer .map-stats h5,
.MapExplorer .map-stats h6 {
	margin: 0
}

.MapExplorer .map-stats h3 {
	color: rgba(108, 117, 125, .6);
	font-weight: 900
}

.MapExplorer .map-stats .stats {
	background: rgba(255, 7, 58, .12549);
	position: relative;
	color: #ff073a;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	margin-left: .25rem;
	margin-right: .25rem;
	margin-bottom: .5rem;
	flex: 1 1;
	padding: .25rem
}

.MapExplorer .map-stats .stats .stats-bottom {
	display: flex;
	flex-direction: row
}

.MapExplorer .map-stats .stats .stats-bottom h6 {
	margin-top: auto;
	margin-bottom: .25rem
}

.MapExplorer .map-stats .stats h1 {
	font-weight: 600
}

.MapExplorer .map-stats .stats.is-green {
	background: rgba(40, 167, 69, .12549)
}

.MapExplorer .map-stats .stats.is-green h5,
.MapExplorer .map-stats .stats.is-green h6 {
	color: rgba(40, 167, 69, .6)
}

.MapExplorer .map-stats .stats.is-green h1 {
	color: #28a745
}

.MapExplorer .map-stats .stats.is-blue {
	background: rgba(0, 123, 255, .0627451)
}

.MapExplorer .map-stats .stats.is-blue h5,
.MapExplorer .map-stats .stats.is-blue h6 {
	color: rgba(0, 123, 255, .6)
}

.MapExplorer .map-stats .stats.is-blue h1 {
	color: #007bff
}

.MapExplorer .map-stats .stats.is-gray {
	background: rgba(108, 117, 125, .0627451)
}

.MapExplorer .map-stats .stats.is-gray h5,
.MapExplorer .map-stats .stats.is-gray h6 {
	color: rgba(108, 117, 125, .6)
}

.MapExplorer .map-stats .stats.is-gray h1 {
	color: #6c757d
}

.MapExplorer .map-stats .stats.is-yellow {
	background: #ffc107
}

.MapExplorer .map-stats .stats.is-yellow h1,
.MapExplorer .map-stats .stats.is-yellow h5,
.MapExplorer .map-stats .stats.is-yellow h6 {
	color: #fff
}

.MapExplorer .map-stats .stats.is-purple {
	background: rgba(32, 26, 162, .12549);
	padding-right: 1rem
}

.MapExplorer .map-stats .stats.is-purple h5,
.MapExplorer .map-stats .stats.is-purple h6 {
	color: rgba(32, 26, 162, .6)
}

.MapExplorer .map-stats .stats.is-purple h5.timestamp,
.MapExplorer .map-stats .stats.is-purple h6.timestamp {
	margin: 0;
	font-weight: 900
}

.MapExplorer .map-stats .stats.is-purple h1 {
	color: rgba(32, 26, 162, .866667)
}

.MapExplorer .map-stats .stats.is-purple svg {
	position: absolute;
	right: .35rem;
	top: 0;
	stroke-width: 3;
	width: 12px;
	stroke: rgba(32, 26, 162, .6);
	cursor: pointer;
	transition: stroke .2s ease-in-out
}

.MapExplorer .map-stats .stats.is-purple svg:hover {
	stroke: rgba(32, 26, 162, .866667)
}

.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: rgba(108, 117, 125, .0627451);
	padding-left: 1rem;
	padding-right: 1rem;
	color: rgba(108, 117, 125, .6);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;
	text-align: center;
	margin-right: .25rem;
	transition: all .3s ease-in-out
}

.tabs .tab:hover {
	background: rgba(108, 117, 125, .12549)
}

.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 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: .75rem;
	font-weight: 900;
	z-index: 99;
	color: rgba(108, 117, 125, .6)
}

.timeseries-header .scale-modes>* {
	align-self: center
}

.timeseries-header .timeseries-logmode,
.timeseries-header .timeseries-mode {
	margin-left: 1rem;
	display: flex;
	flex-direction: row
}

.timeseries-header .timeseries-logmode input.switch,
.timeseries-header .timeseries-mode input.switch {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	margin: 0;
	cursor: pointer;
	width: 24px;
	height: 14px;
	background-color: #fff;
	border: 2px solid #d9dadc;
	border-radius: 10px;
	transition: all .2s ease-in-out
}

.timeseries-header .timeseries-logmode input.switch:after,
.timeseries-header .timeseries-mode input.switch:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background-color: rgba(108, 117, 125, .6);
	border-radius: 50%
}

.timeseries-header .timeseries-logmode input.switch:checked,
.timeseries-header .timeseries-mode input.switch:checked {
	background-color: rgba(108, 117, 125, .6);
	transition: all .2s ease-in-out
}

.timeseries-header .timeseries-logmode input.switch:checked:after,
.timeseries-header .timeseries-mode input.switch:checked:after {
	left: 10px;
	background-color: #f8f9fa
}

.timeseries-header .timeseries-logmode label,
.timeseries-header .timeseries-mode label {
	font-size: .75rem;
	margin-right: .2rem;
	padding-bottom: 0;
	color: #6c757d
}

.disabled input.switch {
	border: 2px solid rgba(108, 117, 125, .0627451);
	cursor: not-allowed
}

.disabled input.switch,
.disabled input.switch:after {
	background: rgba(108, 117, 125, .0627451)
}

input.switch {
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	margin: 0;
	cursor: pointer;
	width: 24px;
	height: 14px;
	background-color: #fff;
	border: 2px solid #d9dadc;
	border-radius: 10px;
	transition: all .3s ease-in-out
}

input.switch:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%
}

input.switch:after,
input.switch:checked {
	background-color: rgba(108, 117, 125, .6);
	transition: all .3s ease-in-out
}

input.switch:checked:after {
	left: 10px;
	background-color: #f8f9fa;
	transition: all .3s ease-in-out
}

.Minigraph,
.timeseries {
	display: flex;
	flex-direction: column;
	margin-top: 1rem;
	width: 100%
}

.Minigraph .stats,
.timeseries .stats {
	padding: .25rem;
	position: absolute;
	top: .5rem;
	left: .5rem;
	width: 5rem;
	border-radius: 3px;
	display: flex;
	flex-direction: column
}

.Minigraph .stats h2,
.Minigraph .stats h5,
.Minigraph .stats h6,
.timeseries .stats h2,
.timeseries .stats h5,
.timeseries .stats h6 {
	margin: 0;
	color: rgba(255, 7, 58, .6);
	transition: all .15s ease-in-out
}

.Minigraph .stats h2,
.Minigraph .stats h5.title,
.Minigraph .stats h6,
.timeseries .stats h2,
.timeseries .stats h5.title,
.timeseries .stats h6 {
	color: #ff073a
}

.Minigraph .stats .stats-bottom,
.timeseries .stats .stats-bottom {
	display: flex;
	flex-direction: row
}

.Minigraph .stats .stats-bottom h6,
.timeseries .stats .stats-bottom h6 {
	margin-bottom: .1rem;
	margin-left: .25rem
}

.Minigraph .stats .stats-bottom>*,
.timeseries .stats .stats-bottom>* {
	margin-top: auto
}

.Minigraph .stats.is-green h5,
.timeseries .stats.is-green h5 {
	color: rgba(40, 167, 69, .6)
}

.Minigraph .stats.is-green h2,
.Minigraph .stats.is-green h5.title,
.Minigraph .stats.is-green h6,
.timeseries .stats.is-green h2,
.timeseries .stats.is-green h5.title,
.timeseries .stats.is-green h6 {
	color: #28a745
}

.Minigraph .stats.is-gray h5,
.timeseries .stats.is-gray h5 {
	color: rgba(108, 117, 125, .6)
}

.Minigraph .stats.is-gray h2,
.Minigraph .stats.is-gray h5.title,
.Minigraph .stats.is-gray h6,
.timeseries .stats.is-gray h2,
.timeseries .stats.is-gray h5.title,
.timeseries .stats.is-gray h6 {
	color: #6c757d
}

.Minigraph .stats.is-blue h5,
.timeseries .stats.is-blue h5 {
	color: rgba(0, 123, 255, .6)
}

.Minigraph .stats.is-blue h2,
.Minigraph .stats.is-blue h6,
.timeseries .stats.is-blue h2,
.timeseries .stats.is-blue h6 {
	color: #007bff
}

.Minigraph .svg-parent,
.timeseries .svg-parent {
	position: relative;
	display: flex;
	width: 30rem;
	align-self: center;
	background: rgba(255, 7, 58, .12549);
	border-radius: 5px;
	margin-bottom: 1rem;
	height: 10rem
}

.Minigraph .svg-parent svg,
.timeseries .svg-parent svg {
	width: 100%
}

.Minigraph .svg-parent svg .domain,
.Minigraph .svg-parent svg .tick,
.Minigraph .svg-parent svg line,
.timeseries .svg-parent svg .domain,
.timeseries .svg-parent svg .tick,
.timeseries .svg-parent svg line {
	stroke: #ff073a;
	stroke-width: 1.5
}

.Minigraph .svg-parent svg text,
.timeseries .svg-parent svg text {
	font-family: "archia";
	text-transform: uppercase;
	color: rgba(255, 7, 58, .6);
	stroke: transparent;
	font-size: 9px;
	font-weight: 600
}

.Minigraph .svg-parent.is-green,
.timeseries .svg-parent.is-green {
	background: rgba(40, 167, 69, .12549)
}

.Minigraph .svg-parent.is-green svg .domain,
.Minigraph .svg-parent.is-green svg .tick,
.Minigraph .svg-parent.is-green svg line,
.timeseries .svg-parent.is-green svg .domain,
.timeseries .svg-parent.is-green svg .tick,
.timeseries .svg-parent.is-green svg line {
	stroke: #28a745
}

.Minigraph .svg-parent.is-green svg text,
.timeseries .svg-parent.is-green svg text {
	color: rgba(40, 167, 69, .6);
	stroke: transparent
}

.Minigraph .svg-parent.is-gray,
.timeseries .svg-parent.is-gray {
	background: rgba(108, 117, 125, .0627451)
}

.Minigraph .svg-parent.is-gray .domain,
.Minigraph .svg-parent.is-gray .tick,
.Minigraph .svg-parent.is-gray line,
.timeseries .svg-parent.is-gray .domain,
.timeseries .svg-parent.is-gray .tick,
.timeseries .svg-parent.is-gray line {
	stroke: #6c757d
}

.Minigraph .svg-parent.is-gray text,
.timeseries .svg-parent.is-gray text {
	color: rgba(108, 117, 125, .6);
	stroke: transparent
}

.Minigraph {
	width: 30rem;
	align-self: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 -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: rgba(0, 123, 255, .0627451);
	transition: background .2s ease-in-out
}

.link a:hover {
	background: rgba(0, 123, 255, .188235)
}

.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: 1rem 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: 100%
}

.Summary .summary-bottom .link {
	width: 12rem;
	margin-right: -.75rem
}

.Summary .summary-bottom>* {
	align-self: center
}

.Summary .summary-bottom img {
	margin-bottom: .25rem;
	margin-right: .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 0 .25rem
}

.FAQ .answer {
	color: #007bff;
	line-height: 1.5rem
}

.FAQ a {
	background: rgba(0, 123, 255, .0627451);
	color: #007bff;
	text-decoration: none
}

.FAQ a:hover {
	text-decoration: underline
}

.PatientsDB {
	display: flex;
	flex-direction: column;
	align-self: center;
	margin-left: auto;
	margin-right: auto
}

.PatientsDB .reminder {
	align-self: center!important;
	font-family: "archia";
	color: #4c75f2;
	font-size: .9rem;
	margin-bottom: 3rem;
	margin-top: 3rem;
	font-weight: 600;
	text-align: center;
	padding-left: 1rem;
	padding-right: 1rem;
	width: 30rem;
	line-height: 23px
}

.PatientsDB .header {
	margin-top: 1.75rem;
	align-self: flex-start;
	display: flex;
	flex-direction: row;
	width: calc(100% - 10.5rem);
	justify-content: space-between;
	margin-left: 5.25rem
}

.PatientsDB .header h1 {
	color: #4c75f2
}

.PatientsDB .header h3 {
	margin-top: 0;
	color: rgba(76, 117, 242, .6);
	font-weight: 900
}

.PatientsDB .header h6.disclaimer {
	color: rgba(108, 117, 125, .6);
	margin-bottom: 1rem;
	width: 10rem;
	text-align: right;
	text-transform: unset
}

.PatientsDB .header .deep-dive {
	align-self: flex-start;
	display: flex;
	flex-direction: row
}

.PatientsDB .header .deep-dive h5 {
	margin: 0 1rem 0 0;
	color: #6c757d
}

.PatientsDB .patientdb-wrapper {
	padding-left: 5rem;
	padding-right: 5rem
}

.Patients {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	width: 100%
}

.Patients,
.Patients>* {
	align-self: center
}

.Patients h5.daylabel {
	color: #4c75f2
}

.Patients .day {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.Patients .patient-card {
	width: 3.25rem;
	height: 3.25rem;
	background: rgba(108, 117, 125, .0627451);
	margin: .25rem;
	border-radius: 5px;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	transition: background .3s ease-in-out
}

.Patients .patient-card>* {
	align-self: center
}

.Patients .patient-card:hover {
	background: rgba(108, 117, 125, .12549)
}

.Patients .patient-card h3 {
	font-weight: 900;
	color: rgba(108, 117, 125, .6);
	font-size: 11px!important
}

.Patients .patient-card.is-small {
	height: 1rem;
	width: 1rem;
	background: rgba(108, 117, 125, .12549)
}

.Patients .patient-card.is-small:hover {
	background: rgba(108, 117, 125, .6)
}

.Patients .patient-card.is-small.is-femme {
	background: #fb5581
}

.Patients .patient-card.is-small.is-male {
	background: #4c75f2
}

.Patients .patient-card.is-small.is-local {
	background: #ff073a
}

.Patients .patient-card.is-small.is-imported {
	background: rgba(32, 26, 162, .866667)
}

.Patients .patient-card.is-femme {
	background: rgba(255, 168, 203, .6)
}

.Patients .patient-card.is-femme h3 {
	color: #fb5581
}

.Patients .patient-card.is-femme:hover {
	background: rgba(255, 168, 203, .188235)
}

.Patients .patient-card.is-male {
	background: rgba(76, 117, 242, .0627451)
}

.Patients .patient-card.is-male h3 {
	color: #4c75f2
}

.Patients .patient-card.is-male:hover {
	background: rgba(76, 117, 242, .188235)
}

.Patients .patient-card.is-local {
	background: rgba(255, 7, 58, .12549)
}

.Patients .patient-card.is-local h3 {
	color: #ff073a
}

.Patients .patient-card.is-local:hover {
	background: rgba(255, 7, 58, .188235)
}

.Patients .patient-card.is-imported {
	background: rgba(32, 26, 162, .12549)
}

.Patients .patient-card.is-imported h3 {
	color: rgba(32, 26, 162, .866667)
}

.Patients .patient-card.is-imported:hover {
	background: rgba(32, 26, 162, .188235)
}

.Patients .patient-card.is-in {
	background: url(/flags/india.png);
	background-size: cover!important
}

.Patients .patient-card.is-in h3 {
	color: transparent
}

.Patients .patient-card.is-in:hover {
	background: rgba(108, 117, 125, .0627451)
}

.Patients .patient-card.is-in:hover h3 {
	color: rgba(108, 117, 125, .6)
}

.Patients .patient-card.is-uk {
	background: url(/flags/uk.png);
	background-size: cover!important
}

.Patients .patient-card.is-uk h3 {
	color: transparent
}

.Patients .patient-card.is-uk:hover {
	background: rgba(108, 117, 125, .0627451)
}

.Patients .patient-card.is-uk:hover h3 {
	color: rgba(108, 117, 125, .6)
}

.Patients .patient-card.is-us {
	background: url(/flags/usa.png);
	background-size: cover!important
}

.Patients .patient-card.is-us h3 {
	color: transparent
}

.Patients .patient-card.is-us:hover {
	background: rgba(108, 117, 125, .0627451)
}

.Patients .patient-card.is-us:hover h3 {
	color: rgba(108, 117, 125, .6)
}

.Patients .patient-card.is-th {
	background: url(/flags/thailand.png);
	background-size: cover!important
}

.Patients .patient-card.is-th h3 {
	color: transparent
}

.Patients .patient-card.is-th:hover {
	background: rgba(108, 117, 125, .0627451)
}

.Patients .patient-card.is-th:hover h3 {
	color: rgba(108, 117, 125, .6)
}

.Patients .patient-card.is-ph {
	background: url(/flags/philippines.png);
	background-size: cover!important
}

.Patients .patient-card.is-ph h3 {
	color: transparent
}

.Patients .patient-card.is-ph:hover {
	background: rgba(108, 117, 125, .0627451)
}

.Patients .patient-card.is-ph:hover h3 {
	color: rgba(108, 117, 125, .6)
}

.Patients .patient-card.is-it {
	background: url(/flags/italy.png);
	background-size: cover!important
}

.Patients .patient-card.is-it h3 {
	color: transparent
}

.Patients .patient-card.is-it:hover {
	background: rgba(108, 117, 125, .0627451)
}

.Patients .patient-card.is-it:hover h3 {
	color: rgba(108, 117, 125, .6)
}

.Patients .patient-card.is-ca {
	background: url(/flags/canada.png);
	background-size: cover!important
}

.Patients .patient-card.is-ca h3 {
	color: transparent
}

.Patients .patient-card.is-ca:hover {
	background: rgba(108, 117, 125, .0627451)
}

.Patients .patient-card.is-ca:hover h3 {
	color: rgba(108, 117, 125, .6)
}

.Patients .patient-card.is-id {
	background: url(/flags/indonesia.png);
	background-size: cover!important
}

.Patients .patient-card.is-id h3 {
	color: transparent
}

.Patients .patient-card.is-id:hover {
	background: rgba(108, 117, 125, .0627451)
}

.Patients .patient-card.is-id:hover h3 {
	color: rgba(108, 117, 125, .6)
}

.Patients .patient-card.is-mm {
	background: url(/flags/myanmar.png);
	background-size: cover!important
}

.Patients .patient-card.is-mm h3 {
	color: transparent
}

.Patients .patient-card.is-mm:hover {
	background: rgba(108, 117, 125, .0627451)
}

.Patients .patient-card.is-mm:hover h3 {
	color: rgba(108, 117, 125, .6)
}

.Patients .patient-card.age1-9 {
	background: #006400
}

.Patients .patient-card.age10-19 {
	background: #00008b
}

.Patients .patient-card.age20-29 {
	background: #b03060
}

.Patients .patient-card.age30-39 {
	background: #ff4500
}

.Patients .patient-card.age40-49 {
	background: #ff0
}

.Patients .patient-card.age50-59 {
	background: #deb887
}

.Patients .patient-card.age60-69 {
	background: #0f0
}

.Patients .patient-card.age70-79 {
	background: #0ff
}

.Patients .patient-card.age80-89 {
	background: #f0f
}

.Patients .patient-card.age90-99 {
	background: #6495ed
}

.DownloadBlock {
	margin-top: 7rem;
	align-self: center
}

.DownloadBlock code {
	font-family: "archia";
	color: rgba(253, 126, 20, .6)
}

.DownloadBlock a {
	text-decoration: none!important;
	color: rgba(253, 126, 20, .6)
}

.DownloadBlock .button {
	display: flex;
	flex-direction: row;
	justify-content: center;
	background: rgba(253, 126, 20, .12549);
	height: 3rem;
	width: 10rem;
	text-align: center
}

.DownloadBlock .button>* {
	align-self: center
}

.DownloadBlock .button:hover {
	background: rgba(253, 126, 20, .188235)
}

.DownloadBlock svg {
	stroke: rgba(253, 126, 20, .6);
	stroke-width: 3
}

body.modal-open {
	overflow-y: hidden;
	min-height: 100vh;
	width: calc(100% - 14.7px);
	width: -moz-calc(100% - 16px)
}

.modal {
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	background: rgba(76, 117, 242, .6);
	cursor: pointer;
	z-index: 9999
}

.modal .modal-content {
	position: fixed;
	padding: 1rem;
	border-radius: 5px;
	align-self: center;
	background: #fff;
	width: 30rem;
	height: 30rem;
	cursor: default;
	overflow-y: auto
}

.modal .modal-content svg {
	width: 20px;
	stroke: rgba(76, 117, 242, .6);
	stroke-width: 3;
	transition: all .1s ease-in-out
}

.modal .modal-content svg:hover {
	stroke: #4c75f2
}

.modal .modal-content .close-button {
	cursor: pointer;
	position: absolute;
	right: 1rem
}

.modal .modal-content h1 {
	color: #4c75f2
}

.modal .modal-content h3,
.modal .modal-content h5 {
	margin: 0;
	font-weight: 900
}

.modal .modal-content h3 {
	margin-bottom: .5rem;
	color: #4c75f2
}

.modal .modal-content h5 {
	color: rgba(76, 117, 242, .6)
}

.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;
	-webkit-text-decoration-style: dotted;
	text-decoration-style: dotted;
	cursor: pointer;
	transition: all .1s ease-in-out;
	width: 2rem
}

.modal .modal-content .meta h3.contracted-from:hover {
	background: rgba(76, 117, 242, .0627451)
}

.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: .25rem 0 .5rem
}

.modal .modal-content .link a {
	color: #4c75f2;
	background: rgba(76, 117, 242, .0627451);
	transition: background .2s ease-in-out
}

.modal .modal-content .link a:hover {
	background: rgba(76, 117, 242, .188235)
}

.patients-summary {
	width: 30rem;
	align-self: center
}

.patients-summary .Patients {
	min-height: 5rem
}

.patients-summary h1 {
	color: #343a40;
	margin-bottom: .25rem
}

.patients-summary h6 {
	margin: 0;
	color: #6c757d;
	font-weight: 600
}

.patients-summary .summary {
	flex-direction: row-reverse;
	flex-wrap: wrap-reverse
}

.patients-summary .patients-summary-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center
}

.patients-summary .patients-summary-wrapper>* {
	align-self: center
}

.patients-summary .button {
	background: rgba(76, 117, 242, .0627451);
	height: 3rem;
	display: flex;
	flex-direction: row;
	margin-top: 1rem;
	color: #4c75f2
}

.patients-summary .button>* {
	align-self: center
}

.patients-summary .button:hover {
	background: rgba(76, 117, 242, .188235)
}

.patients-summary a {
	color: inherit;
	text-decoration: none;
	flex-direction: row;
	display: flex
}

.patients-summary a>* {
	align-self: center
}

.patients-summary .daylabel {
	align-self: flex-start
}

.patients-summary .link a {
	display: inline!important;
	padding-bottom: 0
}

.patients-summary .legend {
	justify-content: flex-start;
	padding: 1rem 1rem .25rem 0
}

.select {
	display: flex;
	flex-direction: column
}

.select label {
	font-size: .75rem;
	text-transform: uppercase;
	font-weight: 900;
	color: rgba(108, 117, 125, .6);
	margin-bottom: .25rem
}

select {
	width: 7rem;
	margin-right: .25rem;
	cursor: pointer
}

.filters {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	padding: 1rem;
	background: #fff!important;
	z-index: 101;
	font-family: archia;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-radius: 5px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .12), inset 0 -1px 0 0 #dadce0;
	justify-content: space-between
}

.filters>* {
	align-self: center
}

.filters .filters-left {
	display: flex;
	flex-direction: row
}

.pills {
	text-align: right
}

.pills>button {
	border: 1px solid #c9d6fb;
	background-color: #edf1fe;
	color: #007bff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 800;
	transition: background .15s ease-in-out;
	padding: 4px 10px;
	font-family: "archia"
}

.pills>button.selected {
	background-color: #c9d6fb
}

.pills>button:focus:not(:focus-visible) {
	outline: none
}

.pills>button:first-of-type {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}

.pills>button:last-of-type {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}

.legend {
	background: #fff;
	z-index: 101;
	font-family: archia;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.legend>* {
	align-self: center
}

.legend .legend-left {
	display: flex;
	flex-direction: row
}

.legend select {
	margin-left: 1rem
}

.legend h5 {
	margin: 0 .5rem 0 0;
	color: #6c757d
}

.legend h5.is-female {
	color: #fb5581
}

.legend h5.is-male {
	color: #4c75f2
}

.legend h5.is-local {
	color: #ff073a
}

.legend h5.is-imported {
	color: rgba(32, 26, 162, .866667)
}

.legend .circle {
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	background: rgba(108, 117, 125, .6);
	margin-right: .25rem
}

.legend .circle.is-female {
	background: #fb5581
}

.legend .circle.is-male {
	background: #4c75f2
}

.legend .circle.is-local {
	background: #ff073a
}

.legend .circle.is-imported {
	background: rgba(32, 26, 162, .866667)
}

.legend .circle.is-in {
	background: url(/flags/india.png);
	background-size: cover!important
}

.legend .circle.is-uk {
	background: url(/flags/uk.png);
	background-size: cover!important
}

.legend .circle.is-us {
	background: url(/flags/usa.png);
	background-size: cover!important
}

.legend .circle.is-th {
	background: url(/flags/thailand.png);
	background-size: cover!important
}

.legend .circle.is-ph {
	background: url(/flags/philippines.png);
	background-size: cover!important
}

.legend .circle.is-it {
	background: url(/flags/italy.png);
	background-size: cover!important
}

.legend .circle.is-ca {
	background: url(/flags/canada.png);
	background-size: cover!important
}

.legend .circle.is-id {
	background: url(/flags/indonesia.png);
	background-size: cover!important
}

.legend .circle.is-mm {
	background: url(/flags/myanmar.png);
	background-size: cover!important
}

.updates-header {
	width: 30rem;
	align-self: center;
	color: #343a40
}

.updates-header h2 {
	color: #4c75f2;
	font-weight: 900
}

.updates {
	display: flex;
	flex-direction: column;
	align-self: center;
	width: 100%
}

.updates .update {
	background: rgba(108, 117, 125, .0627451);
	margin-bottom: .5rem;
	padding: .5rem;
	border-radius: 5px;
	transition: all .2s ease-in-out
}

.updates .update:hover {
	background: rgba(108, 117, 125, .12549)
}

.updates .update h4,
.updates .update h5 {
	margin: 0
}

.updates .update h5 {
	color: rgba(108, 117, 125, .6);
	margin-bottom: .15rem
}

.updates .update h4 {
	color: #6c757d;
	font-weight: 600
}

.updates .button {
	background: rgba(76, 117, 242, .0627451);
	height: 3rem;
	display: flex;
	flex-direction: row;
	color: #4c75f2;
	width: 13rem
}

.updates .button>* {
	align-self: center
}

.updates .button:hover {
	background: rgba(76, 117, 242, .188235)
}

.updates a {
	color: inherit;
	text-decoration: none;
	flex-direction: row;
	display: flex
}

.updates a>* {
	align-self: center
}

@media (max-width:400px) {
	.PatientsDB .modal .modal-content .meta {
		height: 25rem!important
	}
}

.cards-container {
	padding: 4rem
}

.cards-container .cards {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.cards-container .cards .card {
	margin-bottom: 2em;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: calc(33% - 1em);
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2);
	height: 30rem
}

.cards-container .cards .card:hover {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3)
}

.cards-container .cards .card .charts-header {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start
}

.cards-container .cards .card .charts-header .chart-title {
	font-family: "archia";
	font-size: 1.5rem!important;
	color: #6c757d;
	font-weight: 900;
	text-transform: uppercase;
	padding: 20px 0
}

.cards-container .cards .card .charts-header .chart-content {
	height: 100%;
	width: 100%
}

.cards-container .cards .card .charts-header .chart-note {
	color: #6c757d;
	height: 50px;
	margin-top: 5px
}
.MapExplorer.fadeInUp ,.titles h6{
    display: none;
}
@media (max-width:769px) {
    .header h1{font-size:16px !important;}
	.FAQ,
	.header,
	.Level,
	.Links,
	.MapExplorer,
	.Minigraph,
	.patients-summary .filters,
	.Summary,
	.TimeSeries,
	.timeseries-header,
	.TimeSeries-Parent,
	.updates,
	.updates-header,
	table {
		width: calc(100% - 2rem)
	}
	.Home {
		margin-left: 0;
		margin-right: 0
	}
	.Home,
	.Home .home-left,
	.Home .home-right {
		display: flex;
		flex-direction: column;
		width: 100%
	}
	.Home .home-left,
	.Home .home-right {
		margin: 0
	}
	body.modal-open {
		width: 100%
	}
	.faq,
	.link {
		width: calc(100% - 2rem)
	}
	.Navbar {
		position: relative
	}
	.Navbar a {
		font-size: .75rem!important;
		margin-right: .75rem!important
	}
	.Navbar img {
		width: 100%;
		height: 2rem;
		margin-left: 1rem;
		margin-right: -1rem;
		cursor: pointer
	}
	.Navbar .navbar-menu {
		background: #f6f6f7;
		border-bottom: 1px solid rgba(108, 117, 125, .12549);
		border-color: rgba(108, 117, 125, .12549) currentcolor;
		border-top: 1px solid rgba(108, 117, 125, .12549);
		box-shadow: 0 4px 6px -2px rgba(0, 0, 0, .12), inset 0 -1px 0 0 #dadce0;
		left: 0;
		padding: .5rem 0;
		position: absolute;
		right: 0;
		top: 4.5rem;
		z-index: 999
	}
	.Navbar .navbar-menu.hidden {
		display: none
	}
	.Navbar .navbar-menu a {
		display: block;
		padding: .75rem 1rem
	}
	.Navbar .navbar-toggle {
		align-items: center;
		background: rgba(108, 117, 125, .0627451);
		border-radius: 5px;
		border: 2px solid rgba(108, 117, 125, .6);
		color: rgba(108, 117, 125, .6);
		cursor: pointer;
		display: flex;
		flex-direction: column;
		font-family: "Archia";
		font-size: 14px;
		height: 1.25rem;
		justify-content: center;
		margin-right: 1rem;
		width: 1.25rem;
		transition: all .2s ease-in-out
	}
	.Navbar .navbar-toggle:hover {
		border-color: #6c757d;
		color: #6c757d
	}
	.Navbar .navbar-toggle div {
		background: currentColor;
		margin: 1px 0;
		width: .75rem;
		height: 2px
	}
	.timeseries .svg-parent {
		width: 100%
	}
	.map-stats .stats .timestamp {
		width: 4.5rem
	}
	.last-update,
	a.button {
		width: 10rem
	}
	a.button {
		display: flex;
		flex: row 1;
		justify-content: center
	}
	a.button>* {
		align-self: center
	}
	a.button svg {
		width: 38px
	}
.Banner { height: auto; background: #f8f9fa; color: #0b7aff; }
	.Banner .snippet {
		width: 100%;
		margin:0px;
		padding:5px 0px;
	}
	table td {
		max-width: 6.75rem
	}
	.cards-container {
		padding: 1rem
	}
	.cards-container .cards .card {
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: 100%
	}
	.PatientsDB {
		width: 100%
	}
	.PatientsDB .header {
		width: calc(100% - 2rem);
		margin: 0;
		padding-left: 1rem;
		padding-right: 1rem
	}
	.PatientsDB .reminder {
		padding: 0
	}
	.PatientsDB .Patients,
	.PatientsDB .reminder {
		width: calc(100% - 2rem)
	}
	.PatientsDB .modal .modal-content {
		width: calc(100% - 5rem)
	}
	.PatientsDB .modal .modal-content .meta {
		height: 20rem
	}
	.PatientsDB .filters-left {
		flex-wrap: wrap;
		justify-content: space-between
	}
	.PatientsDB .filters {
		height: 7rem;
		justify-content: center
	}
	.table-fineprint {
		margin-right: 1.25rem
	}
	.patients-summary {
		width: calc(100% - 2rem)
	}
	.patients-summary .modal .modal-content {
		width: calc(100% - 5rem)
	}
	.patients-summary .modal .modal-content .meta {
		height: 20rem
	}
	.patientdb-wrapper {
		padding-left: 1rem!important;
		padding-right: 1rem!important
	}
	.patientdb-wrapper .Patients {
		width: 100%
	}
	.patientdb-wrapper .day {
		justify-content: center;
		width: 100%
	}
	.Navbar {
		justify-content: space-between
	}
	.Navbar .navbar-burger {
		align-self: center;
		margin-left: 1rem;
		cursor: pointer
	}
	.Navbar .navbar-burger svg {
		color: rgba(108, 117, 125, .6)
	}
	.Navbar .navbar-burger svg:hover {
		stroke: #6c757d
	}
	.Navbar .side-navbar {
		position: fixed;
		height: 100vh;
		width: 7.5rem;
		padding-top: 5rem;
		z-index: 100;
		display: flex;
		flex-direction: column;
		padding-left: 1rem;
		background: #fff;
		border-right: 1px solid rgba(108, 117, 125, .0627451)
	}
	.Navbar .side-navbar a {
		font-family: "archia";
		text-decoration: none;
		color: #6c757d;
		margin-bottom: 1rem
	}
	.Navbar .side-navbar svg {
		position: absolute;
		top: -3.5rem;
		stroke: rgba(108, 117, 125, .6);
		cursor: pointer
	}
	select {
		margin-left: 2px;
		margin-right: 2px
	}
	.nationality {
		margin-bottom: .5rem
	}
	.genders {
		margin-top: .5rem
	}
	.Resources table {
		position: relative;
		width: 40rem;
		align-self: center;
		font-family: "archia";
		text-transform: none;
		border-spacing: 3px 2px;
		border-collapse: separate
	}
	.Resources table thead {
		background: rgba(32, 26, 162, .12549);
		color: #343a40;
		text-align: center;
		font-size: .7rem
	}
	.Resources table thead th {
		padding: .5rem;
		cursor: pointer;
		border-radius: 5px;
		transition: all .1s ease-in-out;
		z-index: 99
	}
	.Resources table thead th.sticky {
		top: 4px;
		background: #f1f1f1
	}
	.Resources table thead th:hover {
		background: #ecedee
	}
	.Resources table thead th .heading-content {
		display: flex;
		justify-content: space-between;
		position: relative;
		flex-direction: row;
		height: .9rem;
		align-items: center
	}
	.Resources table thead th .heading-content abbr {
		text-align: right
	}
	.Resources table thead th .heading-content svg {
		width: 10px;
		right: 0;
		stroke-width: 4px;
		margin: .15rem 0 0 .25rem;
		color: rgba(108, 117, 125, .6)
	}
	.Resources table tbody {
		color: #6c757d;
		max-width: 10rem
	}
	.Resources table tbody tr {
		transition: background .1s ease-in-out
	}
	.Resources table tbody tr:hover {
		background: rgba(108, 117, 125, .12549)!important
	}
	.Resources table tbody tr.divider {
		height: .5rem;
		background: rgba(108, 117, 125, .06)!important
	}
	.Resources table tbody tr.spacer {
		height: .5rem;
		background: #fff!important
	}
	.Resources table tbody tr:nth-child(2n) {
		background-color: rgba(32, 26, 162, .12549)
	}
	.Resources table tbody td {
		font-size: .6rem;
		border-radius: 5px;
		text-align: left
	}
	.Resources table tbody td .deltas {
		margin-right: .25rem;
		font-size: 11px!important
	}
	.Resources table tbody td .deltas svg {
		width: 9px;
		height: 9px;
		stroke-width: 3;
		vertical-align: -.25px
	}
	.Resources table tbody td:first-child {
		text-align: left;
		max-width: 7.5rem;
		word-wrap: break-word
	}
	.Resources table tbody .state-last-update {
		background: transparent;
		transform: translateX(1rem)
	}
	.Resources table tbody .state-last-update:hover {
		background: #fff!important
	}
	.Resources table tbody .state-last-update td .last-update {
		text-align: left;
		display: flex;
		flex-direction: row;
		align-items: baseline;
		width: 100%
	}
	.Resources table tbody .district-heading {
		transform: translateX(1rem);
		background: rgba(108, 117, 125, .0627451)
	}
	.Resources table tbody .district-heading td {
		font-size: .75rem;
		font-weight: 900;
		padding: .45rem;
		color: #343a40;
		background: rgba(108, 117, 125, .0627451)
	}
	.Resources table tbody .district-heading td .heading-content {
		display: flex;
		justify-content: space-between;
		position: relative;
		flex-direction: row;
		height: .9rem;
		align-items: center
	}
	.Resources table tbody .district-heading td .heading-content abbr {
		text-align: right
	}
	.Resources table tbody .district-heading td .heading-content svg {
		width: 10px;
		right: 0;
		stroke-width: 4px;
		margin: .15rem 0 0 .25rem;
		color: rgba(108, 117, 125, .6)
	}
	.Resources table tbody .district {
		transform: translateX(1rem)
	}
	.Resources table .affected-count {
		position: absolute;
		margin: 0;
		top: -1rem;
		color: rgba(108, 117, 125, .6);
		right: 0
	}
	.Resources table .is-total td {
		background: rgba(108, 117, 125, .12549)
	}
	.Resources table .dropdown {
		position: absolute;
		left: -.75rem;
		background: rgba(108, 117, 125, .0627451);
		border-radius: 50%;
		width: 13px;
		height: 13px;
		margin-top: .5rem;
		cursor: pointer;
		transition: background .2s ease-in-out
	}
	.Resources table .dropdown:hover {
		background: rgba(108, 117, 125, .12549)
	}
	.Resources table .dropdown svg {
		position: absolute;
		top: -.35rem;
		left: 1px;
		width: 11px;
		stroke-width: 3
	}
	.resourcefilters {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}
	.resourcefilter {
		margin-bottom: .4rem
	}
	.filtersection {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-bottom: .1rem;
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	.filtersection .filtertitle {
		align-self: center;
		text-align: center;
		color: #ff073a
	}
	.pagination {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}
	.pagination .select {
		margin-top: .4rem;
		margin-right: 0
	}
	.pagination input {
		margin: .1rem
	}
	.pagination h5 {
		margin-top: 0;
		margin-bottom: .1rem
	}
}

.iframe-container {
	width: 100%;
	min-height: 100vh
}

.iframe-container iframe {
	width: 100vw;
	height: 100vh;
	border: 0
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: .45s;
	animation-duration: .45s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px)
	}
	to {
		opacity: 1;
		transform: translateY(0)
	}
}

.rotateDownRight {
	-webkit-animation-name: rotateDownRight;
	animation-name: rotateDownRight;
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes rotateDownRight {
	to {
		transform: rotate(-90deg)
	}
}

@keyframes rotateDownRight {
	to {
		transform: rotate(-90deg)
	}
}

.rotateRightDown {
	-webkit-animation-name: rotateRightDown;
	animation-name: rotateRightDown;
	-webkit-animation-duration: .25s;
	animation-duration: .25s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes rotateRightDown {
	0% {
		transform: rotate(-90deg)
	}
}

@keyframes rotateRightDown {
	0% {
		transform: rotate(-90deg)
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
	-webkit-animation-duration: .45s;
	animation-duration: .45s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(20px)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	to {
		opacity: 0;
		transform: translateY(20px)
	}
}

.height-22 {
	height: 22px
}


/*# sourceMappingURL=main.f348bd51.chunk.css.map */