﻿
.selectpicker ~ .dropdown-toggle,
.bootstrap-select .dropdown-toggle {
    background-color: #ECF0F1 !important;
    border: 1px solid #ced4da;
    border-radius: 0.25rem; /* bordes redondeados */
    color: #311B92 !important;
    font-size: 1rem; /* tamaño de la fuente */
}

.bootstrap-select .bs-searchbox input {
    font-size: 1rem; /* tamaño de fuente */
    padding: 0.5rem 1rem; /* padding */
    border: 1px solid #ced4da;
    border-radius: 0.25rem; /* bordes redondeados */
    background-color: #ECF0F1 !important;
    color: #311B92 !important;
}

/* Items de la lista */
.bootstrap-select .dropdown-menu li a {
    font-size: 1rem; /* tamaño de texto */
    color: #311B92;
    padding: 0.5rem 1rem; /* padding */
}

    /* Hover de los items */
    .bootstrap-select .dropdown-menu li a:hover {
        background-color: #495057 !important;
        color: white !important;

    }

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .dropdown-toggle:active,
.bootstrap-select .dropdown-toggle.show {
    outline: none !important;
    box-shadow: none !important;
    border-color: white !important; /* tu color principal */
}

/* Opción seleccionada */
.dropdown-item.active {
    background-color: #495057 !important;
    color: white !important;
}

.form-control-selector:focus {
    box-shadow: none !important;
    outline: none !important;
    border-color: white !important;
    background-color: #495057;
}


.form-control-selector {
    color: #311B92 !important;
    background-color: #ECF0F1 !important;
}

    .form-control-selector:focus,
    .bootstrap-select .dropdown-toggle:focus {
        outline: none !important;
        box-shadow: none !important;
        border-color: white !important;
        background-color: #495057;
       /* color: white !important;*/
    }

/* Contenedor del texto dentro del botón */
.bootstrap-select .filter-option-inner-inner {
    display: flex;
    flex-wrap: wrap; /* permite que los items salten de línea */
    gap: 4px; /* espacio entre items */
    max-height: 120px; /* altura máxima del botón */
    overflow-y: auto; /* scroll interno si hay muchos */
}
