.Field {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E0E0E0;
  box-sizing: border-box;
  transition: ease 0.5s;
  min-height: 2em;
  line-height: 2em;
  height: 2em;
  min-width: 30em;
  max-width: 30em;
}

.Field.display {
  background-color: #FCFCFC;
  border-bottom: 1px solid #F0F0F0;
  color: #58595B;
  padding-left: 0.5em;
  height: auto;
}

table.dynamic > tbody > tr > td .Field.display,
.ObjectActionComponent > form .Field.display {
  background-color: transparent;
  border-bottom: none;
  height: auto;
  min-height: 0;
  color: inherit;
}

form label.Field {
  display: inline-block;
}

.Field.edit:hover {
  border-bottom: 1px solid #C0C0C0;
  background-color: #F6F6F6;
}

.Field.edit.Focus,
.Field.edit:focus {
  border-bottom: 1px solid #A0A0A0;
  background-color: #F0F0F0;
}

select,
textarea,
input {
  border: none;
  background-color: transparent;
  font-size: 1em;
}

input[type="text"],
input[type="password"] {
  padding-left: 0.5em;
}

.display > textarea {
  line-height: 2em;
}

textarea {
  padding: 0;
  min-width: 15em;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}