.jstree-default .jstree-clicked {
    background: rgba(67, 89, 113, .07);
    /* box-shadow: inset 0 0 1px #999999; */

  }
  .jstree-default .jstree-hovered {
    background: rgba(67, 89, 113, .04);
    /* background: transparent; */
    /* box-shadow: inset 0 0 1px #cccccc; */
  }
  .circle-number {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #F6F6F6;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #D8D8D8;
    text-align: center;
  }

  #etf_finder .twitter-typeahead {
    width: 100%;
  }

  .jstree-anchor {
    font-size: 12px; /* 원하는 폰트 크기 설정 */
  }
  /* hover 시 마우스로 올린 항목 강조 */
.suggestion:hover {
  text-decoration: none;
  color: #697a8d;
  background-color: rgba(67,89,113,.04)
}

/* 방향키 또는 마우스로 선택된 항목 강조 */
.suggestion.active {
  text-decoration: none;
  color: #697a8d;
  background-color: rgba(67,89,113,.04)
}

.finder_etf.selected, .market_etp.selected  {
  border: 1px dashed lightgrey;
}
.finder_pdf {
  background-color: #FAFAFA;
  border-radius: 0.2rem;
}

.tooltip {
  position: absolute;
  opacity: 0;
  background-color: white;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  pointer-events: none;
  z-index: 1000;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  white-space: nowrap;      /* ✅ 한 줄 유지 */
  display: inline-block;    /* ✅ 내용에 맞게 width 조절 */
}

/* .tooltip {
  position: absolute;
  text-align: left;
  width: 150px;
  padding: 10px;
  font-size: 12px;
  background: white;
  border: 1px dashed lightgrey;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
} */


/* .tooltip {
  position: absolute;
  text-align: left;
  padding: 10px;
  font-size: 12px;
  background: white;
  border: 1px dashed lightgrey;
  border-radius: 8px;
  pointer-events: none;
  opacity: 0;
} */

/* #global_market_etp {
  width: 100%;
  max-width: 1000px;
  margin: auto;
} */
.flag-icon {
  clip-path: circle(50% at 50% 50%);
  stroke: black;
  stroke-width: 1;
}



#datatables_coin_list tbody tr.dt-row-hover {
  background-color: rgba(0, 0, 0, 0.05); /* 필요시 색상/명도 조정 */
}

.jstree-default .jstree-clicked {
  background: rgba(67, 89, 113, .07);
  /* box-shadow: inset 0 0 1px #999999; */

}
.jstree-default .jstree-hovered {
  background: rgba(67, 89, 113, .04);
  /* background: transparent; */
  /* box-shadow: inset 0 0 1px #cccccc; */
}
.circle-number {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #F6F6F6;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #D8D8D8;
  text-align: center;
}

.jstree-anchor {
  font-size: 12px; /* 원하는 폰트 크기 설정 */
}
/* hover 시 마우스로 올린 항목 강조 */
.suggestion:hover {
text-decoration: none;
color: #697a8d;
background-color: rgba(67,89,113,.04)
}

/* 방향키 또는 마우스로 선택된 항목 강조 */
.suggestion.active {
text-decoration: none;
color: #697a8d;
background-color: rgba(67,89,113,.04)
}

/* 트리거(닫힌 상태) */
 .custom-select {
   position: relative;
   display: inline-block;
 }
 .custom-select__trigger {
   border: 1px solid rgba(67,89,113,0.3);   /* 회색 테두리 */
   color: #6c757d;               /* 회색 글자 */
   background: #fff;
   padding: 4px 10px 4px 8px;
   border-radius: 6px;
   cursor: pointer;
   user-select: none;
   /* min-width: 120px; */
   width: auto;
 }
 .custom-select__trigger[data-for="dist_ret1"] {
  width: auto !important;
 }
 .custom-select__trigger:hover,
 .custom-select.open .custom-select__trigger {
   border-color: rgba(67,89,113,0.5);        /* hover/focus 시 약간 진한 회색 */
 }

 /* 펼친 옵션 리스트(그리드) */
 .custom-select__list {
   position: absolute;
   z-index: 1000;
   top: calc(100% + 4px);
   left: 0;
   display: none;
   min-width: 100%;
   max-height: 240px;
   overflow: auto;
   border: 1px solid rgba(67,89,113,0.3);    /* 리스트 테두리: 회색 */
   background: #fff;
   border-radius: 8px;
 }
 .custom-select.open .custom-select__list { display: block; }

 .custom-select__item {
   padding: 8px 10px;
   color: #6c757d;
   cursor: pointer;
   white-space: nowrap;
 }
 .custom-select__item:hover {
   background: rgba(67,89,113,.04);        /* hover: 연한 회색 */
 }
 .custom-select__item.active {
   background: rgba(67,89,113,.1);           /* 선택 항목 표시 */
   color: #495057;
 }

 /* 원본 select는 숨김(접근성 필요시 visually-hidden 대체 가능) */
 .custom-select__native {
   position: absolute !important;
   opacity: 0 !important;
   pointer-events: none !important;
   width: 0; height: 0;
 }