/* Overriding */
.control-label
  padding-left: 10px

.control-group .controls
  line-height: 30px

/* UI select menu */
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a.ui-state-focus
  background: $whiteDark
  +text-shadow(none)
  border: none
  +border-radius(0px)

/* Input Style Default */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.cke_contents,
.cke_dialog_ui_input_textarea textarea,
.cke_dialog_ui_input_text input,
  border: 1px solid $inputBorder
  border-top: 1px solid darken($inputBorder, 5%)
  +box-shadow(rgba(0,0,0,0.1) 0px 1px 2px 0px inset)
  +single-transition(all, 0.2s, linear)
  // Hover state
  &:hover
    background-color: darken($inputBackground, 0.7%)
    border: 1px solid darken($inputBorder, 2%)
    border-top: 1px solid darken($inputBorder, 7%)
    +box-shadow(rgba(0,0,0,0.2) 0px 1px 2px 0px inset)

  // Focus state
  &:focus
    border: 1px solid darken($inputBorder, 3%)
    border-top: 1px solid darken($inputBorder, 8%)
    +box-shadow(rgba(0,0,0,0.3) 0px 1px 2px 0px inset)
    outline: 0

/* Focus states for others inputs */
input[type="file"],
input[type="radio"],
input[type="checkbox"]
  &:focus
    outline: 0

/* display radio & checkbox in middle */
input[type="radio"],
input[type="checkbox"]
  margin-top: -5px

.controls label.checkbox
  input[type="radio"],
  input[type="checkbox"]
    margin: 4px 0 0 -20px

/* Glyph-theme-js OVERRIDING */
&.glyph-theme-js
  /* FileUpload */
  .uneditable-input,
  .uneditable-textarea
    background-color: $inputDisabledBackground
    &:hover
      background-color: $inputDisabledBackground
  .uploaded-file img,
  .uploaded-file
    margin-bottom: 5px
  .fileupload
    margin-bottom: 0
  .fileupload-new .input-append .btn-file
    +border-radius($baseBorderRadius)

  /* Bootstrap Select */
  .bootstrap-select
    &.btn-group,
    &.btn-group[class*="span"]
      margin-bottom: 0
    .btn:focus
      outline: 0 !important

  /* display radio & checkbox in middle */
  label.checkbox
    padding: 0
    input[type="radio"],
    input[type="checkbox"]
      margin: 9px 0 0 0

  /* display radio & checkbox inside label.checkbox */
  #fields_to_export
    .control-group:first-child
      .controls
        margin-left: 55px
        label.checkbox
          label.checkbox
            margin-left: 21px
  label.checkbox
    label.checkbox
      display: inline-block
      margin-bottom: 0
      margin-right: 5px
      input[type="radio"],
      input[type="checkbox"]
        margin: 9px 0 0 0

  /* Hack for list table */
  #list .table label.checkbox
    .icon,
    .icon-to-fade
      top: 5px

/* Disabled states */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly]
  &:hover
    background-color: $inputDisabledBackground