/* line 3, ../../scss/MultiSelect.scss */
.multi-select {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
}
/* line 12, ../../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
.multi-select:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 8, ../../scss/MultiSelect.scss */
.multi-select select {
  display: block;
  height: 15rem;
}
/* line 13, ../../scss/MultiSelect.scss */
.multi-select a {
  height: 24px;
  width: 24px;
}
/* line 18, ../../scss/MultiSelect.scss */
.multi-select i {
  line-height: 24px;
}

/* line 23, ../../scss/MultiSelect.scss */
.multi-select--available-list {
  width: 42.02899%;
  float: left;
  margin-right: 1.44928%;
}

/* line 27, ../../scss/MultiSelect.scss */
.multi-select--selected-list {
  width: 42.02899%;
  float: right;
  margin-right: 0;
}

/* line 31, ../../scss/MultiSelect.scss */
.multi-select--controls {
  width: 13.04348%;
  float: left;
  margin-right: 1.44928%;
  text-align: center;
}
/* line 36, ../../scss/MultiSelect.scss */
.multi-select--controls li {
  padding-bottom: .5rem;
}

/* line 41, ../../scss/MultiSelect.scss */
.flip-icon {
  transform: rotateY(180deg);
}