.nav-pills > li > a.active {
    background-color: #50c31e !important;
    color: white !important;
}

.nav-pills > li.active > a:hover {
    background-color: #50c31e !important;
    color: white !important;
}

.nav-link-color {
    color: #50c31e;
}
/*<ul class="nav nav-pills" >
<li class ="nav-item" >
<a class="@(ViewContext.RouteData.Values["action"].ToString() == "Index" ? "nav-link active" : "")" href="index.html" > home</a >
</li >
<li > <a class="@(ViewContext.RouteData.Values["action"].ToString() == "" ? "nav-link active" : "")" href="contact.html" > contact</a > </li >
<li > <a class="@(ViewContext.RouteData.Values["action"].ToString() == "" ? "nav-link active" : "")" href="index.html" > home</a > </li >
<li > <a class="@(ViewContext.RouteData.Values["action"].ToString() == "" ? "nav-link active" : "")" href="contact.html" > contact</a > </li >
<li > <a class="@(ViewContext.RouteData.Values["action"].ToString() == "" ? "nav-link active" : "")" href="contact.html" > contact</a > </li >
</ul >
</nav >*/