.tile {
	background:#4f4f4f;
	padding: 20px 0;
	margin: 20px 0;
}

.tiletitle {
	font-size: 18px;
	font-weight: bolder; 
	text-align: left;
	margin:0;
	padding:0;
	color: #b2c831;
}

.wdata {
	font-size: 26px;
  font-weight: bold;
  line-height:24px;
  color: #ffffff;
}

.nodata {
	font-size: 22px;
  font-weight: bold;
  line-height:24px;
  color: #ffffff;
}

.wtext { font-weight: 500; color: #ffffff; }
.wdim  { font-size: 14px; font-weight: 400; color: #ffffff; }
.va20  { vertical-align: 7px; }
.w500  { font-weight: 500; }

.icon20 {
	margin: -5px 0 0 20px;
	padding: 0;
	width: 20px;
	height: 30px;
	float: left;
}
.icon30 {
	margin: -5px 0 0 20px;
	width: 30px;
	height: 30px;
	float: left;
}
.icon40 {
	margin: -5px 0 0 20px;
	width: 40px;
	height: 30px;
	float: left;
}

.blinking { animation:blinkingText 2s infinite; } /* animate airquality warnings */
@keyframes blinkingText {
	0%   { color: #f00; }
	49%  { color: #f00; }
	60%  { color: transparent; }
	99%  { color: transparent; }
	100% { color: #f00; }
}


.historyMenu {
	border:2px solid white;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-spacing: 0px 0px;
	width: 100%;
	margin-bottom: 1rem;
	color: #b2c831;
	font-weight: bold;
}

.historyMenu select {
	margin: 6px 10px 5px 10px;
	font-size: 13px;
}

.historyTable {
	border:3px solid white;
	border-spacing: 0;
	width: 100%;
	font-size: 12px;
}

.historyTable th, td {
	border:2px solid #5f5f5f;
	padding: 3px 0;
	font-weight: bold;
}

.historyTable th { color: #b2c831; }
.historyTable th.y { width: 6%; }
.historyTable th.m { width: 7.75%; }
.historyTable td.c { color: black; }
.historyTable td.d { color: #b2c831; }


table {
	color: white;
	border: 2px solid white;
}
td, th { border: 1px solid white; }
th { color: #b2c831; }