// Select input
// --------------------------------------------------
.bootstrap-select {
  .no-box-shadow;
  .inline;

  &.btn-group,
  &.btn-group[class*="span"] {
    margin-bottom: 0;

    .dropdown-menu {
      min-height: 0 !important;
      &.inner {
        min-height: 0 !important;
      }

    }
  }

  [data-actions-box] + & {
    min-width: 300px;
  }


  .btn {
    height: 100%;
    padding: 0 10px;
    font-weight: normal;
    thead td &, thead th &, tbody td & {
      padding-bottom: 4px;
      padding-top: 4px;
    }
    &.dropdown-toggle {
      border:0 none;
    }
  }
  &.btn-group {
    border: 0 none;
    > .btn {
      background: none;
      &:hover, &:active, &:focus {
        background: none;
        color: inherit;
      }
    }
    &.open {
      .dropdown-toggle.btn-default {
        &:hover,&:active,&:focus {
          background: none;
          color: inherit;
        }
      }
    }
    &.show-tick {
      .dropdown-menu {
        > li {
          &.selected {
            a {
              span {
                &.check-mark {
                  margin-top: 0;
                }
              }
            }
          }
        }
      }
    }
  }
  .dropdown-menu {
    padding: 0;
    border: 1px solid @enterprise-blue;

    > li {
      a {
        font-weight: normal;
        position: relative;
        .glyphicon {
          position: absolute;
          right: 12px;
          top: 3px;
        }
      }

      &.selected a {
        background-color: @enterprise-blue;
        color: @white;
      }
    }
  }

  .bs-caret {
      &:before {
        color: #333333;
        display: block;
        content: "\f078";
        font-family: 'FontAwesome';
        height: 8px;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 0;
        text-align: center;
        width: 12px;
        margin-right: 10px;
        margin-top: -4px;
        pointer-events: none;
        .font-size(8);
      }
    .caret {
      display: none;
    }
  }

  .btn-default,
  .btn-default.disabled:hover {
    background-image: none;
    color: @black080;
    -ms-filter: "";

    .caret {
      border-bottom-color: @black080;
      border-top-color: @black080;
    }
  }
  .actions-btn {
    margin: 0;
    background-color: @causeway-blue;
    font-weight: bold;
    .font-size(12);
    color: @white;
  }

  //&.open .dropdown-toggle.btn-default,
  //.btn-default:hover,
  //.btn-default:focus {
  //  color: @white;
  //  background-color: @causeway-blue;
  //
  //  .caret {
  //    border-bottom-color: @white;
  //    border-top-color: @white;
  //  }
  //}
}

.bootstrap-select .dropdown-toggle:focus{
  outline: none !important;
}

//Native Support
.disabled .bootstrap-select {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0), 1px 1px 2px rgba(190, 190, 190, .75); // iOS <4.3 & Android <4.1
  box-shadow: 0 0 0 rgba(0, 0, 0, 0), 1px 1px 2px rgba(190, 190, 190, .75);
}

select:focus {
  + .bootstrap-select {
    .selectpicker.btn-default {
      color: @white;
      background-color: @causeway-blue;

      .caret {
        border-bottom-color: @white;
        border-top-color: @white;
      }
    }
  }
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  top: 1px;
}
//Table filter select
.filter{
  .select{
    border: none;
    &:hover, &:focus, &:active, &.active {
      border: none;
    }
  }
}
.disabled {
  .select {
    &:hover, &:active, &:focus {
      border: 1px solid @black010;
    }
  }
}
//Default Select Styles
.select {
  background-color: @white;
  .box-shadow(none);
  border: 1px solid @black010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  position: relative;
  &.multiple {
    .box-shadow(none);

    select {
      &:focus {
        .box-shadow(none);
      }
      &:hover, &:active, &:focus {
        filter: none;
      }
    }

    &:before {
      content: '';
      display: none;
    }
  }
  .disabled & {
    background: @cool-grey;
    color: @black030;
    select {
      color: @black030;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      &:hover, &:active, &:focus {
        background: @cool-grey !important;
        filter: none;
        color: inherit;
      }
    }
    &:before {
      color: @black030;
    }
  }
  .invalid & {
    border: 1px solid @red;
    select {
      border: none;
      padding-right: 40px;
      background: none;
      &:hover, &:active, &:focus {
        border: none;
      }
    }
    &:before {
      right: 15px;
      .ie10 & {
        right: 25px;
      }
    }
    &:after {
      display: block;
      content: '';
      position: absolute;
      background: url(../images/icons/error-icon.png) no-repeat 100% 1px;
      width: 19px;
      height: 22px;
      right: 1px;
      top: 1px;
      td & {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUY5OTBCNTA1MUNDMTFFM0FDNkFFRjFCNDU2MTA5OTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUY5OTBCNTE1MUNDMTFFM0FDNkFFRjFCNDU2MTA5OTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1Rjk5MEI0RTUxQ0MxMUUzQUM2QUVGMUI0NTYxMDk5OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1Rjk5MEI0RjUxQ0MxMUUzQUM2QUVGMUI0NTYxMDk5OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjlbH8cAAACESURBVHjaYvzPwABEVAD//zMyMVAR4DassxNkGyoGiZFlGFVdRlXD3r0jTowow44eJU4MJUYxgxmBz5z5DwcgNj61QBJ/mL1/j51NVgTs2YOdjQOw4JU9e5aBoaICwSYAGKmZnfC7rLwcM1eQ7bL/aFKMjIMho5MB8IcZPm/R2mUAAQYAfp9Z3PT73HkAAAAASUVORK5CYII=');
        height: 20px;
        right: 0;
        top: 0;
      }
    }
  }
  &:before {
    color: @black080;
    display: block;
    content: "\f078";
    font-family: 'FontAwesome';
    height: 8px;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: center;
    width: 12px;
    margin-right: 10px;
    margin-top: -4px;
    pointer-events: none;
    .font-size(8);
    line-height: 8px;
  }
  select {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    color: @black080;
    display: block;
    .font-size(12);
    line-height: normal;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
    &::-ms-expand {
      display: none; /* to ie 10 */
    }
    &:focus {
      outline: none;
      border: none;
      .box-shadow(none);
    }
    &:hover, &:active, &:focus {
      background-color: @white;
      border: 1px solid @enterprise-blue;
    }
    &[disable='disabled'], &:disabled {
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      &:hover, &:active, &:focus {
        background: @white;
        color: inherit;
      }
    }
    &[multiple] {
      height: 120px;
      overflow: auto;
      .box-sizing(content-box);
      padding: 0;

      &:hover, &:active, &:focus {
        background-image: none;
        color: @black080;
      }
      option {
        &:hover, &:active, &:focus, &:checked {
          color: @white;
          #gradient .horizontal(@start-color: @enterprise-blue; @end-color: @enterprise-blue; @start-percent: 0%; @end-percent: 100%);
        }
      }
      &[disabled] {
        option {
          &:hover, &:active, &:focus, &:checked {
            color: inherit;
            background: none transparent;
          }
        }
      }
    }
  }
  option {
    color: @black080;
    font-weight: normal;
    padding: 5px;
    &:hover, &:active, &:focus {
      background-color: @enterprise-blue085;
    }
  }
  optgroup {
    color: @black080;
    padding: 5px;
    border-bottom: 1px solid @black030;
    &:last-child {
      border-bottom: none;
    }
    option {
      margin: 0 -5px;
      padding: 5px 10px;
    }
  }
}

.table {
  td, .filter {
    select.form-control {
      min-width: 100%;
      width: auto;
      &[multiple] {
        width: 100%;
      }
    }
  }
}

.ie8, .ie9 {
  .select {
    &:before {
      content: '';
      display: none;
    }
    select {
      &.form-control {
        padding: 4px;
      }

      &[multiple] {

        &.form-control {
          padding: 5px 0;
        }
      }
    }
  }
  .table {
    td, .filter {
      select.form-control {
        padding: 0;
      }
    }
  }
  .invalid {
    .select {
      select {
        &.form-control {
          padding-right: 22px;
        }
      }
    }
  }

  td {
    .select {
      select {
        &.form-control {
          padding: 2px 2px 2px 4px;
        }

      }
    }
  }
}

@media @desktop {
  .select {
    border-left: 0 none;
    border-top: 0 none;
    border-right: 0 none;
    height: auto;
    &:hover, &:focus, &:active, &.active {
      border-left: 0 none;
      border-top: 0 none;
      border-right: 0 none;
    }
    select {
      height: auto;
    }
  }
  .invalid {
    .select {
      border-left: 0 none;
      border-top: 0 none;
      border-right: 0 none;
    }
  }
}