/* COVID-19 */

.sidePanel.covid-update div.main div.inner {padding: 8px; }
.sidePanel.covid-update div.header {background: yellow;  }
.sidePanel.covid-update div.header .title { color: #000; }


#tooltip .covid-update { padding: 12px; }
#tooltip .covid-update div.status { padding: 6px 0; }

/* shared with tooltip, page etc */

.covid-update span.good {color: green; font-weight: bold; padding: 0 8px; }
.covid-update span.ok {color: orange; font-weight: bold; padding: 0 8px; }

.covid-update .fa-check-circle {color: green; font-size: 22px;  }
.covid-update .ok .fa-check-circle {color: orange; font-size: 22px;  }

.covid-update div.status > * { display: table-cell; vertical-align: middle; }
.covid-update div.status a.hover > * { display: table-cell; vertical-align: middle; }

.sidePanel.covid-update .status { padding: 4px 0; }
.sidePanel.covid-update .status .status-for { padding-right: 4px; }


#pnlMid.covid-update .status { padding: 12px; }
#pnlMid.covid-update .note { padding-left: 12px; }
#pnlMid.covid-update h2.measures { margin-top: 24px; }

#pnlMid.covid-update div.status { font-size: 20px; font-weight: bold; }

#pnlMid.covid-update.staff-update h2 { margin-top: 24px; }

/* show / hide */

.sidePanel.covid-update .wide { display: table-cell; }
.sidePanel.covid-update .narrow { display: none; }

@media only screen and (max-width: 1253px){
	.sidePanel.covid-update .wide { display: none; }
	.sidePanel.covid-update .narrow { display: table-cell; }
}



/* OLD */
.sidePanel.covid-update .status span.all-systems { display: table-cell;  }
.sidePanel.covid-update .status span.systems { display: none; }
@media only screen and (max-width: 1253px){
	.sidePanel.covid-update .status span.all-systems { display: none; }
	.sidePanel.covid-update .status span.systems { display: table-cell; }
}