.s2-label {
  position: absolute;
  z-index: 1;
  transition: 0.2s ease-out;
  pointer-events: none;
  color: grey;
}

.s2-label.active {
  transform: translateY(-140%);
}

.select2 {
  width: 100% !important;
}

.select2 .selection .select2-selection{
  border: none;
  border-bottom: 1px solid grey;
  border-radius: 0;
}

.select2-container *:focus{
  outline: none;
}

.select2-dropdown--below{
  margin-top: 10px;
}

span.select2-container--open .select2-results__options .select2-results__option{
  padding: 10px 16px 16px 10px;
  color: black;
}

span.select2-container--open .select2-results__options .select2-results__option[aria-selected="true"]{
  background-color: Silver;
}

span.select2-container--open .select2-results__options .select2-results__option--highlighted{
  background-color: Gainsboro;
}

span.select2-container--open .select2-dropdown{
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.19), 0 8px 17px rgba(0, 0, 0, 0.2);
  border: 1px solid #eee;
}

span.select2-container--open .select2-dropdown .select2-search--dropdown{
  margin: 10px auto;
  border-radius: 1px;
}

span.select2-container--open .select2-dropdown .select2-search--dropdown input{
  border-radius: 1px;
}

/* bottom bar */
.bar {
  width: 100%;
  /*background-color: violet;*/
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.bar:before, .bar:after {
  content:'';
  width:0;
  height:2px;
  bottom:1px;
  position:absolute;
  background: #1E88E5;
  transition:0.2s ease all;
}

.bar:before {
  left:50%;
}
.bar:after {
  right:50%;
}

/* active state */
.select2-container--focus ~ .bar:before, .select2-container--focus ~ .bar:after,
.select2-container--open ~ .bar:before, .select2-container--open ~ .bar:after{
  width:50%;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
}

.select2-container--open .select2-search--inline .select2-search__field {
  display: block !important;
  position: absolute;
  left: 0 !important;
  top: 40px;
  width: 100% !important;
}

.select2-container--default .select2-results > .select2-results__options[aria-multiselectable="true"] {
  position: absolute;
  width: 100%;
  top: 45px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.19), 0 8px 17px rgba(0, 0, 0, 0.2) !important;


}

.select2-results__options {
  background-color: white;
}

.select2-selection--multiple .select2-selection__rendered {
  min-height: 30px !important;
  max-height: 150px !important;
}

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  background-color: transparent;
  border-radius: 2px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  overflow: auto;
}