body {
    font-family: "Inter", sans-serif !important; /* Google font */
}


.body-admin-pages {
    
}
.body-quote-pages {    
    color: #494949;
}
    .body-quote-pages label {
        
    }
    .body-quote-pages select {
        border-color: #ee3235;
        color: #494949;
    }
        .body-quote-pages select option {
            
        }
    .body-quote-pages input,
    .body-quote-pages textarea {
        border-color: #ee3235;
        color:#494949;
    }
        .body-quote-pages input:focus,
        .body-quote-pages textarea:focus {
            /* background-color: #2c5577 !important; */
            border-color: #ee3235 !important;
            color: #494949 !important;
        }
        .body-quote-pages input::placeholder,
        .body-quote-pages textarea::placeholder {
            color: #767474;
        }

    .body-quote-pages .card {
        color: #494949; /* ensure text stays visible */
    }
    .body-quote-pages .icon {
        color: #ee3235;
    }

    /* HACK TO ADD A PERMANENT GAP BETWEEN THE NAVBAR AND THE CONTENT WHEN SCROLLING */
    .body-quote-pages::before {
        
    }


.quote-app-wrapper {
    
}
.quote-footer-bar {
    /* background-color: #f8f9fa; */
    background-color: #ee3235;
    color:#fff;
    border-top-color: #ddd;
}


h1:focus {
    
}

.body-admin-pages .valid.modified:not([type=checkbox]) {
    outline-color: #26b050;
}

.invalid {
    outline-color: #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    
}
    .blazor-error-boundary::after {
        
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}




/* Modern Full-Width Navbar with Subtle Divide */
.navbar {
    
}

    .navbar.quote {
        
    }
    /* Increase margin on large screens */
    @media (min-width: 992px) {
        .navbar.quote {
            
        }
    }


        /* Force navbar contents to stay horizontally aligned */
        .navbar.quote .container {
            
        }

.navbar .quote {
    color: #000;
}
.navbar .quote .icon {
    color: #ee3235;
}
.navbar .quote a {
    /* color: #fff; */
}


.navbar-color {
    background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
    .navbar-color.quote {
        /* background-color: #4c5454 !important; */
    }

.navbar-brand {
    /* color: var(--bs-gray-700); */
}
    .navbar-brand img {
        
    }    
    .navbar-brand.quote img {
        
    }

/* Nav links */
    .nav-link {
    /* color: var(--bs-gray-700); */
}

    .nav-link:hover,
    .nav-link:focus {
        color: var(--bs-primary);
    }

/* Optional scroll “lift” effect if you ever fix it to the top */
.navbar.scrolled {
    
}



.quote-header-pill {
    background: #eef4ff;
    color: #0d6efd;
    border-color: #d7e3ff;
}


.quote-header {
    
}
    .quote-header .icon-placeholder {
        color: #ee3235;
    }
.quote-option {
    border-color: #ee3235;
    background-color: #faf8f8;
}    
    .quote-option .icon-placeholder {
             
    }
        .quote-option .icon-placeholder .icon {
            color: #ee3235;
        }
    .quote-option.clickable {
        background-color: #fff;
    }
    .quote-option.clickable:hover {
        background-color: #fff6f7;
    }


.body-quote-pages .signup-option {
    border-color: #ee3235;
    background-color: #faf8f8;
}


.body-quote-pages .list-option {
    
}
.body-quote-pages .list-option:hover {
    background-color: #f5f5f5;
}
.body-quote-pages .list-option-selected {
    background-color: #f7f7f7;
}


/* Modal styling for quote area */
.body-quote-pages .modal-content {
    background: #fcfcfc;
    color: #494949;
}

/* Scroll only the body */
.body-quote-pages .modal-body.terms-modal {
    
}

/* Header / footer styling only, no height/size manipulation */
.body-quote-pages .modal-header,
.body-quote-pages .modal-footer,
.modal-header,
.modal-footer {
    background: #f4f4f4;
    border-color: rgba(255, 255, 255, 0.15);
}


/* Quote terms modal text */
.terms-modal h5,
.terms-modal h6 {
    
}

.terms-modal {
    
}

.modal .icon {
    color: #ee3235;
}



.body-quote-pages .btn {
    
}




.progress-stage-indicator {
      
}

.progress-stage {
    color: #fff;
}

    /* Arrow */
    .progress-stage:not(:last-child)::after {
        
    }


    /* Cover overlap */
    .progress-stage:not(:first-child)::before {
        
    }

    /* STATES */
    .progress-stage.complete {
        background-color: #14b820;
    }

        .progress-stage.complete::after {
            border-left-color: #14b820;
        }

    .progress-stage.current {
        background-color: #ffc107;
    }

        .progress-stage.current::after {
            border-left-color: #ffc107;
        }

    .progress-stage.incomplete {
        background-color: #ee3235;
        background-color: #ededed;
        color: inherit;
    }

        .progress-stage.incomplete::after {
            border-left-color: #ee3235;
            border-left-color: #ededed;
        }

    /* Rounded ends */
    .progress-stage.start {
        border-left-color: #C0C0C0;
        border-top-color: #C0C0C0;
        border-bottom-color: #C0C0C0;
    }
    .progress-stage.middle {
        border-top-color: #C0C0C0;
        border-bottom-color: #C0C0C0;
    }
    .progress-stage.end {
        border-right-color: #C0C0C0;
        border-top-color: #C0C0C0;
        border-bottom-color: #C0C0C0;
    }



.text-danger.small {
    
}
.section-divider {
    background-color: #d7d7d7;
}
.line-divider {
    background-color: #d7d7d7;
}
    .line-divider.vat {
        
    }


/* Fix up Blazor's "invalid" class to match Bootstrap's look */
.invalid {
    border-color: #dc3545 !important;
}

/* Special adjustment for multiline fields */
textarea.invalid {
    
}

/* Use a cleaner exclamation SVG (Bootstrap 5.3 version) */
.invalid {
    
}




/* LEFT COLUMN SCROLLING */
.left-panel {
    
}

@media (max-width: 768px) {
    .left-panel {
        
    }
}

/* KEEP RIGHT COLUMN VISIBLE */
.quote-sidebar-old {
    background: #ffffff;
    border-left-color: #eee;
}

.quote-sidebar-old2 {
    background: #ffffff;
    background: linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%);
}

.quote-sidebar-text-muted {
    color: #8c8c8c;
}
.quote-text-total {
    color: #0484ec;
}
.help-text {
    color: #494949;
}
.help-popover {
    background-color: #f5f5f5; /* soft off-white */
    color: #1a1a1a;
    border-color: #143c54; 
}
    .help-popover .popover-arrow {
        
    }

.quote-sidebar {
    background-color: transparent;
    border-color: #ee3235;
}

/* Keep quote total at top nicely styled */
.quote-total {
    
}

.mobile-quote-bar {
    border-color: #256192;
    background-color: #ffffff;
    background: linear-gradient(to bottom, #ffffff, #f5f8fa 70%, #eef2f6);
}
@media (min-width: 768px) {
    .mobile-quote-bar {
        
    }
}



/*  Styling for the YES/NO toggle buttons */
/* --------------------------------------------------- */
.toggle-group {
    
}

@media (max-width: 768px) {
    .toggle-group {
        
    }
}

.toggle-option {
    border-color: #ee3235;
    background-color: transparent;
    color: #494949;
}

    /* Hover effect (desktop only) */
    .toggle-option:hover {
        background-color: #fff6f7;
    }

    /* Press feedback */
    .toggle-option:active {
        background-color: #fff6f7;
    }

    /* Selected (from Blazor .active class) */
    .toggle-option.active {
        background-color: #ee3235;
        border-color: #fff;
        color: white;
    }

    /* Keyboard focus accessibility */
    .toggle-option:focus-visible {
        outline-color: #80bdff;
    }

/* --- Error / invalid state --- */
.toggle-group.is-invalid .toggle-option {
    border-color: #dc3545; /* Bootstrap danger red */
    color: #494949;
}

    /* Optional: when hovered in invalid state */
    .toggle-group.is-invalid .toggle-option:hover {
        background-color: #fff6f7;
    }

    /* If one is selected while invalid (user hasn't fixed yet) */
    .toggle-group.is-invalid .toggle-option.active {
        background-color: #ee3235;
        border-color: #dc3545;
        color: #fff;
    }
/* --------------------------------------------------- */





.fade-in {
    
}

@keyframes fadeIn {
    from {
        
    }

    to {
        
    }
}


/* Applying this class removes the spinner from number fields on desktop devices */
.no-spinner::-webkit-inner-spin-button,
.no-spinner::-webkit-outer-spin-button {
    
}
.no-spinner {
    
}