span.select2-container--foundation { vertical-align: top; } span.select2-container--foundation .selection { margin: 0 0 1rem; } .select2-container--foundation { /** * Search field in the Select2 dropdown. */ /** * No outline for all search fields - in the dropdown * and inline in multi Select2s. */ /* Clear the selection. */ /** * Address disabled Select2 styles. * * @see https://select2.github.io/examples.html#disabled * @see http://getbootstrap.com/css/#forms-control-disabled */ /*------------------------------------*\ #DROPDOWN \*------------------------------------*/ } .select2-container--foundation .select2-selection { background-color: #fefefe; border: 1px solid #cacaca; border-radius: 0; color: #0a0a0a; font-family: inherit; font-size: 1rem; background: #fefefe; outline: 0; } .select2-container--foundation .select2-search--dropdown .select2-search__field { background-color: #fefefe; border: 1px solid #cacaca; border-radius: 0; color: #0a0a0a; font-family: inherit; font-size: 1rem; border-radius: 0; } .select2-container--foundation .select2-search__field { outline: 0; /* Firefox 18- */ /** * Firefox 19+ * * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox */ } .select2-container--foundation .select2-search__field::-webkit-input-placeholder { color: #8a8a8a; } .select2-container--foundation .select2-search__field:-moz-placeholder { color: #8a8a8a; } .select2-container--foundation .select2-search__field::-moz-placeholder { color: #8a8a8a; opacity: 1; } .select2-container--foundation .select2-search__field:-ms-input-placeholder { color: #8a8a8a; } .select2-container--foundation .select2-results__option { /** * Disabled results. * * @see https://select2.github.io/examples.html#disabled-results */ /** * Hover state. */ /** * Selected state. */ } .select2-container--foundation .select2-results__option[role=group] { padding: 0; } .select2-container--foundation .select2-results__option[role=group] strong { padding-left: 0.125rem; } .select2-container--foundation .select2-results__option[aria-disabled=true] { color: #8a8a8a; cursor: default; } .select2-container--foundation .select2-results__option--highlighted[aria-selected] { background-color: #2199e8; color: foreground(#2199e8); } .select2-container--foundation.select2-container--focus .select2-selection { border: 1px solid #8a8a8a; } .select2-container--foundation.select2-container--open .select2-selection { border: 1px solid #8a8a8a; border-radius: 0; } .select2-container--foundation.select2-container--open { /** * Make the dropdown arrow point up while the dropdown is visible. */ } .select2-container--foundation.select2-container--open .select2-selection__arrow b { transform: rotate(180deg); } .select2-container--foundation .select2-choice { box-shadow: none; background-image: none; } .select2-container--foundation .select2-choice div { background-clip: padding-box; } .select2-container--foundation .select2-choice .select2-arrow { border: 0px; border-radius: 0px; background: transparent; background-image: none; } .select2-container--foundation *:focus { outline: 0px; } .select2-container--foundation .select2-selection__clear { color: #8a8a8a; cursor: pointer; float: left; font-weight: bold; margin-right: 0px; } .select2-container--foundation .select2-selection__clear:hover { color: #333; } .select2-container--foundation.select2-container--disabled .select2-selection { border: 1px solid #cacaca; } .select2-container--foundation.select2-container--disabled .select2-selection, .select2-container--foundation.select2-container--disabled .select2-search__field { cursor: default; } .select2-container--foundation.select2-container--disabled .select2-selection, .select2-container--foundation.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #e6e6e6; color: foreground(#e6e6e6); } .select2-container--foundation.select2-container--disabled .select2-selection__clear, .select2-container--foundation.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none; } .select2-container--foundation .select2-dropdown { border: 1px solid #8a8a8a; border-top: 1px solid #cacaca; background: #fefefe; border-radius: 0; overflow-x: hidden; margin-top: -0.0625rem; } .select2-container--foundation .select2-dropdown--above { margin-top: 0.0625rem; border-radius: 0; border-top: 1px solid #8a8a8a; border-bottom: 1px solid #cacaca; } .select2-container--foundation .select2-results > .select2-results__options { /* Limit the dropdown height. */ max-height: 200px; overflow-y: auto; } /** * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9 * * Provides `!important` for certain properties of the class applied to the * original `