.top-nav {
    background-color: white;
    border-bottom: 1px solid #ddd;
}
.sub-nav {
    border-bottom: 3px solid #FFA500;
    padding: 0 1rem;
    white-space: nowrap;
}
.sub-nav .nav-link {
    color: #333;
    padding: 0.5rem 1rem;
    border-bottom: 3px solid transparent;
}
.sub-nav .nav-link.active {
    font-weight: bold;
    border-bottom-color: #FFA500;
}
.btn-suppliers {
    background-color: #FFA500;
    color: white;
    border-radius: 999px;
    font-weight: bold;
}

/* Override Bootstrap Defaults for Buttons to enforce brand colors */
.btn-primary {
    background-color: #009A96 !important;
    border-color: #009A96 !important;
    color: #fff !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #007a77 !important;
    border-color: #007a77 !important;
}

.btn-secondary {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    background-color: #cc8400 !important;
    border-color: #cc8400 !important;
}

.btn-outline-primary {
    color: #009A96 !important;
    border-color: #009A96 !important;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    background-color: #009A96 !important;
    color: #fff !important;
}

.link-supplier {
    color: #009A96 !important;
    font-weight: 500;
    text-decoration: none;
}

.link-supplier:hover {
    text-decoration: underline;
    color: #007a77 !important;
}

.nav-tabs .nav-link {
    color: #009A96;
}

.nav-tabs .nav-link.active {
    color: #007a77 !important;
    font-weight: bold;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
    background-color: #6c757d !important;
    color: #fff !important;
}
.logo {
    font-weight: bold;
    font-size: 1.2rem;
}

.highlight-existing-file {
    border: 1px solid #FFA500;
    padding: 10px;
    border-radius: 5px;
    background-color: #fff5e6; /* subtle orange highlight */

}

.button-custom {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: .6em;
    border-radius: 6%;
    font-size: .8rem;
    border: 2px solid #FFA500;
    color: #FFA500;
}


.button-custom:hover {
    border-color: #FFA500;
    background-color: #FFA500;
    color: #FFFFFF;
}

.button-custom:active,
.button-custom:focus {
    background-color: #e69500;
    border-color: #e69500;
    color: #FFFFFF;
}

.soft-required-field {
    border-left: 3px solid orange;
    padding-left: 5px;
    color: orange !important;         /* text color */
    font-weight: bold;       /* optional: make it stand out more */
}

select.soft-required-field {
    border-left: 3px solid orange;
    color: orange;
    font-weight: bold;
}

select.soft-required-field option {
    color: black; /* optional: makes dropdown options readable */
}

/* Custom Checkbox Color */
.custom-checkbox:checked {
    background-color: #009A96 !important;
    border-color: #009A96 !important;
}