.recordatorio-cdb {
	width: 350px;
	clear: right;
	float: right;
	text-align: center;
	margin: 0 0 1em 1em;
}
.recordatorio-cdb.izquierda {
	clear:left;
	float:left;
	margin:0 1em 1em 0;
}

.recordatorio-cdb .poor {
	background-color: #f0a0a0;
}
.recordatorio-cdb .fair {
  background-color: #fff0a0;
}
.recordatorio-cdb .good {
	background-color: #c0f0c0;
}
.recordatorio-cdb .expired {
	background-color: #c4f4ff;
}

html.skin-theme-clientpref-night .recordatorio-cdb .poor {
	background-color: #3c1a13;
	color: #eaecf0;
}
html.skin-theme-clientpref-night .recordatorio-cdb .fair {
	background-color: #453217;
	color: #eaecf0;
}
html.skin-theme-clientpref-night .recordatorio-cdb .good {
	background-color: #132821;
	color: #eaecf0;
}
html.skin-theme-clientpref-night .recordatorio-cdb .expired {
	background-color: #233566;
	color: #eaecf0;
}

@media (prefers-color-scheme:dark) {
	html.skin-theme-clientpref-os .recordatorio-cdb .poor {
		background-color: #3c1a13;
		color: #eaecf0;
	}
	html.skin-theme-clientpref-os .recordatorio-cdb .fair {
		background-color: #453217;
		color: #eaecf0;
	}
	html.skin-theme-clientpref-os .recordatorio-cdb .good {
		background-color: #132821;
		color: #eaecf0;
	}
	html.skin-theme-clientpref-os .recordatorio-cdb .expired {
		background-color: #233566;
		color: #eaecf0;
	}
}