<div class="slideoutMenu">
            <ul>
                <li><a href="logout.aspx" class="hovermod">Logout<i class="fa fa-sign-out-alt" aria-hidden="true"></i></a></li>
            </ul>
        </div>


==============================================================================================================================



.slideoutMenu {
    position: fixed;
	top: 0;
	left: -210px;
	width: 250px;
	height: 100%;
	background: #444;
	z-index: 100;
}

.slideoutMenu .slideoutMenuToggle {
	position: absolute;
	top: 12px;
	right: 10px;
	display: inline-block;
	padding: 6px 9px 5px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	line-height: 1;
	background: #222;
	color: #999;
	text-decoration: none;
	vertical-align: top;
}

.slideoutMenu .slideoutMenuToggle:hover {
    color: #fff;
}

.slideoutMenu ul {
    list-style-type: none;
}

.slideoutMenu ul li {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.slideoutMenu ul li a {
	position: relative;
	display: block;
	padding: 10px;
	color: #999;
	text-decoration: none;
}
.slideoutMenu ul li a:hover {
	background: #727272;
	color: #fff;
}
.slideoutMenu ul li a i {
	position: absolute;
	top: 12px;
	right: 10px;
	opacity: .5;
}

.hovermod:hover{
    color: #eee;
}