.multi-select-container {
  position:relative;
}
.multi-select-menu {
  position:absolute;
  left:0;
  top:0.8em;
  float:left;
  width:50%;
  height:auto;
  background:#fff;
  margin:1em 0;
  padding:0.4em;
  padding-left: 1em;
  border:1px solid #aaa;
  box-shadow:0 1px 3px rgba(0,0,0,0.2);
  display:none;
  z-index: 999;
  overflow-y: scroll;
}
.multi-select-menuitem--titled:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    margin: 0 0 0.25em 0px;
    color: #272660;
}
.multi-select-menu input {
  margin-right:0.3em;
  vertical-align:0.1em;
}
.multi-select-button {
  display:block;
  font-size:0.775em;
  padding:0.7em 1.5em 0.7em 0.6em;
  max-width:100%;
  height: 45px;
  overflow:hidden;
  text-overflow: ellipsis;
  vertical-align:-0.5em;
  background-color:#fff;
  border-bottom: 1px solid #99B4CC;
  border-radius:0px;
  color: #666;
  cursor:default;
}
.multi-select-button:after {  
  font-size:1.2em;
  content:"\f107";
  font-family: FontAwesome;
  display: inline-block;
  position: absolute;
  right: 15px;
  top:20%;
  font-weight: 500;
}
.multi-select-container--open .multi-select-menu,.multi-select-menuitems label {display:block; }
.multi-select-container--open .multi-select-button:after {
  border-width:0 0.4em 0.4em 0.4em;
  border-color:transparent transparent #999 transparent;
}

@media only screen and (max-width: 600px){
  .multi-select-menu{
    padding:0.3em;
    padding-left: 0.5em;
  }
}
.multi-select-menu{
  width: 100% !important;
  height: 250px;
  overflow-y: scroll;
}