.si-wrap{position:relative}
.si-result{
position:relative;color:rgba(255,255,255,.5);border:1px solid #fff
 border-radius: 0;
  height: 45px;
  border: solid 0px #d9d9d9;
  background: #fff;
  font-size: 14px;
  color: #000;
  padding: 0 10px;
  line-height: 45px;
  transition: all 0.3s ease;
  box-shadow: none;
  background: #fff;
  font-weight: 600;
}





.si-result:after{position:absolute;top:50%;right:1em;display:block;content:'';
border-style:solid;border-color:rgba(255,255,255,.3) transparent transparent transparent;border-width:5px;
margin-top:-2.5px;pointer-events:none}
/*.si-result.si-selection{color:rgba(255,255,255,1)}*/
.si-off .si-result:after{border-top-color:#fff}
.si-list{position:absolute;top:100%;left:0;z-index:9999;width:100%;overflow-y:auto;border:0px solid;background: #fff;
	border-top:none;border-color: #bbb;

}
.si-list ul{
  padding:0;margin:0;list-style:none
 border: 1px dashed red;
    height: 245px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    font-size: 12px;
  color: #000;


}
.si-item{position:relative;padding:.5em .7em;border-bottom:1px solid #bbb;cursor:pointer;display:flex;
	justify-content:space-between

	padding: 10px 10px 10px 0px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    line-height: 35px;


}
.si-item:last-child{border-bottom:none}
.si-item:hover{background-color: #eeeeee !important;
    color: #000;
    background-image: none;}
.si-selected:after{position:absolute;right:1em;content:'✔';color:#000}.si-off .si-list{display:none}





/*---------------------------*/



.si-wrap1{position:relative}
.si-result1{
position:relative;color:rgba(255,255,255,.5);border:1px solid #fff
 border-radius: 0;
  height: 45px;
  border: solid 0px #d9d9d9;
  background: #fff;
  font-size: 14px;
  color: #000;
  padding: 0 10px;
  line-height: 45px;
  transition: all 0.3s ease;
  box-shadow: none;
  background: #fff;
  font-weight: 600;
}





.si-result1:after{position:absolute;top:50%;right:1em;display:block;content:'';
border-style:solid;border-color:rgba(255,255,255,.3) transparent transparent transparent;border-width:5px;
margin-top:-2.5px;pointer-events:none}
/*.si-result.si-selection{color:rgba(255,255,255,1)}*/
.si-off1 .si-result1:after{border-top-color:#fff}
.si-list1{position:absolute;top:100%;left:0;z-index:9999;width:100%;overflow-y:auto;border:0px solid;background: #fff;
  border-top:none;border-color: #bbb;

}
.si-list1 ul{
  padding:0;margin:0;list-style:none
 border: 1px dashed red;
    height: 245px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    font-size: 12px;
  color: #000;


}
.si-item1{position:relative;padding:.5em .7em;border-bottom:1px solid #bbb;cursor:pointer;display:flex;
  justify-content:space-between

  padding: 10px 10px 10px 0px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    line-height: 35px;


}
.si-item1:last-child{border-bottom:none}
.si-item1:hover{background-color: #eeeeee !important;
    color: #000;
    background-image: none;}
.si-selected1:after{position:absolute;right:1em;content:'✔';color:#000}.si-off1 .si-list1{display:none}