.e447-charlimit {
	position: relative;
}

.e447-charlimit-control {
	position: relative;
	padding-right: 6rem;
	z-index: 1;
}

.e447-charlimit-limit {
	position: absolute;
	box-sizing: content-box;
	width: auto;
	height: 13px;
	line-height: 13px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: 8px 8px;
	padding: 0.5rem;
	border: 0px solid transparent;
	border-radius: 4px;
	background-color: #c0c0c0;
	color: #fff;
	z-index: 2;
}

.e447-charlimit > .e447-charlimit-control:focus + .e447-charlimit-limit.e447-charlimit-q1 {
	background-color: #22cd00;
}
.e447-charlimit > .e447-charlimit-control:focus + .e447-charlimit-limit.e447-charlimit-q2 {
	background-color: #b2cd00;
}
.e447-charlimit > .e447-charlimit-control:focus + .e447-charlimit-limit.e447-charlimit-q3 {
	background-color: #cd8c00;
}
.e447-charlimit > .e447-charlimit-control:focus + .e447-charlimit-limit.e447-charlimit-q4 {
	background-color: #cd4800;
}
.e447-charlimit > .e447-charlimit-control:focus + .e447-charlimit-limit.e447-charlimit-full {
	background-color: #ff0000;
}