.invert { height: 100%; .form-control { border-right: 0; line-height: 28px; padding-top: 0; padding-bottom: 0; &:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); // don't use blue glow + .input-group-addon { border-color: $primary; border-left-color: #ccc; } } } .input-group-addon { padding: 0; line-height: inherit; cursor: pointer; height: 100%; .input { display: none; + span { padding: 7px 9px; font-weight: normal; line-height: 1; color: $white; text-align: center; background-color: $input-group-addon-bg; position: relative; right: -$input-border-width; height: calc(100% + (#{$input-border-width})); display: inline-flex; align-items: center; border-radius: 0 4px 4px 0; } &:checked + span { background: $danger; } } } .chosen-container-multi { width: 100% !important; input { max-width: 100%; } + .input-group-addon { background-color: $input-border-color; } } /*.chosen-container-active.chosen-with-drop .chosen-drop { border: 0; &.active { border: 1px solid #aab2bd; } }*/ .search-field input { width: 100% !important; } .chosen-choices { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } }