.field:not(.error) .required-message {
  display: none;
}

.field.error .required-message {
  color: #CC0000;
  font-weight: bold;
}

.field.error input,
.field.error select,
.field.error textarea {
  border: #CC0000 1px solid;
  background-color: #FFCCCC;
}

.webform-wrapper:not(.sending) .webform-loading {
  display: none;
}

.webform-description {
	position: absolute;
	top: 0;
	left: 0;
	border: #000 1px solid;
	background-color: #DDD;
	padding: 3px;
	max-width: 400px;
}

.field.webform-rating ul li {
	display: inline;
}
.field.webform-rating ul li a.star {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url('/modules/cinnamon/cinnamon_templating/images/rating/star-normal.svg');
	background-repeat: no-repeat;
	background-size: cover;
}
.field.webform-rating ul li a.star.active {
	background-image: url('/modules/cinnamon/cinnamon_templating/images/rating/star-active.svg');
}
.field.webform-rating ul li a.star.hover {
	background-image: url('/modules/cinnamon/cinnamon_templating/images/rating/star-hover.svg');
}
.field.webform-rating ul li a.star.small {
	width: 16px;
	height: 16px;
}
.field.webform-rating ul li a.star.large {
	width: 32px;
	height: 32px;
}