/* Old QUI Popup fix */
.quiqqer-masterlogin-userselect .qui-window-popup-buttons {
    height: initial !important;
}

/* User select inner */
.quiqqer-masterlogin-userselect__wrapper {
    display: grid;
    height: 100%;
    grid-template-rows: auto 1fr;
}

.quiqqer-masterlogin-userselect-search {
    margin-bottom: 2rem;
}

.quiqqer-masterlogin-userselect-search__label {
    display: block;
    margin-bottom: 0.5em;
}

.quiqqer-masterlogin-userselect-search__inputWrapper {
    --border-color: #ddd;
    --border-color--hover: #666;

    position: relative;
}

.quiqqer-masterlogin-userselect-search input {
    margin: 0 !important;
    border-width: 1px;
    border-color: var(--border-color);
    width: 100%;
    padding-right: 3rem;
}

.quiqqer-masterlogin-userselect-search__inputWrapper .qui-button {
    all: unset;
    position: absolute;
    top: 50%;
    right: 0;
    width: 3rem;
    text-align: center;
    transform: translateY(-50%);
    border-left: 1px solid var(--border-color);
    cursor: pointer;
}

.quiqqer-masterlogin-userselect-search input:is(:focus, :hover, :active),
.quiqqer-masterlogin-userselect-search input:is(:focus, :hover, :active) + .qui-button {
    border-color: var(--border-color--hover);
}

.quiqqer-masterlogin-userselect-search__inputWrapper .qui-button .fa {
    padding: 0.5rem;
    border-radius: 0.25rem;
}

.quiqqer-masterlogin-userselect-search__inputWrapper .qui-button:is(:hover, :focus, :active) .fa {
    background-color: #f0f0f0;
    color: inherit;
}

/* fix old omni grid */
.quiqqer-masterlogin-userselect-table {
    width: 100%;
}

.quiqqer-masterlogin-userselect-table input {
    margin-block: 0;
    background-color: #fff;
}

/* fix incorrect template presentation styling for select */
.quiqqer-masterlogin-userselect-table select {
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-size: 10px auto;
    min-width: 60px;
}