.searchable-select-hide {
  display: none;
}

.searchable-select {
  width: 100%;
  display: inline-block;
  font-size: .16rem;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  position: relative;
  outline: none;
}

.searchable-select-holder{
  padding: .06rem;
  background-image: none;
  border-radius: .04rem;
  line-height: .52rem;
}

.searchable-select-caret {
  position: absolute;
  width: 0;
  height: 0;
  box-sizing: border-box;
  border-color: black transparent transparent transparent;
  top: 0;
  bottom: 0;
  border-style: solid;
  border-width: .05rem;
  margin: auto;
  right: 0;
}

.searchable-select-dropdown {
  position: absolute;
  background-color: #fff;
  padding: .1rem .2rem;
  border-top: none;
  top: .52rem;
  left: 0;
  right: 0;
  box-shadow: 0 0.1rem 0.2rem 0.01rem rgba(16, 70, 164, 0.1);
  z-index: 2;
}

.searchable-select-input {
  margin-top: .1rem;
  border: 1px solid #ddd !important;
  outline: none;
  padding: .2rem;
  height: .4rem !important;
  width: 100% !important;
  box-sizing: border-box;
}

.searchable-scroll {
  margin-top: .1rem;
  position: relative;
}

.searchable-select-items {
  max-height: 2.2rem;
  overflow-y: scroll;
  position: relative;
}

.searchable-select-items::-webkit-scrollbar{width: .04rem;height: .04rem;background: #E8E8E8;}
.searchable-select-items::-webkit-scrollbar-thumb{ background: #aaa;-webkit-border-radius: .02rem;-moz-border-radius: .02rem;border-radius: .02rem;}

.searchable-select-item {
  padding: .15rem;
  cursor: pointer;
  min-height: .4rem;
  box-sizing: border-box;
}

.searchable-select-item.hover {
  background: #eee;
}

.searchable-select-item.selected {
  background: #0683d5;
  color: white;
}

@media all and (max-width: 991px){
  .searchable-select{font-size: .26rem !important;}
  .searchable-select-holder{line-height: .8rem !important;}
  .searchable-select-dropdown{top: .85rem !important;}
  .searchable-select-input{height: .7rem !important;}
  .searchable-select-caret{border-width: .1rem;}
  .searchable-select-items{max-height: 3rem;}
}