/* 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
 *
*/
/***********************
 * Text Inputs 
 ***********************/
.claro .dijitTextBox,
.claro .dijitInputInner {
  color: #f8f8f8;
  line-height: 20px;
}
.claro .dijitTextBox {
  background-color: rgba(0,0,0,0.25);
  border: 1px solid rgba(255,255,255,0.5) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -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;
}
.claro .dijitTextArea {
  padding: 2px 8px 4px;
}
.claro .dijitTextBox .dijitInputField {
  padding: 2px 8px;
  margin: 0;
}
.claro .dijitSelect.btn-primary,
.claro .dijitComboBox.btn-primary,
.claro .dijitSpinner.btn-primary {
  border-color: #007ac2;
}
.claro .dijitSelect.btn-success,
.claro .dijitComboBox.btn-success,
.claro .dijitSpinner.btn-success {
  border-color: #35ac46;
}
.claro .dijitSelect.btn-info,
.claro .dijitComboBox.btn-info,
.claro .dijitSpinner.btn-info {
  border-color: #00b9f2;
}
.claro .dijitSelect.btn-warning,
.claro .dijitComboBox.btn-warning,
.claro .dijitSpinner.btn-warning {
  border-color: #f89927;
}
.claro .dijitSelect.btn-danger,
.claro .dijitComboBox.btn-danger,
.claro .dijitSpinner.btn-danger {
  border-color: #da4d1e;
}
.claro .dijitSelect.btn-inverse,
.claro .dijitComboBox.btn-inverse,
.claro .dijitSpinner.btn-inverse {
  border-color: #2b2e34;
}
.claro .dijitTextBox .dijitInputInner,
.claro .dijitValidationTextBox .dijitValidationContainer,
.claro .dijitTextBox .dijitInputField .dijitPlaceHolder {
  padding: 2px 8px;
  background-color: transparent;
  border: none;
}
.claro .dijitTextBoxHover {
  border: 1px solid rgba(255,255,255,0.75) !important;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  -ms-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
.claro .dijitTextBoxFocused {
  background-color: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.75) !important;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15) inset;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -ms-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.claro .dijitTextBoxFocused .dijitInputContainer {
  background-color: transparent;
  border: none !important;
}
.claro .dijitTextBoxDisabled {
  background: #f5f5f5;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
}
.claro .dijitTextBoxError,
.claro .dijitTextBoxError .dijitButtonNode {
  border: 1px solid #da4d1e;
}
.claro .dijitTextBoxErrorFocused,
.claro .dijitTextBoxErrorFocused .dijitButtonNode {
  border: 1px solid #b94119;
}
.claro .dijitValidationTextBoxError .dijitValidationContainer {
  color: #c6542d;
  width: 24px;
  height: 24px;
  background-image: url("icons/warning.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.claro .dijitValidationTextBoxError .dijitValidationIcon {
  display: none;
}
.dj_gecko .dijitInputInner {
  height: 20px;
}