:root {
    --primary: rgb(37, 66, 58);
}

.bg-primary {
    background-color: rgb(37, 66, 58) !important;
    color: #fff !important;
}

.text-primary, a.text-primary:focus, a.text-primary:hover {
    color: rgb(37, 66, 58) !important;
}

.btn-primary {
    background-color: rgb(37, 66, 58) !important;
    border-color: rgb(37, 66, 58) !important;
    color: #fff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active {
    background-color: rgb(27, 48, 42) !important;
    border-color: rgb(20, 36, 31) !important;
}

.badge-primary {
    background-color: rgb(37, 66, 58) !important;
    color: #fff;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: rgb(37, 66, 58) !important;
    color: #fff !important;
}

.card-primary:not(.card-outline) > .card-header {
    background-color: rgb(37, 66, 58) !important;
    color: #fff;
}

.card-primary.card-outline {
    border-top-color: rgb(37, 66, 58) !important;
}

.page-item.active .page-link {
    background-color: rgb(37, 66, 58) !important;
    border-color: rgb(37, 66, 58) !important;
    color: #fff !important;
}

.page-link {
    color: rgb(37, 66, 58);
}

.page-link:hover {
    color: rgb(27, 48, 42);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: rgb(37, 66, 58) !important;
    color: #fff !important;
}

/* Fix Logo Size and Alignment */
.brand-link {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0.8rem 0.5rem !important;
}

.brand-link .brand-image {
    float: none !important;
    max-height: 40px !important;
    margin: 0 !important;
    display: block;
    width: auto !important;
}