.multi-select-container {
  width: 300px;
  height: 100px;
  background: white;
  overflow-y: auto;

  .multi-select-content {
    line-height: $height-small;

    .multi-select-item {
      .multi-select-item-label {
        @include box();
        @include flex-justify-between();
        padding: 0 $space-big 0 $space-small;
        @include box-sizing();
        position: relative;
        cursor: pointer;
        color: $color-text-regular;

        .icon-down-arrow,.icon-next {
          @include box();
          @include flex-center();
          font-size: $font-xsmall;
          position: absolute;
          width: 30px;
          right: 0;
          top: 0;
          text-indent: 0;
        }

        .multi-select-item-icon-list{
          display: none;

          .efly-tooltip{
            text-indent: 0;
            margin-left: $space-xs;
            .icon{
              font-size: $font-default;
            }

            &:first-child{
              margin-left: 0
            }
          }

        }

        &:hover,&.hover,&:active,&.active {
          background: $color-light-primary;
        }
        &:hover,&.hover{
          .multi-select-item-icon-list{
            @include box();
          }
        }
      }

      .multi-select-item-group {
        //padding: 0 0 0 $space-small;
        @include box-sizing();
      }
    }


  }
}
