.select-shuttle {
  margin-top: 4px;
  .info-container {
    display: none;
  }
  option {
    padding: 7px 10px;
    
  }
  .bootstrap-duallistbox-container{
    select {
      overflow-y: auto;
      *padding: 10px;
    }
    .box1,
    .box2 {
      position: relative;
    }

    .buttons {
      width: auto;
      position: absolute;
      z-index: 1;
      top: 50%;
      width: 30px;
      .btn {
        width: 30px;
        height: 30px;
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        color: @black030;
      }
      .btn-default,
      .btn-filter.selected {
        .no-gradient;
        .no-text-shadow;
        .no-box-shadow;
      }
    }

    .box1 {
      .buttons {
        right: -15px;
        margin-top: -30px;
      }
    }
    .box2 {
      .buttons {
        left: -15px;
        margin-top: 30px;
      }
    }
    .filter {
      margin-bottom: 0;
      height: 44px;
      border: 7px solid @black010;
    }
    .glyphicon {
      font-family: 'CausewayGlyphicons';
    }
    .glyphicon-arrow-right {
      &:before {
        content: "\e802";
      }
      + .glyphicon-arrow-right {
        display: none;
      }
      &:only-child {
        &:before {
          content: "\e801";
        }
      }
    }
    .glyphicon-arrow-left {
      &:before {
        content: "\e803";
      }
      + .glyphicon-arrow-left {
        display: none;
      }
      &:only-child {
        &:before {
          content: "\e800";
        }
      }
    }
  }
}