.option-a { padding : 3px 10px !important; height: 24px; } .option-divide { width: 100%; top: 5px; position: relative; } .option-span { text-overflow: ellipsis; overflow: hidden; display: inline-block; width: 90%; vertical-align: middle; } .multi-select-option-ul { max-height: 245px; overflow: auto; width: 100%; display: block; height: auto; font-size: 12px; color: #6B6E70; top: 100%; left: 0; z-index: 1000; min-width: 160px; padding: 5px 0; margin: 2px 0 0; text-align: left; list-style: none; } .multi-select-option-ul>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .autocomplete-main-div { background: #fff; width : 100%; position : relative; vertical-align: middle; } .autocomplte-select-display { text-overflow: ellipsis; overflow: hidden; width: auto; display: inline-block; white-space: nowrap; vertical-align: middle; max-width : 95%; } .multi-select-form-control { display: block !important; width: 100% !important; padding: 0.375rem 0.75rem !important; font-size: 0.84rem !important; line-height: 1.45 !important; color: #495057 !important; background-color: #fff !important; background-clip: padding-box !important; border: 2px solid #dde2ec !important; border-radius: 2px !important; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .select-btn { background-color: #fff !important; border: 2px solid #dde2ec !important; color: #333 !important; } .select-btn:hover { color: #333 !important; background-color: #e6e6e6 !important; border-color: #adadad !important; } /* 타겟에 포커스가 가 있을 때 */ .option-selected { outline: -webkit-focus-ring-color auto 5px !important; } .title-span { font-weight: bold; font-size: 14px; }