.mentions-input {
    position: relative;
}

.mentions-input .input {
    overflow: hidden;
    position: relative;
}

.mentions-input .highlighter {
    position: absolute;
    left: 0;
    right: 0;
    color: transparent;
    overflow: hidden;
    border-style: solid;
    border-color: transparent;
}

.mentions-input .highlighter-content {
    position: relative;
}

.mentions-input .highlighter-content strong {
  font-weight: inherit;
  background-color: #a3bcea;
  display: inline;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

[data-mention] {
    /*
    background-color: #a3bcea;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    */
     background-color: #daf0e9;
    /*background-color: #e4f4ef;*/
    /*color: #666666;*/
    font-weight: 500;
    padding-left: 3px;
    padding-right: 5px;
    border-radius: 100px;

    font-weight: normal;
    /*color:#444444;*/
    color:inherit;


/*
    background-color: #f4f4f4;
    color: #5dbd9e;

    font-weight: 500;
    */
}

a[data-mention]{
    text-decoration: none;
    font-weight: normal !important;
    white-space: nowrap;
    /*transition: all 0.4s;*/
    transition: background-color 0.4s, color 0.4s;
    font-style: normal !important;

}

a[data-mention]:hover{
    text-decoration: none;
    color: inherit;
}


/* autocomplete menu  */


ul.mentions.ui-widget-content {
    /*border: 1px solid #cccccc;*/
    /*background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;*/
    color: #555555;
    background-color: #f4f4f4;
    /*blogin customize*/
    z-index: 10000;
    max-width: 250px;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0px 1px 5px 0px #aaaaaa;


}
ul.mentions.ui-widget-content a {
    /*color: #222222;*/
    color: #555555;
}

ul.mentions.ui-widget {
    /*font-family: Verdana,Arial,sans-serif;*/
    /*font-size: 1.1em;*/
    font-family: inherit;
    font-size:15px;
}


.ui-state-hover,
ul.mentions.ui-widget-content .ui-state-hover,
ul.mentions.ui-widget-header .ui-state-hover,
.ui-state-focus,
ul.mentions.ui-widget-content .ui-state-focus,
ul.mentions.ui-widget-header .ui-state-focus {  /* selected li item in ul */

    border:none;
    background-color: #daf0e9;

}

ul.mentions.ui-menu .ui-menu-item a {
    padding: 3px .4em;
}

ul.mentions.ui-menu .ui-menu-item a:hover{
    cursor: pointer;
}

ul.mentions.ui-menu li:first-child{
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

ul.mentions.ui-menu li:last-child{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

ul.mentions.ui-menu li img, .blogin_dropdown .select2-results li img{
    width:24px;
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    border-radius: 24px;
    vertical-align: middle;
    vertical-align: bottom;
    outline: none;
    margin:0;
    margin-right: 5px;
    display:inline-block;
}
/* *** */