/* This is every chuck from semantic.css that contains ".field_error +" adapted to replace ".field_error + >" with ".field_error +" */

.ui.form > .field_error + .ui.action.input > .ui.button,
.ui.form > .field_error + .ui.labeled.input:not([class*="corner labeled"]) > .ui.label,
.ui.action.input.error > .ui.button,
.ui.labeled.input.error:not([class*="corner labeled"]) > .ui.label {
  border-top: 1px solid #E0B4B4;
  border-bottom: 1px solid #E0B4B4;
}

.ui.form > .field_error + .ui.left.action.input > .ui.button,
.ui.form > .field_error + .ui.labeled.input:not(.right):not([class*="corner labeled"]) > .ui.label,
.ui.left.action.input.error > .ui.button,
.ui.labeled.input.error:not(.right):not([class*="corner labeled"]) > .ui.label {
  border-left: 1px solid #E0B4B4;
}

.ui.form > .field_error + .ui.action.input:not(.left) > input + .ui.button,
.ui.form > .field_error + .ui.right.labeled.input:not([class*="corner labeled"]) > input + .ui.label,
.ui.action.input.error:not(.left) > input + .ui.button,
.ui.right.labeled.input.error:not([class*="corner labeled"]) > input + .ui.label {
  border-right: 1px solid #E0B4B4;
}

.ui.form > .field_error + .ui.right.labeled.input:not([class*="corner labeled"]) > .ui.label:first-child,
.ui.right.labeled.input.error:not([class*="corner labeled"]) > .ui.label:first-child {
  border-left: 1px solid #E0B4B4;
}


.ui.form .fields.error .error.message:not(:empty),
.ui.form .field_error + .error.message:not(:empty) {
  display: block;
}

.ui.form .fields.error .compact.error.message:not(:empty),
.ui.form .field_error + .compact.error.message:not(:empty) {
  display: inline-block;
}

.ui.form .fields.error .icon.error.message:not(:empty),
.ui.form .field_error + .icon.error.message:not(:empty) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ui.ui.form .fields.error .field label,
.ui.ui.form .field_error + label,
.ui.ui.form .fields.error .field .input,
.ui.ui.form .field_error + .input {
  color: #9F3A38;
}

.ui.form .fields.error .field .corner.label,
.ui.form .field_error + .corner.label {
  border-color: #9F3A38;
  color: #FFFFFF;
}

.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="url"],
.ui.form .field_error + textarea,
.ui.form .field_error + select,
.ui.form .field_error + input:not([type]),
.ui.form .field_error + input[type="date"],
.ui.form .field_error + input[type="datetime-local"],
.ui.form .field_error + input[type="email"],
.ui.form .field_error + input[type="number"],
.ui.form .field_error + input[type="password"],
.ui.form .field_error + input[type="search"],
.ui.form .field_error + input[type="tel"],
.ui.form .field_error + input[type="time"],
.ui.form .field_error + input[type="text"],
.ui.form .field_error + input[type="file"],
.ui.form .field_error + input[type="url"] {
  color: #9F3A38;
  background: #FFF6F6;
  border-color: #E0B4B4;
  border-radius: '';
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui.form .field_error + textarea:focus,
.ui.form .field_error + select:focus,
.ui.form .field_error + input:not([type]):focus,
.ui.form .field_error + input[type="date"]:focus,
.ui.form .field_error + input[type="datetime-local"]:focus,
.ui.form .field_error + input[type="email"]:focus,
.ui.form .field_error + input[type="number"]:focus,
.ui.form .field_error + input[type="password"]:focus,
.ui.form .field_error + input[type="search"]:focus,
.ui.form .field_error + input[type="tel"]:focus,
.ui.form .field_error + input[type="time"]:focus,
.ui.form .field_error + input[type="text"]:focus,
.ui.form .field_error + input[type="file"]:focus,
.ui.form .field_error + input[type="url"]:focus {
  background: #FFF6F6;
  border-color: #E0B4B4;
  color: #9F3A38;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Preserve Native Select Stylings */

.ui.form .field_error + select {
  -webkit-appearance: menulist-button;
}

/*------------------
        Input State
    --------------------*/

/* Transparent */

.ui.form .field_error + .transparent.input input,
.ui.form .field_error + .transparent.input textarea,
.ui.form .field_error + input.transparent,
.ui.form .field_error + textarea.transparent {
  background-color: #FFF6F6 !important;
  color: #9F3A38 !important;
}


.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item,
.ui.form .field_error + .ui.dropdown,
.ui.form .field_error + .ui.dropdown .text,
.ui.form .field_error + .ui.dropdown .item {
  background: #FFF6F6;
  color: #9F3A38;
}

.ui.form .fields.error .field .ui.dropdown,
.ui.form .field_error + .ui.dropdown {
  border-color: #E0B4B4 !important;
}

.ui.form .fields.error .field .ui.dropdown:hover,
.ui.form .field_error + .ui.dropdown:hover {
  border-color: #E0B4B4 !important;
}

.ui.form .fields.error .field .ui.dropdown:hover .menu,
.ui.form .field_error + .ui.dropdown:hover .menu {
  border-color: #E0B4B4;
}

.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label,
.ui.form .field_error + .ui.multiple.selection.dropdown > .label {
  background-color: #EACBCB;
  color: #9F3A38;
}

/* Hover */

.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .field_error + .ui.dropdown .menu .item:hover {
  background-color: #FBE7E7;
}

/* Selected */

.ui.form .fields.error .field .ui.dropdown .menu .selected.item,
.ui.form .field_error + .ui.dropdown .menu .selected.item {
  background-color: #FBE7E7;
}

/* Active */

.ui.form .fields.error .field .ui.dropdown .menu .active.item,
.ui.form .field_error + .ui.dropdown .menu .active.item {
  background-color: #FDCFCF !important;
}

/*--------------------
        Checkbox State
    ---------------------*/

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label,
.ui.form .field_error + .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field_error + .checkbox:not(.toggle):not(.slider) .box {
  color: #9F3A38;
}

.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .field_error + .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field_error + .checkbox:not(.toggle):not(.slider) .box:before {
  background: #FFF6F6;
  border-color: #E0B4B4;
}

.ui.form .fields.error .field .checkbox label:after,
.ui.form .field_error + .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .field_error + .checkbox .box:after {
  color: #9F3A38;
}