/* Searchable select */
.dj-select-wrap{position:relative;width:100%;}
.dj-select-hidden{position:absolute!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;}
.dj-select-control{
    min-height:50px;
    width:100%;
    border:1px solid #ddd;
    border-radius:12px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 14px;
    cursor:pointer;
    color:#111;
    box-shadow:none;
}
.dj-select-control:focus,
.dj-select-wrap.open .dj-select-control{
    outline:0;
    border-color:#111;
    box-shadow:0 0 0 3px rgba(0,0,0,.06);
}
.dj-select-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: 600;font-size: 14px;}
.dj-select-arrow{width:18px;!height:18px;flex:0 0 18px;opacity:.65;}
.dj-select-panel{
    position:absolute;
    z-index:5000;
    top:calc(100% + 8px);
    right:0;
    left:0;
    background:#fff;
    border:1px solid #eee;
    border-radius:16px;
    box-shadow:0 18px 45px rgba(0,0,0,.12);
    padding:10px;
    display:none;
}
.dj-select-wrap.open .dj-select-panel{display:block;}
.dj-select-search{
    width:100%;
    height:42px;
    border:1px solid #e6e6e6;
    border-radius:12px;
    padding:0 12px;
    outline:0;
    margin-bottom:8px;
}
.dj-select-options{max-height:240px;overflow:auto;display:grid;gap:4px;}
.dj-select-option{
    min-height:38px;
    display:flex;
    align-items:center;
    padding:0 12px;
    border-radius:10px;
    cursor:pointer;
    color:#222;
    font-size:14px;
}
.dj-select-option:hover,
.dj-select-option.active{background:#f5f5f5;}
.dj-select-option.selected{background:#111;color:#fff;}
.dj-select-empty{padding:12px;color:#777;text-align:center;font-size:13px;}