/* Sidebar dark green base */
.sidebar-custom-green {
    background-color: #004d26 !important;
}

/* Light green on hover and active */
.sidebar-custom-green .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-custom-green .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: #66bb6a !important;
    color: #ffffff !important;
}

.sidebar-custom-green .nav-link,
.sidebar-custom-green .nav-link i,
.sidebar-custom-green .brand-text,
.sidebar-custom-green .nav-icon {
    color: #ffffff !important;
}


/* If you want all card-info headers to be dark green */
.card-info > .card-header {
  background-color: #006400;
  color: white;
}

/* Custom 5th column for lg breakpoint */
@media (min-width: 992px) {
    .col-lg-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}