.w-12{
  width: 12%;
}
.bg-clr-grey{
 background-color: #e9e7e7;
}

/*.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 50px auto;
  }  .avatar-edit {
        position: absolute;
        right: 12px;
        z-index: 1;
  }     input#imageUpload {
    display: none;
}
    
        .avatar-edit label {
                display: inline-block;
                width: 40px;
                height: 40px;
                margin-bottom: 0;
                border-radius: 100%;
                background-image: linear-gradient(195deg, #761ee9 0%, #3e4be4 100%);
                border: 1px solid transparent;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
                cursor: pointer;
                font-weight: normal;
                transition: all .2s ease-in-out;
             } 
               
    .avatar-preview {
        width: 192px;
        height: 192px;
        position: relative;
        border-radius: 100%;
        border: 6px solid #F8F8F8;
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
      } .avatar-preview > div {
            width: 100%;
            height: 100%;
            border-radius: 100%;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
.avatar-edit i{
  top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    color: #ffffff;
    position: absolute;
    /* font-size: 18px; 
}*/

.useraddform .text-xxs{
  font-size: 0.85rem !important;
 }




.live-stream video {
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.live-stream .overlay {
  /*min-height: 51vh;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.live-stream .overlay h2 {
  margin-top: 270px !important;
  background-color: black;
    color: white;
    font-weight: 600;
    margin: 2rem 3rem 0;
   /* mix-blend-mode: multiply;*/
    padding: 5px 15px;
    text-align: center;
    z-index: 9;
}
.live-stream h2:after{
  content: '\2713';
      display: inline-block;
      color: white;
      padding: 0 6px 0 0;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      background-color: green;
}

/*image uyploadd*/
.img-thumb {
  max-height: 75px;
  border: 2px solid none;
   border-radius:3px;
  padding: 1px;
  cursor: pointer;
}
.img-thumb-wrapper {
  display: inline-block;
  margin: 10px 10px 0 0;
}
.remove {
  display: block;
  background: #bb2828;
  border: 1px solid none;
  color: white;
  text-align: center;
  cursor: pointer;
}
.remove:hover {
  background: white;
  color: black;
}
input[type="file"] {
  background: none;
      border: 1px solid #d2d6da;
      border-radius: 0.375rem;
      border-top-left-radius: 0.375rem !important;
      border-bottom-left-radius: 0.375rem !important;
      padding: 0.625rem 0.75rem !important;
      line-height: 1.3 !important;
}