:root{--cpl-common-primary:var(--cpl-primary,#216892);--cpl-common-secondary:var(--cpl-secondary,#4f8fb2);--cpl-common-tertiary:var(--cpl-tertiary,#92c3da);--cpl-common-primary-inverse:var(--cpl-primary-inverse,#fff)}.overlay-outer-container{border:1px solid var(--bs-gray-300);border-radius:.475rem;flex-direction:column;width:100%;max-height:320px;display:flex;overflow:hidden}.auto-complete-header{border-bottom:1px solid var(--bs-gray-200);align-items:center;gap:.5rem;padding:.75rem;display:flex}.auto-complete-header .btn{color:var(--bs-gray-700);border:1px solid var(--bs-gray-300);flex:none}.auto-complete-header .btn:hover{color:var(--cpl-common-primary);background-color:var(--bs-gray-100)}.filter-text-box-container{flex:auto;min-width:0;position:relative}.filter-text-box-container .filter-text-box-icon{pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.filter-text-box-container .filter-text-box.form-control{padding-left:2.75rem}.auto-complete-options{scrollbar-width:3px;flex:auto;overflow-y:auto}.auto-complete-options::-webkit-scrollbar{width:3px}.auto-complete-options::-webkit-scrollbar-track{margin:5px 0}.auto-complete-options::-webkit-scrollbar-thumb{cursor:pointer;background-color:var(--bs-gray-500);border-radius:5px}.auto-complete-options::-webkit-scrollbar-thumb:hover{background-color:var(--bs-gray-600)}.auto-complete-option{cursor:pointer;color:var(--bs-gray-800);border-bottom:1px solid var(--bs-gray-200);align-items:baseline;gap:.75rem;padding:.75rem 1rem;display:flex}.auto-complete-option:last-child{border-bottom:none}.auto-complete-option:hover{background-color:var(--bs-gray-100)}.auto-complete-option-code{min-width:2.5rem;color:var(--cpl-common-primary);flex:none;font-weight:600}.auto-complete-option-display{min-width:0}.auto-complete-message{text-align:center;color:var(--bs-gray-600);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.auto-complete-message-icon{font-size:1.5rem}