@import "client/common.scss";
@charset "UTF-8";

.filter-results {

    li {
        position: relative;
        //border-bottom:solid 1px shade($ColorElementPrimary, 20);
        border-bottom: solid 1px #09525b;;
        clear:both;
    }

    li strong {
        font-weight:bold;
    }

    li.offline {
        //background-color: shade($ColorElementPrimary, 20);
        background-color: #09525b;
        color: #dbd9d6;
        opacity:0.5;
        ms-filter: "alpha(opacity=50)";
    }

   .avatar-small {
        float:left;
        padding:1px;
        width:36px;
        height:36px;
        background-color:#ed3618;
        margin:10px;
        -webkit-border-radius:18px;
        -moz-border-radius:18px;
        border-radius:18px;
    }

   .avatar-small img {
        width: 36px;
        height: 36px;
        -webkit-border-radius:18px;
        -moz-border-radius:18px;
        border-radius:18px;
    }

    li a {
        color:#B3DD15;
    }

    li a:hover {
        color:#FFF;
    }

    .result-name {
        float:left;
        font-size:12px;
        margin-top:12px;
        font-weight:bold;
    }

    .result-location {
        font-size:11px;
        color:#D5E2E4;
        font-weight:200;
    }

    .results-wrapper {
        width: 300px;
        overflow-y:auto;
        overflow-x:hidden;
    }
}

