/*Style changes for Select2 dropdown to match bootstrap style better*/

/*Add shadow after dropdown*/
.select2-container--bootstrap4 .select2-dropdown {
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

/*Change text padding and color*/
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 16px;
    color: #495057;
}

/*Change arrow color*/
.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
    border-color: dimgray transparent transparent transparent;
}

/*Change maximum height of results*/
.select2-container--bootstrap4 .select2-results > .select2-results__options {
    max-height: 25em; /*Default height is 15em*/
    overflow-y: auto;
}

.select2 {
    width: 100% !important;
}