/* vue-app-panel */
.vue-app {
  textarea {
    max-width: 100% !important;
    &.disabled {
      cursor: not-allowed !important;
      background-color: #eee !important;
      opacity: 1 !important;
    }
  }
  input {
    max-width: calc(100% - 27px) !important;
    color: #232425;
    text-align: left;
    border: none;
    border-bottom-color: darkgray;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    &.disabled {
      cursor: not-allowed !important;
      background-color: #eee !important;
      opacity: 1 !important;
    }
    &.validation-error {
      webkit-box-shadow: 0px 1px 0px 0px rgba(255, 0, 0, 1) !important;
      -moz-box-shadow: 0px 1px 0px 0px rgba(255, 0, 0, 1) !important;
      border-bottom: 0.5px solid red !important;
    }
  }
}