/* This file has been intentionally left blank to remove all effects of the previous styles. */
/* #0e2673 */
/* .bg-primary {
  background-color: #0e2673 !important;
} */    .bg-primary, .bs-primary, .bs-link-active {
  background-color: #0e2673 !important;
}

.bs-link-active {
  color: #0e2673 !important;
}

.bg-dark {
  background-color: #deebf7 !important;
}

.text-color-new {
    color: black !important;
}


.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon {
    background-image: linear-gradient(310deg, #0e2673 0%, #0e2673 100%) !important;
    color: #fff;
}

/* Enhanced active state for navigation links */
.navbar-vertical .navbar-nav>.nav-item .nav-link.active {
    background: linear-gradient(90deg, rgba(14, 38, 115, 0.1) 0%, rgba(14, 38, 115, 0.05) 100%) !important;
    color: #0e2673 !important;
    font-weight: 600 !important;
    border-radius: 0.75rem !important;
    margin: 0.25rem 0.75rem !important;
    /* transform: translateX(2px) !important; -- REMOVED: This breaks modal z-index */
    box-shadow: 0 4px 15px rgba(14, 38, 115, 0.1) !important;
}

.navbar-vertical .navbar-nav>.nav-item .nav-link.active .nav-link-text {
    color: #0e2673 !important;
    font-weight: 600 !important;
}

/* Fix sidebar footer positioning and prevent covering */
.sidenav-footer {
    position: relative !important;
    bottom: 0 !important;
    z-index: 100 !important;
    margin-top: auto !important;
}

/* Ensure sidebar has proper min-height and flex layout */
.sidenav.navbar.navbar-vertical {
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    z-index: 1000 !important;
}

.navbar-collapse {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.navbar-nav {
    flex: 1 !important;
}

/* Fix any potential z-index issues */
.main-content {
    z-index: 0 !important;
}

.sidenav {
    z-index: 1000 !important;
}

/* Enhance tab navigation styling */
.nav-tabs .nav-link.active {
    background: white !important;
    border-bottom-color: #0e2673 !important;
    color: #0e2673 !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 8px rgba(14, 38, 115, 0.15) !important;
}

.nav-tabs .nav-link:hover:not(.active) {
    border-bottom-color: rgba(14, 38, 115, 0.3) !important;
    background: rgba(14, 38, 115, 0.05) !important;
    color: #0e2673 !important;
}

/* Remove any unwanted bottom spacing */
body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.main-content {
    margin-bottom: 0 !important;
    padding-bottom: 2rem !important;
}

/* Fix text visibility on primary color backgrounds */
.bg-primary, .bg-primary * {
    color: white !important;
}

.badge.bg-primary {
    color: white !important;
}

/* Ensure proper text colors for badges */
.badge.bg-secondary {
    background-color: #6c757d !important;
    color: white !important;
}

.badge.bg-warning {
    background-color: #ffc107 !important;
    color: #000 !important;
}

.badge.bg-info {
    background-color: #17a2b8 !important;
    color: white !important;
}

/* Fix add field button contrast */
.add-field-btn {
    background: #deebf7 !important;
    color: #0e2673 !important;
}

.add-field-btn:hover {
    background: #0e2673 !important;
    color: white !important;
}

/* Fix add product button in modal */
#edit-template-modal-body .rfq-template-modal-wrapper .add-field-btn {
    background: #deebf7 !important;
    color: #0e2673 !important;
}

#edit-template-modal-body .rfq-template-modal-wrapper .add-field-btn:hover {
    background: #0e2673 !important;
    color: white !important;
}

#edit-template-modal-body .rfq-template-modal-wrapper .add-product-btn {
    background: #0e2673 !important;
    color: white !important;
}

#edit-template-modal-body .rfq-template-modal-wrapper .add-product-btn:hover {
    background: #0b1d58 !important;
    color: white !important;
}

.card:focus, .card:active, .card-body:focus, .card-body:active {
  outline: none !important;
  border-style: solid !important;
}

.card-own {
  border-left: 6px solid #0e2673;
  box-shadow: 0 4px 12px rgba(14,38,115,0.08);
}
.card-header-own {
  background: linear-gradient(90deg, #0e2673 0%, #deebf7 100%);
  color: #fff;
  font-weight: 600;
}
.card-ai {
  border-left: 6px solid #ffc107;
  box-shadow: 0 4px 12px rgba(255,193,7,0.08);
}
.card-header-ai {
  background: linear-gradient(90deg, #fffbe3 0%, #ffc107 100%);
  color: #0e2673;
  font-weight: 600;
}

.rfq-checkbox-visible {
  opacity: 1 !important;
  background: #fff !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(14,38,115,0.18), 0 0 0 4px #fff !important;
  outline: none !important;
  width: 32px !important;
  height: 32px !important;
  z-index: 999 !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  cursor: pointer !important;
  border-radius: 50% !important;
  transition: box-shadow 0.2s, background 0.2s;
  appearance: auto;
}
.rfq-checkbox-visible:checked {
  background: #0e2673 !important;
  box-shadow: 0 8px 24px rgba(14,38,115,0.28), 0 0 0 4px #0e2673 !important;
}
.rfq-checkbox-visible:hover {
  box-shadow: 0 12px 32px rgba(14,38,115,0.32), 0 0 0 6px #deebf7 !important;
}
/* Ensure input[type=checkbox] uses custom styles */
input.rfq-checkbox-visible[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff !important;
  border-radius: 50% !important;
  border: none !important;
  box-shadow: 0 6px 18px rgba(14,38,115,0.18), 0 0 0 4px #fff !important;
  width: 32px !important;
  height: 32px !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  z-index: 999 !important;
  cursor: pointer !important;
  transition: box-shadow 0.2s, background 0.2s;
}
input.rfq-checkbox-visible[type="checkbox"]:checked {
  background: #0e2673 !important;
  box-shadow: 0 8px 24px rgba(14,38,115,0.28), 0 0 0 4px #0e2673 !important;
}
input.rfq-checkbox-visible[type="checkbox"]:hover {
  box-shadow: 0 12px 32px rgba(14,38,115,0.32), 0 0 0 6px #deebf7 !important;
}
/* Add a checkmark for checked state */
input.rfq-checkbox-visible[type="checkbox"]:checked::after {
  content: '\2713';
  color: #0e2673;
  font-size: 1.4rem;
  position: absolute;
  top: 4px;
  left: 8px;
  pointer-events: none;
}

/* User dropdown styling */
#userDropdown {
    background: rgba(14, 38, 115, 0.1) !important;
    border-radius: 0.75rem !important;
    padding: 0.5rem 1rem !important;
    transition: all 0.3s ease !important;
}

#userDropdown:hover {
    background: rgba(14, 38, 115, 0.2) !important;
}

/* Force dropdown alignment to right corner */
.nav-item.dropdown.pe-2 {
    margin-left: auto !important;
}

.navbar-nav {
    margin-left: auto !important;
}

.navbar-collapse.justify-content-end {
    justify-content: flex-end !important;
}

.dropdown-menu {
    border: none !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.16) !important;
    border-radius: 0.75rem !important;
    z-index: 9999 !important;
}

.dropdown-item:hover {
    background-color: rgba(14, 38, 115, 0.1) !important;
    color: #0e2673 !important;
}

/* COMPREHENSIVE MODAL FIX - Remove ALL stacking context issues */

/* Prevent main-content from creating stacking context */
.main-content {
    position: static !important;
    z-index: auto !important;
}

/* Ensure sidebar stays properly positioned without stacking context issues */
.sidenav {
    z-index: 1000 !important;
    position: fixed !important;
}

/* Reset any problematic positioning that might interfere with modals */
.navbar-main {
    z-index: auto !important;
}

/* Force modals to always be on top with proper z-index hierarchy */
.modal-backdrop {
    z-index: 1040 !important;
    position: fixed !important;
}

.modal {
    z-index: 1050 !important;
    position: fixed !important;
}

.modal.show {
    z-index: 1050 !important;
    position: fixed !important;
}

/* Ensure modal dialogs are properly positioned */
.modal-dialog {
    z-index: 1051 !important;
    position: relative !important;
}

/* Remove any transform properties that create stacking contexts from critical elements */
body.g-sidenav-show .main-content {
    position: static !important;
    transform: none !important;
}

/* Ensure dropdowns don't interfere with modals */
.dropdown-menu {
    z-index: 1030 !important;
}