/*
By: quark
---
For use with the Uniform plugin:
*/

/*  GLOBAL DECLARATION
================================================================= */
div.selector-field,
div.selector-field span,
div.checker-field span,
div.radio-field span,
div.uploader-field,
div.uploader-field span.action,
div.text-field,
div.text-field span,
div.textarea-field span {
  background-image: url(../images/uniform/sprite-light.png);
  background-repeat: no-repeat;
}
.selector-field,
.radio-field,
.checker-field,
.uploader-field,
.text-field,
.textarea-field {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, serif;
}
.selector-field *,
.radio-field *,
.checker-field *,
.uploader-field *,
.text-field *,
.textarea-field * {
  margin: 0;
  padding: 0;
}
.selector-field,
.radio-field,
.checker-field,
.uploader-field,
.text-field,
.textarea-field {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer;
}
.selector-field.disabled,
.radio-field.disabled,
.checker-field.disabled,
.uploader-field.disabled,
.text-field.disabled,
.textarea-field.disabled {
  cursor: default;
}
.selector-field.disabled *,
.radio-field.disabled *,
.checker-field.disabled *,
.uploader-field.disabled *,
.text-field.disabled *,
.textarea-field.disabled * {
  cursor: default;
}
.text-field, .textarea-field {
  cursor: text;
}
.selector-field select:focus,
.radio-field input:focus,
.checker-field input:focus,
.uploader-field input:focus,
.text-field input:focus,
.textarea-field textarea:focus {
  outline: 0;
}
.selector-field select,
.radio-field input,
.checker-field input,
.uploader-field input,
.text-field input,
.textarea-field textarea {
  border: none !important;
}


/*  SELECT
================================================================= */
div.selector-field {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
  position: relative;
  top: -2px;
  margin-left: 10px;
  padding-right: 25px;
  font-size: 12px;
  vertical-align: middle;
}
div.selector-field span {
  background-position: -524px -130px;
  display: block;
  overflow: hidden;
  margin-left: -10px;
  padding: 0 0 0 10px;
  height: 26px;
  line-height: 27px;
  color: #333;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 #fff;
  white-space: nowrap;
}
div.selector-field select {
  min-width: 100%;
  height: 25px;
  margin-left: -7px;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
div.selector-field:active, div.selector-field.active {
  background-position: right -26px;
}
div.selector-field:active span, div.selector-field.active span {
  background-position: -524px -156px;
}
div.selector-field.focus, div.selector-field.hover, div.selector-field:hover {
  background-position: right -52px;
}
div.selector-field.focus span, div.selector-field.hover span, div.selector-field:hover span {
  background-position: -524px -182px;
}
div.selector-field.focus:active,
div.selector-field.focus.active,
div.selector-field:hover:active,
div.selector-field.active:hover {
  background-position: right -78px;
}
div.selector-field.focus:active span,
div.selector-field.focus.active span,
div.selector-field:hover:active span,
div.selector-field.active:hover span {
  background-position: -524px -208px;
}
div.selector-field.disabled,
div.selector-field.disabled:hover,
div.selector-field.disabled.hover,
div.selector-field.disabled:active,
div.selector-field.disabled.active {
  background-position: right -104px;
}
div.selector-field.disabled span,
div.selector-field.disabled:hover span,
div.selector-field.disabled.hover span,
div.selector-field.disabled:active span,
div.selector-field.disabled.active span {
  background-position: -524px -234px;
  color: #bbb;
}


/*  CHECKBOX
================================================================= */
div.checker-field {
  position: relative;
  width: 19px;
  height: 19px;
  margin-right: 1px;
  top: -1px;
  vertical-align: middle;
}
div.checker-field input {
  width: 19px;
  height: 19px;
  background: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
div.checker-field span {
  background-position: -41px -260px;
  display: block;
  height: 19px;
  width: 19px;
  float: left;
}
div.checker-field span.checked {
  background-position: -117px -260px;
}
div.checker-field:active span, div.checker-field.active span {
  background-position: -60px -260px;
}
div.checker-field:active span.checked, div.checker-field.active span.checked {
  background-position: -136px -260px;
}
div.checker-field.focus span, div.checker-field:hover span {
  background-position: -79px -260px;
}
div.checker-field.focus span.checked, div.checker-field:hover span.checked {
  background-position: -155px -260px;
}
div.checker-field.focus:active span,
div.checker-field:active:hover span,
div.checker-field.active:hover span,
div.checker-field.focus.active span {
  background-position: -98px -260px;
}
div.checker-field.focus:active span.checked,
div.checker-field:active:hover span.checked,
div.checker-field.active:hover span.checked,
div.checker-field.focus.active span.checked {
  background-position: -174px -260px;
}
div.checker-field.disabled span, div.checker-field.disabled:active span, div.checker-field.disabled.active span {
  background-position: -193px -260px;
}
div.checker-field.disabled span.checked, div.checker-field.disabled:active span.checked, div.checker-field.disabled.active span.checked {
  background-position: -212px -260px;
}


/*  RADIO
================================================================= */
div.radio-field {
  position: relative;
  margin-right: 1px;
  top: -1px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}
div.radio-field input {
  width: 18px;
  height: 18px;
  background: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
div.radio-field span {
  background-position: -41px -279px;
  display: block;
  float: left;
  height: 18px;
  width: 18px;
}
div.radio-field span.checked {
  background-position: -113px -279px;
}
div.radio-field:active span, div.radio-field.active span {
  background-position: -59px -279px;
}
div.radio-field:active span.checked, div.radio-field.active span.checked {
  background-position: -131px -279px;
}
div.radio-field.focus span, div.radio-field:hover span {
  background-position: -77px -279px;
}
div.radio-field.focus span.checked, div.radio-field:hover span.checked {
  background-position: -149px -279px;
}
div.radio-field.focus:active span,
div.radio-field:active:hover span,
div.radio-field.active:hover span,
div.radio-field.active.focus span {
  background-position: -95px -279px;
}
div.radio-field.focus:active span.checked,
div.radio-field:active:hover span.checked,
div.radio-field.active:hover span.checked,
div.radio-field.active.focus span.checked {
  background-position: -167px -279px;
}
div.radio-field.disabled span, div.radio-field.disabled:active span, div.radio-field.disabled.active span {
  background-position: -185px -279px;
}
div.radio-field.disabled span.checked, div.radio-field.disabled:active span.checked, div.radio-field.disabled.active span.checked {
  background-position: -203px -279px;
}


/*  UPLOAD
================================================================= */
div.uploader-field {
  background-position: -41px -297px;
  position: relative;
  width: 115px;
  height: 28px;
  margin-right: 85px;
  top: -2px;
  vertical-align: middle;
}
div.uploader-field span.action {
  background-position: right -409px;
  margin-right: -85px;
  width: 85px;
  height: 24px;
  line-height: 24px;
  position: relative;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
}
div.uploader-field span.filename {
  float: left;
  overflow: hidden;
  margin: 2px 0px 2px 2px;
  padding: 0px 10px 0 7px;
  width: 95px;
  height: 24px;
  line-height: 24px;
  border-right: solid 1px #bbb;
  color: #777;
  text-overflow: ellipsis;
  font-size: 12px;
  white-space: nowrap;
}
div.uploader-field input {
  position: absolute;
  width: 200px;
  height: 27px;
  top: 0;
  right: -85px;
  border: none;
  opacity: 0;
  filter: alpha(opacity=0);
}
div.uploader-field.focus, div.uploader-field.hover, div.uploader-field:hover {
  background-position: -41px -353px;
}
div.uploader-field.focus span.action, div.uploader-field.hover span.action, div.uploader-field:hover span.action {
  background-position: right -437px;
}
div.uploader-field.active span.action, div.uploader-field:active span.action {
  background-position: right -465px;
}
div.uploader-field.focus.active span.action,
div.uploader-field:focus.active span.action,
div.uploader-field.focus:active span.action,
div.uploader-field:focus:active span.action {
  background-position: right -493px;
}
div.uploader-field.disabled {
  background-position: -41px -325px;
}
div.uploader-field.disabled span.action {
  background-position: right -381px;
  color: #aaa;
}
div.uploader-field.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}


/*  TEXT / PASSWORD
================================================================= */
div.text-field {
  background-position: -41px -297px;
  position: relative;
  margin-top: -2px;
  height: 28px;
  margin-right: 10px;
  padding: 0 0 0 10px;
  vertical-align: middle;
}
div.text-field span {
  background-position: right -521px;
  position: absolute;
  width: 10px;
  height: 28px;
  right: -10px;
  overflow: hidden;
}
div.text-field input {
  height: 19px;
  line-height: 19px;
  background: #f2f2f2;
  position: relative;
  top: 4px;
  margin-left: -3px;
  margin-right: -3px;
  color: #000;
  font-size: 12px;
  float: left;
  border: none;
  white-space: nowrap;
  padding: 0 0 0 0;
}
div.text-field.focus, div.text-field.hover, div.text-field:hover {
  background-position: -41px -353px;
}
div.text-field.focus span, div.text-field.hover span, div.text-field:hover span {
  background-position: right -577px;
}
div.text-field.focus input, div.text-field.hover input, div.text-field:hover input {
  background: #ffffff;
}
div.text-field.disabled {
  background-position: -41px -325px;
}
div.text-field.disabled span {
  background-position: right -549px;
}
div.text-field.disabled input {
  color: #aaa;
  background: #fafafa;
}


/*  TEXTAREA
================================================================= */
div.textarea-field {
  position: relative;
  top: -1px;
  padding: 0 5px;
  vertical-align: middle;
}
div.textarea-field textarea {
  display: block;
  position: relative;
  overflow: auto;
  margin: 5px 0;
  padding: 3px 2px;
  color: #000;
  font-size: 12px;
  background: #f2f2f2;
  border: none;
  resize: none;
}
div.textarea-field span {
  overflow: hidden;
  position: absolute;
}
div.textarea-field span.top-left,
div.textarea-field span.top-right,
div.textarea-field span.bot-left,
div.textarea-field span.bot-right {
  width: 50%;
}
div.textarea-field span.top-left {
  background-position: -41px -297px;
  height: 14px;
  top: 0;
  left: 0;
}
div.textarea-field span.mid-left {
  background-position: 2px 0;
  width: 6px;
  top: 14px;
  left: 0;
  *padding-bottom: 3px;
}
div.textarea-field span.bot-left {
  background-position: -41px -311px;
  height: 14px;
  bottom: 0;
  left: 0;
}
div.textarea-field span.top-right {
  background-position: right -521px;
  height: 14px;
  top: 0;
  right: 0;
}
div.textarea-field span.mid-right {
  background-position: -6px 0;
  width: 6px;
  top: 14px;
  right: 0;
  *padding-bottom: 3px;
}
div.textarea-field span.bot-right {
  background-position: right -535px;
  height: 14px;
  bottom: 0;
  right: 0;
}
div.textarea-field.focus span.top-left, div.textarea-field.hover span.top-left, div.textarea-field:hover span.top-left {
  background-position: -41px -353px;
}
div.textarea-field.focus span.mid-left, div.textarea-field.hover span.mid-left, div.textarea-field:hover span.mid-left {
  background-position: -25px 0;
}
div.textarea-field.focus span.bot-left, div.textarea-field.hover span.bot-left, div.textarea-field:hover span.bot-left {
  background-position: -41px -367px;
}
div.textarea-field.focus span.top-right, div.textarea-field.hover span.top-right, div.textarea-field:hover span.top-right {
  background-position: right -577px;
}
div.textarea-field.focus span.mid-right, div.textarea-field.hover span.mid-right, div.textarea-field:hover span.mid-right {
  background-position: -31px 0;
}
div.textarea-field.focus span.bot-right, div.textarea-field.hover span.bot-right, div.textarea-field:hover span.bot-right {
  background-position: right -591px;
}
div.textarea-field.focus textarea, div.textarea-field.hover textarea, div.textarea-field:hover textarea {
  background: #fff;
}
div.textarea-field.disabled span.top-left {
  background-position: -41px -325px;
}
div.textarea-field.disabled span.mid-left {
  background-position: -16px 0;
}
div.textarea-field.disabled span.bot-left {
  background-position: -41px -339px;
}
div.textarea-field.disabled span.top-right {
  background-position: right -549px;
}
div.textarea-field.disabled span.mid-right {
  background-position: -12px 0;
}
div.textarea-field.disabled span.bot-right {
  background-position: right -563px;
}
div.textarea-field.disabled textarea {
  color: #aaa;
  background: #fafafa;
}


/*  VALIDATIONS
================================================================= */
.validation-error div.text-field {
  background-position: -41px -907px;
}
.validation-error div.text-field span {
  background-position: right -1131px;
}
.validation-error div.text-field input {
  color: #fff;
  background: #f97979;
}
.validation-error div.text-field.focus, .validation-error div.text-field.hover, .validation-error div.text-field:hover {
  background-position: -41px -963px;
}
.validation-error div.text-field.focus span, .validation-error div.text-field.hover span, .validation-error div.text-field:hover span {
  background-position: right -1187px;
}
.validation-error div.text-field.focus input, .validation-error div.text-field.hover input, .validation-error div.text-field:hover input {
  background: #ff7f7f;
}
.validation-error div.text-field.disabled {
  background-position: -41px -935px;
}
.validation-error div.text-field.disabled span {
  background-position: right -1159px;
}
.validation-error div.text-field.disabled input {
  background: #fdc9c9;
}
.validation-error div.selector-field {
  background-position: right -607px;
}
.validation-error div.selector-field span {
  background-position: -524px -737px;
  color: #fff;
  text-shadow: none;
}
.validation-error div.selector-field:active, .validation-error div.selector-field.active {
  background-position: right -633px;
}
.validation-error div.selector-field:active span, .validation-error div.selector-field.active span {
  background-position: -524px -763px;
}
.validation-error div.selector-field.focus, .validation-error div.selector-field.hover, .validation-error div.selector-field:hover {
  background-position: right -659px;
}
.validation-error div.selector-field.focus span, .validation-error div.selector-field.hover span, .validation-error div.selector-field:hover span {
  background-position: -524px -789px;
}
.validation-error div.selector-field.focus:active,
.validation-error div.selector-field.focus.active,
.validation-error div.selector-field:hover:active,
.validation-error div.selector-field.active:hover {
  background-position: right -685px;
}
.validation-error div.selector-field.focus:active span,
.validation-error div.selector-field.focus.active span,
.validation-error div.selector-field:hover:active span,
.validation-error div.selector-field.active:hover span {
  background-position: -524px -815px;
}
.validation-error div.selector-field.disabled,
.validation-error div.selector-field.disabled:hover,
.validation-error div.selector-field.disabled.hover,
.validation-error div.selector-field.disabled:active,
.validation-error div.selector-field.disabled.active {
  background-position: right -711px;
}
.validation-error div.selector-field.disabled span,
.validation-error div.selector-field.disabled:hover span,
.validation-error div.selector-field.disabled.hover span,
.validation-error div.selector-field.disabled:active span,
.validation-error div.selector-field.disabled.active span {
  background-position: -524px -841px;
  color: #fff;
}
.validation-error div.checker-field span {
  background-position: -41px -867px;
}
.validation-error div.checker-field span.checked {
  background-position: -117px -867px;
}
.validation-error div.checker-field:active span, .validation-error div.checker-field.active span {
  background-position: -60px -867px;
}
.validation-error div.checker-field:active span.checked, .validation-error div.checker-field.active span.checked {
  background-position: -130px -867px;
}
.validation-error div.checker-field.focus span, .validation-error div.checker-field:hover span {
  background-position: -79px -867px;
}
.validation-error div.checker-field.focus span.checked, .validation-error div.checker-field:hover span.checked {
  background-position: -155px -867px;
}
.validation-error div.checker-field.focus:active span,
.validation-error div.checker-field:active:hover span,
.validation-error div.checker-field.active:hover span,
.validation-error div.checker-field.focus.active span {
  background-position: -98px -867px;
}
.validation-error div.checker-field.focus:active span.checked,
.validation-error div.checker-field:active:hover span.checked,
.validation-error div.checker-field.active:hover span.checked,
.validation-error div.checker-field.focus.active span.checked {
  background-position: -174px -867px;
}
.validation-error div.checker-field.disabled span, .validation-error div.checker-field.disabled:active span, .validation-error div.checker-field.disabled.active span {
  background-position: -193px -867px;
}
.validation-error div.checker-field.disabled span.checked, .validation-error div.checker-field.disabled:active span.checked, .validation-error div.checker-field.disabled.active span.checked {
  background-position: -212px -867px;
}
.validation-error div.radio-field span {
  background-position: -41px -886px;
}
.validation-error div.radio-field span.checked {
  background-position: -113px -886px;
}
.validation-error div.radio-field:active span, .validation-error div.radio-field.active span {
  background-position: -59px -886px;
}
.validation-error div.radio-field:active span.checked, .validation-error div.radio-field.active span.checked {
  background-position: -131px -886px;
}
.validation-error div.radio-field.focus span, .validation-error div.radio-field:hover span {
  background-position: -77px -886px;
}
.validation-error div.radio-field.focus span.checked, .validation-error div.radio-field:hover span.checked {
  background-position: -149px -886px;
}
.validation-error div.radio-field.focus:active span,
.validation-error div.radio-field:active:hover span,
.validation-error div.radio-field.active:hover span,
.validation-error div.radio-field.active.focus span {
  background-position: -95px -886px;
}
.validation-error div.radio-field.focus:active span.checked,
.validation-error div.radio-field:active:hover span.checked,
.validation-error div.radio-field.active:hover span.checked,
.validation-error div.radio-field.active.focus span.checked {
  background-position: -167px -886px;
}
.validation-error div.radio-field.disabled span, .validation-error div.radio-field.disabled:active span, .validation-error div.radio-field.disabled.active span {
  background-position: -185px -886px;
}
.validation-error div.radio-field.disabled span.checked, .validation-error div.radio-field.disabled:active span.checked, .validation-error div.radio-field.disabled.active span.checked {
  background-position: -203px -886px;
}
.validation-error div.uploader-field {
  background-position: -41px -907px;
}
.validation-error div.uploader-field span.action {
  background-position: right -1019px;
  color: #fff;
  text-shadow: none;
}
.validation-error div.uploader-field span.filename {
  border-right: solid 1px #fbb;
  color: #fff;
}
.validation-error div.uploader-field.focus, .validation-error div.uploader-field.hover, .validation-error div.uploader-field:hover {
  background-position: -41px -963px;
}
.validation-error div.uploader-field.focus span.action, .validation-error div.uploader-field.hover span.action, .validation-error div.uploader-field:hover span.action {
  background-position: right -1047px;
}
.validation-error div.uploader-field.active span.action, .validation-error div.uploader-field:active span.action {
  background-position: right -1075px;
}
.validation-error div.uploader-field.focus.active span.action,
.validation-error div.uploader-field:focus.active span.action,
.validation-error div.uploader-field.focus:active span.action,
.validation-error div.uploader-field:focus:active span.action {
  background-position: right -1103px;
}
.validation-error div.uploader-field.disabled {
  background-position: -41px -935px;
}
.validation-error div.uploader-field.disabled span.action {
  background-position: right -991px;
  color: #fff;
}
.validation-error div.uploader-field.disabled span.filename {
  color: #fff;
}
.validation-error div.textarea-field span.top-left {
  background-position: -41px -907px;
}
.validation-error div.textarea-field span.mid-left {
  background-position: 2px -607px;
}
.validation-error div.textarea-field span.bot-left {
  background-position: -41px -921px;
}
.validation-error div.textarea-field span.top-right {
  background-position: right -1131px;
}
.validation-error div.textarea-field span.mid-right {
  background-position: -6px -607px;
}
.validation-error div.textarea-field span.bot-right {
  background-position: right -1145px;
}
.validation-error div.textarea-field textarea {
  background: #f97979;
  color: #fff;
}
.validation-error div.textarea-field.focus span.top-left, .validation-error div.textarea-field.hover span.top-left, .validation-error div.textarea-field:hover span.top-left {
  background-position: -41px -963px;
}
.validation-error div.textarea-field.focus span.mid-left, .validation-error div.textarea-field.hover span.mid-left, .validation-error div.textarea-field:hover span.mid-left {
  background-position: -25px -607px;
}
.validation-error div.textarea-field.focus span.bot-left, .validation-error div.textarea-field.hover span.bot-left, .validation-error div.textarea-field:hover span.bot-left {
  background-position: -41px -977px;
}
.validation-error div.textarea-field.focus span.top-right, .validation-error div.textarea-field.hover span.top-right, .validation-error div.textarea-field:hover span.top-right {
  background-position: right -1187px;
}
.validation-error div.textarea-field.focus span.mid-right, .validation-error div.textarea-field.hover span.mid-right, .validation-error div.textarea-field:hover span.mid-right {
  background-position: -31px -607px;
}
.validation-error div.textarea-field.focus span.bot-right, .validation-error div.textarea-field.hover span.bot-right, .validation-error div.textarea-field:hover span.bot-right {
  background-position: right -1201px;
}
.validation-error div.textarea-field.focus textarea, .validation-error div.textarea-field.hover textarea, .validation-error div.textarea-field:hover textarea {
  background: #ff7f7f;
}
.validation-error div.textarea-field.disabled span.top-left {
  background-position: -41px -935px;
}
.validation-error div.textarea-field.disabled span.mid-left {
  background-position: -16px -607px;
}
.validation-error div.textarea-field.disabled span.bot-left {
  background-position: -41px -949px;
}
.validation-error div.textarea-field.disabled span.top-right {
  background-position: right -1159px;
}
.validation-error div.textarea-field.disabled span.mid-right {
  background-position: -12px -607px;
}
.validation-error div.textarea-field.disabled span.bot-right {
  background-position: right -1173px;
}
.validation-error div.textarea-field.disabled textarea {
  background: #fdc9c9;
}


/*  DARK BACKGROUND
================================================================= */
.dark div.selector-field,
.dark div.selector-field span,
.dark div.checker-field span,
.dark div.radio-field span,
.dark div.uploader-field,
.dark div.uploader-field span.action,
.dark div.text-field,
.dark div.text-field span,
.dark div.textarea-field span {
  background-image: url(../images/uniform/sprite-dark.png);
}
.dark div.selector-field span {
  color: #eee;
  text-shadow: 0 -1px 0 black;
}
.dark div.selector-field.disabled span {
  color: #777;
  text-shadow: none;
}
.dark div.uploader-field span.action {
  color: #eee;
  text-shadow: 0 -1px 0 black;
}
.dark div.uploader-field span.filename {
  color: #bbb;
  border-right: solid 1px #888;
}
.dark div.uploader-field.disabled span.action {
  color: #666;
  text-shadow: none;
}
.dark div.uploader-field.disabled span.filename {
  border-color: #555;
  color: #666;
}
.dark div.text-field input {
  color: #eee;
  background: #1a1a1a;
}
.dark div.text-field.focus input, .dark div.text-field.hover input, .dark div.text-field:hover input {
  color: #fff;
  background: #313131;
}
.dark div.text-field.disabled input {
  color: #bbb;
  background: #0b0b0b;
}
.dark div.textarea-field textarea {
  color: #eee;
  background: #1a1a1a;
}
.dark div.textarea-field.focus textarea, .dark div.textarea-field.hover textarea, .dark div.textarea-field:hover textarea {
  color: #fff;
  background: #313131;
}
.dark div.textarea-field.disabled textarea {
  color: #bbb;
  background: #0b0b0b;
}
.dark .validation-error div.text-field input, .dark.validation-error div.text-field input {
  background: #881a1a;
}
.dark .validation-error div.text-field.disabled input, .dark.validation-error div.text-field.disabled input {
  color: #e99;
  background: #461a1a;
}
.dark .validation-error div.text-field.focus input,
.dark.validation-error div.text-field.focus input,
.dark .validation-error div.text-field.hover input,
.dark.validation-error div.text-field.hover input,
.dark .validation-error div.text-field:hover input,
.dark.validation-error div.text-field:hover input {
  background: #943131;
}
.dark .validation-error div.textarea-field textarea, .dark.validation-error div.textarea-field textarea {
  background: #8E2626;
}
.dark .validation-error div.textarea-field.focus textarea,
.dark.validation-error div.textarea-field.focus textarea,
.dark .validation-error div.textarea-field.hover textarea,
.dark.validation-error div.textarea-field.hover textarea,
.dark .validation-error div.textarea-field:hover textarea,
.dark.validation-error div.textarea-field:hover textarea {
  background: #943131;
}
.dark .validation-error div.textarea-field.disabled textarea, .dark.validation-error div.textarea-field.disabled textarea {
  background: #8E2626;
}
.dark .validation-error div.selector-field span, .dark.validation-error div.selector-field span {
  color: #faa;
}
.dark .validation-error div.selector-field.disabled span, .dark.validation-error div.selector-field.disabled span {
  color: #755;
}
.dark .validation-error div.uploader-field span.action, .dark.validation-error div.uploader-field span.action {
  color: #faa;
}
.dark .validation-error div.uploader-field span.filename, .dark.validation-error div.uploader-field span.filename {
  color: #faa;
}
.dark .validation-error div.uploader-field.disabled span.action, .dark.validation-error div.uploader-field.disabled span.action {
  color: #755;
}
.dark .validation-error div.uploader-field.disabled span.filename, .dark.validation-error div.uploader-field.disabled span.filename {
  color: #755;
}
