.apps-list-component ul.apps-list {
  margin: 0;
  position: relative;
  display: flex;
  flex-flow: row wrap; }
  .apps-list-component ul.apps-list li.apps-list-item {
    transition: opacity .2s;
    text-align: center;
    padding: 0.75rem;
    flex: 1;
    flex-basis: 33.3333333%; }
    .apps-list-component ul.apps-list li.apps-list-item:hover {
      cursor: pointer;
      opacity: 0.5 !important; }
    .apps-list-component ul.apps-list li.apps-list-item .img-wrapper {
      width: 75px;
      height: 75px;
      display: block;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      border-radius: 10px;
      line-height: 75px; }
      .apps-list-component ul.apps-list li.apps-list-item .img-wrapper img {
        display: block;
        max-width: 100%; }
      .apps-list-component ul.apps-list li.apps-list-item .img-wrapper i {
        vertical-align: middle;
        font-size: 3rem;
        color: #465A64; }

.text-input-component {
  position: relative;
  vertical-align: middle; }
  .text-input-component .lead-icon {
    position: absolute;
    top: 0px;
    left: 0;
    line-height: 0;
    transition: all .2s;
    display: none; }
    .text-input-component .lead-icon i {
      font-size: 1rem;
      line-height: 40px;
      color: #9e9e9e;
      transition: all .2s; }
  .text-input-component .trail-icon {
    position: absolute;
    top: 0px;
    right: 0;
    line-height: 0;
    cursor: pointer;
    transition: all .2s;
    display: none; }
    .text-input-component .trail-icon i {
      font-size: 1rem;
      line-height: 40px;
      color: #bdbdbd;
      transition: all .2s; }
    .text-input-component .trail-icon:hover i {
      color: #9e9e9e; }
  .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;
    font-size: 1rem;
    color: #424242;
    transition: all .2s, font-size 0s, padding 0s; }
    .text-input-component input::-webkit-input-placeholder, .text-input-component input[type="text"]::-webkit-input-placeholder, .text-input-component input[type="number"]::-webkit-input-placeholder, .text-input-component input[type="search"]::-webkit-input-placeholder, .text-input-component input[type="email"]::-webkit-input-placeholder, .text-input-component input[type="password"]::-webkit-input-placeholder, .text-input-component .fake-input::-webkit-input-placeholder {
      color: #9e9e9e;
      opacity: 1;
      -webkit-transition: all .2s;
      transition: all .2s; }
    .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 .2s;
      transition: all .2s; }
    .text-input-component input:-ms-input-placeholder, .text-input-component input[type="text"]:-ms-input-placeholder, .text-input-component input[type="number"]:-ms-input-placeholder, .text-input-component input[type="search"]:-ms-input-placeholder, .text-input-component input[type="email"]:-ms-input-placeholder, .text-input-component input[type="password"]:-ms-input-placeholder, .text-input-component .fake-input:-ms-input-placeholder {
      color: #9e9e9e;
      opacity: 1;
      -ms-transition: all .2s;
      transition: all .2s; }
    .text-input-component input::-ms-input-placeholder, .text-input-component input[type="text"]::-ms-input-placeholder, .text-input-component input[type="number"]::-ms-input-placeholder, .text-input-component input[type="search"]::-ms-input-placeholder, .text-input-component input[type="email"]::-ms-input-placeholder, .text-input-component input[type="password"]::-ms-input-placeholder, .text-input-component .fake-input::-ms-input-placeholder {
      color: #9e9e9e;
      opacity: 1;
      -ms-transition: all .2s;
      transition: all .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 .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: #4976bc;
      box-shadow: none; }
      .text-input-component input:focus:not([disabled])::-webkit-input-placeholder, .text-input-component input.active:not([disabled])::-webkit-input-placeholder, .text-input-component input[type="text"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component input[type="text"].active:not([disabled])::-webkit-input-placeholder, .text-input-component input[type="number"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component input[type="number"].active:not([disabled])::-webkit-input-placeholder, .text-input-component input[type="search"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component input[type="search"].active:not([disabled])::-webkit-input-placeholder, .text-input-component input[type="email"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component input[type="email"].active:not([disabled])::-webkit-input-placeholder, .text-input-component input[type="password"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component input[type="password"].active:not([disabled])::-webkit-input-placeholder, .text-input-component .fake-input:focus:not([disabled])::-webkit-input-placeholder, .text-input-component .fake-input.active:not([disabled])::-webkit-input-placeholder {
        color: #4976bc; }
      .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: #4976bc; }
      .text-input-component input:focus:not([disabled]):-ms-input-placeholder, .text-input-component input.active:not([disabled]):-ms-input-placeholder, .text-input-component input[type="text"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component input[type="text"].active:not([disabled]):-ms-input-placeholder, .text-input-component input[type="number"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component input[type="number"].active:not([disabled]):-ms-input-placeholder, .text-input-component input[type="search"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component input[type="search"].active:not([disabled]):-ms-input-placeholder, .text-input-component input[type="email"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component input[type="email"].active:not([disabled]):-ms-input-placeholder, .text-input-component input[type="password"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component input[type="password"].active:not([disabled]):-ms-input-placeholder, .text-input-component .fake-input:focus:not([disabled]):-ms-input-placeholder, .text-input-component .fake-input.active:not([disabled]):-ms-input-placeholder {
        color: #4976bc; }
      .text-input-component input:focus:not([disabled])::-ms-input-placeholder, .text-input-component input.active:not([disabled])::-ms-input-placeholder, .text-input-component input[type="text"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component input[type="text"].active:not([disabled])::-ms-input-placeholder, .text-input-component input[type="number"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component input[type="number"].active:not([disabled])::-ms-input-placeholder, .text-input-component input[type="search"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component input[type="search"].active:not([disabled])::-ms-input-placeholder, .text-input-component input[type="email"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component input[type="email"].active:not([disabled])::-ms-input-placeholder, .text-input-component input[type="password"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component input[type="password"].active:not([disabled])::-ms-input-placeholder, .text-input-component .fake-input:focus:not([disabled])::-ms-input-placeholder, .text-input-component .fake-input.active:not([disabled])::-ms-input-placeholder {
        color: #4976bc; }
      .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: #4976bc; }
      .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: #4976bc; }
      .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: #4976bc; }
      .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;
      font-size: 1rem;
      line-height: 40px;
      color: #9e9e9e;
      transition: all .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: .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: .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: .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: .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: #4976bc !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: #4976bc; }
      .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: #4976bc; }
    .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::-webkit-input-placeholder, .text-input-component.invalid input[type="text"]::-webkit-input-placeholder, .text-input-component.invalid input[type="number"]::-webkit-input-placeholder, .text-input-component.invalid input[type="search"]::-webkit-input-placeholder, .text-input-component.invalid input[type="email"]::-webkit-input-placeholder, .text-input-component.invalid input[type="password"]::-webkit-input-placeholder, .text-input-component.invalid.date-field input::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="text"]::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="number"]::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="search"]::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="email"]::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="password"]::-webkit-input-placeholder, .text-input-component.invalid.time-field input::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="text"]::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="number"]::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="search"]::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="email"]::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="password"]::-webkit-input-placeholder {
      color: #e53935; }
    .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:-ms-input-placeholder, .text-input-component.invalid input[type="text"]:-ms-input-placeholder, .text-input-component.invalid input[type="number"]:-ms-input-placeholder, .text-input-component.invalid input[type="search"]:-ms-input-placeholder, .text-input-component.invalid input[type="email"]:-ms-input-placeholder, .text-input-component.invalid input[type="password"]:-ms-input-placeholder, .text-input-component.invalid.date-field input:-ms-input-placeholder, .text-input-component.invalid.date-field input[type="text"]:-ms-input-placeholder, .text-input-component.invalid.date-field input[type="number"]:-ms-input-placeholder, .text-input-component.invalid.date-field input[type="search"]:-ms-input-placeholder, .text-input-component.invalid.date-field input[type="email"]:-ms-input-placeholder, .text-input-component.invalid.date-field input[type="password"]:-ms-input-placeholder, .text-input-component.invalid.time-field input:-ms-input-placeholder, .text-input-component.invalid.time-field input[type="text"]:-ms-input-placeholder, .text-input-component.invalid.time-field input[type="number"]:-ms-input-placeholder, .text-input-component.invalid.time-field input[type="search"]:-ms-input-placeholder, .text-input-component.invalid.time-field input[type="email"]:-ms-input-placeholder, .text-input-component.invalid.time-field input[type="password"]:-ms-input-placeholder {
      color: #e53935; }
    .text-input-component.invalid input::-ms-input-placeholder, .text-input-component.invalid input[type="text"]::-ms-input-placeholder, .text-input-component.invalid input[type="number"]::-ms-input-placeholder, .text-input-component.invalid input[type="search"]::-ms-input-placeholder, .text-input-component.invalid input[type="email"]::-ms-input-placeholder, .text-input-component.invalid input[type="password"]::-ms-input-placeholder, .text-input-component.invalid.date-field input::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="text"]::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="number"]::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="search"]::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="email"]::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="password"]::-ms-input-placeholder, .text-input-component.invalid.time-field input::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="text"]::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="number"]::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="search"]::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="email"]::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="password"]::-ms-input-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])::-webkit-input-placeholder, .text-input-component.invalid input.active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid input[type="text"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid input[type="text"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid input[type="number"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid input[type="number"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid input[type="search"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid input[type="search"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid input[type="email"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid input[type="email"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid input[type="password"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid input[type="password"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input.active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="text"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="text"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="number"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="number"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="search"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="search"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="email"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="email"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="password"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.date-field input[type="password"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input.active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="text"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="text"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="number"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="number"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="search"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="search"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="email"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="email"].active:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="password"]:focus:not([disabled])::-webkit-input-placeholder, .text-input-component.invalid.time-field input[type="password"].active:not([disabled])::-webkit-input-placeholder {
        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]):-ms-input-placeholder, .text-input-component.invalid input.active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid input[type="text"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid input[type="text"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid input[type="number"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid input[type="number"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid input[type="search"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid input[type="search"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid input[type="email"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid input[type="email"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid input[type="password"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid input[type="password"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input.active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input[type="text"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input[type="text"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input[type="number"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input[type="number"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input[type="search"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input[type="search"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input[type="email"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input[type="email"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input[type="password"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.date-field input[type="password"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input.active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input[type="text"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input[type="text"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input[type="number"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input[type="number"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input[type="search"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input[type="search"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input[type="email"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input[type="email"].active:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input[type="password"]:focus:not([disabled]):-ms-input-placeholder, .text-input-component.invalid.time-field input[type="password"].active:not([disabled]):-ms-input-placeholder {
        color: #e53935; }
      .text-input-component.invalid input:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input.active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input[type="text"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input[type="text"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input[type="number"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input[type="number"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input[type="search"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input[type="search"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input[type="email"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input[type="email"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input[type="password"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid input[type="password"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input.active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="text"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="text"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="number"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="number"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="search"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="search"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="email"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="email"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="password"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.date-field input[type="password"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input.active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="text"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="text"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="number"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="number"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="search"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="search"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="email"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="email"].active:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="password"]:focus:not([disabled])::-ms-input-placeholder, .text-input-component.invalid.time-field input[type="password"].active:not([disabled])::-ms-input-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; }

ux-dialog.prompt-dialog {
  max-width: 400px;
  min-height: 50px;
  max-height: 250px;
  height: auto;
  top: 25%; }

.search-input-component .text-input-component.labelled.placeholder-label-input {
  padding-top: 0; }
  .search-input-component .text-input-component.labelled.placeholder-label-input .lead-icon {
    z-index: 1;
    top: 0; }
  .search-input-component .text-input-component.labelled.placeholder-label-input .trail-icon {
    z-index: 1;
    top: 0; }
  .search-input-component .text-input-component.labelled.placeholder-label-input input,
  .search-input-component .text-input-component.labelled.placeholder-label-input input[type="text"],
  .search-input-component .text-input-component.labelled.placeholder-label-input input[type="search"] {
    position: relative;
    height: inherit;
    line-height: 40px;
    z-index: 1; }
    .search-input-component .text-input-component.labelled.placeholder-label-input input:focus + label, .search-input-component .text-input-component.labelled.placeholder-label-input input.not-empty + label,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="text"]:focus + label,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="text"].not-empty + label,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="search"]:focus + label,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="search"].not-empty + label {
      display: none; }
    .search-input-component .text-input-component.labelled.placeholder-label-input input:focus + label + .lead-icon, .search-input-component .text-input-component.labelled.placeholder-label-input input.not-empty + label + .lead-icon,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="text"]:focus + label + .lead-icon,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="text"].not-empty + label + .lead-icon,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="search"]:focus + label + .lead-icon,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="search"].not-empty + label + .lead-icon {
      top: 0; }
      .search-input-component .text-input-component.labelled.placeholder-label-input input:focus + label + .lead-icon i, .search-input-component .text-input-component.labelled.placeholder-label-input input.not-empty + label + .lead-icon i,
      .search-input-component .text-input-component.labelled.placeholder-label-input input[type="text"]:focus + label + .lead-icon i,
      .search-input-component .text-input-component.labelled.placeholder-label-input input[type="text"].not-empty + label + .lead-icon i,
      .search-input-component .text-input-component.labelled.placeholder-label-input input[type="search"]:focus + label + .lead-icon i,
      .search-input-component .text-input-component.labelled.placeholder-label-input input[type="search"].not-empty + label + .lead-icon i {
        line-height: 40px;
        font-size: 1rem; }
    .search-input-component .text-input-component.labelled.placeholder-label-input input.not-empty + label,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="text"].not-empty + label,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="search"].not-empty + label {
      display: none; }
    .search-input-component .text-input-component.labelled.placeholder-label-input input + label,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="text"] + label,
    .search-input-component .text-input-component.labelled.placeholder-label-input input[type="search"] + label {
      z-index: 0;
      left: calc(1rem + 15px);
      top: 0; }
  .search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input,
  .search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input[type="text"],
  .search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input[type="search"] {
    padding-left: calc(1rem + 15px); }
  .search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input[readonly],
  .search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input[type="text"][readonly],
  .search-input-component .text-input-component.labelled.placeholder-label-input.lead-icon input[type="search"][readonly] {
    padding-left: 0; }
  .search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input,
  .search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type="text"],
  .search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type="search"] {
    padding-right: calc(1rem + 24px); }
  .search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[readonly],
  .search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type="text"][readonly],
  .search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type="search"][readonly] {
    padding-right: calc(.5rem + 24px); }
    .search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[readonly] + label + .lead-icon + .trail-icon,
    .search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type="text"][readonly] + label + .lead-icon + .trail-icon,
    .search-input-component .text-input-component.labelled.placeholder-label-input.trail-icon input[type="search"][readonly] + label + .lead-icon + .trail-icon {
      right: 0; }

.search-input-component .text-input-component input[type="search"][readonly]:not([name="select-label"]) + label + .trail-icon i,
.search-input-component .text-input-component input[type="search"][readonly]:not([name="select-label"]) + label + .lead-icon + .trail-icon i {
  cursor: pointer; }

.select-advanced-component {
  position: relative; }
  .select-advanced-component.disabled {
    pointer-events: none; }
    .select-advanced-component.disabled .select-top-area:hover {
      cursor: initial; }
  .select-advanced-component .default {
    color: #9e9e9e; }
  .select-advanced-component .text-label-area .trail-icon i {
    font-size: 1.5rem; }
  .select-advanced-component .text-label-area input:hover {
    cursor: pointer; }
  .select-advanced-component .input-dropdown-area {
    background: #FFFFFF;
    position: absolute;
    z-index: 120;
    min-width: 210px;
    width: 100%;
    line-height: 1.5rem;
    overflow: hidden;
    transition: opacity 0.2s; }
    .select-advanced-component .input-dropdown-area.align-left {
      left: 0; }
    .select-advanced-component .input-dropdown-area.align-right {
      right: 0; }
    .select-advanced-component .input-dropdown-area.align-center {
      left: 0;
      right: 0; }
    .select-advanced-component .input-dropdown-area .collection {
      max-height: 300px;
      overflow: auto; }
      .select-advanced-component .input-dropdown-area .collection .collection-item {
        padding: 10px .5rem; }
        .select-advanced-component .input-dropdown-area .collection .collection-item i {
          font-size: 1rem;
          padding-right: .5rem; }
  .select-advanced-component .selectable-list-area {
    position: relative; }

.fonix-background {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden; }

.fonix-background {
  display: none; }
  @media only screen and (min-width: 601px) {
    .fonix-background {
      display: block; } }

.fonix-landing {
  min-height: 100vh;
  min-width: 100vw;
  background-color: #FFFFFF; }
  @media only screen and (min-width: 601px) {
    .fonix-landing {
      background-color: #fafafa; } }
  .fonix-landing .landing-wrapper {
    position: relative;
    min-height: 100vh; }
  .fonix-landing #leftWrapper {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    min-height: 80vh;
    background-color: #FFFFFF;
    padding: 3vh; }
    @media only screen and (min-width: 601px) {
      .fonix-landing #leftWrapper {
        left: auto;
        border-radius: 5px;
        min-height: 50vh;
        padding: 4vh; } }
    @media only screen and (min-width: 993px) {
      .fonix-landing #leftWrapper {
        min-height: 55vh; } }
    .fonix-landing #leftWrapper.loading > * {
      opacity: .4; }
    .fonix-landing #leftWrapper.loading::before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: transparent;
      z-index: 1; }
    .fonix-landing #leftWrapper > .row {
      position: relative;
      margin-bottom: 2.55rem;
      overflow-x: hidden; }
      .fonix-landing #leftWrapper > .row .fonix-logo {
        margin-top: 0;
        margin-bottom: 1.5rem; }
        .fonix-landing #leftWrapper > .row .fonix-logo img {
          width: 50%; }
      .fonix-landing #leftWrapper > .row h3 {
        font-size: 2rem;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0.75rem;
        color: #424242; }
      .fonix-landing #leftWrapper > .row h5 {
        font-size: 1.2rem;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0.75rem;
        color: #424242; }
      .fonix-landing #leftWrapper > .row h6 {
        font-size: 1rem;
        margin-top: 0;
        margin-bottom: 0.75rem;
        color: #757575; }
      .fonix-landing #leftWrapper > .row #Wizard {
        position: relative; }
      .fonix-landing #leftWrapper > .row .loader-wrapper {
        z-index: 9;
        background-color: #FFFFFF; }
  .fonix-landing #CreditsWrapper {
    position: absolute;
    bottom: 4vh; }
    .fonix-landing #CreditsWrapper .col {
      line-height: 0.9rem; }
    .fonix-landing #CreditsWrapper a {
      color: inherit;
      font-size: .7rem; }
    .fonix-landing #CreditsWrapper span {
      font-size: 0.5rem; }
  .fonix-landing #rightWrapper {
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    transform: translateY(-50%);
    min-height: 55vh;
    padding: 4vh; }
    .fonix-landing #rightWrapper h2 {
      width: calc(100% - 8vh);
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      text-transform: uppercase;
      color: #FFFFFF;
      text-align: center;
      margin: 0; }