/*
    B:\pensoft\PENSOFT-SYSTEMS-LIMITED\LibertyGiPortal\PortalFrontend\wwwroot\css\ncbaspecific.css
*/
/*.ncba-nav {
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 !important;
    color: #087b73 !important;
    position: relative;
    font-family: "avertablack";
}*/


/* 
   Updated for LIBERTY BRAND COLORS 
  
*/
.ncba-nav {
    text-transform: uppercase;
    font-size: 14px; /* Slightly smaller looks more modern for a portal */
    padding: 0 !important;
    color: #ffffff !important; /* Changed from Green to White for the Navy background */
    position: relative;
    font-family: "avertablack"; /* Liberty uses Averta, so keep this */
    letter-spacing: 1px; /* Adds that premium portal feel */
}
    /* Add this to handle the hover state to match the Liberty light blue */
    .ncba-nav:hover {
        color: #00AEEF !important; /* Liberty's signature light blue highlight */
        text-decoration: none;
    }

 
/* 1. The Step Banner (The big green bar in your screenshot) */
/* Look for the class used for that 'Step 1 of 5' div. It is likely one of these: */
.step-header, .quotation-steps-header, .bg-teal, .banner-step {
    background-color: #002663 !important; /* Liberty Navy */
    color: white !important;
}

/* 2. The Progress Bar Circles */
.step-indicator .active,
.step-indicator .completed,
.wizard-steps .active .step,
.dot.active {
    background-color: #00AEEF !important; /* Liberty Bright Blue */
    border-color: #00AEEF !important;
}

.step-indicator .active-text {
    color: #002663 !important;
    font-weight: bold;
}

/* 3. Global Button Fix (Matches the Login/Register buttons) */
.btn-primary, .btn-info, .btn-success {
    background-color: #002663 !important;
    border-color: #002663 !important;
}

    .btn-primary:hover {
        background-color: #00AEEF !important; /* Liberty Bright Blue */
        border-color: #00AEEF !important;
    }

/* 4. Hyperlinks (Terms and Conditions links) */
.text-blue, a {
    color: #00AEEF !important;
}