//
// Forms
// --------------------------------------------------

.form-control {
  box-shadow: inset 0 1px 2px rgba($gray-light, .4);
  padding-left: 8px;
  padding-right: 8px;

  &:focus {
    box-shadow: inset 0 1px 2px rgba($gray-light, .2), 0 0 4px rgba($brand-primary, .3);
  }

  &[disabled],

  fieldset[disabled] & {
    cursor: default;
    background: rgba($gray-lighter, .3);
    border: 1px solid $gray-light;
    color: $gray-light;
  }

  &[readonly] {
    color: $text-color;

    &:focus {
      border: 1px solid $gray;
      box-shadow: inset 0 1px 2px rgba($gray-light, .2), 0 0 4px rgba($gray, .3);
    }
  }
}

select.form-control:not([multiple]) {
  -webkit-appearance: none;
  border: 1px solid $gray-light;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);

  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAABGdBTUEAALGPC/xhBQAAANJJREFUGBm1Tj1OAmEUnPl2O23lBraGU4gk9gTZ0MmuYmIpHoGEhoTAAu2HPyfYxdYLGO+gDS12++34fYYrOMV78+bN5D3igNXmrenklhGjdNA7/wiyCWVht5eV3Lug09DDHHTObTkk6qnA5+MTk+13dU6oK5j72JORZCY3SeuRpDz6Pvnl6Sik/wFc2OKbgE17Fw+Hm1xuyrGAhLktM6GeQXw5apj0Z+dW/okOYe58CJjbbZtyryIqCrEYdW6TVvG3DIb1U3FW1chjg+z6qv0ZtF9O4FrvsJTYKQAAAABJRU5ErkJggg==') no-repeat right 8px center;

  @include retina {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAABGdBTUEAALGPC/xhBQAAAh9JREFUOBHtUz1MU1EUPucW+gNEBmhigmFxkcSBxE5uRGMLtgMDL+ojMSyUqgsODi5sDAzKog9YINAXzYuJA/1FDYPrM2EwkYVBExIDOmhMC6XvXc957W1LZXTkJu/dc77zfffm3PtdhDOGZUnfj0rhOZf6/bFZTUOnnYbtgGVt9/yslF9JCXGuIUKmzx+6q2kjf1q5p4SG9WFAVo4zIGG4lQQIO+gPxFPajX2FN4Qr5taw41YzEmCAiwi4x7MEebmWw75PdMSn9Vs7nAv+GelivCqdj00R2NAtrvNHK9vM4RpzmMs5Ghv5JKB8QT35GCCo0B8ITqieaj0fvZFSRr0qggMSH/KOi00RrA9dCiaUiIkciyvhBIXrnNe5ix3UQ4GO7ibt9OzBZGyOi+0jGYmcEHbfMHNfpcRZit+1c87z/3ECbIAsGcC7jhk99hQRyST/DjIALpmFebrJx2SA9/gynSuRn0JMJX+aYig8Vb+3hnrZtjvd3YM1uvx7HohQFuTFR2SAKgNkBt39cpBlmykVx4w1RVhljfc6DDMfpYJFfrpQWxE/YZcY8xYruTnCr9Xx3/Q+tZQ+WvSEDBqvi1fhxMlSg4Ocn/GsvkGn73bqTvRzrc7/+li1ti8eHZc3SRxRGM+0uh0MhBJT2sh3hTd2VMDypt3l/jpM0ymOeyLEt6I3PJlMREqK4+GtiYpJJJbM/ALnM/roE7oiV9XU/Bf++9SHJrpj1gAAAABJRU5ErkJggg==') no-repeat right 8px center;
    background-size: 7px 11px;
  }

  &[disabled],
  &[readonly],
  fieldset[disabled] & {
    color: $gray-light;

    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAABGdBTUEAALGPC/xhBQAAANlJREFUGBljZICCmcs2i/z7x2LLxPTncHqU7xuQMCOImLJ0qzzzH0bnf4yM/5j+/2f6y/J/b06090PGWct2aP/9x2DF8O/fXabvYof/cb6yZWBiUmZmYjjG8vfvP4O///9fyo71OsXIyPgfCPZPXbztK8N/RgOQqTQAjDOWbI/5x/D/Tma050monYzTl243Z2JgVAFKbtP6z8BkDXct71tbhn//lRkZ/h0F+3Pmos1yfxlZnUFOBepmZP7/e296nO8jsCTIuVMW7hFmYvpl++8f2+GceJe3IDEA4o9hPCTLQFwAAAAASUVORK5CYII=') no-repeat right 8px center $input-bg-disabled;

    @include retina {
      background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAABGdBTUEAALGPC/xhBQAAAiRJREFUOBHtU81PE1EQn9l9EAWiUUtMLH4cMJEeCAfUGGO0graE9Gpim3DRBIz+Ef0jBLeJiUmFknhtpF0EqzHGqD1xgIMeVOjBtGr8AE3ZfePM1m1YqDePzuHtm9/8ZmbffCC0kHQ6bRzsPXVGTB/fvnrBut5Ow+1Aplxuo5XakAY6IjYD8AP2hRbHBwc3t3IDjtms3bmOFCegA0ESfuokLI6NxdZ9vOmYyeVDrlZxIOgQIxrwTb6kYY98AWHDNJzieDJRa6h83p55eNR0cIgMVAISQa17196C3Ku/vo4gQkjuqMlxFS3eSo2+R2t6LkJgnCUiL7tBsIaR7kf+m7w3L1cvaYQezxmRifo5WtnCNQZNATnjm2oy9jSNGKgiBzWmcvZ5znhceBzcVWiYq+g6PRxoaSI1WoaUmIKCjUAla3b+O9WdfteEtSDjv/ZvKoBT03Mj3MAwj9jSRDL2mktPrULLgFg5+ySPYD+PUEWRxkPMNRgYsO4Xupjw5E/fmv4yANzDC6SpV0DPJ3PPPqFN9xwxu8HEitkXmt86cu5K7TLTw2JHieKazzzy5Kx9GB1nmIepTYx/G3IAvUlKLdy8GlttrtXdB8X99TrwWlGXF3nHWuGP9nYoXr8S/+zZ5fAlk893OF9U3F8jH5c/UPt4FxOJDR9rZvSBUqmklis/L/LyHBOMkN5FwrsfR6NRR3RfdjiKQUp/Z2bhtNxvpIZftmrRb4iZ7Qd3Ct+jAAAAAElFTkSuQmCC') no-repeat right 8px center $input-bg-disabled;
      background-size: 7px 11px;
    }
  }
}

input:-webkit-autofill {
  box-shadow: inset 0 1px 2px rgba($gray-light, .4), inset 0 0 10px 1000px #FFFEDB;

  &:focus {
    box-shadow: inset 0 1px 2px rgba($gray-light, .2), 0 0 4px rgba($brand-primary, .3), inset 0 0 10px 1000px #FFFEDB;
  }
}

label {
  font-weight: normal;
}

form label {
  color: $gray-dark;
  font-size: 12px;
  font-weight: bold;
}

.radio, .checkbox {

  label {
    line-height: 1.9;
  }
}

.radio-inline {
  line-height: 1.8;
}

.bg-success {
  color: $state-success-text;
}

.bg-info {
  color: $state-info-text;
}

.bg-warning {
  color: $state-warning-text;
}

.bg-danger {
  color: $state-danger-text;
}