/********************************************/
/*user modal*/
/********************************************/
  .user-box{
      background-color: #ffffff;
      border: 1px solid #9e9e9e;
      padding: 10px;
      max-height: 190px;
      overflow-y: auto;
      overflow-x: hidden;
  }
  .user-select {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    visibility: hidden;	
  }
  .user-select:checked + .user-label,
  .user-select:not(:checked) + .user-label {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    width: 100%;
    font-size: 12px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    border: 1px solid #28bad6;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
	font-weight:600 !important;
  }

  .user-select:checked + .user-label {
    background-color: #28bad6;
    color: #fff;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%);
  }
  .user-label img{
      width: 22px;
      margin-right: 10px;
      border-radius: 50%;
  }