@workday/canvas-kit-css-form-field/dist/canvas-kit-css-form-field.css

The form css for canvas-kit-css

/*
 * Workday Canvas - canvas-kit-css-form-field v9.1.26
 * Copyright 2019-2023 Workday, Inc.
 */
.wdc-form-error .wdc-form-textinput input, .wdc-form-error.wdc-form-textinput input {
  border-color: #de2e21;
  box-shadow: inset 0 0 0 1px #de2e21;
}
.wdc-form-error .wdc-form-textinput input.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before, .wdc-form-error.wdc-form-textinput input.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before {
  border-color: #de2e21;
}
.wdc-form-error .wdc-form-textinput input.wdc-form-hover, .wdc-form-error .wdc-form-textinput input:hover, .wdc-form-error.wdc-form-textinput input.wdc-form-hover, .wdc-form-error.wdc-form-textinput input:hover {
  border-color: #de2e21;
}
.wdc-form-error .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled) {
  outline: none;
  border-color: #de2e21;
}
.wdc-form-error .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled) {
  box-shadow: inset 0 0 0 1px #de2e21, 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-error .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-error .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-error.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-error.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before {
  border-color: #de2e21;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-error .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-error .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-error.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-error.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before {
  border-color: #0875e1;
}
.wdc-form-error .wdc-form-textarea textarea, .wdc-form-error.wdc-form-textarea textarea {
  border-color: #de2e21;
  box-shadow: inset 0 0 0 1px #de2e21;
}
.wdc-form-error .wdc-form-textarea textarea.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before, .wdc-form-error.wdc-form-textarea textarea.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before {
  border-color: #de2e21;
}
.wdc-form-error .wdc-form-textarea textarea.wdc-form-hover, .wdc-form-error .wdc-form-textarea textarea:hover, .wdc-form-error.wdc-form-textarea textarea.wdc-form-hover, .wdc-form-error.wdc-form-textarea textarea:hover {
  border-color: #de2e21;
}
.wdc-form-error .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled) {
  outline: none;
  border-color: #de2e21;
}
.wdc-form-error .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled) {
  box-shadow: inset 0 0 0 1px #de2e21, 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-error .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-error .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-error.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-error.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before {
  border-color: #de2e21;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-error .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-error .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-error.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-error.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before {
  border-color: #0875e1;
}
.wdc-form-error .wdc-form-select select, .wdc-form-error.wdc-form-select select {
  border-color: #de2e21;
  box-shadow: inset 0 0 0 1px #de2e21;
}
.wdc-form-error .wdc-form-select select.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before, .wdc-form-error.wdc-form-select select.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before {
  border-color: #de2e21;
}
.wdc-form-error .wdc-form-select select.wdc-form-hover, .wdc-form-error .wdc-form-select select:hover, .wdc-form-error.wdc-form-select select.wdc-form-hover, .wdc-form-error.wdc-form-select select:hover {
  border-color: #de2e21;
}
.wdc-form-error .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled) {
  outline: none;
  border-color: #de2e21;
}
.wdc-form-error .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-error.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled) {
  box-shadow: inset 0 0 0 1px #de2e21, 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-error .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-error .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-error.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-error.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before {
  border-color: #de2e21;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-error .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-error .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-error.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-error.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-error.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before {
  border-color: #0875e1;
}
.wdc-form-error .wdc-form-checkbox input + label::before, .wdc-form-error.wdc-form-checkbox input + label::before,
.wdc-form-error .wdc-form-radio input + label::before, .wdc-form-error.wdc-form-radio input + label::before {
  border: 1px solid #de2e21;
  box-shadow: 0 0 0 1px #de2e21, 0 0 0 2px transparent;
}
.wdc-form-error .wdc-form-checkbox input:hover + label::before, .wdc-form-error.wdc-form-checkbox input:hover + label::before,
.wdc-form-error .wdc-form-radio input:hover + label::before, .wdc-form-error.wdc-form-radio input:hover + label::before {
  border: 1px solid #de2e21;
}
.wdc-form-error .wdc-form-checkbox input:checked + label::before, .wdc-form-error.wdc-form-checkbox input:checked + label::before,
.wdc-form-error .wdc-form-radio input:checked + label::before, .wdc-form-error.wdc-form-radio input:checked + label::before {
  border-color: #0875e1;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #de2e21, 0 0 0 5px transparent;
}
.wdc-form-error .wdc-form-checkbox input:focus + label::before, .wdc-form-error.wdc-form-checkbox input:focus + label::before,
.wdc-form-error .wdc-form-radio input:focus + label::before, .wdc-form-error.wdc-form-radio input:focus + label::before {
  border-color: #0875e1;
  border-width: 1px;
  box-shadow: inset 0 0 0 1px #0875e1, 0 0 0 0 #ffffff;
}
.wdc-form-error .wdc-form-checkbox input:checked:focus + label::before, .wdc-form-error.wdc-form-checkbox input:checked:focus + label::before,
.wdc-form-error .wdc-form-radio input:checked:focus + label::before, .wdc-form-error.wdc-form-radio input:checked:focus + label::before {
  border-color: #0875e1;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #de2e21, 0 0 0 5px transparent;
}
[data-whatinput=keyboard] .wdc-form-error .wdc-form-checkbox input:focus + label::before, [data-whatinput=keyboard] .wdc-form-error.wdc-form-checkbox input:focus + label::before,
[data-whatinput=keyboard] .wdc-form-error .wdc-form-radio input:focus + label::before, [data-whatinput=keyboard] .wdc-form-error.wdc-form-radio input:focus + label::before {
  border-color: #0875e1;
  box-shadow: inset 0 0 0 1px #0875e1;
}
[data-whatinput=keyboard] .wdc-form-error .wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=keyboard] .wdc-form-error.wdc-form-checkbox input:checked:focus + label::before,
[data-whatinput=keyboard] .wdc-form-error .wdc-form-radio input:checked:focus + label::before, [data-whatinput=keyboard] .wdc-form-error.wdc-form-radio input:checked:focus + label::before {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0875e1, 0 0 0 5px transparent;
}
[data-whatinput=initial] .wdc-form-error .wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=mouse] .wdc-form-error .wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=touch] .wdc-form-error .wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=initial] .wdc-form-error.wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=mouse] .wdc-form-error.wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=touch] .wdc-form-error.wdc-form-checkbox input:checked:focus + label::before,
[data-whatinput=initial] .wdc-form-error .wdc-form-radio input:checked:focus + label::before,
[data-whatinput=mouse] .wdc-form-error .wdc-form-radio input:checked:focus + label::before,
[data-whatinput=touch] .wdc-form-error .wdc-form-radio input:checked:focus + label::before, [data-whatinput=initial] .wdc-form-error.wdc-form-radio input:checked:focus + label::before, [data-whatinput=mouse] .wdc-form-error.wdc-form-radio input:checked:focus + label::before, [data-whatinput=touch] .wdc-form-error.wdc-form-radio input:checked:focus + label::before {
  border-color: #0875e1;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #de2e21, 0 0 0 5px transparent;
}

.wdc-form-alert .wdc-form-textinput input, .wdc-form-alert.wdc-form-textinput input {
  border-color: #ffa126;
  box-shadow: inset 0 0 0 1px #ffa126;
  border-color: #f38b00;
  box-shadow: inset 0 0 0 2px #ffa126;
}
.wdc-form-alert .wdc-form-textinput input.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before, .wdc-form-alert.wdc-form-textinput input.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before {
  border-color: #ffa126;
}
.wdc-form-alert .wdc-form-textinput input.wdc-form-hover, .wdc-form-alert .wdc-form-textinput input:hover, .wdc-form-alert.wdc-form-textinput input.wdc-form-hover, .wdc-form-alert.wdc-form-textinput input:hover {
  border-color: #ffa126;
  border-color: #f38b00;
  box-shadow: inset 0 0 0 2px #ffa126;
}
.wdc-form-alert .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled) {
  outline: none;
  border-color: #ffa126;
  border-color: #f38b00;
  box-shadow: inset 0 0 0 2px #ffa126;
}
.wdc-form-alert .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled) {
  box-shadow: inset 0 0 0 1px #ffa126, 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-alert .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled) {
  box-shadow: inset 0 0 0 2px #ffa126, 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-alert .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-alert .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-alert.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-alert.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before {
  border-color: #ffa126;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-alert .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert .wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-alert .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert .wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-textinput input.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-textinput input:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before {
  border-color: #0875e1;
}
.wdc-form-alert .wdc-form-textarea textarea, .wdc-form-alert.wdc-form-textarea textarea {
  border-color: #ffa126;
  box-shadow: inset 0 0 0 1px #ffa126;
  border-color: #f38b00;
  box-shadow: inset 0 0 0 2px #ffa126;
}
.wdc-form-alert .wdc-form-textarea textarea.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before, .wdc-form-alert.wdc-form-textarea textarea.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before {
  border-color: #ffa126;
}
.wdc-form-alert .wdc-form-textarea textarea.wdc-form-hover, .wdc-form-alert .wdc-form-textarea textarea:hover, .wdc-form-alert.wdc-form-textarea textarea.wdc-form-hover, .wdc-form-alert.wdc-form-textarea textarea:hover {
  border-color: #ffa126;
  border-color: #f38b00;
  box-shadow: inset 0 0 0 2px #ffa126;
}
.wdc-form-alert .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled) {
  outline: none;
  border-color: #ffa126;
  border-color: #f38b00;
  box-shadow: inset 0 0 0 2px #ffa126;
}
.wdc-form-alert .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled) {
  box-shadow: inset 0 0 0 1px #ffa126, 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-alert .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled) {
  box-shadow: inset 0 0 0 2px #ffa126, 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-alert .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-alert .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-alert.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-alert.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before {
  border-color: #ffa126;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-alert .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert .wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-alert .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert .wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-textarea textarea.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-textarea textarea:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before {
  border-color: #0875e1;
}
.wdc-form-alert .wdc-form-select select, .wdc-form-alert.wdc-form-select select {
  border-color: #ffa126;
  box-shadow: inset 0 0 0 1px #ffa126;
  border-color: #f38b00;
  box-shadow: inset 0 0 0 2px #ffa126;
}
.wdc-form-alert .wdc-form-select select.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before, .wdc-form-alert.wdc-form-select select.wdc-form-checkbox:not(.wdc-form-checked):not(:checked) + .wdc-form-label:before {
  border-color: #ffa126;
}
.wdc-form-alert .wdc-form-select select.wdc-form-hover, .wdc-form-alert .wdc-form-select select:hover, .wdc-form-alert.wdc-form-select select.wdc-form-hover, .wdc-form-alert.wdc-form-select select:hover {
  border-color: #ffa126;
  border-color: #f38b00;
  box-shadow: inset 0 0 0 2px #ffa126;
}
.wdc-form-alert .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled) {
  outline: none;
  border-color: #ffa126;
  border-color: #f38b00;
  box-shadow: inset 0 0 0 2px #ffa126;
}
.wdc-form-alert .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled) {
  box-shadow: inset 0 0 0 1px #ffa126, 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-alert .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled), .wdc-form-alert.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled) {
  box-shadow: inset 0 0 0 2px #ffa126, 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-alert .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-alert .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-alert.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before, .wdc-form-alert.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox + .wdc-form-label:before {
  border-color: #ffa126;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0875e1;
}
.wdc-form-alert .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert .wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-alert .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert .wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-select select.wdc-form-focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox:checked + .wdc-form-label:before, .wdc-form-alert.wdc-form-select select:focus:not([disabled]):not(.wdc-form-disabled).wdc-form-checkbox.wdc-form-checked + .wdc-form-label:before {
  border-color: #0875e1;
}
.wdc-form-alert .wdc-form-checkbox input + label::before, .wdc-form-alert.wdc-form-checkbox input + label::before,
.wdc-form-alert .wdc-form-radio input + label::before, .wdc-form-alert.wdc-form-radio input + label::before {
  border: 1px solid #ffa126;
  box-shadow: 0 0 0 1px #ffa126, 0 0 0 2px #c06c00;
}
.wdc-form-alert .wdc-form-checkbox input:hover + label::before, .wdc-form-alert.wdc-form-checkbox input:hover + label::before,
.wdc-form-alert .wdc-form-radio input:hover + label::before, .wdc-form-alert.wdc-form-radio input:hover + label::before {
  border: 1px solid #ffa126;
}
.wdc-form-alert .wdc-form-checkbox input:checked + label::before, .wdc-form-alert.wdc-form-checkbox input:checked + label::before,
.wdc-form-alert .wdc-form-radio input:checked + label::before, .wdc-form-alert.wdc-form-radio input:checked + label::before {
  border-color: #0875e1;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #ffa126, 0 0 0 5px #c06c00;
}
.wdc-form-alert .wdc-form-checkbox input:focus + label::before, .wdc-form-alert.wdc-form-checkbox input:focus + label::before,
.wdc-form-alert .wdc-form-radio input:focus + label::before, .wdc-form-alert.wdc-form-radio input:focus + label::before {
  border: 1px solid #ffa126;
  box-shadow: 0 0 0 1px #ffa126, 0 0 0 2px #c06c00;
}
.wdc-form-alert .wdc-form-checkbox input:checked:focus + label::before, .wdc-form-alert.wdc-form-checkbox input:checked:focus + label::before,
.wdc-form-alert .wdc-form-radio input:checked:focus + label::before, .wdc-form-alert.wdc-form-radio input:checked:focus + label::before {
  border-color: #0875e1;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #ffa126, 0 0 0 5px #c06c00;
}
[data-whatinput=keyboard] .wdc-form-alert .wdc-form-checkbox input:focus + label::before, [data-whatinput=keyboard] .wdc-form-alert.wdc-form-checkbox input:focus + label::before,
[data-whatinput=keyboard] .wdc-form-alert .wdc-form-radio input:focus + label::before, [data-whatinput=keyboard] .wdc-form-alert.wdc-form-radio input:focus + label::before {
  border-color: #0875e1;
  box-shadow: inset 0 0 0 1px #0875e1;
}
[data-whatinput=keyboard] .wdc-form-alert .wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=keyboard] .wdc-form-alert.wdc-form-checkbox input:checked:focus + label::before,
[data-whatinput=keyboard] .wdc-form-alert .wdc-form-radio input:checked:focus + label::before, [data-whatinput=keyboard] .wdc-form-alert.wdc-form-radio input:checked:focus + label::before {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0875e1, 0 0 0 5px transparent;
}
[data-whatinput=initial] .wdc-form-alert .wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=mouse] .wdc-form-alert .wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=touch] .wdc-form-alert .wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=initial] .wdc-form-alert.wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=mouse] .wdc-form-alert.wdc-form-checkbox input:checked:focus + label::before, [data-whatinput=touch] .wdc-form-alert.wdc-form-checkbox input:checked:focus + label::before,
[data-whatinput=initial] .wdc-form-alert .wdc-form-radio input:checked:focus + label::before,
[data-whatinput=mouse] .wdc-form-alert .wdc-form-radio input:checked:focus + label::before,
[data-whatinput=touch] .wdc-form-alert .wdc-form-radio input:checked:focus + label::before, [data-whatinput=initial] .wdc-form-alert.wdc-form-radio input:checked:focus + label::before, [data-whatinput=mouse] .wdc-form-alert.wdc-form-radio input:checked:focus + label::before, [data-whatinput=touch] .wdc-form-alert.wdc-form-radio input:checked:focus + label::before {
  border-color: #0875e1;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #ffa126, 0 0 0 5px #c06c00;
}

.wdc-form-hint-message {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-size: 13px;
  margin-top: 8px;
}
.wdc-form-hint-message strong,
.wdc-form-hint-message b {
  font-weight: 500;
}

.wdc-form-group .wdc-form-field-error.wdc-form-group-fields {
  border-radius: 4px;
  box-shadow: #de2e21 0px 0px 0px 2px inset;
  box-sizing: border-box;
  display: inline-block;
  font-family: sans-serif;
  margin: -4px -12px;
  padding: 4px 12px;
  text-align: left;
}

.wdc-form-group .wdc-form-field-alert.wdc-form-group-fields {
  border-radius: 4px;
  box-shadow: rgb(192, 108, 0) 0px 0px 0px 1px inset, rgb(255, 161, 38) 0px 0px 0px 3px inset;
  box-sizing: border-box;
  display: inline-block;
  font-family: sans-serif;
  margin: -4px -12px;
  padding: 4px 12px;
  text-align: left;
}

.wdc-form-label-position-left .wdc-form-field-wrapper {
  position: relative;
}
.wdc-form-label-position-left .wdc-form-field-wrapper > .wdc-form-field {
  margin-left: 196px;
}
.wdc-form-label-position-left .wdc-form-field-wrapper > .wdc-form-label + .wdc-form-field {
  margin-left: 0;
}
.wdc-form-label-position-left .wdc-form-label {
  min-width: 156px;
  width: 156px;
  margin-right: 40px;
}
.wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-group-fields.wdc-form-field-alert, .wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-group-fields.wdc-form-field-error {
  margin-top: -4px;
  margin-left: 200px;
  margin-bottom: 24px;
}
.wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-group-fields + .wdc-form-hint-message, .wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-group-fields + .wdc-form-hint-message {
  position: absolute;
  bottom: 0;
  left: 212px;
}

[data-whatinput=keyboard] .wdc-form-textinput:not([disabled]):not(.wdc-form-disabled):not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y select:not([disabled]):not([tabindex="-1"]):focus,
[data-whatinput=keyboard] .wdc-a11y textarea:not([disabled]):not([tabindex="-1"]):focus {
  border-color: #0875e1;
  box-shadow: 0 0 0 1px #0875e1;
  outline: none;
}

[data-whatinput=mouse] .wdc-form-textinput:not([disabled]):not(.wdc-form-disabled):not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y select:not([disabled]):not([tabindex="-1"]):focus,
[data-whatinput=mouse] .wdc-a11y textarea:not([disabled]):not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-form-textinput:not([disabled]):not(.wdc-form-disabled):not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y select:not([disabled]):not([tabindex="-1"]):focus,
[data-whatinput=touch] .wdc-a11y textarea:not([disabled]):not([tabindex="-1"]):focus {
  text-decoration: none;
  outline: none;
}

.wdc-accessible-hide {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.wdc-form-field-wrapper {
  margin-bottom: 24px;
  position: relative;
}
.wdc-form-field-wrapper .wdc-form-field {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wdc-form-label {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #494949;
  font-weight: 500;
  display: block;
  padding: 0;
  margin-bottom: 4px;
}
.wdc-form-label.wdc-form-label-required:after {
  content: "*";
  display: inline-block;
  color: #de4721;
  margin-left: 4px;
}
.wdc-form-label + .wdc-form-textinput, .wdc-form-label + .wdc-form-textarea, .wdc-form-label + .wdc-form-select {
  margin-top: 8px;
}

.wdc-form-group {
  padding: 0;
  margin: 0;
  border: 0;
  margin-bottom: 24px;
}
.wdc-form-group .wdc-form-field-wrapper:last-child {
  margin-bottom: 0;
}
.wdc-form-group .wdc-form-group-fields {
  display: inline-block;
  flex-grow: 1;
}
.wdc-form-group .wdc-form-group-fields .wdc-form-field {
  min-height: 32px;
  margin-bottom: 0;
}
.wdc-form-group .wdc-form-group-fields .wdc-form-field:last-child {
  margin-bottom: 0;
}
.wdc-form-group .wdc-form-field {
  margin-bottom: 16px;
}

.wdc-form-label-position-left .wdc-form-field-wrapper::after {
  content: "";
  flex-grow: 999;
}
.wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-group-fields {
  margin-top: 0px;
  margin-left: 212px;
}
.wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-group-fields > .wdc-form-field {
  margin-left: 0;
}
.wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-field {
  margin-left: 212px;
}
.wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-field .wdc-form-checkbox:first-of-type.wdc-form-alert, .wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-field .wdc-form-checkbox:first-of-type.wdc-form-error,
.wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-field .wdc-form-radio:first-of-type.wdc-form-alert,
.wdc-form-label-position-left .wdc-form-field-wrapper .wdc-form-field .wdc-form-radio:first-of-type.wdc-form-error {
  margin: 0px;
}
.wdc-form-label-position-left .wdc-form-field-wrapper > .wdc-form-label + .wdc-form-field {
  margin-left: 212px;
}
.wdc-form-label-position-left .wdc-form-label {
  height: 100%;
  max-height: 40px;
  min-width: 180px;
  width: 180px;
  margin-right: 32px;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
}