// style of suggester on ckeditor

@import "../../../variables.less";

.exo-mention {
	background: @mentionBackground;
	border-radius: 3px;
	color: @mentionColor;
	border: @mentionBorder;
	display: inline-block;
	max-width: 150px;
	overflow: hidden;
	padding: @mentionPadding;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
    vertical-align: bottom;
  
    .remove {
        display: inline-block;
        cursor: pointer;
        position: absolute;
        right: @mentionRemovePositionRight;
        top: 0;
    }

    .uiIconClose {
        font-family: "PLF-FONT-ICONS";
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        line-height: 1;
        text-transform: none;
        color: @removeMentionColor;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        position: relative;
        top: 1px;
        &:before {
            font-size: 8px;
            content: "\e75e";
        }
    }
}