/*!
 * Custom CSS - Ali Al-Aasm
 Override Backpack styles by having ui.php use this
 */
.btn-primary {
    color: #FFFFFF;
    background-color: #00a2c2;
    border-color: #00a2c2;
}

.btn-primary:hover {
    color: #FFFFFF;
    background-color: #017f98;
    border-color: #017f98;
}


a {
    color: #00a2c2;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #017f98;
    text-decoration: underline;
}



.page-item.active .page-link {
    z-index: 1;
    color: #FFFFFF;
    background-color: #00a2c2;
    border-color: #00a2c2;
}

.sidebar.sidebar-pills .nav-link.active, .sidebar.sidebar-pills .nav-link:hover {
    color: #00a2c2 !important;
    /* font-weight: 500; */
    background-color: rgba(0, 0, 0, 0.02);
}

.sidebar.sidebar-pills .nav-link.active .nav-icon, .sidebar.sidebar-pills .nav-link:hover .nav-icon {
    color: #00a2c2 !important;
}


.btn-link {
    font-weight: 400;
    color: #00a2c2;
    text-decoration: none;
}

.btn-link:hover {

    color: #017f98;

}



.sidebar .nav-link. .nav-icon {
    color: #00a2c2;
}