/* Bootstrap3 is required for default styling */

.mentiony-container [contenteditable=true]:empty:before{
  content:attr(data-placeholder);
  color:#999999;
}
.mentiony-container [contenteditable=true]:empty:focus:before {
  content: attr(data-placeholder);
  color: #999;
}

/* .mentiony-container [contenteditable=true]:empty:focus:before {
    content: "";
} */
.mentiony-container{ 
  position:relative;height:auto; 
   width:100% !important;
  /*border:1px solid #cecece;*/
  /* NOTE: All top-right-bottom-left must be equal */
  /*overflow: scroll;
    overflow-x: hidden;*/
  /*padding:10px 0px 10px 10px;*/
  border: none !important;
}
.mentiony-container .pl0{ padding-left:0;}
.mentiony-container .mention-input-hidden{float:left; display:inline-block; visibility:hidden; width:0!important;height:0!important; margin:0!important; padding:0!important;opacity:0!important;}

.mentiony-container .mentiony-popover{
  position:absolute;
  z-index:1000;
  top:30px;
  left:24px!important;  
  width:230px;
  height:auto;
  max-height:160px;
  display:none;
  border:1px solid #eee;
  border-radius:4px;
  padding:0;
  background:#fefefe;
  overflow: scroll;
  overflow-x: hidden;
}

.mentiony-container .mentiony-content {
    overflow: auto;
    outline: none;
    padding: 5px 5px 5px 5px;
    border: 1px solid #cecece;
    line-height: 20px;
    font-size: 14px !important;
    border-radius: 2px;
    overflow-wrap: anywhere;
    min-height: 32px !important;
    max-height: 32px;
    width: 100% !important;
    min-width: 385px !important;
    max-width: 470px !important;
}
.mentiony-content span {
    font-size: 13px!important;;
}
 div.mentiony-content::before {
        cursor: text !important;
    }
  .mentiony-container.active
  {
    /*height: 90px !important;*/
  }
.mentiony-container.active .mentiony-content
  {
   overflow-y: auto;
    height: 150px!important;
    margin: 0px 0 0 0;
    max-height: 150px;
  }

.mentiony-list{list-style:none; width: 100%; padding:0;margin: 0;}
.mentiony-item{border-top:1px solid #eee; height: 50px; padding: 5px 10px; cursor:pointer; overflow: hidden;}
.mentiony-item:first-child{border:none}
.mentiony-item:hover{ background:#ededed;}
.mentiony-item.active{ background:#ddd;}
.mentiony-item img{ width:40px; height:40px; }
.mentiony-item .title, .mentiony-item .help-block{ margin:0;}
.mentiony-item .title{}
.mentiony-item .help-block{}
.mention-area .highlight a.mentiony-link{color:#3b5998; background:none; padding: 0px 0px 0 0; border-radius: 3px;font-size:14px;}

.mentiony-content div::after
{
  content: ' ';
}