.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;
}

/* upload field */
.field.upload-field-wrapper input[type="file"] {
	display: none;
}
.field.upload-field-wrapper label.upload-button {
  border: 1px solid #333;
	color: #333;
	border-radius: 5px;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}
.field.upload-field-wrapper.max-files-reached {}
.field.upload-field-wrapper.loading {}
.field.upload-field-wrapper.max-files-reached label.upload-button,
.field.upload-field-wrapper.loading label.upload-button {
	cursor: not-allowed;
	color: #CCC;
	border-color: #CCC;
}

form.cinnamon-webform.hidden,
.webform-result-message.hidden {
	display: none;
}

form.cinnamon-webform.\!hidden,
.webform-result-message.\!hidden {
	display: none !important;
}