input.e-input,
textarea.e-input,
.e-textbox.e-input {
  font-size: var(--rs-input-font-size) !important;
  color: var(--rs-input-color) !important;
  border-radius: var(--rs-input-border-radius);
  border-color: var(--rs-input-border-color) !important;
  &:not(.error):not([disabled]):not([readonly]):hover {
    box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4);
    border-color: var(--rs-input-hover-border-color) !important;
  }
  &:not([disabled]):not([readonly]):focus {
    border-color: var(--rs-input-focus-border-color) !important;
    box-shadow: none !important;
  }
  &[disabled],
  &[readonly] {
    border-color: var(--rs-input-border-color) !important;
    font-size: var(--rs-input-font-size);
    background-color: var(--rs-input-disabled-bg) !important;
  }
  &.error:not(:focus) {
    border-color: var(--rs-input-error-border-color) !important;
  }
}

textarea.e-input:focus {
  padding: 4px 8px;
}

input.e-input {
  padding: 0 8px !important;
  height: var(--rs-input-line-height) !important;
}
.e-textbox {
  .e-input-group {
    box-shadow: none !important;
    border-color: var(--rs-input-border-color) !important;
    &.e-input-focus,
    &:not(.e-disabled):hover {
      box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4);
      border-color: var(--rs-input-hover-border-color) !important;
      input.e-input {
        box-shadow: none !important;
      }
    }
    input.e-input {
      height: calc(var(--rs-input-line-height) - 2px) !important;
      line-height: calc(var(--rs-input-line-height) - 4px) !important;
    }
  }
  &.error {
    .e-input-group {
      border-color: var(--rs-input-error-border-color) !important;
      &:hover {
        border-color: var(--rs-input-error-border-color) !important;
        box-shadow: none !important;
      }
      &.e-input-focus {
        border-color: var(--rs-input-focus-border-color) !important;
        box-shadow: none !important;
      }
    }
  }
}
.e-numeric.e-input-group {
  border: 0 !important;
  box-shadow: none !important;
  input.e-input {
    border-width: 1px !important;
  }
  .e-input-group-icon {
    display: none;
  }
}
.e-input-group {
  input.e-input:hover {
    box-shadow: none !important;
  }
}

ejs-numerictextbox.e-lib.error {
  .e-numeric.e-input-group {
    input.e-input:not(:focus) {
      border-color: var(--rs-input-error-border-color) !important;
    }
    input.e-input:hover {
      box-shadow: none !important;
    }
  }
}
input::-webkit-input-placeholder {
  color: var(--rs-input-disabled-color) !important;
}
textarea::-webkit-input-placeholder {
  color: var(--rs-input-disabled-color) !important;
}
