/* Text Inputs: [TextBox | DateTextBox | CurrencyTextBox | ValidationTextBox | ...] | TextArea
 * Mainly includes:
 * 
 * 1. Containers
 * 		.dijitTextBox
 * 		.dijitInputField - container that wraps "dijitInputInner" or "dijitPlaceHolder"
 *
 * 2. Textbox input
 * 		.dijitInputInner
 * 		.dijitPlaceHolder
 *
 * 3. States - Hover, Focused, Disabled, Error, Error while Focused e.g.
 * 		.dijitTextBoxHover
 * 		.dijitTextBoxFocused
 * 		.dijitTextBoxDisabled
 *      .dijitTextBoxError
 *      .dijitTextBoxErrorFocused
 *
*/
.flat .dijitTextBox,
.flat .dijitInputInner {
  line-height: 20px;
}
.flat .dijitTextBox {
  background: #fff;
  border: 1px solid #9e9e9e;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  -ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.flat .dijitTextArea {
  padding: 4px 6px;
}
.flat .dijitTextBox .dijitInputField {
  padding: 0 4px;
  margin: 0 2px;
}
.flat .dijitSelect.alt-primary,
.flat .dijitComboBox.alt-primary,
.flat .dijitSpinner.alt-primary {
  border-color: #1e88e5;
}
.flat .dijitSelect.alt-success,
.flat .dijitComboBox.alt-success,
.flat .dijitSpinner.alt-success {
  border-color: #43a047;
}
.flat .dijitSelect.alt-info,
.flat .dijitComboBox.alt-info,
.flat .dijitSpinner.alt-info {
  border-color: #03a9f4;
}
.flat .dijitSelect.alt-warning,
.flat .dijitComboBox.alt-warning,
.flat .dijitSpinner.alt-warning {
  border-color: #fb8c00;
}
.flat .dijitSelect.alt-danger,
.flat .dijitComboBox.alt-danger,
.flat .dijitSpinner.alt-danger {
  border-color: #e53935;
}
.flat .dijitSelect.alt-inverse,
.flat .dijitComboBox.alt-inverse,
.flat .dijitSpinner.alt-inverse {
  border-color: #616161;
}
.flat .dijitTextBox .dijitInputInner,
.flat .dijitValidationTextBox .dijitValidationContainer,
.flat .dijitTextBox .dijitInputField .dijitPlaceHolder {
  padding: 4px;
}
.flat .dijitTextBoxHover {
  border-color: #2196f3;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -ms-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
.flat .dijitTextBoxFocused {
  border-color: #2196f3;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.flat .dijitTextBoxDisabled {
  color: #9e9e9e;
  background-color: #f5f5f5;
  border-color: #e3e3e3;
}
.flat .dijitComboBoxDisabled.alt-primary,
.flat .dijitSpinnerDisabled.alt-primary {
  background: #f5f5f5;
  color: #9e9e9e;
  border: 1px solid #6db2ee;
}
.flat .dijitComboBoxDisabled.alt-primary .dijitButtonNode,
.flat .dijitSpinnerDisabled.alt-primary .dijitButtonNode {
  background: #6db2ee;
  color: #f2f2f2;
}
.flat .dijitSpinnerDisabled.alt-primary .dijitSpinnerButtonContainer {
  border-left-color: #6db2ee;
}
.flat .dijitSpinnerRtlDisabled.alt-primary .dijitSpinnerButtonContainer {
  border-right-color: #6db2ee;
}
.flat .dijitSelectDisabled.alt-primary {
  border-color: #6db2ee;
}
.flat .dijitSelectDisabled.alt-primary .dijitStretch,
.flat .dijitSelectDisabled.alt-primary .dijitButtonNode {
  background: #6db2ee;
  color: #f2f2f2;
}
.flat .dijitComboBoxDisabled.alt-success,
.flat .dijitSpinnerDisabled.alt-success {
  background: #f5f5f5;
  color: #9e9e9e;
  border: 1px solid #7dc981;
}
.flat .dijitComboBoxDisabled.alt-success .dijitButtonNode,
.flat .dijitSpinnerDisabled.alt-success .dijitButtonNode {
  background: #7dc981;
  color: #f2f2f2;
}
.flat .dijitSpinnerDisabled.alt-success .dijitSpinnerButtonContainer {
  border-left-color: #7dc981;
}
.flat .dijitSpinnerRtlDisabled.alt-success .dijitSpinnerButtonContainer {
  border-right-color: #7dc981;
}
.flat .dijitSelectDisabled.alt-success {
  border-color: #7dc981;
}
.flat .dijitSelectDisabled.alt-success .dijitStretch,
.flat .dijitSelectDisabled.alt-success .dijitButtonNode {
  background: #7dc981;
  color: #f2f2f2;
}
.flat .dijitComboBoxDisabled.alt-info,
.flat .dijitSpinnerDisabled.alt-info {
  background: #f5f5f5;
  color: #9e9e9e;
  border: 1px solid #56c9fd;
}
.flat .dijitComboBoxDisabled.alt-info .dijitButtonNode,
.flat .dijitSpinnerDisabled.alt-info .dijitButtonNode {
  background: #56c9fd;
  color: #f2f2f2;
}
.flat .dijitSpinnerDisabled.alt-info .dijitSpinnerButtonContainer {
  border-left-color: #56c9fd;
}
.flat .dijitSpinnerRtlDisabled.alt-info .dijitSpinnerButtonContainer {
  border-right-color: #56c9fd;
}
.flat .dijitSelectDisabled.alt-info {
  border-color: #56c9fd;
}
.flat .dijitSelectDisabled.alt-info .dijitStretch,
.flat .dijitSelectDisabled.alt-info .dijitButtonNode {
  background: #56c9fd;
  color: #f2f2f2;
}
.flat .dijitComboBoxDisabled.alt-warning,
.flat .dijitSpinnerDisabled.alt-warning {
  background: #f5f5f5;
  color: #9e9e9e;
  border: 1px solid #ffb557;
}
.flat .dijitComboBoxDisabled.alt-warning .dijitButtonNode,
.flat .dijitSpinnerDisabled.alt-warning .dijitButtonNode {
  background: #ffb557;
  color: #f2f2f2;
}
.flat .dijitSpinnerDisabled.alt-warning .dijitSpinnerButtonContainer {
  border-left-color: #ffb557;
}
.flat .dijitSpinnerRtlDisabled.alt-warning .dijitSpinnerButtonContainer {
  border-right-color: #ffb557;
}
.flat .dijitSelectDisabled.alt-warning {
  border-color: #ffb557;
}
.flat .dijitSelectDisabled.alt-warning .dijitStretch,
.flat .dijitSelectDisabled.alt-warning .dijitButtonNode {
  background: #ffb557;
  color: #f2f2f2;
}
.flat .dijitComboBoxDisabled.alt-danger,
.flat .dijitSpinnerDisabled.alt-danger {
  background: #f5f5f5;
  color: #9e9e9e;
  border: 1px solid #ee7e7c;
}
.flat .dijitComboBoxDisabled.alt-danger .dijitButtonNode,
.flat .dijitSpinnerDisabled.alt-danger .dijitButtonNode {
  background: #ee7e7c;
  color: #f2f2f2;
}
.flat .dijitSpinnerDisabled.alt-danger .dijitSpinnerButtonContainer {
  border-left-color: #ee7e7c;
}
.flat .dijitSpinnerRtlDisabled.alt-danger .dijitSpinnerButtonContainer {
  border-right-color: #ee7e7c;
}
.flat .dijitSelectDisabled.alt-danger {
  border-color: #ee7e7c;
}
.flat .dijitSelectDisabled.alt-danger .dijitStretch,
.flat .dijitSelectDisabled.alt-danger .dijitButtonNode {
  background: #ee7e7c;
  color: #f2f2f2;
}
.flat .dijitComboBoxDisabled.alt-inverse,
.flat .dijitSpinnerDisabled.alt-inverse {
  background: #f5f5f5;
  color: #9e9e9e;
  border: 1px solid #989898;
}
.flat .dijitComboBoxDisabled.alt-inverse .dijitButtonNode,
.flat .dijitSpinnerDisabled.alt-inverse .dijitButtonNode {
  background: #989898;
  color: #f2f2f2;
}
.flat .dijitSpinnerDisabled.alt-inverse .dijitSpinnerButtonContainer {
  border-left-color: #989898;
}
.flat .dijitSpinnerRtlDisabled.alt-inverse .dijitSpinnerButtonContainer {
  border-right-color: #989898;
}
.flat .dijitSelectDisabled.alt-inverse {
  border-color: #989898;
}
.flat .dijitSelectDisabled.alt-inverse .dijitStretch,
.flat .dijitSelectDisabled.alt-inverse .dijitButtonNode {
  background: #989898;
  color: #f2f2f2;
}
.flat .dijitTextBoxError,
.flat .dijitTextBoxError .dijitButtonNode {
  border-color: #dd2c00;
}
.flat .dijitTextBoxErrorFocused,
.flat .dijitTextBoxErrorFocused .dijitButtonNode {
  border: 1px solid #bc2500;
}
.flat .dijitValidationTextBoxError .dijitValidationContainer {
  color: #dd2c00;
  width: 18px;
  font-family: "flat-icon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
}
.flat .dijitValidationTextBoxError .dijitValidationContainer:before {
  content: "\f017";
}
.flat .dijitValidationTextBoxError .dijitValidationIcon {
  display: none;
}
