/* Base button color */
.btn-custom {
    background-color: #145214;
    border-color: #145214;
    color: #ffffff; /* Ensure text is readable */
    padding: 10px 10px 10px 10px;
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s, box-shadow 0.2s;
    font-weight: bold;
}

    /* Hover state */
    .btn-custom:hover {
        background-color: #166a1a; /* Slightly lighter shade */
        border-color: #166a1a;
        color: #ffffff;
    }

    /* Active state */
    .btn-custom:active,
    .btn-custom:focus {
        background-color: #113f10; /* Slightly darker shade */
        border-color: #113f10;
        box-shadow: 0 0 0 0.2rem rgba(20, 82, 20, 0.5); /* Optional focus ring */
    }

    /* Disabled state */
    .btn-custom:disabled {
        background-color: #a3c6a3; /* Muted green */
        border-color: #a3c6a3;
        color: #e6e6e6; /* Muted text */
    }

.btn-custom-header {
    background-color: #ffffff; /* White background */
    border-color: #145214; /* Green border */
    color: #145214; /* Green text */
    padding: 10px 10px 10px 10px;
    border: 2px solid #145214;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s, color 0.2s;
    font-weight: bold;
}

    /* Hover state */
    .btn-custom-header:hover {
        background-color: #145214; /* Green background */
        border-color: #145214;
        color: #ffffff; /* White text */
    }

    /* Active state */
    .btn-custom-header:active,
    .btn-custom-header:focus {
        background-color: #113f10; /* Darker green */
        border-color: #113f10;
        color: #ffffff; /* White text */
        box-shadow: 0 0 0 0.2rem rgba(20, 82, 20, 0.5); /* Optional focus ring */
    }

    /* Disabled state */
    .btn-custom-header:disabled {
        background-color: #f0f0f0; /* Light gray */
        border-color: #a3c6a3; /* Muted green border */
        color: #a3c6a3; /* Muted green text */
    }

input:focus, textarea:focus, select:focus {
    border-color: #145214 !important; /* Set your custom green color */
    box-shadow: 0 0 5px rgba(20, 82, 20, 0.5) !important; /* Optional green glow */
    outline: none !important; /* Remove default outline */
}

.nav-link.active {
    color: #145214 !important; /* Set text color */
    background-color: rgba(20, 82, 20, 0.1); /* Optional background color */
    border-bottom: 2px solid #145214; /* Optional underline for active link */
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #145114;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s, box-shadow 0.2s;
    font-weight: bold;
}