/* ======================================================
   ERP DELL ANNO
   COMPONENTE GLOBAL SEARCH
====================================================== */

.erp-search-wrapper{

    position:relative;

    display:flex;

    justify-content:flex-end;

}

/* ======================================================
   CONTAINER
====================================================== */

.erp-search{

    position:relative;

    width:100%;

    max-width:320px;

    min-width:280px;

}

/* ======================================================
   INPUT
====================================================== */

.erp-search-input{

    width:100%;

    height:50px;

    padding:0 18px 0 46px;

    border-radius:16px;

    background:#232b36;

    border:1px solid #374151;

    color:#d7dee8;

    font-size:14px;

    transition:
        border .2s,
        background .2s,
        box-shadow .2s;

}

.erp-search-input::placeholder{

    color:#8b95a7;

}

.erp-search-input:focus{

    outline:none;

    border-color:#c5a059;

    background:#2b3542;

    box-shadow:
        0 0 0 4px rgba(197,160,89,.10);

}

/* ======================================================
   ÍCONE
====================================================== */

.erp-search-icon{

    position:absolute;

    left:16px;

    top:50%;

    transform:translateY(-50%);

    color:#8b95a7;

    font-size:14px;

    pointer-events:none;

}

/* ======================================================
   TAMANHOS
====================================================== */

.erp-search.sm{

    max-width:220px;

}

.erp-search.md{

    max-width:320px;

}

.erp-search.lg{

    max-width:420px;

}

/* ======================================================
   RESPONSIVO
====================================================== */

@media(max-width:768px){

    .erp-search,
    .erp-search.sm,
    .erp-search.md,
    .erp-search.lg{

        width:100%;

        max-width:100%;

        min-width:100%;

    }

}

/* ======================================================
   AUTOCOMPLETE
====================================================== */

.lista-auto{

    position:absolute;

    width:100%;

    background:#1f2937 !important;

    border:none !important;

    border-radius:14px;

    margin-top:6px;

    z-index:999;

    max-height:240px;

    overflow:auto;

    box-shadow:
        0 10px 25px rgba(0,0,0,.35);
}

.item-auto{

    padding:12px 14px;

    cursor:pointer;

    transition:.2s;
}

.item-auto:hover{

    background:#2b3542 !important;
}