/**
 * stili per la tendina intelligente
 * =================================
 *
 */

/* stili per la tendina intelligente */

.dropdown-toggle {
    /* NOTA - provvisorio, cercare una soluzione più stabile */
    width:  32px;
    color: #ffffff;
    cursor: pointer;
    background-color: #6c757d;
    font-size: 1.4em;
    padding: 0px 6px;
    padding-top: 4px;
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem;
}

.combobox-base-background {
    background-color: #ffffff !important;
}

.combobox-active-background {
    background-color: #eeeeee !important;
}

div.combobox-container {
    position: relative;
}

ul.combobox-dropdown {
    background-color: #cccccc;
    border: 1px solid #dddddd;
    border-bottom-right-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
    list-style-type: none;
    position: absolute;
    width: 100%;
    padding: 0px;
    z-index: 9990;
    overflow-y: auto;
    max-height: 24em;
}

ul.combobox-dropdown li {
    padding: 10px 20px;
    cursor: pointer;
}

ul.combobox-dropdown li.selected {
    background-color: #dddddd;
}

ul.combobox-dropdown li:hover {
    background-color: #dddddd;
}

div.combobox-container > .spinner-border {
    position: absolute;
    right: 0.5em;
    height: 1.1em;
    width: 1.1em;
    top: 0.5em;
    display: none;
}

div.combobox-container > input.selectbox-input {
    margin: 0px;
}