@if mgwt.css pretty {
	@external mgwt-TextBox, mgwt-PasswordTextBox, mgwt-TextArea;
	@external mgwt-InputBox-box, mgwt-InputBox-disabled;
	@external mgwt-InputBox-invalid;
}


@if user.agent safari {
  .mgwt-TextBox, .mgwt-InputBox-box, .mgwt-PasswordTextBox,
  .mgwt-InputBox-box, .mgwt-TextArea, .mgwt-InputBox-box {
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-appearance: none;
    -webkit-user-select: text;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-modify: read-write-plaintext-only;
  }
}

@if user.agent gecko1_8 {
  .mgwt-TextBox, .mgwt-InputBox-box, .mgwt-PasswordTextBox,
  .mgwt-InputBox-box, .mgwt-TextArea, .mgwt-InputBox-box {
    display: -moz-box;
    -moz-box-flex: 1;
    -moz-appearance: none;
    -moz-user-select: text;
  }
}

.mgwt-TextBox, .mgwt-InputBox-box, .mgwt-PasswordTextBox,
.mgwt-InputBox-box, .mgwt-TextArea, .mgwt-InputBox-box {
  color: #777;
  border: 0;
  font: normal 17px Helvetica;
  padding: 0;
  display: flex;
  flex: 1;
  margin-left: 0px;
  background-color: #e5e9e8;
  position: relative;
}

.mgwt-InputBox-disabled {
  color: #CCC;
}

.mgwt-InputBox-disabled::-webkit-input-placeholder {
  color: #CCC;
}

.mgwt-InputBox-invalid {
  color: rgb(197, 3, 3);
}

.mgwt-InputBox-invalid::-webkit-input-placeholder {
  color: rgb(197, 3, 3);
}
