.show-onload
{
	visibility: hidden;
}

.map-onload
{
	visibility: hidden;
}


#loader
{
	position: absolute;
	top: 40%;
	width: 100%;
	height: 300px;
	text-align: center;
}

#loader img
{
	width: 50px;
}



.flex
{
	display: flex;
}


.large
{
	font-size: 1.20em;
}


canvas
{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}



div#covid-19
{
	position: relative;
	width: 240px;
	height: 160px;
	padding: 10px;
}

div#covid-19 div
{
	width: 100%;
	height: 100%;
	/*background-image: url('../img/covid-19.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: left top;*/
}


select#limit
{
	position: relative;
	top: -1px;
	font-size: 1.10em;
}

select#limit0
{
	position: relative;
	top: 0px;
	font-size: 1.10em;
}



div.flex-container
{
	display: flex;
}

div.menu2
{
    border: 2px solid #999999;
}

div.menu2 > div
{
    width: 33.333%;
    text-align: center;
    font-size: 3em;
    padding: 10px;
}

div.menu2 > div:hover
{
    background-color: #DDDDDD;
}

div.menu2 > div.select
{
    background-color: #FF9999;
}

a 
{
    color: inherit;
    text-decoration: none;
}

a:hover 
{
    text-decoration: none;
}

a:visit 
{
    color: black;
}

#map-data, #map-europe-data
{
	color: white;
	background-color: #333333;
	/*border-top: 4px solid #B23231;*/
	border-bottom: 10px solid #B23231;
	/*margin-bottom: 10px;*/
}

#map-data .map-data, 
#map-europe-data .map-data
{
	display: flex;
	
}

#map-data .map
{
	position: relative;
	width: 70%;
	margin-bottom: 5px;
}

#map-europe-data .map
{
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
}

#map-europe-data .boxes
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

#map-europe-data .map > div
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

#map-europe-data #date
{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 2.00em;
	font-weight: bold;
	text-align: center;
}

/*#map-data .map #date
{
	position: absolute;
	right: 8px;
	top: 48px;
	font-size: 1.80em;
	font-weight: bold;
	text-align: right;
	background-color: #484848;
	padding: 4px 8px 2px 8px;
	border: 1px dotted white;
}

#map-europe-data .map #date
{
	position: absolute;
	right: 0px;
	top: 41px;
	font-size: 1.80em;
	font-weight: bold;
	text-align: right;
	background-color: #484848;
	padding: 4px 8px 2px 8px;
	border: 1px dotted white;
}*/

#map-data #area
{
	font-size: 2em;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 0px;	
}

#map-europe-data #area
{
	font-size: 2em;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 0px;	
}

#map-data .data h3, #map-europe-data .data h3
{
	text-transform: uppercase;
	font-size: 1.4em;
	margin-top: 18px;
	margin-bottom: 5px;	
	display: none;
}

#map-data .data
{
	position: relative;
	top: 30px;
	width: 15%;
	text-align: center;
}

#map-europe-data .data
{
	position: relative;
	text-align: center;
	margin-bottom: 10px;
	z-index: 1;
}

#map-europe-data .data.top
{
	width: 100%;
	display: flex;
}

#map-europe-data .data.top .box
{
	width: 14.2857%;
}

#map-data .data .box:first-child
{
	margin-top: 25px;
}

#map-europe-data .data .box:first-child
{
	border-top: none;
	margin-top: 10px;
}

#map-data .data .box
{
	margin-top: 10px;
	padding: 5px;
	cursor: pointer;
}

#map-europe-data .data .box
{
	position: relative;
	margin-left: -10px;
	/*border-top: 1px dashed #B23231;*/
	border-top: 1px dashed white;
	margin-top: 0px;
	cursor: pointer;
}

#map-europe-data .data .box:hover
{
	background-color: #484848;
}

#map-data .data.left .box, #map-europe-data .data.left .box
{
	margin-right: 5px;
}

#map-data .data.right .box, #map-europe-data .data.right .box
{
	margin-left: 5px;
}

#map-data .data .box.selected, #map-europe-data .data .box.selected
{
	background-color: #484848
}

#map-data .data h4
{
	font-size: 1.20em;
	margin-top: 5px;
	margin-bottom: 5px;
}

#map-europe-data .data h4
{
	font-size: 1.20em;
	margin-top: 0px;
	margin-bottom: 0px;
}

#map-europe-data .data .box .desc
{
	display: none;
	position: absolute;
	top: 0px;
	left: 100%;
	width: 550%;
	height: 100%;
  	justify-content: left;
	align-items: center;
}

#map-europe-data .data .box .desc i
{
	position: relative;
	left: -1px;
	font-size: 1.5em;
}

#map-europe-data .data .box .desc > div
{
	display: inline;
	text-align: left;
	background-color: white;
	border-radius: 10px;
	border: 1px solid #333333;
	color: black;
	padding: 3px 10px;
	z-index: 2;
	box-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white;
}

#map-europe-data .data .box .desc p
{
	text-align: left;
	margin: 0px;
	padding: 2px 0px 1px 0px;
	font-style: italic;
}
	

#map-data .data .number-value
{
	font-size: 1.6em;
	font-weight: bold;
	line-height: 22px;
}

#map-europe-data .data .number-value
{
	font-weight: bold;
}

#map-europe-data .data .more .number-value
{
	font-weight: normal;
}

#map-data .gray, #map-europe-data .gray
{
	color: gray;
}

/*#map-data .map
{
	padding: 10px 10px 5px 10px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}*/

#map-data .map-mode
{
	text-align: center;
	width: 100%;
	font-size: 1.25em;
	margin-bottom: 20px;
}

#map-europe-data .map-mode
{
	position: relative;
	text-align: center;
	width: 100%;
	font-size: 1.25em;
	margin-left: 10px;
	margin-bottom: 10px;
}

svg.mapa
{
	width: 100%;
	height: auto;
}


#map-svg
{
	position: relative;
}

#map-svg #svg-pan-zoom-controls
{
	position: absolute;
	top: 3px;
	right: 3px;
	z-index: 99;
	height: auto;
}

/*#map-svg #svg-pan-zoom-controls button
{
	font-size: 1.25em;
	padding: 3px 5px 1px 5px;
}*/


/*#map-svg
{
	overflow: auto;
}

#map-svg svg
{
	width: 100%;
	height: 100%;
}*/

#map-svg path
{
	cursor: pointer;
}


/*#map-europe-data #map-info
{
	display: flex;
	flex-wrap: nowrap;
	margin: 5px 0px;
}*/


#map-europe-data .population
{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	font-style: italic;
}

#map-europe-data .population #data-population
{
	display: inline-block;
	text-align: right;
	width: 150px;
}

#map-europe-data .population #data-population
{
	font-weight: bold;
}


#map-legend
{
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 40px;
	position: relative;
	top: 5px;
}

#map-legend .map-legend
{
	display: flex;
	width: 100%;
}

#map-legend #reset-button
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: none;
}

#map-legend div
{
	line-height: 20px;
}

#map-legend-gradient
{
	flex-grow: 1;
	background-image: linear-gradient(to right, #319039, #319039, #5d9b3a, #81a63e, #a3b046, #c3b953, #e2c363, #ffcc76, #fdb769, #fba15f, #f68a59, #f17357, #e85b58, #de425b, #de425b); 	
	/*border: 1px solid #FBF7F1;*/
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	top: -1px;
}

#map-legend-gradient.reverse
{
	background-image: linear-gradient(to left, #319039, #319039, #5d9b3a, #81a63e, #a3b046, #c3b953, #e2c363, #ffcc76, #fdb769, #fba15f, #f68a59, #f17357, #e85b58, #de425b, #de425b); 	
}

#colorize-map
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0px;
}


#map-data #map-legend #map-legend-minval
{
	text-align: right;
	width: 75px;	
	font-weight: bold;
}

#map-data #map-legend #map-legend-maxval
{
	text-align: left;
	width: 80px;
	font-weight: bold;
}

#map-europe-data #map-legend #map-legend-minval
{
	text-align: right;
	width: 75px;	
	font-weight: bold;
}

#map-europe-data #map-legend #map-legend-maxval
{
	text-align: left;
	width: 80px;
	font-weight: bold;
}


h2 .diff-minus, h2 .diff-plus, h2 .diff-zero
{
	font-size: 1em;
	font-style: normal;
}

.diff-minus
{
	color: #22CC22; 
}

.diff-plus
{
	color: #FF6666; 
}

.diff-zero
{
	color: #AAAAAA; 
}


/*.number-value
{
	font-size: 1.5em;
	font-weight: bold;
}*/

.number-value-plus
{
	color: #22CC22; 
}

.number-value-minus
{
	color: #FF6666; 
}

.number-value-zero
{
	color: #AAAAAA; 
}




.hidden
{
	display: none !important;
}

#info-stats
{
	/*display: none;*/
	color: white;
	font-size: 1.10em;
	letter-spacing: -1px;
}

#info-stats .container
{
	background-color: #333333;
	border-bottom: 10px solid #B23231;
}

#info-stats .row
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/*justify-content: center;*/
	justify-content: space-around;
	padding-bottom: 5px;
	position: relative;
}

#info-stats .row > div
{
	flex-grow: 0;
	/*width: 110px;*/
	padding-left: 0px;
	padding-right: 0px;
}

#info-stats .row > div#date2
{
	/*display: none;*/
	flex-grow: 0;
	width: 36px;
}

#info-stats .row > div div
{
	text-align: center;
	/*justify-content: center;*/
	justify-content: flex-end;
	align-items: baseline;
}


#info-stats .row > div .total
{
	font-weight: bold;
	font-size: 1.20em;
}

#info-stats .row > div .total-show
{
	display: flex;
}

#info-stats .row > div div.diff
{
	text-align: right;
	font-size: 0.90em;
	line-height: 18px;
	/*letter-spacing: -1px;*/
	z-index: 1;
}

#info-stats .row > div div.date
{
	/*padding-left: 4px;*/
	display: none;
	font-size: 0.75em;
	text-align: right;
	/*width: 42px;*/
	/*letter-spacing: -1px;*/
	z-index: 1;
}

#info-stats .row > div div.date2
{
	/*padding-left: 4px;*/
	/*display: none;*/
	position: relative;
	top: 2px;
	font-size: 0.75em;
	text-align: right;
	/*width: 42px;*/
	z-index: 1;
}

#info-stats .row > div#date2 div.weekend
{
	position: absolute;
	left: -4px;
	width: 100%;
	height: 19px;
	/*padding: 0px 2px;*/
	background-color: #434343;
	z-index: 0;
}


/*#info-stats .row > div div div:first-child div.diff
{
	font-weight: bold;
	font-size: 1.10em;
}*/

#info-stats .row > div div div div.diff.first
{
	font-weight: bold;
	font-size: 1.10em;
	position: relative;
	top: -2px;
}

#info-stats a:hover
{
	text-decoration: underline;
}



.chartjs-tooltip-legend 
{
	display: inline-block;
	width: 10px;
	height: 10px;
}


#tablesorter
{
	overflow: auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 25px;
	font-size: 0.95em;
	letter-spacing: -1.25px;
}

#tablesorter p
{
	font-size: 1.0em;
	letter-spacing: 0px;
}

#tablesorter h3
{
	font-size: 2.0em;
	padding-top: 20px;
	padding-bottom: 0px;
}


.tablesorter
{
	margin: 0px auto;
	margin-top: 20px;
	border-collapse: collapse;
	width: 100%;
}

.tablesorter thead
{
	background-color: white;
	border-bottom: 1px solid black;
}

.tablesorter th
{
	cursor: pointer;
	padding: 2px 2px;
	font-size: 1em;
}

.tablesorter tbody tr:nth-child(odd)
{
	/*background-color: white;*/
	/*background-color: #FBF7F1;*/
	background-color: #EEEEEE;
}

.tablesorter tr.selectable
{
	cursor: pointer; 
}

.tablesorter tr.select
{
	background-color: #B23231 !important;
	color: white;
}

.tablesorter td
{
	border-top: 1px solid #333333;
	padding: 2px 4px 1px 4px;
}

.tablesorter td.pos
{
	text-align: right;
}

.tablesorter td.date
{
	text-align: right;
}

.tablesorter .label
{
	font-weight: bold;
}

.tablesorter .label span
{
	position: relative;
	top: -2px;
	display: inline-block;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 3px;
	white-space: nowrap;
	margin-top: -5px;
}

.tablesorter .number
{
	text-align: right;
}

.tablesorter .dotted-right
{
	border-right: 1px dotted black;
}




div.fb-like
{
	position: absolute;
	top: 5px;
	right: 112px;
	height: 30px;
	width: 187px;
}

div.fb-like > span, div.fb-like iframe
{
	width: 187px !important;
}

div.paypal-donate
{
	position: absolute;
	top: 5px;
	right: 0px;
	height: 30px;
	width: 110px;
}

div.paypal-donate a
{
	display: block;
	font-size: 13px;
	border-radius: 4px;
	height: 28px;
	line-height: 28px;
	color: white;
	font-weight: bold;
	width: 100px;
	padding: 0 8px;
	text-align: center;
	/*background-color: #22CC22;*/
	/*background-color: #319039;*/
	background-color: #13a31f;
}

div#trend-rate
{
	display: block;
	position: absolute;
	top: 36px;
	right: 0px;
	height: 120px;
	width: 250px;
	/*border: 1px solid red;*/
	text-align: right;
	color: white;
	font-size: 1.0em;
}

div#trend-rate div
{
	height: auto !important;
}

div#trend-rate div#trend-rate-desc
{
	font-size: 0.85em;
	font-weight: bold;
}

div#trend-rate div#trend-rate-7d
{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

div#trend-rate div#trend-rate-7d .desc
{
	text-align: center;
	padding-right: 10px;
	font-size: 0.9em;
}

div#trend-rate div#trend-rate-7d .value
{
	font-weight: bold;
	font-size: 2.5em;
}

div#trend-rate div#trend-rate-7d i
{
	transform: rotate(0deg);
}

div#trend-rate div#trend-rate-1d
{
	display: flex;
	justify-content: flex-end;
}

div#trend-rate div#trend-rate-1d > div
{
	margin-right: 4px;
}

div#trend-rate div#trend-rate-1d div .date
{
	margin-top: 4px;
	font-size: 0.7em;
	font-weight: normal;
	text-align: center;
}

div#trend-rate div#trend-rate-1d div .value
{
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
	width: 32px;
	line-height: 32px;
	text-shadow: 0 0 3px #333333, 0 0 3px #333333;
}

div#trend-rate .follow
{
	margin-top: 5px;
	font-size: 1.0em;
	font-style: italic;
}

div#trend-rate .follow p
{
	margin: 0px;
	letter-spacing: -0.33px;	
	line-height: 25px;
	margin-left: -50px;
}

div#trend-rate .follow p a
{
	font-weight: normal;
	font-size: 1.75em;
	text-decoration: none;
	color: white;
}

div#trend-rate .follow p a:hover
{
	text-decoration: none;
	color: #B23231;
}

div#trend-rate .follow p a i
{
	display: inline-block;
	border: 2px solid white;
	border-radius: 7px 7px;
	text-align: center;
	width: 32px;
	height: 28px;
	padding-top: 3px;
}

div#trend-rate .follow p a:hover i
{
	background-color: white;
	color: black;
}

div#trend-rate .follow p span
{
	position: relative;
	top: -5px;
}

div#trend-rate .follow p a img
{
	width: 32px;
	height: 32px;
	position: relative;
	top: 4px;
}

#main .row p.follow1-footer, p.follow2-footer
{
	font-size: 1.15em;
}

#main .row p.follow2-footer
{
	width: 280px;
	text-align: left;
	padding-left: 5%;
	margin-left: auto;
	margin-right: auto;
}

#main .row p.follow2-footer a i
{
	display: inline-block;
	width: 25px;
	text-align: center;
}

#main .row p.follow2-footer a img
{
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
}

#main .row p.follow2-footer a span
{
	padding-left: 10px;
	position: relative;
	top: -8px;
}


div#fb-page > div
{
	text-align: center;
}

div#fb-page .fb-page
{
	padding-left: 4%;
}


.graph-limit,
.info-bar
{
	color: white;
	background-color: #B23231;
	padding-top: 5px;
	padding-bottom: 5px;
}

.graph-limit .row > div,
.info-bar .row > div
{
	display: flex;
	justify-content: center;
  	align-items: flex-end;
}

.info-bar p
{
	font-style: italic;
	font-size: 1.20em;
}

.graph-limit .row div .legend
{
	text-align: center;
	width: 3;
	margin-left: -10px;
}


.graph-limit .row div .legend label span
{
	padding-left: 5px;
}

.graph-limit .obec
{
	text-align: center;
	font-size: 1.15em;
	padding-top: 5px;
	padding-bottom: 5px;
}

.graph-limit .obec label
{
	font-weight: bold;
}

.graph-limit .obec input
{
	width: 300px;
}

.graph-limit-compare
{
	color: white;
	background-color: #333333;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 8px;
}

.graph-limit-compare select
{
	position: relative;
    font-size: 1.07em;
}


#autor
{
	flex-wrap: wrap;
	flex-direction: row;
}

#autor p
{
	text-align: left;
}

#autor .d1
{
	flex: 30%;
	text-align: center;
	align-self: center;
}

#autor .d1 div
{
	font-size: 1.3em;
	margin-bottom: 35px;
}

#autor .d1 div a
{
	text-decoration: none;
}

#autor .d1 div a:hover
{
	text-decoration: underline;
}

#autor .d2
{
	flex: 70%;
	margin-bottom: 25px;
}

#autor img
{
	width: 80%;
	margin-bottom: 10px;
}


#autor p.a
{
	font-weight: bold;
	padding-top: 5px;
	padding-left: 20px;
}

#autor p.b
{
	font-style: italic;
	padding-bottom: 5px; 
	padding-left: 60px;
}


.start
{
	text-align: center;
	margin-bottom: 0px;
}

.start img
{
	width: 80%;
	box-shadow: 0 0 8px white, 0 0 12px white, 0 0 16px white;
}

.podekovani
{
	text-align: center;
	margin-bottom: 30px;
}

.podekovani h2
{
	margin-top: 15px;
}

.podekovani img
{
	width: 250px;
}


#progress-info, #progress2-info, .progress-info
{
	display: flex;
	width: 90%;
	margin: 0px auto; 
	text-align: center;
	font-size: 1.25em;
	margin-top: 7px;
	margin-bottom: 2px;
}

/*.progress-info
{
	text-align: left;
	font-size: 1.00em;
}*/

#progress-info div, #progress2-info div, .progress-info div
{
	flex-grow: 1;
}


#progress, #progress2, .progress
{
	display: flex;
	width: 90%; 
	margin: 0px auto; 
	line-height: 42px;
	font-size: 1.30em;
}


#progress .load, #progress2 .load, .progress .load
{
	flex-grow: 1;
	background-color: #333333;
	border-radius: 10px;
}

#progress .load > div:first-child, #progress2 .load > div:first-child, .progress .load > div:first-child
{
	color: white;
	background-color: #B23231;
	text-align: right;
	border-radius: 10px;
	text-shadow: 0 0 3px #333333, 0 0 3px #333333;
}

#progress .load div span, #progress2 .load div span, .progress .load div span
{
	padding-right: 10px;
	font-weight: bold;
}

#progress .unload, #progress2 .unload, .progress .unload
{
	padding-left: 10px;
	flex-grow: 0;
}

.progress .load 
{
	display: flex;
}

.progress .load > div 
{
	display: flex;
	font-weight: bold;
	color: white;
}

.progress .load div > div.ratio 
{
	flex-grow: 1;
	padding-left: 10px;
	text-align: left;
	white-space: nowrap;
}

.progress .load div > div.percent-left
{
	flex-grow: 0;
	padding-right: 5px;
	text-align: right;
}

.progress .load > div.percent-right
{
	flex-grow: 1;
	padding-left: 5px;
	text-align: left;
}

.progress .unload
{
	text-align: right;
	width: 120px;
}


#info-stats #stats-more
{
	font-size: 0.75em;
	text-align: center;	
	margin-top: -3px;
	padding-bottom: 0px;
	letter-spacing: 0px;
}

#stats-more a
{
	margin-bottom: 2px;
	font-style: italic;
}


.stats-care
{
	margin-bottom: 25px;
}

.stats-care h2
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.stats-care h4
{
	text-align: left;
	font-size: 1.20em;
	padding-bottom: 2px;
}

.stats-care .care-name
{
	display: flex;
	align-items: flex-end;
}

.stats-care .care-name > div
{
	flex-grow: 1;
}

.stats-care .care-name .care-values
{
	text-align: right;
	font-weight: bold;
	font-size: 1.25em;
	flex-grow: 0;
}


.sorry
{
	background-color: #B23231;
	color: white;
	margin-top: -10px;
}

.sorry p
{
	position: relative;
	top: 1px;
	font-style: normal;
	font-size: 1.10em;
}

.sorry a
{
	text-transform: uppercase;
	text-decoration: none !important;
}

.sorry a:hover
{
	text-decoration: underline !important;
}


.PES-1
{
	color: #34AF63;
}

.PES-2
{
	color: #EEC42C;
}

.PES-3
{
	color: #E37D2F;
}

.PES-4
{
	color: #E44942;
}

.PES-5
{
	color: #9A57B3;
}

#map-legend-gradient.PES
{
	background-image: linear-gradient(to right,  #34AF63, #34AF63, #34AF63, #34AF63, #EEC42C, #EEC42C, #EEC42C, #EEC42C, #E37D2F, #E37D2F, #E37D2F, #E37D2F, #E44942, #E44942, #E44942, #9A57B3, #9A57B3, #9A57B3, #9A57B3, #9A57B3);*
}



#footer #czechia
{
	position: absolute;
	bottom: 0px;
	text-align: right;
	width: 76.5%;
	padding: 0px;
}

#footer #czechia p
{
	position: relative;
	top: -2px;
	right: 2px;
	font-style: italic;
	font-weight: bold;
	font-size: 0.70em;
	margin: 0px;
}

#footer #czechia img
{
	width: 170px;
}



.center
{
	display: block;
	width: 100%;
	margin: auto;
}





.graph-limit
{
	overflow: visible;
	position: relative;
}

.graph-limit .row
{
	position: relative;
}

#banner-wrapper
{
	width: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: visible;
}


.graphs .row, #map-europe-data .row
{
	position: relative
}

#banner-left
{
	display: block;
	position: absolute;
	width: 250px;
	height: 450px;
	/*border: 1px solid blue;*/
	z-index: 1;
	left: -300px;
	top: 0px;
}


#banner-right
{
	display: block;
	position: absolute;
	width: 250px;
	height: 450px;
	/*border: 1px solid red;*/
	z-index: 1;
	right: -300px;
	top: 0px;
}

#map-europe-data #banner-left, #map-europe-data #banner-right
{
	top: 10px;
}


#vaccine-stats
{
	position: absolute;
	top: 120px;
	left: 0px;
	width: 66%;
	font-size: 1.25em;
	color: #fafafa;
	
}


#vaccine-stats p
{
	width: 100%;
	text-align: center;
	text-shadow: 0 0 7px #333333, 0 0 7px #333333;
}


#vaccine-stats p span.number
{
	font-size: 1.33em;
	font-weight: bold;
	/*color: #e2c363;*/
	color:#fdd38b;
	/*color: #ffcc76;*/
}

#vaccine-stats p span.date
{
	font-weight: bold;
}


.vaccine
{
	color: #fdd38b;
}



td.points
{
	font-size: 1.1em;
}


/*.weekend
{
	background-color: #434343;
}*/


h2 > span.hospital-percent
{
	color: #B23231;
	font-style: normal;
	font-size: 1.25em;
}


.widget
{
	font-size: 1.25em;
	font-weight: bold;
}



#map-player
{
	text-align: center;
	/*display: none;*/
	margin-bottom: 7px;
}

#map-player #player-pause
{
	display: none;
}

#map-player input#player-interval
{
	font-size: 1.333em;
	width: 70px;
}

#map-player span
{
	margin-right: 25px;
}


#map-player p
{
	margin-bottom: 0px;
}


h3#click-map-info
{
	font-size: 1.333em;
	color: #B23231;
	margin-top: 10px;
	margin-bottom: 15px;
}

h3#click-map-info i
{
	position: relative;
	top: -4px;
	font-size: 1.25em;
	padding-left: 5px;
}

h3#click-map-info .info
{
	display: none;
}


.graph-show-hide
{
	text-align: center;
	font-size: 0.9em;
}


#categories
{
	position: relative;
	width: 100%;
	height: 50px;
	background-color: #333333;
	border-bottom: 10px solid #B23231;
}

#categories .row > div
{
	position: relative;
	display: flex;
	height: 50px;
	border-bottom: 10px solid #B23231;
}

#categories .row > div div
{
	flex-grow: 1;
	text-align: center;
	font-size: 1.25em;
	letter-spacing: -1.0px;
}

#categories .row > div div a
{
	display: inline-block;
	width: 100%;
	line-height: 55px;
	height: 50px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}


#categories .row > div div a:hover, #categories .row > div div a.select
{
	background-color: rgb(255, 255, 255, 0.2);
	border-bottom: 10px solid white;
}


.gray
{
	background-color: #EEEEEE;
}


#donate
{
	background-color: #EEEEEE;
	border-top: 10px solid #333333;
	border-bottom: 10px solid #333333;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

#donate h2
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#donate .payment .qr
{
	text-align: right;
	width: 192px;
}

#donate .payment .qr img
{
	width: 192px;
	height: 192px;
}


#donate .payment
{
	display: flex;
	padding: 5px;
	width: 525px;
	margin: 0px auto;
}

#donate .payment div
{
	align-self: center;
}

#donate .payment .icon
{
	padding-right: 10px;
}

#donate .payment .icon img
{
	width: 128px;
	height: 128px;
}

#donate .payment img
{
	width: 64px;
	height: 64px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#donate .payment .info
{
	position: relative;
	width: 240px;
	font-size: 1.10em;
}

#donate .payment .info .name
{
	font-weight: bold;
}

#donate .payment .info p
{
	text-align: left;
}

#donate .payment .info img
{
	height: 100%;
}

#donate .payment .info img
{
	height: 100%;
}

#donate .payment .info img.mastercard
{
	position: relative;
	top: 8px;
	left: 5px;
}

#donate .payment .data
{
	font-style: italic; 
}


div.population
{
	margin-bottom: 15px;
}

div.population-vaccine
{
	margin-bottom: 5px;
}

.population h3,
.population-vaccine h3
{
	margin-top: 15px;
}

.population h5,
.population-vaccine h5
{
	margin-bottom: 5px;
}

.population .info
{
	width: 570px;
}

.population-vaccine .info
{
	width: 420px;
}

.population .info,
.population-vaccine .info
{
	text-align: center;
	font-size: 0.90em;
	border-top: 1px dotted black;
	margin-left: auto;
	margin-right: auto;
	background-color: #EEEEEE;
}

#population
{
	width: 580px;
}

#population-vaccine
{
	width: 580px;
}

#population,
#population-vaccine
{
	display: flex;
	justify-content: center;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#population > div,
#population-vaccine > div
{
	padding-left: 5px;
	padding-right: 5px;
}


table.population
{
	border-collapse: collapse;
	font-size: 0.90em;
}

table.population tr:nth-child(even)
{
	background-color: #EEEEEE;
}

table.population tr:nth-child(odd)
{
	background-color: #FFFFFF;
}

table.population th
{
	text-align: center;
}

table.population th, 
table.population td
{
	padding-left: 4px;
	padding-right: 4px;
}

table.population th.age 
{
	/*width: 30px;*/
}

table.population th.count
{
	/*width: 75px;*/
}

table.population td
{
	text-align: right;
	border-top: 1px solid black;
}

table.population td.age 
{
	font-weight: bold;
}

table.population td.label 
{
	font-weight: bold;
	text-align: left;
	width: 100px;
}

table.population td.count
{
	font-style: italic;
}

table.population td.percent
{
	font-weight: bold;
	color: #B23231;
	padding-left: 10px;
}


.anchor
{
	font-size: 0.90em;
	text-align: center;
	margin-bottom: 20px;
}


.info-title
{
	color: white;
	background-color: #333333;
}

.info-title h3
{
	text-transform: uppercase;
	padding-top: 7px;
	padding-bottom: 5px;
}

.separator
{
	border-bottom: 10px solid #333333;
}


table#PES-version
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	font-size: 0.95em;
}

table#PES-version td
{
	border-top: 1px solid black;
}

table#PES-version td.date
{
	text-align: center;
	width: 90px;
	border-right: 1px dotted black;
}

table#PES-version td.version
{
	text-align: center;
	width: 90px;
	font-weight: bold;
	border-right: 1px dotted black;
}

table#PES-version td.text
{
	text-align: left;
	width: auto;
	font-style: italic;
	padding-left: 5px;
}


div.donations p
{
	font-size: 0.90em;
}

table.donations
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
	font-size: 0.95em;
}

table.donations th
{
	padding-left: 5px;
	padding-right: 5px;
}

table.donations td
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	border-top: 1px solid black;
}

table.donations td.type
{
	text-align: center;
}

table.donations td.type img
{
	width: 32px;
}

table.donations td.date
{
	text-align: center;
	white-space: nowrap;
}

table.donations td.person
{
	text-align: center;
	white-space: nowrap;
}

table.donations td.amount
{
	text-align: right;
	white-space: nowrap;
}

table.donations td.fee
{
	text-align: right;
	white-space: nowrap;
}

table.donations td.message
{
	text-align: left;
	font-style: italic;
}

table.donations td.message span
{
	font-style: normal;
}

table.table-vaccine-second
{
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 5px;
	border-collapse: collapse;
}


table.table-vaccine-second td
{
	padding-left: 5px;
	padding-right: 5px;
}


#main .graph-week p
{
	padding-bottom: 3px;
}

#main .graph-week p select	
{	
	position: relative;
	top: -1px;
	font-size: 1.10em;
}


.tablesorter .percent
{
	color: #B23231;
}

.wrapper 
{
	position: relative;
	overflow: auto;
}


#contact-email
{
	font-size: 1.00em;
	font-weight: bold;
}