.tagify__dropdown.users-list .tagify__dropdown__item{
        padding: .5em .7em;
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 0 1em;
        grid-template-areas: "avatar name"
                             "avatar email";
      }

      .tagify__dropdown.users-list .tagify__dropdown__item:hover .tagify__dropdown__item__avatar-wrap{
          transform: scale(1.2);
      }

      .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap{
          grid-area: avatar;
          width: 36px;
          height: 36px;
          border-radius: 50%;
          overflow: hidden;
          background: #EEE;
          transition: .1s ease-out;
      }

      .tagify__dropdown.users-list img{
          width: 100%;
          vertical-align: top;
      }

      .tagify__dropdown.users-list strong{
          grid-area: name;
          width: 100%;
          align-self: center;
      }

      .tagify__dropdown.users-list span:not(.tag-badge-state){
          grid-area: email;
          width: 100%;
          font-size: .9em;
          opacity: .6;
      }

      .tagify__dropdown.users-list .addAll{
          border-bottom: 1px solid #DDD;
          gap: 0;
      }


      /* Tags items */

      .input-users.tagify.form-control.inputs-tags {
          height : unset;
          padding : 3px;
          min-height: calc(1.6em + 0.75rem + 2px);
      }

      .input-users .tagify__tag{
          white-space: nowrap;
      }

      .input-users .tagify__tag:hover .tagify__tag__avatar-wrap{
          transform: scale(1.6) translateX(-10%);
      }

       .input-users .tagify__tag .tagify__tag__avatar-wrap{
          width: 16px;
          height: 16px;
          white-space: normal;
          border-radius: 50%;
          background: silver;
          margin-right: 5px;
          transition: .12s ease-out;
      }

       .input-users .tagify__tag img{
          width: 100%;
          vertical-align: top;
      }


    .tags-look .tagify__dropdown__item{
      display: inline-block;
      border-radius: 3px;
      padding: .3em .5em;
      border: 1px solid #CCC;
      background: #F3F3F3;
      margin: .2em;
      font-size: .85em;
      color: black;
      transition: 0s;
    }

    .tags-look .tagify__dropdown__item--active{
      color: black;
    }

    .tags-look .tagify__dropdown__item:hover{
      background: lightyellow;
      border-color: gold;
    }
    
    tags {
      overflow-y: auto !important; 
      border: 1px solid #ced4da !important;
      /*max-height : 150px !important;*/
    } 

    .tagify__tag {
      margin-top : 2px;
      margin-bottom : 2px; 
      margin-left : 2px;
      margin-right : 2px;
    }

    .tagify__input {
      margin : 0;
    }
    .tagify.tagify--focus {
      border-color: #a1cbef;
    }
    .tagify--focus {
      color: #495057;
      background-color: #fff;
      border-color: #a1cbef;
      outline: 0;
      box-shadow:  0 0 0.2rem rgba(52, 144, 220, 0.25);
    }
    .tagify__tag>div::before {
      content: '';
      position: absolute;
      border-radius: inherit;
      left: 1px;
      top: 2px;
      right: 1px;
      bottom: 1px;
    }

    .tagify__tag>div>* {
      vertical-align: middle;
    }

    .tagify__tag:hover:not([readonly]) div::before {
        top: 2px;
        right: -2px;
        bottom: 2px;
        left: -2px;
        box-shadow: 0 0 0 1.1em #d3e2e2 inset;
        box-shadow: 0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset;
    }

    .tagify .form-control .inputs-tags {
    }


     .tagify__dropdown.users-list .tag-badge-state span{
        display: inline-block !important;
        opacity: 1 !important;
        width : auto;
     }