/* Generic Utility */

.nav-tabs .nav-link,
.nav-tabs .dropdown-toggle,
.nav-tabs .dropdown-menu,
.nav-tabs .dropdown-item
{
    color: white;
    background-color: #666666;
    border-color: #ddd #ddd transparent;
}

#atab1 .nav-link.active,
#atab1 .nav-link.active:focus,
#atab1 .nav-link.active:hover,
#atab1 .nav-item.open .nav-link,
#atab1 .nav-item.open .nav-link:focus,
#atab1 .nav-item.open .nav-link:hover {
    color: white;
    background-color: #0575f4;
    border-color: #ddd #ddd transparent;
}

#atab2 .nav-link.active,
#atab2 .nav-link.active:focus,
#atab2 .nav-link.active:hover,
#atab2 .nav-item.open .nav-link,
#atab2 .nav-item.open .nav-link:focus,
#atab2 .nav-item.open .nav-link:hover {
    color: white;
    background-color: #d30000;
    border-color: #ddd #ddd transparent;
}

#atab3 .nav-link.active,
#atab3 .nav-link.active:focus,
#atab3 .nav-link.active:hover,
#atab3 .nav-item.open .nav-link,
#atab3 .nav-item.open .nav-link:focus,
#atab3 .nav-item.open .nav-link:hover {
    color: white;
    background-color: #8d01b0;
    border-color: #ddd #ddd transparent;
}

#atab4 .nav-link.active,
#atab4 .nav-link.active:focus,
#atab4 .nav-link.active:hover,
#atab4 .nav-item.open .nav-link,
#atab4 .nav-item.open .nav-link:focus,
#atab4 .nav-item.open .nav-link:hover,
#atab4 .dropdown-menu .dropdown-item.active,
#atab4 .dropdown-menu .dropdown-item.active:focus,
#atab4 .dropdown-menu .dropdown-item.active:hover{
    color: white;
    background-color: #e5e500;
    border-color: #ddd #ddd transparent;
}

#atab5 .nav-link.active,
#atab5 .nav-link.active:focus,
#atab5 .nav-link.active:hover,
#atab5 .nav-item.open .nav-link,
#atab5 .nav-item.open .nav-link:focus,
#atab5 .nav-item.open .nav-link:hover,
#atab5 .dropdown-menu .dropdown-item.active,
#atab5 .dropdown-menu .dropdown-item.active:focus,
#atab5 .dropdown-menu .dropdown-item.active:hover{
    color: white;
    background-color: #32cd32;
    border-color: #ddd #ddd transparent;
}

#atab6 .nav-link.active,
#atab6 .nav-link.active:focus,
#atab6 .nav-link.active:hover,
#atab6 .nav-item.open .nav-link,
#atab6 .nav-item.open .nav-link:focus,
#atab6 .nav-item.open .nav-link:hover,
#atab6 .dropdown-menu .dropdown-item.active,
#atab6 .dropdown-menu .dropdown-item.active:focus,
#atab6 .dropdown-menu .dropdown-item.active:hover{
    color: white;
    background-color: #fe4902;
    border-color: #ddd #ddd transparent;
}

#atab7 .nav-link.active,
#atab7 .nav-link.active:focus,
#atab7 .nav-link.active:hover,
#atab7 .nav-item.open .nav-link,
#atab7 .nav-item.open .nav-link:focus,
#atab7 .nav-item.open .nav-link:hover,
#atab7 .dropdown-menu .dropdown-item.active,
#atab7 .dropdown-menu .dropdown-item.active:focus,
#atab7 .dropdown-menu .dropdown-item.active:hover{
    color: white;
    background-color: #00ffff;
    border-color: #ddd #ddd transparent;
}