//
// Bootstrap-select
// --------------------------------------------------

.bootstrap-select.btn-group {
  &.form-control {
    margin-bottom: 0;
  }
  .btn {
    &:hover {
      border-color: $input-border-hover;
    }
    .caret {
      margin-top: -4px;
    }
    @include form-control-outline;
    .has-error & {
      border-color: $state-danger-text;
      &:focus {
        border-color: darken($state-danger-text, 10%);
        $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($state-danger-text, 20%);
        @include box-shadow($shadow);
      }
    }
    .has-success & {
      border-color: $state-success-text;
      &:focus {
        border-color: darken($state-success-text, 10%);
        $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($state-success-text, 20%);
        @include box-shadow($shadow);
      }
    }
    .has-warning & {
      border-color: $state-warning-text;
      &:focus {
        border-color: darken($state-warning-text, 10%);
        $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($state-warning-text, 20%);
        @include box-shadow($shadow);
      }
    }
    @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
  }
  .dropdown-menu { // Also see navbar.less
    > .active > a {
      &, &:active {
        background-color: $dropdown-link-hover-bg !important;
        border-color: $dropdown-link-hover-border-color !important;
        color: $gray-dark !important;
        small {
          color: $gray-light !important;
        }
      }
    }
    > .disabled > a {
      color: $gray-light !important;
    }
    > .selected > a {
      background-color: $dropdown-link-active-bg !important;
      border-color: $dropdown-link-active-border-color !important;
      color: #fff !important;
      small {
        color: #70c8e7 !important;
        color:rgba(225, 255, 255, 0.5) !important;
      }
    }
    .divider {
      background: $dropdown-divider-bg !important;
      margin: $dropdown-divider-margin !important;
    }
    dt {
      color: #969696;
      font-weight:normal;
      padding: 1px 10px;
    }
    li {
      & > a.opt {
        padding: 1px 10px;
      }
      & a {
        &:active small {
          color: #70c8e7 !important;
          color:rgba(225, 255, 255, 0.5) !important;
        }
        &:hover, &:focus {
          small {
            color: $gray-light;
          }
        }
      }
      &:not(.disabled) {
        a:hover, a:focus {
          small {
            color: $gray-light;
          }
        }
      }
    }
  }
}