@import "less/mixins.less";

#roster{
    width: 250px;
    
    ul{
        list-style:none;
        padding:0;
        margin:0;
    }
    
    li{
        background-color: #F4F3F1;
        border-bottom: 1px solid #E0E0E0;
        border-top: 1px solid white;
        border-right: 4px solid #c8c8c8;
        padding: 0;
        margin: 0;
        padding: 1em 1em;
        color: #363636;
        .transition(0.5s);
        &:hover{
            background-color: white;
        }
    }
}