.weather-table {
	margin-bottom: 40px;
	border: 1px solid #ccc;
	width: 100%;
	min-width: 500px;
}
.weather-table th {
	font-size: 15px;
}
.weather-table td {
	font-size: 14px;
}
.weather-table th,
.weather-table td {
	padding: 10px 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.weather-table thead {
	background: #e1e1e1;
}
.weather-table tbody tr:nth-child(even) {
	background-color: #f1f1f1;
}
.update-field--title,
.update-field--status {
	white-space: nowrap;
}
.update-field--datetime {
	text-align: center;
}
.update-status {

	width: 12px;
	height: 12px;
	border-radius: 6px;
	display: inline-block;
	margin-right: 8px;
	position: relative;
}
td .update-status {
	cursor: pointer;
}

.update-status--green {
	background-color: #1a661a;
}
.update-status--yellow {
	background-color: #cccc33;
}
.update-status--orange {
	background-color: #cc9633;
}
.update-status--red-orange:after,
.update-status--red-green:after {
	content: "";
	position: absolute;
	width: 6px;
	height: 12px;
	top: 0;
	right: 0;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.update-status--red-orange {
	background-color: #cc3333;
}
.update-status--red-orange:after {
	background-color: #cc9633;
}
.update-status--red-green {
	background-color: #cc3333;
}
.update-status--red-green:after {
	background-color: #1a661a;
}
.update-status--red {
	background-color: #cc3333;
}
.update-status--none {
	background-color: #808080;
}
.alert-legend__item {
	font-size: 13px;
	margin-bottom: 3px;
}

.weather-updated {
	margin-bottom: 12px;
	font-size: 14px;
}

.weather-updated__value {
	font-weight: bold;
}