.text-input-component {
  position: relative;
  vertical-align: middle;
}
.text-input-component .cctvControlsSettings {
  max-width: 10rem;
  height: 2rem !important;
  background-color: #0a79dd !important;
  color: white !important;
  border-radius: 3px !important;
  outline: none !important;
}
.text-input-component .cctvControlsColorArrow {
  color: white !important;
}
.text-input-component .lead-icon {
  position: absolute;
  top: 0px;
  left: 0.5rem;
  line-height: 0;
  transition: all 0.2s;
  display: none;
}
.text-input-component .lead-icon i {
  font-size: 1rem;
  line-height: 40px;
  color: #9e9e9e;
  transition: all 0.2s;
}
.text-input-component .status {
  position: absolute;
  line-height: 2.4;
}
.text-input-component .moveText {
  padding-left: 12px !important;
}
.text-input-component .trail-icon {
  position: absolute;
  top: 0px;
  right: 0.5rem;
  line-height: 0;
  cursor: pointer;
  transition: all 0.2s;
  display: none;
}
.text-input-component .trail-icon i {
  font-size: 1rem;
  line-height: 40px;
  color: #bdbdbd;
  transition: all 0.2s;
}
.text-input-component .trail-icon:hover i {
  color: #9e9e9e;
}
.text-input-component .fontColor {
  color: black !important;
}
.text-input-component input,
.text-input-component input[type=text],
.text-input-component input[type=number],
.text-input-component input[type=search],
.text-input-component input[type=email],
.text-input-component input[type=password],
.text-input-component .fake-input {
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #bdbdbd;
  margin: 0;
  height: 40px;
  padding: 0 0.5rem;
  font-size: 1rem;
  color: #424242;
  transition: all 0.2s, font-size 0s, padding 0s;
}
.text-input-component input::-moz-placeholder, .text-input-component input[type=text]::-moz-placeholder, .text-input-component input[type=number]::-moz-placeholder, .text-input-component input[type=search]::-moz-placeholder, .text-input-component input[type=email]::-moz-placeholder, .text-input-component input[type=password]::-moz-placeholder, .text-input-component .fake-input::-moz-placeholder {
  color: #9e9e9e;
  opacity: 1;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.text-input-component input::placeholder,
.text-input-component input[type=text]::placeholder,
.text-input-component input[type=number]::placeholder,
.text-input-component input[type=search]::placeholder,
.text-input-component input[type=email]::placeholder,
.text-input-component input[type=password]::placeholder,
.text-input-component .fake-input::placeholder {
  color: #9e9e9e;
  opacity: 1;
  transition: all 0.2s;
}
.text-input-component input:focus:not([disabled]), .text-input-component input.active:not([disabled]),
.text-input-component input[type=text]:focus:not([disabled]),
.text-input-component input[type=text].active:not([disabled]),
.text-input-component input[type=number]:focus:not([disabled]),
.text-input-component input[type=number].active:not([disabled]),
.text-input-component input[type=search]:focus:not([disabled]),
.text-input-component input[type=search].active:not([disabled]),
.text-input-component input[type=email]:focus:not([disabled]),
.text-input-component input[type=email].active:not([disabled]),
.text-input-component input[type=password]:focus:not([disabled]),
.text-input-component input[type=password].active:not([disabled]),
.text-input-component .fake-input:focus:not([disabled]),
.text-input-component .fake-input.active:not([disabled]) {
  border-color: rgb(72.8192307692, 117.5653846154, 187.8807692308);
  box-shadow: none;
}
.text-input-component input:focus:not([disabled])::-moz-placeholder, .text-input-component input.active:not([disabled])::-moz-placeholder, .text-input-component input[type=text]:focus:not([disabled])::-moz-placeholder, .text-input-component input[type=text].active:not([disabled])::-moz-placeholder, .text-input-component input[type=number]:focus:not([disabled])::-moz-placeholder, .text-input-component input[type=number].active:not([disabled])::-moz-placeholder, .text-input-component input[type=search]:focus:not([disabled])::-moz-placeholder, .text-input-component input[type=search].active:not([disabled])::-moz-placeholder, .text-input-component input[type=email]:focus:not([disabled])::-moz-placeholder, .text-input-component input[type=email].active:not([disabled])::-moz-placeholder, .text-input-component input[type=password]:focus:not([disabled])::-moz-placeholder, .text-input-component input[type=password].active:not([disabled])::-moz-placeholder, .text-input-component .fake-input:focus:not([disabled])::-moz-placeholder, .text-input-component .fake-input.active:not([disabled])::-moz-placeholder {
  color: rgb(72.8192307692, 117.5653846154, 187.8807692308);
}
.text-input-component input:focus:not([disabled])::placeholder, .text-input-component input.active:not([disabled])::placeholder,
.text-input-component input[type=text]:focus:not([disabled])::placeholder,
.text-input-component input[type=text].active:not([disabled])::placeholder,
.text-input-component input[type=number]:focus:not([disabled])::placeholder,
.text-input-component input[type=number].active:not([disabled])::placeholder,
.text-input-component input[type=search]:focus:not([disabled])::placeholder,
.text-input-component input[type=search].active:not([disabled])::placeholder,
.text-input-component input[type=email]:focus:not([disabled])::placeholder,
.text-input-component input[type=email].active:not([disabled])::placeholder,
.text-input-component input[type=password]:focus:not([disabled])::placeholder,
.text-input-component input[type=password].active:not([disabled])::placeholder,
.text-input-component .fake-input:focus:not([disabled])::placeholder,
.text-input-component .fake-input.active:not([disabled])::placeholder {
  color: rgb(72.8192307692, 117.5653846154, 187.8807692308);
}
.text-input-component input:focus:not([disabled]) + label, .text-input-component input.active:not([disabled]) + label,
.text-input-component input[type=text]:focus:not([disabled]) + label,
.text-input-component input[type=text].active:not([disabled]) + label,
.text-input-component input[type=number]:focus:not([disabled]) + label,
.text-input-component input[type=number].active:not([disabled]) + label,
.text-input-component input[type=search]:focus:not([disabled]) + label,
.text-input-component input[type=search].active:not([disabled]) + label,
.text-input-component input[type=email]:focus:not([disabled]) + label,
.text-input-component input[type=email].active:not([disabled]) + label,
.text-input-component input[type=password]:focus:not([disabled]) + label,
.text-input-component input[type=password].active:not([disabled]) + label,
.text-input-component .fake-input:focus:not([disabled]) + label,
.text-input-component .fake-input.active:not([disabled]) + label {
  color: rgb(72.8192307692, 117.5653846154, 187.8807692308);
}
.text-input-component input:focus:not([disabled]) + .lead-icon i, .text-input-component input:focus:not([disabled]) + label + .lead-icon i, .text-input-component input.active:not([disabled]) + .lead-icon i, .text-input-component input.active:not([disabled]) + label + .lead-icon i,
.text-input-component input[type=text]:focus:not([disabled]) + .lead-icon i,
.text-input-component input[type=text]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component input[type=text].active:not([disabled]) + .lead-icon i,
.text-input-component input[type=text].active:not([disabled]) + label + .lead-icon i,
.text-input-component input[type=number]:focus:not([disabled]) + .lead-icon i,
.text-input-component input[type=number]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component input[type=number].active:not([disabled]) + .lead-icon i,
.text-input-component input[type=number].active:not([disabled]) + label + .lead-icon i,
.text-input-component input[type=search]:focus:not([disabled]) + .lead-icon i,
.text-input-component input[type=search]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component input[type=search].active:not([disabled]) + .lead-icon i,
.text-input-component input[type=search].active:not([disabled]) + label + .lead-icon i,
.text-input-component input[type=email]:focus:not([disabled]) + .lead-icon i,
.text-input-component input[type=email]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component input[type=email].active:not([disabled]) + .lead-icon i,
.text-input-component input[type=email].active:not([disabled]) + label + .lead-icon i,
.text-input-component input[type=password]:focus:not([disabled]) + .lead-icon i,
.text-input-component input[type=password]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component input[type=password].active:not([disabled]) + .lead-icon i,
.text-input-component input[type=password].active:not([disabled]) + label + .lead-icon i,
.text-input-component .fake-input:focus:not([disabled]) + .lead-icon i,
.text-input-component .fake-input:focus:not([disabled]) + label + .lead-icon i,
.text-input-component .fake-input.active:not([disabled]) + .lead-icon i,
.text-input-component .fake-input.active:not([disabled]) + label + .lead-icon i {
  color: rgb(72.8192307692, 117.5653846154, 187.8807692308);
}
.text-input-component input:focus:not([disabled]) + .trail-icon i, .text-input-component input:focus:not([disabled]) + .lead-icon + .trail-icon i, .text-input-component input:focus:not([disabled]) + label + .trail-icon i, .text-input-component input:focus:not([disabled]) + label + .lead-icon + .trail-icon i, .text-input-component input.active:not([disabled]) + .trail-icon i, .text-input-component input.active:not([disabled]) + .lead-icon + .trail-icon i, .text-input-component input.active:not([disabled]) + label + .trail-icon i, .text-input-component input.active:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component input[type=text]:focus:not([disabled]) + .trail-icon i,
.text-input-component input[type=text]:focus:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component input[type=text]:focus:not([disabled]) + label + .trail-icon i,
.text-input-component input[type=text]:focus:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component input[type=text].active:not([disabled]) + .trail-icon i,
.text-input-component input[type=text].active:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component input[type=text].active:not([disabled]) + label + .trail-icon i,
.text-input-component input[type=text].active:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component input[type=number]:focus:not([disabled]) + .trail-icon i,
.text-input-component input[type=number]:focus:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component input[type=number]:focus:not([disabled]) + label + .trail-icon i,
.text-input-component input[type=number]:focus:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component input[type=number].active:not([disabled]) + .trail-icon i,
.text-input-component input[type=number].active:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component input[type=number].active:not([disabled]) + label + .trail-icon i,
.text-input-component input[type=number].active:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component input[type=search]:focus:not([disabled]) + .trail-icon i,
.text-input-component input[type=search]:focus:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component input[type=search]:focus:not([disabled]) + label + .trail-icon i,
.text-input-component input[type=search]:focus:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component input[type=search].active:not([disabled]) + .trail-icon i,
.text-input-component input[type=search].active:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component input[type=search].active:not([disabled]) + label + .trail-icon i,
.text-input-component input[type=search].active:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component input[type=email]:focus:not([disabled]) + .trail-icon i,
.text-input-component input[type=email]:focus:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component input[type=email]:focus:not([disabled]) + label + .trail-icon i,
.text-input-component input[type=email]:focus:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component input[type=email].active:not([disabled]) + .trail-icon i,
.text-input-component input[type=email].active:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component input[type=email].active:not([disabled]) + label + .trail-icon i,
.text-input-component input[type=email].active:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component input[type=password]:focus:not([disabled]) + .trail-icon i,
.text-input-component input[type=password]:focus:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component input[type=password]:focus:not([disabled]) + label + .trail-icon i,
.text-input-component input[type=password]:focus:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component input[type=password].active:not([disabled]) + .trail-icon i,
.text-input-component input[type=password].active:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component input[type=password].active:not([disabled]) + label + .trail-icon i,
.text-input-component input[type=password].active:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component .fake-input:focus:not([disabled]) + .trail-icon i,
.text-input-component .fake-input:focus:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component .fake-input:focus:not([disabled]) + label + .trail-icon i,
.text-input-component .fake-input:focus:not([disabled]) + label + .lead-icon + .trail-icon i,
.text-input-component .fake-input.active:not([disabled]) + .trail-icon i,
.text-input-component .fake-input.active:not([disabled]) + .lead-icon + .trail-icon i,
.text-input-component .fake-input.active:not([disabled]) + label + .trail-icon i,
.text-input-component .fake-input.active:not([disabled]) + label + .lead-icon + .trail-icon i {
  color: #424242;
}
.text-input-component input + label,
.text-input-component input[type=text] + label,
.text-input-component input[type=number] + label,
.text-input-component input[type=search] + label,
.text-input-component input[type=email] + label,
.text-input-component input[type=password] + label,
.text-input-component .fake-input + label {
  position: absolute;
  top: 0px;
  left: 0.5rem;
  font-size: 1rem;
  line-height: 40px;
  color: #9e9e9e;
  transition: all 0.2s;
}
.text-input-component input:disabled,
.text-input-component input[type=text]:disabled,
.text-input-component input[type=number]:disabled,
.text-input-component input[type=search]:disabled,
.text-input-component input[type=email]:disabled,
.text-input-component input[type=password]:disabled,
.text-input-component .fake-input:disabled {
  color: #bdbdbd;
  border-color: #e0e0e0;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.text-input-component input:disabled[name=select-label], .text-input-component input:disabled[name=label],
.text-input-component input[type=text]:disabled[name=select-label],
.text-input-component input[type=text]:disabled[name=label],
.text-input-component input[type=number]:disabled[name=select-label],
.text-input-component input[type=number]:disabled[name=label],
.text-input-component input[type=search]:disabled[name=select-label],
.text-input-component input[type=search]:disabled[name=label],
.text-input-component input[type=email]:disabled[name=select-label],
.text-input-component input[type=email]:disabled[name=label],
.text-input-component input[type=password]:disabled[name=select-label],
.text-input-component input[type=password]:disabled[name=label],
.text-input-component .fake-input:disabled[name=select-label],
.text-input-component .fake-input:disabled[name=label] {
  color: transparent;
  text-shadow: 0 0 0 #bdbdbd;
  cursor: pointer;
}
.text-input-component input:disabled[name=select-label]:focus, .text-input-component input:disabled[name=label]:focus,
.text-input-component input[type=text]:disabled[name=select-label]:focus,
.text-input-component input[type=text]:disabled[name=label]:focus,
.text-input-component input[type=number]:disabled[name=select-label]:focus,
.text-input-component input[type=number]:disabled[name=label]:focus,
.text-input-component input[type=search]:disabled[name=select-label]:focus,
.text-input-component input[type=search]:disabled[name=label]:focus,
.text-input-component input[type=email]:disabled[name=select-label]:focus,
.text-input-component input[type=email]:disabled[name=label]:focus,
.text-input-component input[type=password]:disabled[name=select-label]:focus,
.text-input-component input[type=password]:disabled[name=label]:focus,
.text-input-component .fake-input:disabled[name=select-label]:focus,
.text-input-component .fake-input:disabled[name=label]:focus {
  outline: none;
}
.text-input-component input:disabled + label,
.text-input-component input[type=text]:disabled + label,
.text-input-component input[type=number]:disabled + label,
.text-input-component input[type=search]:disabled + label,
.text-input-component input[type=email]:disabled + label,
.text-input-component input[type=password]:disabled + label,
.text-input-component .fake-input:disabled + label {
  color: #bdbdbd;
}
.text-input-component input:disabled + label + .lead-icon i,
.text-input-component input[type=text]:disabled + label + .lead-icon i,
.text-input-component input[type=number]:disabled + label + .lead-icon i,
.text-input-component input[type=search]:disabled + label + .lead-icon i,
.text-input-component input[type=email]:disabled + label + .lead-icon i,
.text-input-component input[type=password]:disabled + label + .lead-icon i,
.text-input-component .fake-input:disabled + label + .lead-icon i {
  color: #bdbdbd;
}
.text-input-component input:disabled + label + .trail-icon:not(.active) i, .text-input-component input:disabled + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=text]:disabled + label + .trail-icon:not(.active) i,
.text-input-component input[type=text]:disabled + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=number]:disabled + label + .trail-icon:not(.active) i,
.text-input-component input[type=number]:disabled + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=search]:disabled + label + .trail-icon:not(.active) i,
.text-input-component input[type=search]:disabled + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=email]:disabled + label + .trail-icon:not(.active) i,
.text-input-component input[type=email]:disabled + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=password]:disabled + label + .trail-icon:not(.active) i,
.text-input-component input[type=password]:disabled + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component .fake-input:disabled + label + .trail-icon:not(.active) i,
.text-input-component .fake-input:disabled + label + .lead-icon + .trail-icon:not(.active) i {
  color: #e0e0e0;
  cursor: default;
}
.text-input-component input[readonly]:not([name=select-label]):not([name=label]),
.text-input-component input[type=text][readonly]:not([name=select-label]):not([name=label]),
.text-input-component input[type=number][readonly]:not([name=select-label]):not([name=label]),
.text-input-component input[type=search][readonly]:not([name=select-label]):not([name=label]),
.text-input-component input[type=email][readonly]:not([name=select-label]):not([name=label]),
.text-input-component input[type=password][readonly]:not([name=select-label]):not([name=label]),
.text-input-component .fake-input[readonly]:not([name=select-label]):not([name=label]) {
  color: #bdbdbd;
  border-color: #e0e0e0;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.text-input-component input[readonly]:not([name=select-label]):not([name=label]) + label,
.text-input-component input[type=text][readonly]:not([name=select-label]):not([name=label]) + label,
.text-input-component input[type=number][readonly]:not([name=select-label]):not([name=label]) + label,
.text-input-component input[type=search][readonly]:not([name=select-label]):not([name=label]) + label,
.text-input-component input[type=email][readonly]:not([name=select-label]):not([name=label]) + label,
.text-input-component input[type=password][readonly]:not([name=select-label]):not([name=label]) + label,
.text-input-component .fake-input[readonly]:not([name=select-label]):not([name=label]) + label {
  color: #9e9e9e;
}
.text-input-component input[readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon i,
.text-input-component input[type=text][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon i,
.text-input-component input[type=number][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon i,
.text-input-component input[type=search][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon i,
.text-input-component input[type=email][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon i,
.text-input-component input[type=password][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon i,
.text-input-component .fake-input[readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon i {
  color: #9e9e9e;
}
.text-input-component input[readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i, .text-input-component input[readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=text][readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component input[type=text][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=number][readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component input[type=number][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=search][readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component input[type=search][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=email][readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component input[type=email][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=password][readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component input[type=password][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component .fake-input[readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component .fake-input[readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i {
  color: #e0e0e0;
  cursor: default;
}
.text-input-component input[readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i, .text-input-component input[readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=text][readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component input[type=text][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=number][readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component input[type=number][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=search][readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component input[type=search][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=email][readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component input[type=email][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component input[type=password][readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component input[type=password][readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i,
.text-input-component .fake-input[readonly]:not([name=select-label]):not([name=label]) + label + .trail-icon:not(.active) i,
.text-input-component .fake-input[readonly]:not([name=select-label]):not([name=label]) + label + .lead-icon + .trail-icon:not(.active) i {
  color: #9e9e9e;
  cursor: default;
}
.text-input-component input[name=select-label],
.text-input-component input[type=text][name=select-label],
.text-input-component input[type=number][name=select-label],
.text-input-component input[type=search][name=select-label],
.text-input-component input[type=email][name=select-label],
.text-input-component input[type=password][name=select-label],
.text-input-component .fake-input[name=select-label] {
  color: transparent;
  text-shadow: 0 0 0 #424242;
  cursor: pointer;
}
.text-input-component input[name=select-label]:focus,
.text-input-component input[type=text][name=select-label]:focus,
.text-input-component input[type=number][name=select-label]:focus,
.text-input-component input[type=search][name=select-label]:focus,
.text-input-component input[type=email][name=select-label]:focus,
.text-input-component input[type=password][name=select-label]:focus,
.text-input-component .fake-input[name=select-label]:focus {
  outline: none;
}
.text-input-component input[name=label],
.text-input-component input[type=text][name=label],
.text-input-component input[type=number][name=label],
.text-input-component input[type=search][name=label],
.text-input-component input[type=email][name=label],
.text-input-component input[type=password][name=label],
.text-input-component .fake-input[name=label] {
  pointer-events: fill;
}
.text-input-component.labelled {
  padding-top: 20px;
}
.text-input-component.labelled .lead-icon,
.text-input-component.labelled .trail-icon {
  top: 20px;
}
.text-input-component.labelled input + label,
.text-input-component.labelled input[type=text] + label,
.text-input-component.labelled input[type=number] + label,
.text-input-component.labelled input[type=search] + label,
.text-input-component.labelled input[type=email] + label,
.text-input-component.labelled input[type=password] + label,
.text-input-component.labelled .fake-input + label {
  top: 20px;
}
.text-input-component input:focus + label, .text-input-component input.not-empty + label,
.text-input-component input[type=text]:focus + label,
.text-input-component input[type=text].not-empty + label,
.text-input-component input[type=number]:focus + label,
.text-input-component input[type=number].not-empty + label,
.text-input-component input[type=search]:focus + label,
.text-input-component input[type=search].not-empty + label,
.text-input-component input[type=email]:focus + label,
.text-input-component input[type=email].not-empty + label,
.text-input-component input[type=password]:focus + label,
.text-input-component input[type=password].not-empty + label,
.text-input-component .fake-input:focus + label,
.text-input-component .fake-input.not-empty + label {
  top: 10px;
  font-size: 0.8em;
  line-height: 10px;
}
.text-input-component input:focus + .lead-icon, .text-input-component input:focus + label + .lead-icon, .text-input-component input.not-empty + .lead-icon, .text-input-component input.not-empty + label + .lead-icon,
.text-input-component input[type=text]:focus + .lead-icon,
.text-input-component input[type=text]:focus + label + .lead-icon,
.text-input-component input[type=text].not-empty + .lead-icon,
.text-input-component input[type=text].not-empty + label + .lead-icon,
.text-input-component input[type=number]:focus + .lead-icon,
.text-input-component input[type=number]:focus + label + .lead-icon,
.text-input-component input[type=number].not-empty + .lead-icon,
.text-input-component input[type=number].not-empty + label + .lead-icon,
.text-input-component input[type=search]:focus + .lead-icon,
.text-input-component input[type=search]:focus + label + .lead-icon,
.text-input-component input[type=search].not-empty + .lead-icon,
.text-input-component input[type=search].not-empty + label + .lead-icon,
.text-input-component input[type=email]:focus + .lead-icon,
.text-input-component input[type=email]:focus + label + .lead-icon,
.text-input-component input[type=email].not-empty + .lead-icon,
.text-input-component input[type=email].not-empty + label + .lead-icon,
.text-input-component input[type=password]:focus + .lead-icon,
.text-input-component input[type=password]:focus + label + .lead-icon,
.text-input-component input[type=password].not-empty + .lead-icon,
.text-input-component input[type=password].not-empty + label + .lead-icon,
.text-input-component .fake-input:focus + .lead-icon,
.text-input-component .fake-input:focus + label + .lead-icon,
.text-input-component .fake-input.not-empty + .lead-icon,
.text-input-component .fake-input.not-empty + label + .lead-icon {
  top: 10px;
}
.text-input-component input:focus + .lead-icon i, .text-input-component input:focus + label + .lead-icon i, .text-input-component input.not-empty + .lead-icon i, .text-input-component input.not-empty + label + .lead-icon i,
.text-input-component input[type=text]:focus + .lead-icon i,
.text-input-component input[type=text]:focus + label + .lead-icon i,
.text-input-component input[type=text].not-empty + .lead-icon i,
.text-input-component input[type=text].not-empty + label + .lead-icon i,
.text-input-component input[type=number]:focus + .lead-icon i,
.text-input-component input[type=number]:focus + label + .lead-icon i,
.text-input-component input[type=number].not-empty + .lead-icon i,
.text-input-component input[type=number].not-empty + label + .lead-icon i,
.text-input-component input[type=search]:focus + .lead-icon i,
.text-input-component input[type=search]:focus + label + .lead-icon i,
.text-input-component input[type=search].not-empty + .lead-icon i,
.text-input-component input[type=search].not-empty + label + .lead-icon i,
.text-input-component input[type=email]:focus + .lead-icon i,
.text-input-component input[type=email]:focus + label + .lead-icon i,
.text-input-component input[type=email].not-empty + .lead-icon i,
.text-input-component input[type=email].not-empty + label + .lead-icon i,
.text-input-component input[type=password]:focus + .lead-icon i,
.text-input-component input[type=password]:focus + label + .lead-icon i,
.text-input-component input[type=password].not-empty + .lead-icon i,
.text-input-component input[type=password].not-empty + label + .lead-icon i,
.text-input-component .fake-input:focus + .lead-icon i,
.text-input-component .fake-input:focus + label + .lead-icon i,
.text-input-component .fake-input.not-empty + .lead-icon i,
.text-input-component .fake-input.not-empty + label + .lead-icon i {
  line-height: 10px;
  font-size: 0.8em;
}
.text-input-component input:-webkit-autofill, .text-input-component input:-webkit-autofill:hover, .text-input-component input:-webkit-autofill:focus, .text-input-component input:-webkit-autofill:active,
.text-input-component input[type=text]:-webkit-autofill,
.text-input-component input[type=text]:-webkit-autofill:hover,
.text-input-component input[type=text]:-webkit-autofill:focus,
.text-input-component input[type=text]:-webkit-autofill:active,
.text-input-component input[type=number]:-webkit-autofill,
.text-input-component input[type=number]:-webkit-autofill:hover,
.text-input-component input[type=number]:-webkit-autofill:focus,
.text-input-component input[type=number]:-webkit-autofill:active,
.text-input-component input[type=search]:-webkit-autofill,
.text-input-component input[type=search]:-webkit-autofill:hover,
.text-input-component input[type=search]:-webkit-autofill:focus,
.text-input-component input[type=search]:-webkit-autofill:active,
.text-input-component input[type=email]:-webkit-autofill,
.text-input-component input[type=email]:-webkit-autofill:hover,
.text-input-component input[type=email]:-webkit-autofill:focus,
.text-input-component input[type=email]:-webkit-autofill:active,
.text-input-component input[type=password]:-webkit-autofill,
.text-input-component input[type=password]:-webkit-autofill:hover,
.text-input-component input[type=password]:-webkit-autofill:focus,
.text-input-component input[type=password]:-webkit-autofill:active,
.text-input-component .fake-input:-webkit-autofill,
.text-input-component .fake-input:-webkit-autofill:hover,
.text-input-component .fake-input:-webkit-autofill:focus,
.text-input-component .fake-input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: 0 0 30px transparent inset;
  color: inherit;
}
.text-input-component input:-webkit-autofill + label, .text-input-component input:-webkit-autofill:hover + label, .text-input-component input:-webkit-autofill:focus + label, .text-input-component input:-webkit-autofill:active + label,
.text-input-component input[type=text]:-webkit-autofill + label,
.text-input-component input[type=text]:-webkit-autofill:hover + label,
.text-input-component input[type=text]:-webkit-autofill:focus + label,
.text-input-component input[type=text]:-webkit-autofill:active + label,
.text-input-component input[type=number]:-webkit-autofill + label,
.text-input-component input[type=number]:-webkit-autofill:hover + label,
.text-input-component input[type=number]:-webkit-autofill:focus + label,
.text-input-component input[type=number]:-webkit-autofill:active + label,
.text-input-component input[type=search]:-webkit-autofill + label,
.text-input-component input[type=search]:-webkit-autofill:hover + label,
.text-input-component input[type=search]:-webkit-autofill:focus + label,
.text-input-component input[type=search]:-webkit-autofill:active + label,
.text-input-component input[type=email]:-webkit-autofill + label,
.text-input-component input[type=email]:-webkit-autofill:hover + label,
.text-input-component input[type=email]:-webkit-autofill:focus + label,
.text-input-component input[type=email]:-webkit-autofill:active + label,
.text-input-component input[type=password]:-webkit-autofill + label,
.text-input-component input[type=password]:-webkit-autofill:hover + label,
.text-input-component input[type=password]:-webkit-autofill:focus + label,
.text-input-component input[type=password]:-webkit-autofill:active + label,
.text-input-component .fake-input:-webkit-autofill + label,
.text-input-component .fake-input:-webkit-autofill:hover + label,
.text-input-component .fake-input:-webkit-autofill:focus + label,
.text-input-component .fake-input:-webkit-autofill:active + label {
  top: 10px;
  font-size: 0.8em;
  line-height: 10px;
}
.text-input-component input:-webkit-autofill + .lead-icon, .text-input-component input:-webkit-autofill + label + .lead-icon, .text-input-component input:-webkit-autofill:hover + .lead-icon, .text-input-component input:-webkit-autofill:hover + label + .lead-icon, .text-input-component input:-webkit-autofill:focus + .lead-icon, .text-input-component input:-webkit-autofill:focus + label + .lead-icon, .text-input-component input:-webkit-autofill:active + .lead-icon, .text-input-component input:-webkit-autofill:active + label + .lead-icon,
.text-input-component input[type=text]:-webkit-autofill + .lead-icon,
.text-input-component input[type=text]:-webkit-autofill + label + .lead-icon,
.text-input-component input[type=text]:-webkit-autofill:hover + .lead-icon,
.text-input-component input[type=text]:-webkit-autofill:hover + label + .lead-icon,
.text-input-component input[type=text]:-webkit-autofill:focus + .lead-icon,
.text-input-component input[type=text]:-webkit-autofill:focus + label + .lead-icon,
.text-input-component input[type=text]:-webkit-autofill:active + .lead-icon,
.text-input-component input[type=text]:-webkit-autofill:active + label + .lead-icon,
.text-input-component input[type=number]:-webkit-autofill + .lead-icon,
.text-input-component input[type=number]:-webkit-autofill + label + .lead-icon,
.text-input-component input[type=number]:-webkit-autofill:hover + .lead-icon,
.text-input-component input[type=number]:-webkit-autofill:hover + label + .lead-icon,
.text-input-component input[type=number]:-webkit-autofill:focus + .lead-icon,
.text-input-component input[type=number]:-webkit-autofill:focus + label + .lead-icon,
.text-input-component input[type=number]:-webkit-autofill:active + .lead-icon,
.text-input-component input[type=number]:-webkit-autofill:active + label + .lead-icon,
.text-input-component input[type=search]:-webkit-autofill + .lead-icon,
.text-input-component input[type=search]:-webkit-autofill + label + .lead-icon,
.text-input-component input[type=search]:-webkit-autofill:hover + .lead-icon,
.text-input-component input[type=search]:-webkit-autofill:hover + label + .lead-icon,
.text-input-component input[type=search]:-webkit-autofill:focus + .lead-icon,
.text-input-component input[type=search]:-webkit-autofill:focus + label + .lead-icon,
.text-input-component input[type=search]:-webkit-autofill:active + .lead-icon,
.text-input-component input[type=search]:-webkit-autofill:active + label + .lead-icon,
.text-input-component input[type=email]:-webkit-autofill + .lead-icon,
.text-input-component input[type=email]:-webkit-autofill + label + .lead-icon,
.text-input-component input[type=email]:-webkit-autofill:hover + .lead-icon,
.text-input-component input[type=email]:-webkit-autofill:hover + label + .lead-icon,
.text-input-component input[type=email]:-webkit-autofill:focus + .lead-icon,
.text-input-component input[type=email]:-webkit-autofill:focus + label + .lead-icon,
.text-input-component input[type=email]:-webkit-autofill:active + .lead-icon,
.text-input-component input[type=email]:-webkit-autofill:active + label + .lead-icon,
.text-input-component input[type=password]:-webkit-autofill + .lead-icon,
.text-input-component input[type=password]:-webkit-autofill + label + .lead-icon,
.text-input-component input[type=password]:-webkit-autofill:hover + .lead-icon,
.text-input-component input[type=password]:-webkit-autofill:hover + label + .lead-icon,
.text-input-component input[type=password]:-webkit-autofill:focus + .lead-icon,
.text-input-component input[type=password]:-webkit-autofill:focus + label + .lead-icon,
.text-input-component input[type=password]:-webkit-autofill:active + .lead-icon,
.text-input-component input[type=password]:-webkit-autofill:active + label + .lead-icon,
.text-input-component .fake-input:-webkit-autofill + .lead-icon,
.text-input-component .fake-input:-webkit-autofill + label + .lead-icon,
.text-input-component .fake-input:-webkit-autofill:hover + .lead-icon,
.text-input-component .fake-input:-webkit-autofill:hover + label + .lead-icon,
.text-input-component .fake-input:-webkit-autofill:focus + .lead-icon,
.text-input-component .fake-input:-webkit-autofill:focus + label + .lead-icon,
.text-input-component .fake-input:-webkit-autofill:active + .lead-icon,
.text-input-component .fake-input:-webkit-autofill:active + label + .lead-icon {
  top: 10px;
}
.text-input-component input:-webkit-autofill + .lead-icon i, .text-input-component input:-webkit-autofill + label + .lead-icon i, .text-input-component input:-webkit-autofill:hover + .lead-icon i, .text-input-component input:-webkit-autofill:hover + label + .lead-icon i, .text-input-component input:-webkit-autofill:focus + .lead-icon i, .text-input-component input:-webkit-autofill:focus + label + .lead-icon i, .text-input-component input:-webkit-autofill:active + .lead-icon i, .text-input-component input:-webkit-autofill:active + label + .lead-icon i,
.text-input-component input[type=text]:-webkit-autofill + .lead-icon i,
.text-input-component input[type=text]:-webkit-autofill + label + .lead-icon i,
.text-input-component input[type=text]:-webkit-autofill:hover + .lead-icon i,
.text-input-component input[type=text]:-webkit-autofill:hover + label + .lead-icon i,
.text-input-component input[type=text]:-webkit-autofill:focus + .lead-icon i,
.text-input-component input[type=text]:-webkit-autofill:focus + label + .lead-icon i,
.text-input-component input[type=text]:-webkit-autofill:active + .lead-icon i,
.text-input-component input[type=text]:-webkit-autofill:active + label + .lead-icon i,
.text-input-component input[type=number]:-webkit-autofill + .lead-icon i,
.text-input-component input[type=number]:-webkit-autofill + label + .lead-icon i,
.text-input-component input[type=number]:-webkit-autofill:hover + .lead-icon i,
.text-input-component input[type=number]:-webkit-autofill:hover + label + .lead-icon i,
.text-input-component input[type=number]:-webkit-autofill:focus + .lead-icon i,
.text-input-component input[type=number]:-webkit-autofill:focus + label + .lead-icon i,
.text-input-component input[type=number]:-webkit-autofill:active + .lead-icon i,
.text-input-component input[type=number]:-webkit-autofill:active + label + .lead-icon i,
.text-input-component input[type=search]:-webkit-autofill + .lead-icon i,
.text-input-component input[type=search]:-webkit-autofill + label + .lead-icon i,
.text-input-component input[type=search]:-webkit-autofill:hover + .lead-icon i,
.text-input-component input[type=search]:-webkit-autofill:hover + label + .lead-icon i,
.text-input-component input[type=search]:-webkit-autofill:focus + .lead-icon i,
.text-input-component input[type=search]:-webkit-autofill:focus + label + .lead-icon i,
.text-input-component input[type=search]:-webkit-autofill:active + .lead-icon i,
.text-input-component input[type=search]:-webkit-autofill:active + label + .lead-icon i,
.text-input-component input[type=email]:-webkit-autofill + .lead-icon i,
.text-input-component input[type=email]:-webkit-autofill + label + .lead-icon i,
.text-input-component input[type=email]:-webkit-autofill:hover + .lead-icon i,
.text-input-component input[type=email]:-webkit-autofill:hover + label + .lead-icon i,
.text-input-component input[type=email]:-webkit-autofill:focus + .lead-icon i,
.text-input-component input[type=email]:-webkit-autofill:focus + label + .lead-icon i,
.text-input-component input[type=email]:-webkit-autofill:active + .lead-icon i,
.text-input-component input[type=email]:-webkit-autofill:active + label + .lead-icon i,
.text-input-component input[type=password]:-webkit-autofill + .lead-icon i,
.text-input-component input[type=password]:-webkit-autofill + label + .lead-icon i,
.text-input-component input[type=password]:-webkit-autofill:hover + .lead-icon i,
.text-input-component input[type=password]:-webkit-autofill:hover + label + .lead-icon i,
.text-input-component input[type=password]:-webkit-autofill:focus + .lead-icon i,
.text-input-component input[type=password]:-webkit-autofill:focus + label + .lead-icon i,
.text-input-component input[type=password]:-webkit-autofill:active + .lead-icon i,
.text-input-component input[type=password]:-webkit-autofill:active + label + .lead-icon i,
.text-input-component .fake-input:-webkit-autofill + .lead-icon i,
.text-input-component .fake-input:-webkit-autofill + label + .lead-icon i,
.text-input-component .fake-input:-webkit-autofill:hover + .lead-icon i,
.text-input-component .fake-input:-webkit-autofill:hover + label + .lead-icon i,
.text-input-component .fake-input:-webkit-autofill:focus + .lead-icon i,
.text-input-component .fake-input:-webkit-autofill:focus + label + .lead-icon i,
.text-input-component .fake-input:-webkit-autofill:active + .lead-icon i,
.text-input-component .fake-input:-webkit-autofill:active + label + .lead-icon i {
  line-height: 10px;
  font-size: 0.8em;
}
.text-input-component.lead-icon input + label,
.text-input-component.lead-icon input[type=text] + label,
.text-input-component.lead-icon input[type=number] + label,
.text-input-component.lead-icon input[type=search] + label,
.text-input-component.lead-icon input[type=email] + label,
.text-input-component.lead-icon input[type=password] + label,
.text-input-component.lead-icon .fake-input + label {
  left: calc(0.5rem + 15px);
}
.text-input-component.lead-icon .lead-icon {
  display: inline;
}
.text-input-component.trail-icon input,
.text-input-component.trail-icon input[type=text],
.text-input-component.trail-icon input[type=number],
.text-input-component.trail-icon input[type=search],
.text-input-component.trail-icon input[type=email],
.text-input-component.trail-icon input[type=password] {
  padding-right: calc(1rem + 15px);
}
.text-input-component.trail-icon .trail-icon {
  display: inline;
}
.text-input-component.date-field input[readonly],
.text-input-component.date-field input[type=text][readonly],
.text-input-component.date-field input[type=number][readonly],
.text-input-component.date-field input[type=search][readonly],
.text-input-component.date-field input[type=email] input[type=password][readonly], .text-input-component.time-field input[readonly],
.text-input-component.time-field input[type=text][readonly],
.text-input-component.time-field input[type=number][readonly],
.text-input-component.time-field input[type=search][readonly],
.text-input-component.time-field input[type=email] input[type=password][readonly] {
  border: none !important;
  border-bottom: 1px solid #bdbdbd !important;
  color: #424242 !important;
  pointer-events: initial !important;
  overflow: initial !important;
  text-overflow: initial !important;
}
.text-input-component.date-field input[readonly].active,
.text-input-component.date-field input[type=text][readonly].active,
.text-input-component.date-field input[type=number][readonly].active,
.text-input-component.date-field input[type=search][readonly].active,
.text-input-component.date-field input[type=email] input[type=password][readonly].active, .text-input-component.time-field input[readonly].active,
.text-input-component.time-field input[type=text][readonly].active,
.text-input-component.time-field input[type=number][readonly].active,
.text-input-component.time-field input[type=search][readonly].active,
.text-input-component.time-field input[type=email] input[type=password][readonly].active {
  border-color: rgb(72.8192307692, 117.5653846154, 187.8807692308) !important;
}
.text-input-component.date-field input[readonly].active + label,
.text-input-component.date-field input[type=text][readonly].active + label,
.text-input-component.date-field input[type=number][readonly].active + label,
.text-input-component.date-field input[type=search][readonly].active + label,
.text-input-component.date-field input[type=email] input[type=password][readonly].active + label, .text-input-component.time-field input[readonly].active + label,
.text-input-component.time-field input[type=text][readonly].active + label,
.text-input-component.time-field input[type=number][readonly].active + label,
.text-input-component.time-field input[type=search][readonly].active + label,
.text-input-component.time-field input[type=email] input[type=password][readonly].active + label {
  color: rgb(72.8192307692, 117.5653846154, 187.8807692308);
}
.text-input-component.date-field input[readonly].active + label + .lead-icon i,
.text-input-component.date-field input[type=text][readonly].active + label + .lead-icon i,
.text-input-component.date-field input[type=number][readonly].active + label + .lead-icon i,
.text-input-component.date-field input[type=search][readonly].active + label + .lead-icon i,
.text-input-component.date-field input[type=email] input[type=password][readonly].active + label + .lead-icon i, .text-input-component.time-field input[readonly].active + label + .lead-icon i,
.text-input-component.time-field input[type=text][readonly].active + label + .lead-icon i,
.text-input-component.time-field input[type=number][readonly].active + label + .lead-icon i,
.text-input-component.time-field input[type=search][readonly].active + label + .lead-icon i,
.text-input-component.time-field input[type=email] input[type=password][readonly].active + label + .lead-icon i {
  color: rgb(72.8192307692, 117.5653846154, 187.8807692308);
}
.text-input-component.date-field input[readonly] + label + .trail-icon i, .text-input-component.date-field input[readonly] + label + .lead-icon + .trail-icon i,
.text-input-component.date-field input[type=text][readonly] + label + .trail-icon i,
.text-input-component.date-field input[type=text][readonly] + label + .lead-icon + .trail-icon i,
.text-input-component.date-field input[type=number][readonly] + label + .trail-icon i,
.text-input-component.date-field input[type=number][readonly] + label + .lead-icon + .trail-icon i,
.text-input-component.date-field input[type=search][readonly] + label + .trail-icon i,
.text-input-component.date-field input[type=search][readonly] + label + .lead-icon + .trail-icon i,
.text-input-component.date-field input[type=email] input[type=password][readonly] + label + .trail-icon i,
.text-input-component.date-field input[type=email] input[type=password][readonly] + label + .lead-icon + .trail-icon i, .text-input-component.time-field input[readonly] + label + .trail-icon i, .text-input-component.time-field input[readonly] + label + .lead-icon + .trail-icon i,
.text-input-component.time-field input[type=text][readonly] + label + .trail-icon i,
.text-input-component.time-field input[type=text][readonly] + label + .lead-icon + .trail-icon i,
.text-input-component.time-field input[type=number][readonly] + label + .trail-icon i,
.text-input-component.time-field input[type=number][readonly] + label + .lead-icon + .trail-icon i,
.text-input-component.time-field input[type=search][readonly] + label + .trail-icon i,
.text-input-component.time-field input[type=search][readonly] + label + .lead-icon + .trail-icon i,
.text-input-component.time-field input[type=email] input[type=password][readonly] + label + .trail-icon i,
.text-input-component.time-field input[type=email] input[type=password][readonly] + label + .lead-icon + .trail-icon i {
  cursor: pointer;
  pointer-events: initial;
  color: #bdbdbd;
}
.text-input-component.date-field input[readonly] + label + .trail-icon i:hover, .text-input-component.date-field input[readonly] + label + .lead-icon + .trail-icon i:hover,
.text-input-component.date-field input[type=text][readonly] + label + .trail-icon i:hover,
.text-input-component.date-field input[type=text][readonly] + label + .lead-icon + .trail-icon i:hover,
.text-input-component.date-field input[type=number][readonly] + label + .trail-icon i:hover,
.text-input-component.date-field input[type=number][readonly] + label + .lead-icon + .trail-icon i:hover,
.text-input-component.date-field input[type=search][readonly] + label + .trail-icon i:hover,
.text-input-component.date-field input[type=search][readonly] + label + .lead-icon + .trail-icon i:hover,
.text-input-component.date-field input[type=email] input[type=password][readonly] + label + .trail-icon i:hover,
.text-input-component.date-field input[type=email] input[type=password][readonly] + label + .lead-icon + .trail-icon i:hover, .text-input-component.time-field input[readonly] + label + .trail-icon i:hover, .text-input-component.time-field input[readonly] + label + .lead-icon + .trail-icon i:hover,
.text-input-component.time-field input[type=text][readonly] + label + .trail-icon i:hover,
.text-input-component.time-field input[type=text][readonly] + label + .lead-icon + .trail-icon i:hover,
.text-input-component.time-field input[type=number][readonly] + label + .trail-icon i:hover,
.text-input-component.time-field input[type=number][readonly] + label + .lead-icon + .trail-icon i:hover,
.text-input-component.time-field input[type=search][readonly] + label + .trail-icon i:hover,
.text-input-component.time-field input[type=search][readonly] + label + .lead-icon + .trail-icon i:hover,
.text-input-component.time-field input[type=email] input[type=password][readonly] + label + .trail-icon i:hover,
.text-input-component.time-field input[type=email] input[type=password][readonly] + label + .lead-icon + .trail-icon i:hover {
  color: #9e9e9e;
}
.text-input-component.invalid input,
.text-input-component.invalid input[type=text],
.text-input-component.invalid input[type=number],
.text-input-component.invalid input[type=search],
.text-input-component.invalid input[type=email],
.text-input-component.invalid input[type=password], .text-input-component.invalid.date-field input,
.text-input-component.invalid.date-field input[type=text],
.text-input-component.invalid.date-field input[type=number],
.text-input-component.invalid.date-field input[type=search],
.text-input-component.invalid.date-field input[type=email],
.text-input-component.invalid.date-field input[type=password], .text-input-component.invalid.time-field input,
.text-input-component.invalid.time-field input[type=text],
.text-input-component.invalid.time-field input[type=number],
.text-input-component.invalid.time-field input[type=search],
.text-input-component.invalid.time-field input[type=email],
.text-input-component.invalid.time-field input[type=password] {
  border-bottom: 1px solid #e53935;
  caret-color: #e53935;
}
.text-input-component.invalid input[readonly],
.text-input-component.invalid input[type=text][readonly],
.text-input-component.invalid input[type=number][readonly],
.text-input-component.invalid input[type=search][readonly],
.text-input-component.invalid input[type=email][readonly],
.text-input-component.invalid input[type=password][readonly], .text-input-component.invalid.date-field input[readonly],
.text-input-component.invalid.date-field input[type=text][readonly],
.text-input-component.invalid.date-field input[type=number][readonly],
.text-input-component.invalid.date-field input[type=search][readonly],
.text-input-component.invalid.date-field input[type=email][readonly],
.text-input-component.invalid.date-field input[type=password][readonly], .text-input-component.invalid.time-field input[readonly],
.text-input-component.invalid.time-field input[type=text][readonly],
.text-input-component.invalid.time-field input[type=number][readonly],
.text-input-component.invalid.time-field input[type=search][readonly],
.text-input-component.invalid.time-field input[type=email][readonly],
.text-input-component.invalid.time-field input[type=password][readonly] {
  border-bottom: 1px solid #e53935 !important;
}
.text-input-component.invalid input[readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid input[type=text][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid input[type=number][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid input[type=search][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid input[type=email][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid input[type=password][readonly]:not([name=select-label]):not([name=label]), .text-input-component.invalid.date-field input[readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid.date-field input[type=text][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid.date-field input[type=number][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid.date-field input[type=search][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid.date-field input[type=email][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid.date-field input[type=password][readonly]:not([name=select-label]):not([name=label]), .text-input-component.invalid.time-field input[readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid.time-field input[type=text][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid.time-field input[type=number][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid.time-field input[type=search][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid.time-field input[type=email][readonly]:not([name=select-label]):not([name=label]),
.text-input-component.invalid.time-field input[type=password][readonly]:not([name=select-label]):not([name=label]) {
  border-color: #e53935 !important;
}
.text-input-component.invalid input[readonly].active,
.text-input-component.invalid input[type=text][readonly].active,
.text-input-component.invalid input[type=number][readonly].active,
.text-input-component.invalid input[type=search][readonly].active,
.text-input-component.invalid input[type=email][readonly].active,
.text-input-component.invalid input[type=password][readonly].active, .text-input-component.invalid.date-field input[readonly].active,
.text-input-component.invalid.date-field input[type=text][readonly].active,
.text-input-component.invalid.date-field input[type=number][readonly].active,
.text-input-component.invalid.date-field input[type=search][readonly].active,
.text-input-component.invalid.date-field input[type=email][readonly].active,
.text-input-component.invalid.date-field input[type=password][readonly].active, .text-input-component.invalid.time-field input[readonly].active,
.text-input-component.invalid.time-field input[type=text][readonly].active,
.text-input-component.invalid.time-field input[type=number][readonly].active,
.text-input-component.invalid.time-field input[type=search][readonly].active,
.text-input-component.invalid.time-field input[type=email][readonly].active,
.text-input-component.invalid.time-field input[type=password][readonly].active {
  border-color: #e53935 !important;
}
.text-input-component.invalid input::-moz-placeholder, .text-input-component.invalid input[type=text]::-moz-placeholder, .text-input-component.invalid input[type=number]::-moz-placeholder, .text-input-component.invalid input[type=search]::-moz-placeholder, .text-input-component.invalid input[type=email]::-moz-placeholder, .text-input-component.invalid input[type=password]::-moz-placeholder, .text-input-component.invalid.date-field input::-moz-placeholder, .text-input-component.invalid.date-field input[type=text]::-moz-placeholder, .text-input-component.invalid.date-field input[type=number]::-moz-placeholder, .text-input-component.invalid.date-field input[type=search]::-moz-placeholder, .text-input-component.invalid.date-field input[type=email]::-moz-placeholder, .text-input-component.invalid.date-field input[type=password]::-moz-placeholder, .text-input-component.invalid.time-field input::-moz-placeholder, .text-input-component.invalid.time-field input[type=text]::-moz-placeholder, .text-input-component.invalid.time-field input[type=number]::-moz-placeholder, .text-input-component.invalid.time-field input[type=search]::-moz-placeholder, .text-input-component.invalid.time-field input[type=email]::-moz-placeholder, .text-input-component.invalid.time-field input[type=password]::-moz-placeholder {
  color: #e53935;
}
.text-input-component.invalid input::placeholder,
.text-input-component.invalid input[type=text]::placeholder,
.text-input-component.invalid input[type=number]::placeholder,
.text-input-component.invalid input[type=search]::placeholder,
.text-input-component.invalid input[type=email]::placeholder,
.text-input-component.invalid input[type=password]::placeholder, .text-input-component.invalid.date-field input::placeholder,
.text-input-component.invalid.date-field input[type=text]::placeholder,
.text-input-component.invalid.date-field input[type=number]::placeholder,
.text-input-component.invalid.date-field input[type=search]::placeholder,
.text-input-component.invalid.date-field input[type=email]::placeholder,
.text-input-component.invalid.date-field input[type=password]::placeholder, .text-input-component.invalid.time-field input::placeholder,
.text-input-component.invalid.time-field input[type=text]::placeholder,
.text-input-component.invalid.time-field input[type=number]::placeholder,
.text-input-component.invalid.time-field input[type=search]::placeholder,
.text-input-component.invalid.time-field input[type=email]::placeholder,
.text-input-component.invalid.time-field input[type=password]::placeholder {
  color: #e53935;
}
.text-input-component.invalid input:focus:not([disabled]), .text-input-component.invalid input.active:not([disabled]),
.text-input-component.invalid input[type=text]:focus:not([disabled]),
.text-input-component.invalid input[type=text].active:not([disabled]),
.text-input-component.invalid input[type=number]:focus:not([disabled]),
.text-input-component.invalid input[type=number].active:not([disabled]),
.text-input-component.invalid input[type=search]:focus:not([disabled]),
.text-input-component.invalid input[type=search].active:not([disabled]),
.text-input-component.invalid input[type=email]:focus:not([disabled]),
.text-input-component.invalid input[type=email].active:not([disabled]),
.text-input-component.invalid input[type=password]:focus:not([disabled]),
.text-input-component.invalid input[type=password].active:not([disabled]), .text-input-component.invalid.date-field input:focus:not([disabled]), .text-input-component.invalid.date-field input.active:not([disabled]),
.text-input-component.invalid.date-field input[type=text]:focus:not([disabled]),
.text-input-component.invalid.date-field input[type=text].active:not([disabled]),
.text-input-component.invalid.date-field input[type=number]:focus:not([disabled]),
.text-input-component.invalid.date-field input[type=number].active:not([disabled]),
.text-input-component.invalid.date-field input[type=search]:focus:not([disabled]),
.text-input-component.invalid.date-field input[type=search].active:not([disabled]),
.text-input-component.invalid.date-field input[type=email]:focus:not([disabled]),
.text-input-component.invalid.date-field input[type=email].active:not([disabled]),
.text-input-component.invalid.date-field input[type=password]:focus:not([disabled]),
.text-input-component.invalid.date-field input[type=password].active:not([disabled]), .text-input-component.invalid.time-field input:focus:not([disabled]), .text-input-component.invalid.time-field input.active:not([disabled]),
.text-input-component.invalid.time-field input[type=text]:focus:not([disabled]),
.text-input-component.invalid.time-field input[type=text].active:not([disabled]),
.text-input-component.invalid.time-field input[type=number]:focus:not([disabled]),
.text-input-component.invalid.time-field input[type=number].active:not([disabled]),
.text-input-component.invalid.time-field input[type=search]:focus:not([disabled]),
.text-input-component.invalid.time-field input[type=search].active:not([disabled]),
.text-input-component.invalid.time-field input[type=email]:focus:not([disabled]),
.text-input-component.invalid.time-field input[type=email].active:not([disabled]),
.text-input-component.invalid.time-field input[type=password]:focus:not([disabled]),
.text-input-component.invalid.time-field input[type=password].active:not([disabled]) {
  border-color: #e53935;
}
.text-input-component.invalid input:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid input.active:not([disabled])::-moz-placeholder, .text-input-component.invalid input[type=text]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid input[type=text].active:not([disabled])::-moz-placeholder, .text-input-component.invalid input[type=number]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid input[type=number].active:not([disabled])::-moz-placeholder, .text-input-component.invalid input[type=search]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid input[type=search].active:not([disabled])::-moz-placeholder, .text-input-component.invalid input[type=email]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid input[type=email].active:not([disabled])::-moz-placeholder, .text-input-component.invalid input[type=password]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid input[type=password].active:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input.active:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input[type=text]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input[type=text].active:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input[type=number]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input[type=number].active:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input[type=search]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input[type=search].active:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input[type=email]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input[type=email].active:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input[type=password]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.date-field input[type=password].active:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input.active:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input[type=text]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input[type=text].active:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input[type=number]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input[type=number].active:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input[type=search]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input[type=search].active:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input[type=email]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input[type=email].active:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input[type=password]:focus:not([disabled])::-moz-placeholder, .text-input-component.invalid.time-field input[type=password].active:not([disabled])::-moz-placeholder {
  color: #e53935;
}
.text-input-component.invalid input:focus:not([disabled])::placeholder, .text-input-component.invalid input.active:not([disabled])::placeholder,
.text-input-component.invalid input[type=text]:focus:not([disabled])::placeholder,
.text-input-component.invalid input[type=text].active:not([disabled])::placeholder,
.text-input-component.invalid input[type=number]:focus:not([disabled])::placeholder,
.text-input-component.invalid input[type=number].active:not([disabled])::placeholder,
.text-input-component.invalid input[type=search]:focus:not([disabled])::placeholder,
.text-input-component.invalid input[type=search].active:not([disabled])::placeholder,
.text-input-component.invalid input[type=email]:focus:not([disabled])::placeholder,
.text-input-component.invalid input[type=email].active:not([disabled])::placeholder,
.text-input-component.invalid input[type=password]:focus:not([disabled])::placeholder,
.text-input-component.invalid input[type=password].active:not([disabled])::placeholder, .text-input-component.invalid.date-field input:focus:not([disabled])::placeholder, .text-input-component.invalid.date-field input.active:not([disabled])::placeholder,
.text-input-component.invalid.date-field input[type=text]:focus:not([disabled])::placeholder,
.text-input-component.invalid.date-field input[type=text].active:not([disabled])::placeholder,
.text-input-component.invalid.date-field input[type=number]:focus:not([disabled])::placeholder,
.text-input-component.invalid.date-field input[type=number].active:not([disabled])::placeholder,
.text-input-component.invalid.date-field input[type=search]:focus:not([disabled])::placeholder,
.text-input-component.invalid.date-field input[type=search].active:not([disabled])::placeholder,
.text-input-component.invalid.date-field input[type=email]:focus:not([disabled])::placeholder,
.text-input-component.invalid.date-field input[type=email].active:not([disabled])::placeholder,
.text-input-component.invalid.date-field input[type=password]:focus:not([disabled])::placeholder,
.text-input-component.invalid.date-field input[type=password].active:not([disabled])::placeholder, .text-input-component.invalid.time-field input:focus:not([disabled])::placeholder, .text-input-component.invalid.time-field input.active:not([disabled])::placeholder,
.text-input-component.invalid.time-field input[type=text]:focus:not([disabled])::placeholder,
.text-input-component.invalid.time-field input[type=text].active:not([disabled])::placeholder,
.text-input-component.invalid.time-field input[type=number]:focus:not([disabled])::placeholder,
.text-input-component.invalid.time-field input[type=number].active:not([disabled])::placeholder,
.text-input-component.invalid.time-field input[type=search]:focus:not([disabled])::placeholder,
.text-input-component.invalid.time-field input[type=search].active:not([disabled])::placeholder,
.text-input-component.invalid.time-field input[type=email]:focus:not([disabled])::placeholder,
.text-input-component.invalid.time-field input[type=email].active:not([disabled])::placeholder,
.text-input-component.invalid.time-field input[type=password]:focus:not([disabled])::placeholder,
.text-input-component.invalid.time-field input[type=password].active:not([disabled])::placeholder {
  color: #e53935;
}
.text-input-component.invalid input:focus:not([disabled]) + label, .text-input-component.invalid input.active:not([disabled]) + label,
.text-input-component.invalid input[type=text]:focus:not([disabled]) + label,
.text-input-component.invalid input[type=text].active:not([disabled]) + label,
.text-input-component.invalid input[type=number]:focus:not([disabled]) + label,
.text-input-component.invalid input[type=number].active:not([disabled]) + label,
.text-input-component.invalid input[type=search]:focus:not([disabled]) + label,
.text-input-component.invalid input[type=search].active:not([disabled]) + label,
.text-input-component.invalid input[type=email]:focus:not([disabled]) + label,
.text-input-component.invalid input[type=email].active:not([disabled]) + label,
.text-input-component.invalid input[type=password]:focus:not([disabled]) + label,
.text-input-component.invalid input[type=password].active:not([disabled]) + label, .text-input-component.invalid.date-field input:focus:not([disabled]) + label, .text-input-component.invalid.date-field input.active:not([disabled]) + label,
.text-input-component.invalid.date-field input[type=text]:focus:not([disabled]) + label,
.text-input-component.invalid.date-field input[type=text].active:not([disabled]) + label,
.text-input-component.invalid.date-field input[type=number]:focus:not([disabled]) + label,
.text-input-component.invalid.date-field input[type=number].active:not([disabled]) + label,
.text-input-component.invalid.date-field input[type=search]:focus:not([disabled]) + label,
.text-input-component.invalid.date-field input[type=search].active:not([disabled]) + label,
.text-input-component.invalid.date-field input[type=email]:focus:not([disabled]) + label,
.text-input-component.invalid.date-field input[type=email].active:not([disabled]) + label,
.text-input-component.invalid.date-field input[type=password]:focus:not([disabled]) + label,
.text-input-component.invalid.date-field input[type=password].active:not([disabled]) + label, .text-input-component.invalid.time-field input:focus:not([disabled]) + label, .text-input-component.invalid.time-field input.active:not([disabled]) + label,
.text-input-component.invalid.time-field input[type=text]:focus:not([disabled]) + label,
.text-input-component.invalid.time-field input[type=text].active:not([disabled]) + label,
.text-input-component.invalid.time-field input[type=number]:focus:not([disabled]) + label,
.text-input-component.invalid.time-field input[type=number].active:not([disabled]) + label,
.text-input-component.invalid.time-field input[type=search]:focus:not([disabled]) + label,
.text-input-component.invalid.time-field input[type=search].active:not([disabled]) + label,
.text-input-component.invalid.time-field input[type=email]:focus:not([disabled]) + label,
.text-input-component.invalid.time-field input[type=email].active:not([disabled]) + label,
.text-input-component.invalid.time-field input[type=password]:focus:not([disabled]) + label,
.text-input-component.invalid.time-field input[type=password].active:not([disabled]) + label {
  color: #e53935 !important;
}
.text-input-component.invalid input:focus:not([disabled]) + .lead-icon i, .text-input-component.invalid input:focus:not([disabled]) + label + .lead-icon i, .text-input-component.invalid input.active:not([disabled]) + .lead-icon i, .text-input-component.invalid input.active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid input[type=text]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid input[type=text]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid input[type=text].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid input[type=text].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid input[type=number]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid input[type=number]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid input[type=number].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid input[type=number].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid input[type=search]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid input[type=search]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid input[type=search].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid input[type=search].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid input[type=email]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid input[type=email]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid input[type=email].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid input[type=email].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid input[type=password]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid input[type=password]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid input[type=password].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid input[type=password].active:not([disabled]) + label + .lead-icon i, .text-input-component.invalid.date-field input:focus:not([disabled]) + .lead-icon i, .text-input-component.invalid.date-field input:focus:not([disabled]) + label + .lead-icon i, .text-input-component.invalid.date-field input.active:not([disabled]) + .lead-icon i, .text-input-component.invalid.date-field input.active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.date-field input[type=text]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid.date-field input[type=text]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.date-field input[type=text].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid.date-field input[type=text].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.date-field input[type=number]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid.date-field input[type=number]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.date-field input[type=number].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid.date-field input[type=number].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.date-field input[type=search]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid.date-field input[type=search]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.date-field input[type=search].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid.date-field input[type=search].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.date-field input[type=email]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid.date-field input[type=email]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.date-field input[type=email].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid.date-field input[type=email].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.date-field input[type=password]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid.date-field input[type=password]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.date-field input[type=password].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid.date-field input[type=password].active:not([disabled]) + label + .lead-icon i, .text-input-component.invalid.time-field input:focus:not([disabled]) + .lead-icon i, .text-input-component.invalid.time-field input:focus:not([disabled]) + label + .lead-icon i, .text-input-component.invalid.time-field input.active:not([disabled]) + .lead-icon i, .text-input-component.invalid.time-field input.active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.time-field input[type=text]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid.time-field input[type=text]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.time-field input[type=text].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid.time-field input[type=text].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.time-field input[type=number]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid.time-field input[type=number]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.time-field input[type=number].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid.time-field input[type=number].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.time-field input[type=search]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid.time-field input[type=search]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.time-field input[type=search].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid.time-field input[type=search].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.time-field input[type=email]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid.time-field input[type=email]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.time-field input[type=email].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid.time-field input[type=email].active:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.time-field input[type=password]:focus:not([disabled]) + .lead-icon i,
.text-input-component.invalid.time-field input[type=password]:focus:not([disabled]) + label + .lead-icon i,
.text-input-component.invalid.time-field input[type=password].active:not([disabled]) + .lead-icon i,
.text-input-component.invalid.time-field input[type=password].active:not([disabled]) + label + .lead-icon i {
  color: #e53935;
}
.text-input-component.invalid input + label,
.text-input-component.invalid input[type=text] + label,
.text-input-component.invalid input[type=number] + label,
.text-input-component.invalid input[type=search] + label,
.text-input-component.invalid input[type=email] + label,
.text-input-component.invalid input[type=password] + label, .text-input-component.invalid.date-field input + label,
.text-input-component.invalid.date-field input[type=text] + label,
.text-input-component.invalid.date-field input[type=number] + label,
.text-input-component.invalid.date-field input[type=search] + label,
.text-input-component.invalid.date-field input[type=email] + label,
.text-input-component.invalid.date-field input[type=password] + label, .text-input-component.invalid.time-field input + label,
.text-input-component.invalid.time-field input[type=text] + label,
.text-input-component.invalid.time-field input[type=number] + label,
.text-input-component.invalid.time-field input[type=search] + label,
.text-input-component.invalid.time-field input[type=email] + label,
.text-input-component.invalid.time-field input[type=password] + label {
  color: #e53935 !important;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjc3MvYXBwfjM4ZmZiZjZhLmJmOThiNDg0NmZhNDU0YmRhMWQwLmNodW5rLmNzcyIsInNvdXJjZVJvb3QiOiIifQ==*/