/* Foglio di stile per la personalizzazione select2 */

/* stili generici casella principale select2 */
.select2-selection,
.select2-selection--single,
.select2-selection--multiple {
    min-height: 38px !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    /*padding-top: 2px;
    padding-left: 2px;*/
    width: 100% !important;
    transition: all 300ms linear !important;
}

/* come si sistema il testo renderizzato all'interno del rettangolo __rendered */
.select2-selection--single .select2-selection__rendered {
    padding-top: 3px !important;
}

/* transizione colore su select2 con focus */
.select2-container--focus .select2-selection {
    transition: border-color 300ms linear !important;
}

/* niente box-shadow nelle tendine che si aprono sopra o sotto */
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    box-shadow: none;
}

/* font di tutti gli elementi dei select2 */
.select2 *, .select2-hidden-accessible *, .select2, .select2-hidden-accessible,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.select2-container--bootstrap .select2-selection {
    font-family: 'Roboto', sans-serif !important;
}

/* cursore delle select2 non disabilitate */
.select2-container:not(.select2-container--disabled) .select2-selection,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
.select2-container--bootstrap .select2-search--dropdown,
.select2-container--open .select2-dropdown,
.select2-results * {
    cursor: default !important;
}

/* cursore delle select2 disabilitate */
.select2-container--disabled .select2-selection {
    cursor: not-allowed;
}

/* larghezza tendina select2 */
.select2-dropdown {
    width: 100%;
}

/* multiselect a tag, visualizzazione */
ul.select2-selection__rendered {
    padding-bottom: 3px !important;
}

li.select2-selection__choice {
    margin: 5px 0 0 7px !important;
}

/* rendiamo spigolosi gli angoli in alto o in basso delle select2 quando si apre la tendina sopra o sotto */
.select2-container--open.select2-container--below .select2-selection {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.select2-container--open.select2-container--above .select2-selection {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

/* rendiamo spigolosi gli angoli a destra per i select2 degli input group */
.input-group .select2-selection {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* dropdown dei select2 sulle modal: aumentiamo z-index */
body.modal-open .select2-dropdown {
    z-index: 1061 !important;
}

/* don't display placeholder text if select is disabled */
.select2-container--disabled .select2-selection__placeholder {
    display: none;
}

/* toglie un antiestetico scorrimento di pochi pixel nella dropdown risultati */
.row.select2-result-repository {
    width: 100%;
}

.select2 .fa {
    font-family: FontAwesome, Arial, sans-serif !important;
}

/* Aggiusta la posizione del testo all'interno delle select2 a valori multipli */
.select2-selection.select2-selection--multiple ul.select2-selection__rendered {
    padding-top: 2px !important;
    padding-bottom: 1px !important;
}