.no-border {
    border-bottom: none !important;
    color: #717173 !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

/* .input-border {
    border: 2px solid !important;
} */

.input-border {
    border-top: 1px solid #041E49 !important;
    border-right: 1px solid #041E49 !important;
    border-bottom: 1px solid #041E49 !important;
    border-left: none !important;
}


.input-border:active {
    /* Moves shadow 2px to the right to hide it on the left */
    box-shadow: 2px 0px 4px 0px #041E49 !important;
}
.input-border:focus {
    /* Moves shadow 2px to the right to hide it on the left */
    box-shadow: 2px 0px 4px 0px #041E49 !important;
}
.icon-active {
  box-shadow: 0px 0px 4px 1px #041E49 !important;
}

.input-group .dropdown-menu {
  inset: auto 0 0 0; /* left + right = 0 */
  transform: translateY(0.25rem);
}
.input-group {
  position: relative;
}

.input-group .dropdown-menu {
  width: 100%;
  max-width: 100%;
}


 /* =====================Search============================== */
 .dropdown-menu.word-suggestions {
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
  display: none;
}

.dropdown-menu.word-suggestions.show {
  display: block;
}

.dropdown-item mark {
  background-color: #2195f5;
  color: #f1f1f1;
  border-radius: 5px;
  padding-left: 2px;
  font-weight: bold;
}

/* Optional: Add scrollbar styling */
.word-suggestions::-webkit-scrollbar {
  width: 8px;
}

.word-suggestions::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.word-suggestions::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.word-suggestions::-webkit-scrollbar-thumb:hover {
  background: #555;
}
 /* ==================================================== */
 /* =============================Section 3 starts======================= */

.main-card{
    background-color: #E9EEF6;
}
.sec-card{
    background-color: #F8FAFD;
}


/* Add to your existing CSS */
.sec-card {
    max-height: 500px;
    overflow-y: auto;
}

/* For Firefox */
.sec-card {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* For WebKit browsers (Chrome, Safari, Edge) */
.sec-card::-webkit-scrollbar {
    width: 8px;
}

.sec-card::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.sec-card::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.sec-card::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.sec-cad-list{
    background-color: #FFFFFF;
}
.sec-cad-list:hover{
    cursor: pointer;
    box-shadow: inset 0 0 10px #d1d1d1;
    border-radius: 5px;
}

.word-suggestions {
  /* Show max 5 items at a time, then scroll */
  max-height: calc(40px * 5 + 16px); /* 5 items × 40px each + padding */
  overflow-y: auto;
  
  /* Responsive - show fewer items on mobile */
  @media (max-height: 600px) {
    max-height: calc(40px * 3 + 16px); /* 3 items on smaller screens */
  }
  
  /* Auto height for fewer items */
  height: auto;
  min-height: 0;
}
.word-suggestions {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}
 /* =============================Section 3 starts======================= */