/*
bootstrap component css 오버라이드
*/
/* input.dash-input:valid{
    outline: 1px solid #fff !important;
} */
.chatbot-iframe{
    max-width: unset !important;
    height: calc(94dvh - 52px) !important;
}

.chatbot-iframe.compact{
    max-width:700px !important;
    height: unset !important;
}

.main-article.none{
    display: none !important;
}

/* .navigation{
    transition: left 0.4s ease-in-out;
} */

.text-left{
    text-align: left !important;
}

.text-right{
    text-align: right !important;
}
 
.text-center{
    text-align: center !important;
}

.Select-control
{
    height:42px !important;
}

.Select--single>.Select-control .Select-value, .Select-placeholder {
    line-height: 42px !important;
    /* font-size:16px !important; */
}

.Select-menu-outer {
    min-width: 300px !important;
    /* font-size: 15px !important;     */
}
.parent {
  position: relative;     /* 자식의 absolute 기준점이 됨 */
  width: 100%;           /* 예시 width */
  height: 100%;          /* 예시 height */
  /* background: #f0f0f0;    /* 영역 확인용 */
  /* border: 1px solid #ccc; */
}

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 자신의 크기만큼 반 이동 → 중앙정렬 */
  /* font-size: 1.5rem; */
  color: #333;
}

/* .dropdown-toggle::after{
    display: none !important;
} */

#field_settings_container .dropdown-toggle {
  position: relative;
  padding-right: 28px; /* 아이콘 공간 확보 */
}

#field_settings_container .dropdown-toggle::after {
  content: "";           /* 기본 caret 제거 */
  display: inline-block;
  border: none;
  background: url(../images/icon-arrow-down-white.svg) center no-repeat;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform .25s;
  opacity: .8;
}

#field_settings_container .show > .dropdown-toggle::after {
  transform: translateY(-50%) rotate(180deg); /* 열렸을 때 반전 */
  opacity: 1;
}

.dropdown-item{
    color: var(--text-primary-color) !important;
    display: flex;
    height: 42px;
    cursor: pointer;
    padding: 0 16px;
    align-items: center;
    gap: 10px;
}

.dropdown-menu{
    --bs-dropdown-link-hover-bg: var(--bg-secondary);
    padding :unset !important
}
.dropdown-menu.show{
    background: var(--bg-secondary);
    /* position: absolute; */
    width: 200px;
    overflow-y: auto;
    max-height: 295px;
    margin-top: 5px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid var(--border-color-primary);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {

    .Select--single>.Select-control .Select-value, .Select-placeholder {
        background-color: #313131;
    }

    .Select-control,
    .Select-menu-outer {
        border: 1px solid #313131;
    }

    #field_settings_container .dropdown-toggle::after {
        background: url(../images/icon-arrow-down-white.svg) center no-repeat;
    }
        
    .dropdown-menu.show{
        background: var(--bg-secondary);
    }    

    .dropdown-menu{
        --bs-dropdown-link-hover-bg: var(--background-fill-secondary);
    }
    .dropdown-item{
        color: var(--text-primary-color) !important;
    }

    #cytoscape{
        background: var(--bg-secondary);
    }

    
}


/* .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-size : unset !important;
} */