.u-cf:before,

.u-cf:after {

    content: " ";

    display: table;

}



.u-cf:after {

    clear: both;

}



.Typeahead-menu {

    position: absolute;

    top: 95%;

    left: 0px;

    z-index: 100;

    width: 95%;

    display: none;

    cursor: pointer;

    margin-bottom: 20px;

    overflow: hidden;

    background-color: #fff;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px;

    box-shadow: 0px 0px 0px 1px green;

    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);

    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);

    box-shadow: 0 5px 10px rgba(0,0,0,.2);

}



.Typeahead-menu.is-open {

    display: block;

}



.Typeahead-selectable,

.Typeahead-menu,

.Typeahead-selectable,

.ProfileCard,

.ProfileCard-details

{

    cursor: pointer;

}



.Typeahead-selectable + .Typeahead-selectable {

    border-top: 1px solid #ccd6dd;

}



/* ProfileCard */



.ProfileCard {

    position: relative;

    padding: 8px;

    cursor: pointer;



}

.ProfileCard-avatar {

    position: absolute;

    top: 8px;

    left: 8px;

    width: 25%;

    height: 89%;

    border: 2px solid #ccd6dd;

    border-radius: 5px;

}



.ProfileCard:hover .ProfileCard-avatar {

    border-color: #f5f8fa;

}



.ProfileCard-details {

    min-height: 60px;

    padding-left: 28%;

}



.ProfileCard-realName,

.ProfileCard-screenName {

    display: inline-block;

}



.ProfileCard-realName {

    font-weight: 700;

}



.ProfileCard-screenName {

    color: #8899a6;

    margin-left: 10px;

}



.ProfileCard-description {

    margin-top: 5px;

    font-size: 14px;

    line-height: 18px;

}



.ProfileCard-stats {

    float: right;

    text-align: right;

}



.ProfileCard-stat {

    display: inline-block;

    font-size: 12px;

    line-height: 16px;

    text-transform: uppercase;

}



.ProfileCard-stat-label {

    color: #8899a6;

    font-weight: 500;

}



.ProfileCard-stat + .ProfileCard-stat {

    margin-left: 5px;

}



.ProfileCard:hover,

.ProfileCard.is-active {

    color: #fff;

    background: #55acee;

}



.ProfileCard:hover .ProfileCard-screenName,

.ProfileCard:hover .ProfileCard-stat-label,

.ProfileCard.is-active .ProfileCard-screenName,

.ProfileCard.is-active .ProfileCard-stat-label {

    color: #fff;

}



/* EmptyMessage */



.EmptyMessage {

    position: relative;

    padding: 10px;

    font-size: 24px;

    line-height: 30px;

    text-align: center;



}