.option-a { padding : 3px 10px !important; height: 24px; } .option-span { text-overflow: ellipsis; overflow: hidden; display: inline-block; width: 90%; vertical-align: middle; } .multi-select-option-ul-max5 { max-height: 130px; 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-max5>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .multi-select-option-ul { max-height: 250px; 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; text-decoration: none; } .select-display-btn { color:#353535; text-align: left; width:100%; background-image:-webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#ffffff)); } .multi-select-selected-text { color: #5fafe4; font-weight: bold; } .uncheck-all-divider { margin-top : 0px !important; margin-bottom : 10px !important; margin-left : 0px !important; margin-right : 0px !important; } .autocomplte-img { height : 17px; width : 17px; max-height: none !important; border-radius: 100%; } .text-default { color : #6B6E70; } span.text-default:hover { text-decoration: none; } .delete-all:hover { text-decoration: none; } .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; } .dropdown-multiselect .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .checkboxInput { position:relative; top:3px; } .multi-select-form-control:focus { color: #495057 !important; background-color: #fff !important; border-color: #047bf8 !important; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }