/*******************************
         Site Overrides
*******************************/

/* borderless */

.ui.form .borderless.field input {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: #fafafa;
}

.ui.form .borderless.field.valid input {
  background: @inputValidFocusBackground;
}

.ui.form .borderless.fields .field input {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: #fafafa;

}

.ui.form .borderless.fields .field.valid input {
  background: @inputValidFocusBackground;
}

/*--------------------
        Valid
---------------------*/

/* On Form */
.ui.form.valid .valid.message:not(:empty) {
  display: block;
}
.ui.form.valid .compact.valid.message:not(:empty) {
  display: inline-block;
}
.ui.form.valid .icon.valid.message:not(:empty) {
  display: flex;
}

/* On Field(s) */
.ui.form .fields.valid .field label,
.ui.form .field.valid label,
.ui.form .fields.valid .field .input,
.ui.form .field.valid .input {
  color: @formValidColor;
}

.ui.form .fields.valid .field .corner.label,
.ui.form .field.valid .corner.label {
  border-color: @promptValidBackground;
  color: @white;
}

.ui.form .fields.valid .field textarea,
.ui.form .fields.valid .field select,
.ui.form .fields.valid .field input:not([type]),
.ui.form .fields.valid .field input[type="date"],
.ui.form .fields.valid .field input[type="datetime-local"],
.ui.form .fields.valid .field input[type="email"],
.ui.form .fields.valid .field input[type="number"],
.ui.form .fields.valid .field input[type="password"],
.ui.form .fields.valid .field input[type="search"],
.ui.form .fields.valid .field input[type="tel"],
.ui.form .fields.valid .field input[type="time"],
.ui.form .fields.valid .field input[type="text"],
.ui.form .fields.valid .field input[type="file"],
.ui.form .fields.valid .field input[type="url"],
.ui.form .field.valid textarea,
.ui.form .field.valid select,
.ui.form .field.valid input:not([type]),
.ui.form .field.valid input[type="date"],
.ui.form .field.valid input[type="datetime-local"],
.ui.form .field.valid input[type="email"],
.ui.form .field.valid input[type="number"],
.ui.form .field.valid input[type="password"],
.ui.form .field.valid input[type="search"],
.ui.form .field.valid input[type="tel"],
.ui.form .field.valid input[type="time"],
.ui.form .field.valid input[type="text"],
.ui.form .field.valid input[type="file"],
.ui.form .field.valid input[type="url"] {
  background: @formValidBackground;
  border-color: @formValidBorder;
  color: @formValidColor;
  border-radius: @inputErrorBorderRadius;
  box-shadow: @inputErrorBoxShadow;
}
.ui.form .field.valid textarea:focus,
.ui.form .field.valid select:focus,
.ui.form .field.valid input:not([type]):focus,
.ui.form .field.valid input[type="date"]:focus,
.ui.form .field.valid input[type="datetime-local"]:focus,
.ui.form .field.valid input[type="email"]:focus,
.ui.form .field.valid input[type="number"]:focus,
.ui.form .field.valid input[type="password"]:focus,
.ui.form .field.valid input[type="search"]:focus,
.ui.form .field.valid input[type="tel"]:focus,
.ui.form .field.valid input[type="time"]:focus,
.ui.form .field.valid input[type="text"]:focus,
.ui.form .field.valid input[type="file"]:focus,
.ui.form .field.valid input[type="url"]:focus {
  background: @inputValidFocusBackground;
  border-color: @inputValidFocusBorder;
  color: @inputValidFocusColor;

  -webkit-appearance: none;
  box-shadow: @inputValidFocusBoxShadow;
}

/* Preserve Native Select Stylings */
.ui.form .field.valid select {
  -webkit-appearance: menulist-button;
}


/*------------------
    Dropdown Error
--------------------*/

.ui.form .fields.valid .field .ui.dropdown,
.ui.form .fields.valid .field .ui.dropdown .item,
.ui.form .field.valid .ui.dropdown,
.ui.form .field.valid .ui.dropdown .text,
.ui.form .field.valid .ui.dropdown .item {
  background: @formValidBackground;
  color: @formValidColor;
}
.ui.form .fields.valid .field .ui.dropdown,
.ui.form .field.valid .ui.dropdown {
  border-color: @formValidBorder !important;
}
.ui.form .fields.valid .field .ui.dropdown:hover,
.ui.form .field.valid .ui.dropdown:hover {
  border-color: @formValidBorder !important;
}
.ui.form .fields.valid .field .ui.dropdown:hover .menu,
.ui.form .field.valid .ui.dropdown:hover .menu {
  border-color: @formValidBorder;
}
.ui.form .fields.valid .field .ui.multiple.selection.dropdown > .label,
.ui.form .field.valid .ui.multiple.selection.dropdown > .label {
  background-color: @dropdownValidLabelBackground;
  color: @dropdownValidLabelColor;
}

/* Hover */
.ui.form .fields.valid .field .ui.dropdown .menu .item:hover,
.ui.form .field.valid .ui.dropdown .menu .item:hover {
  background-color: @dropdownValidHoverBackground;
}

/* Selected */
.ui.form .fields.valid .field .ui.dropdown .menu .selected.item,
.ui.form .field.valid .ui.dropdown .menu .selected.item {
  background-color: @dropdownValidSelectedBackground;
}


/* Active */
.ui.form .fields.valid .field .ui.dropdown .menu .active.item,
.ui.form .field.valid .ui.dropdown .menu .active.item {
  background-color: @dropdownValidActiveBackground !important;
}





/*--------------------
   Validation Prompt
---------------------*/

.ui.prompt.label, .ui.prompt[class*="pointing above"].label {
  margin-top: @pointingPromptVerticalDistance !important;
}

.ui.prompt.fluid.label {
  margin-left: 0 !important;
}

.ui.prompt.label:before,
.ui[class*="pointing above"].label:before {
  left: 30px !important;
}

.ui.form .field .prompt.label {
  white-space: normal;
  background: @promptBackground !important;
  border: @promptBorder !important;
  color: @promptTextColor !important;
}
.ui.form .inline.fields .field .prompt,
.ui.form .inline.field .prompt {
  vertical-align: top;
  margin: @inlinePromptMargin;
}

.ui.form .inline.fields .field .prompt:before,
.ui.form .inline.field .prompt:before {
  border-width: 0px 0px @inlinePromptBorderWidth @inlinePromptBorderWidth;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}

.ui.form .field.error .prompt.label {
  background: @promptErrorBackground !important;
  border: 1px solid @promptErrorBorder !important;
  color: @promptErrorTextColor !important;
}


.ui.form .field.valid .prompt.label {
  background: @promptValidBackground !important;
  border: 1px solid @promptValidBorder !important;
  color: @promptValidTextColor !important;
}