/* "!important" lines are needed to override some select2 classes */

.select2-selection__arrow {
    height: 20px !important;
}

.select2-selection--single {
    height: 20px !important;
}

.select2-selection__rendered {
    /* bring font size in line with other fields */
    font-size: 1em;
    /* if not overridden the inner <span> will go beyond the select2's boundaries */
    height: 100%;
    /* select2 defaults to gray */
    color: black !important;
    /* line-height re-centers the text */
    line-height: 18px !important;
    /* align the text similarly to default <input> fields */
    padding-left: 6px !important;
}