@import "settings";

// Base styles
// -------------------------
.input-group .form-control:focus ~ .input-group-addon {
  border-color: $brand-primary;
  border-bottom: 1px solid $brand-primary;
  box-shadow: 0 2px 0 0 $brand-primary;
}

.input-group-addon {
  color: $input-color;
  background-color: $gray-lightest;
  border: 1px solid $gray-light-1;
}

.input-group.input-group-expanded {
  .input-group-addon {
    color: $default-color;
    border-color: $gray-light-1;
    background: $gray-lightest;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
