causeway-standard-theme/causeway/components/form-fields/advanced-listbox.less

.advanced-listbox {
  select {
    visibility: hidden;
    &[disabled] {
      + .bootstrap-select {
        .bs-searchbox {
          input {
            .box-shadow(none);
            background-color: @white;
          }
        }
        .inner {
          .box-shadow(none);
        }
      }
    }
  }
  .bootstrap-select {
    .bs-searchbox {
      padding: 0;
      position: relative;
      input {
        border: none;
        border-bottom: 1px solid @black030;
      }
      .glyphicon {
        position: absolute;
        top: 6px;
        right: 15px;
        .noselect;
        &.glyphicon-close {
          cursor: pointer;
        }
      }

    }
    .box-shadow(none);
    .dropdown-menu {
      display: block;
      position: static;
      width: 300px;
      .box-shadow(none);
      .inner {
        padding: 6px 0px;
        height: 162px;
        overflow-y: auto;
        border-top: none;
        > li {
          padding: 0;
          a {
            margin: 0;
            padding: 2px 5px;
            font-weight: normal;
            &:focus, &:hover, &:active, &:checked {
              background-color: @enterprise-blue;
              background-image: none;
              filter: none;
            }
          }
          &.selected {
            a {
              background-color: @blue;
              background-image: none;
              filter: none;
            }
          }
          &.disabled {
            &.selected, &.active {
              a {
                background-image: none;
                background-color: transparent;
                color: @black040;
                &:hover, &:focus {
                  background-image: none;
                  background-color: transparent;
                }
              }
            }
            a {
              &:hover, &:focus {
                background-image: none;
                background-color: transparent;
              }
            }
          }
        }
      }

      .invalid& {
        &.open {
          border: 1px solid @red;
        }
        .bs-searchbox {
          .glyphicon {
            padding-right: 10px;
          }
        }
      }

    }
    .btn {
      &.selectpicker {
        display: none;
      }
    }

    &.btn-group {
      &:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100%;
      }
      &.show-tick {
        .dropdown-menu {
          > li {
            &.selected {
              span {
                &.check-mark {
                  margin-top: 0;
                }
              }
            }
          }
        }
      }
    }
  }
}

.advanced-select {
  .bootstrap-select {
    .box-shadow(none);
    &.btn-group {
      button {
        background-image: none;
        background-color: transparent;
        color: inherit;
        padding: 0;
        .filter-option {
          height: 100%;
          line-height: 20px;
          padding: 2px 10px;
          .box-shadow(inset 0px 0px 2px rgba(120,120,120,0.35))
        }
        .caret {
          border: none;
          background-color: @causeway-blue;
          top: 2px;
          right: 0;
          width: 30px;
          height: 100%;.noselect;
          &:after {
            content: "\e80A";
            font-family: 'CausewayGlyphicons';
            font-style: normal;
            .font-size(6);
            line-height: 24px;
            color: @black090;
          }

          &:hover, &:active {
            &:after {
              color: @white;
            }
          }
        }
      }
    }
    .dropdown-menu {
      &.open {
        top: 0;
        left: 0;
        bottom: auto;
        .bs-searchbox {
          padding: 0;
        }
      }
    }
  }
}