.bl-select {
    cursor: pointer;
}

.bl-select-body {
    position: relative;
}

    .bl-select-body i {
        position: absolute;
        top: 8px;
        right: 6px;
    }

    .bl-select-body span {
        position: absolute;
        top: 9px;
        left: 8px;
        font-size:14px;
    }


.bl-select-menu {
    position: absolute !important;
    min-width: 100%;
    max-height: 196px;
    overflow: auto;
    transform: translate(0px, 0px); /* 초기 위치 */
}


    .bl-select-menu .bl-select-footer {
        padding: 12px;
        border-top: 1px solid #eeeeee;
        cursor: initial;
        position: -webkit-sticky; /* 웹킷 브라우저에서 고정 위치 */
        position: sticky; /* 다른 브라우저에서 고정 위치 */
        bottom: 0; /* 아래쪽에 고정 */
        background-color: #fff;
        text-align: right;
    }

    .bl-select-menu .bl-select-footer a {
        color: var(--second-color);
        cursor: pointer;
        font-size: 14px;
    }

        .bl-select-menu .bl-select-footer a:hover {
            color: var(--second-color);
            font-weight: bold;
        }


.bl-select-input {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px;
}


    .bl-select-input[data-value=""] {
        color: #afb0b1;
    }


.dropdown-item[data-value=""] {
    color: #afb0b1;
}

/*그리드 컨트롤의 bl-select */
.form-control.select-sm {
    padding: 6px 12px;
}

    .form-control.select-sm + i {
        top: 4px;
    }

.bl-select-body:has(input:disabled) i {
    pointer-events: none;
    opacity: 0.4; /* 시각적으로도 비활성화 표시 */
}

.bl-select-body:has(input:disabled) span {
    pointer-events: none;
}