/* Accessible Bootstrap 4 Color Overrides */

/* Primary: Darker Blue */
.btn-primary, .bg-primary {
    background-color: #0056b3 !important;
    border-color: #004a99 !important;
    color: #fff !important;
}

/* Success: Darker Green (Default fails) */
.btn-success, .bg-success {
    background-color: #198754 !important;
    border-color: #146c43 !important;
    color: #fff !important;
}

/* Info: Darker Teal/Cyan (Default fails badly) */
.btn-info, .bg-info {
    background-color: #087990 !important;
    border-color: #055160 !important;
    color: #fff !important;
}

/* Warning: Use Dark Text (Standard yellow requires dark text for contrast) */
.btn-warning, .bg-warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
    color: #212529 !important; /* Dark text is mandatory here */
}

/* Danger: Darker Red */
.btn-danger, .bg-danger {
    background-color: #dc3545 !important;
    border-color: #bb2d3b !important;
    color: #fff !important;
}

/* Style the Tooltip Box */
.tooltip-inner {
    max-width: 300px;
    padding: 10px;
    color: #fff;
    text-align: left;
    background-color: #333; /* Dark background */
    border-radius: .25rem;
    border: 1px solid #666;
}

    /* Style the "Title" part inside the tooltip */
    .tooltip-inner strong {
        display: block;
        font-size: 1.1em;
        color: #ffca28; /* Gold color for the title */
        margin-bottom: 5px;
    }

    /* Style the horizontal line separator */
    .tooltip-inner hr {
        border-top: 1px solid rgba(255,255,255,.2);
        margin: 5px 0;
    }


.nav-pills .nav-link.active {
    background-color: darkblue;
    color:white;
}

.text-black .nav-pills .nav-link.active {
    color:white;
}