.ECO_searcher {
    position: relative;
}

#scrollview-demo {
    min-height: 550px;
}


#scrollview {
    height: auto;
    position: absolute;
    top: 0;
    bottom: 300px;
    padding: 20px;
}

#scrollview-content {
    white-space: pre-wrap;
}

div.eco-search-item-popover.dx-checkbox-checked .dx-checkbox-icon {
    font-size: 12px;
    text-align: center;
    line-height: 12px;
}

div.eco-search-item-popover .dx-checkbox-icon {
    width: 15px;
    height: 15px;
}

div.eco-search-item-popover.dx-checkbox-indeterminate .dx-checkbox-icon:before {
    width: 9px;
    height: 9px;
    left: 2px;
    top: 2px;
}

div.eco-search-item-popover.dx-treeview .dx-treeview-item {
    padding: 1px;
    min-height: 15px;
}

.eco-search-popup-title {
    font-size: 16px;
    width: 98%;
    margin-left: 10px;
    padding: 5px;
    margin-right: 20px !important;
    margin-bottom: 10px;
    border-bottom: 1px solid #23537c;
    color: #23537c;
    padding-bottom: 10px;
}

div[name="searcherInput"] {
    border-bottom: 1px solid #23537c;
    border-top: 1px solid #23537c;
    border-left: 1px solid #23537c;
}

    div[name="searcherInput"] input {
        border: none;
    }


.eco-search-column {
    float: left;
    padding-right: 10px;
}

.eco-search-popup .control-label {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


#btn_saveFiltersPopup i {
    color: white !important;
}

#btn_saveFiltersPopup span {
    color: white !important;
}

.eco-button-layoutSearcher {
    color: #333;
    box-shadow: 0 1px 3px transparent;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-color: #ddd;
    height: 30px !important;
    width: 30px !important;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 18px !important;
    padding-top: 3px;
}

.eco-button-layoutSearcher-icon {
    padding: 1px !important;
    color: black;
    font-size: 18px;
    text-align: center;
}

.eco-button-layoutSearcher:hover {
    background: #E6E6E6;
}



.contentButtonNewSearcherLayout {
    float: right;
    margin-top: -2px;
}

#btn_addNewSearcherLayout {
    height: 25px !important;
    width: 25px !important;
}

.contentGridSearcherLayoutTemplate {
    width: 95%;
    margin-left: 10px;
    border: 1px solid #e8e8e8;
    height: 95%;
}

#gridSearcherLayoutTemplate {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}


.gridSearcherLayoutRowFavourite {
    color: #23537c;
}

.gridSearcherLayoutRowNoFavourite {
    color: #cac8c8;
}

.gridLayoutStar {
    height: 25px !important;
    width: 25px !important;
    font-size: 18px;
    padding-left: 3px;
    margin-left: 3px;
}


    .gridLayoutStar:hover {
        border-radius: 2px;
        border: 1px solid #bec9d1;
        background-color: #eae9e9;
    }

.popup-searchLayout {
    z-index: 5000 !important;
}

/* 1) Asegurarte de que el contenedor del plugin no sea 100% ancho */
#ecoSearcherContainer {
    padding: 0 15px;
    box-sizing: border-box;
    margin-left: 27px !important; /* <-- aquí lo nuevo */
}

    /* 2) Un poco de espacio extra entre columnas de filtros */
    #ecoSearcherContainer .eco-search-column {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }

    /* 3) Si quieres que el propio plugin se ‘encaje’ un poquito,
     le puedes dar también un margin interno */
    #ecoSearcherContainer .ECO_searcher {
        margin: 0 auto;
        max-width: 100%; /* o ponle un max-width concreto: 1200px, 800px… */
    }