<style>
    .border-bottom li{
        border-bottom:2px solid gray;
    }
    .ar-nav-link{
        color:#fff;
        margin:8px 10px;
    }
    .ar-align-right{
        position:absolute;
        top:50%;
        right:10px;
        transform:translate(0,-50%)        
    }
    .ar-nav-item{
        position:relative;
    }
</style>
<div id="navbarSupportedContent">
    <ul class="navbar-nav ml-auto border-bottom" style="color:#fff;white-space:nowrap">
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/dashboard">Dashboard <i class="fa fa-chevron-right ar-align-right"></i></a>
        </li>
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/admin-fashion">AR Fashion</span><i class="fa fa-chevron-right ar-align-right"></i></a>
        </li>
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/admin-care">AR Care</span><i class="fa fa-chevron-right ar-align-right"></i></a>
        </li>
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/order">Web Orders<i class="fa fa-chevron-right ar-align-right"></i></a>
        </li>
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/admin-clean">AR Clean <i class="fa fa-chevron-right ar-align-right"></i></a>
        </li>
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/customer">AR Clean Customers <i class="fa fa-chevron-right ar-align-right"></i></a>
        </li>
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/booking">AR Clean Bookings <i class="fa fa-chevron-right ar-align-right"></i></a>
        </li>
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/billing">AR Clean Billings <i class="fa fa-chevron-right ar-align-right"></i></a>
        </li>
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/sales-reporting">Sales Reporting <i class="fa fa-chevron-right ar-align-right"></i></a>
        </li>
        <!--
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/message">Messages <i class="fa fa-chevron-right ar-align-right"></i></a>
        </li>
        -->
        <!--
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="/admin-logout">Logout <span class="fa fa-chevron-right ar-align-right"></span></a>
        </li>
        -->
        <!--
        <li class="nav-item ar-nav-item">
            <a class="nav-link ar-nav-link" href="mailto:info@by-arsolution.com?subject=TestSubject&body=message goes here">Send email <span class="fa fa-chevron-right ar-align-right"></span></a>
        </li>
        -->
        
    </ul>
</div>