/**
 * Styles for Hello Emoji in themes
 *
 * @author		WPCollab Team
 * @copyright	Copyright (c) 2014, WPCollab Team
 * @license		http://www.gnu.org/licenses/gpl-2.0.html GPLv2
 * @package		WPCollab\HelloEmoji\Frontend
 * @version		0.1.0
 */

.textcomplete-wrapper .dropdown-menu {
    border: 1px solid #ddd;
    background-color: white;
}

.textcomplete-wrapper .dropdown-menu li {
    border-top: 1px solid #ddd;
    padding: 2px 5px;
}

.textcomplete-wrapper .dropdown-menu li:first-child {
    border-top: none;
}

.textcomplete-wrapper .dropdown-menu li:hover,
.textcomplete-wrapper .dropdown-menu .active {
    background-color: rgb(110, 183, 219);
}


/* SHOULD not modify */

.textcomplete-wrapper .dropdown-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.textcomplete-wrapper .dropdown-menu a:hover {
    cursor: pointer;
}

.textcomplete-wrapper .dropdown-menu > li {
	padding: 0;
	margin-bottom: 0;
}

.textcomplete-wrapper .dropdown-menu > li:hover,
.textcomplete-wrapper .dropdown-menu > .active {
	background: #0074A2;
}

.textcomplete-wrapper .dropdown-menu > li:hover > a,
.textcomplete-wrapper .dropdown-menu > li.active > a {
	color: #FFF;
}

.textcomplete-wrapper .dropdown-menu a {
	display: block;
	padding: 4px 5px;
}

.textcomplete-wrapper .dropdown-menu img {
	vertical-align: top;
	margin-right: 5px;
}