.input-wrapper .bootstrap-select.signup-search-picker:not(.bs-container) {
    width: 100% !important;
    max-width: 100%;
}

.bootstrap-select.signup-search-picker > .dropdown-toggle {
    min-height: 44px;
    padding: 10px 32px 10px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #173754;
}

.bootstrap-select.signup-search-picker > .dropdown-menu {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    color: #173754;
}

.bs-container.signup-search-picker > .dropdown-menu,
.input-wrapper .bootstrap-select.signup-search-picker > .dropdown-menu,
.bs-container.signup-search-picker .dropdown-menu.inner {
    width: 100%;
    min-width: 0 !important;
    max-width: 100%;
}

.bootstrap-select.signup-search-picker .bs-searchbox .form-control {
    width: 100%;
    min-height: 44px;
    font-size: 16px;
    color: #173754;
    background: #fff;
}

.bootstrap-select.signup-search-picker .dropdown-menu.inner {
    border: 0;
    box-shadow: none;
    max-height: 240px !important;
    max-height: min(240px, 40dvh) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.bootstrap-select.signup-search-picker .dropdown-menu li {
    position: static;
    display: block;
    height: auto;
}

.bootstrap-select.signup-search-picker .dropdown-menu li a {
    min-height: 44px;
    padding: 10px 12px;
    white-space: normal;
    overflow-wrap: break-word;
    color: #173754;
    font-size: 15px;
    line-height: 1.5;
}

.bootstrap-select.signup-search-picker .dropdown-menu li a.active,
.bootstrap-select.signup-search-picker .dropdown-menu li a:hover {
    background: #eaf2fc;
    color: #123764;
}

.bs-container.signup-search-picker {
    /* Keep the pixel width and position calculated from the actual field by bootstrap-select. */
    max-width: calc(100vw - 24px);
    z-index: 1060;
}