/*
    INGQ jqGrid runtime CSS for Guriddo jqGrid 5.9.0 Bootstrap 5 mode.
    Keep this file small. The main jqGrid styling must come from:
      /lib/jqgrid/css/ui.jqgrid-bootstrap5.css
*/

.jqgrid-only-page,
.jqgrid-host,
.ingq-jqgrid-host,
.runtime-grid-host {
    width: 100%;
    max-width: 100%;
}

.jqgrid-host,
.ingq-jqgrid-host,
.runtime-grid-host {
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-bottom: 18px;
}

.ui-jqgrid {
    max-width: 100% !important;
    background: #ffffff !important;
    border-radius: .45rem;
    overflow: visible !important;
}

.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-hdiv,
.ui-jqgrid .ui-jqgrid-bdiv,
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-jqgrid-sdiv {
    max-width: 100% !important;
}

.ui-jqgrid .ui-jqgrid-bdiv {
    overflow-x: auto !important;
}

.ui-jqgrid .ui-jqgrid-htable,
.ui-jqgrid .ui-jqgrid-btable {
    margin-bottom: 0 !important;
}

.ui-jqgrid .ui-jqgrid-titlebar {
    min-height: 38px;
}

.ui-jqgrid .ui-jqgrid-title {
    font-weight: 700;
}

.ui-jqgrid .ui-jqgrid-htable th,
.ui-jqgrid .ui-search-toolbar th {
    vertical-align: middle !important;
}

.ui-jqgrid tr.jqgrow td {
    vertical-align: middle !important;
}

.ui-jqgrid .ui-search-toolbar input,
.ui-jqgrid .ui-search-toolbar select {
    min-height: 30px;
    font-size: .8125rem;
}

.ui-jqgrid .ui-search-toolbar select {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

/* Pager: Bootstrap 5 jqGrid CSS leaves some controls too narrow/hidden in this layout. */
.ui-jqgrid .ui-jqgrid-pager {
    min-height: 58px !important;
    height: 58px !important;
    overflow: visible !important;
    padding: 6px 8px !important;
    box-sizing: border-box !important;
}

.ui-jqgrid .ui-pager-control {
    min-height: 44px !important;
    height: auto !important;
    overflow: visible !important;
}

.ui-jqgrid .ui-pager-control .ui-pager-table {
    table-layout: fixed !important;
    width: 100% !important;
}

.ui-jqgrid .ui-pg-table,
.ui-jqgrid .ui-paging-pager {
    width: auto !important;
    margin-bottom: 0 !important;
}

.ui-jqgrid .ui-pg-table td,
.ui-jqgrid .ui-paging-pager td {
    height: 38px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    overflow: visible !important;
}

.ui-jqgrid .ui-pg-input {
    display: inline-block !important;
    width: 44px !important;
    max-width: 44px !important;
    min-width: 44px !important;
    height: 30px !important;
    padding: 2px 6px !important;
    text-align: center !important;
    font-size: .8125rem !important;
}

.ui-jqgrid .ui-pg-selbox {
    display: inline-block !important;
    width: 66px !important;
    min-width: 66px !important;
    height: 32px !important;
    padding: 2px 24px 2px 6px !important;
    font-size: .8125rem !important;
}

.ui-jqgrid .ui-pg-button span,
.ui-jqgrid .ui-pg-div span {
    float: none !important;
    display: inline-block !important;
    line-height: 1 !important;
}

.ui-jqgrid .ui-pg-button .bi,
.ui-jqgrid .ui-pg-div .bi,
.ui-jqdialog .bi {
    line-height: 1;
    vertical-align: -.125em;
}


.ui-jqgrid .ui-pg-button,
.ui-jqgrid .ui-pg-div {
    height: 34px !important;
    min-height: 34px !important;
    line-height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
}

.ui-jqgrid .ui-paging-info {
    line-height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ui-jqgrid .ui-jqgrid-pager .ui-separator {
    height: 28px !important;
    margin-top: 3px !important;
}

.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar,
.ui-jqgrid .ui-jqgrid-pager::-webkit-scrollbar {
    height: 12px;
}

/* jqGrid internal sizing row must never appear as a blank first data row. */
.ui-jqgrid tr.jqgfirstrow,
.ui-jqgrid tr.jqg-first-row,
.ui-jqgrid tr.jqg-first-row-header {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.ui-jqgrid tr.jqgfirstrow td,
.ui-jqgrid tr.jqg-first-row td,
.ui-jqgrid tr.jqg-first-row-header th {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    line-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    overflow: hidden !important;
}

.ui-jqgrid input[type="checkbox"],
.ui-jqdialog input[type="checkbox"],
.ui-jqdialog input[type="checkbox"].FormElement {
    width: 1rem !important;
    min-width: 1rem !important;
    height: 1rem !important;
    min-height: 1rem !important;
    padding: 0 !important;
}

/* Guriddo form Add/Edit/Delete popup. */
body .jqgrid-overlay-modal,
body .ui-widget-overlay,
body .ui-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1050 !important;
    background: rgba(15, 23, 42, .20) !important;
    opacity: 1 !important;
}

body .ui-jqdialog.ingq-jqgrid-edit-dialog,
body .ui-dialog.ingq-jqgrid-edit-dialog {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .15) !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .28) !important;
    color: #0f172a !important;
    overflow: hidden !important;
}

body .ui-jqdialog.ingq-jqgrid-edit-dialog .ui-jqdialog-titlebar,
body .ui-dialog.ingq-jqgrid-edit-dialog .ui-dialog-titlebar {
    min-height: 46px !important;
    padding: 10px 14px !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}

body .ui-jqdialog.ingq-jqgrid-edit-dialog .ui-jqdialog-content,
body .ui-dialog.ingq-jqgrid-edit-dialog .ui-dialog-content {
    background: #ffffff !important;
    padding: 14px !important;
    border: 0 !important;
    max-height: calc(100vh - 150px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body .ui-jqdialog.ingq-jqgrid-edit-dialog .FormGrid,
body .ui-jqdialog.ingq-jqgrid-edit-dialog .EditTable,
body .ui-jqdialog.ingq-jqgrid-edit-dialog .DelTable,
body .ui-jqdialog.ingq-jqgrid-edit-dialog .searchTable {
    width: 100% !important;
    margin: 0 !important;
    background: #ffffff !important;
}

body .ui-jqdialog.ingq-jqgrid-edit-dialog .CaptionTD {
    width: 155px !important;
    min-width: 130px !important;
    padding: 5px 12px 5px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #334155 !important;
    font-size: .86rem !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    vertical-align: middle !important;
}

body .ui-jqdialog.ingq-jqgrid-edit-dialog .DataTD {
    padding: 5px 0 !important;
    border: 0 !important;
    background: transparent !important;
    vertical-align: middle !important;
}

body .ui-jqdialog.ingq-jqgrid-edit-dialog input.FormElement,
body .ui-jqdialog.ingq-jqgrid-edit-dialog textarea.FormElement,
body .ui-jqdialog.ingq-jqgrid-edit-dialog select.FormElement,
body .ui-jqdialog.ingq-jqgrid-edit-dialog .DataTD input,
body .ui-jqdialog.ingq-jqgrid-edit-dialog .DataTD textarea,
body .ui-jqdialog.ingq-jqgrid-edit-dialog .DataTD select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
}

body .ui-jqdialog.ingq-jqgrid-edit-dialog textarea.FormElement {
    min-height: 70px !important;
    resize: vertical !important;
    white-space: pre-wrap !important;
    overflow-wrap: anywhere !important;
}

body .ui-jqdialog.ingq-jqgrid-edit-dialog .EditButton,
body .ui-jqdialog.ingq-jqgrid-edit-dialog .DelButton {
    padding: 10px 14px !important;
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    text-align: right !important;
}

body .ui-jqdialog.ingq-jqgrid-edit-dialog .fm-button,
body .ui-jqdialog.ingq-jqgrid-edit-dialog .btn {
    min-height: 34px !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    font-size: .875rem !important;
    font-weight: 600 !important;
}

@media (max-width: 700px) {
    body .ui-jqdialog.ingq-jqgrid-edit-dialog,
    body .ui-dialog.ingq-jqgrid-edit-dialog {
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        left: 50% !important;
        top: 50% !important;
    }

    body .ui-jqdialog.ingq-jqgrid-edit-dialog .FormData,
    body .ui-jqdialog.ingq-jqgrid-edit-dialog .EditTable .FormData {
        display: block !important;
    }

    body .ui-jqdialog.ingq-jqgrid-edit-dialog .CaptionTD,
    body .ui-jqdialog.ingq-jqgrid-edit-dialog .DataTD {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 3px 0 !important;
    }
}

/* Keep horizontal scrolling inside the jqGrid body, not on the whole page. */
.jqgrid-host,
.ingq-jqgrid-host,
.runtime-grid-host {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

.ui-jqgrid .ui-jqgrid-bdiv {
    overflow-x: scroll !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable both-edges;
}

.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar {
    height: 14px;
}

.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
    border-radius: 999px;
}

/* Search popup must sit above the jqGrid modal overlay; otherwise clicks hit the overlay and the dialog closes. */
body .ui-jqdialog.ingq-jqgrid-search-dialog,
body .ui-dialog.ingq-jqgrid-search-dialog {
    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .18) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 55px rgba(15, 23, 42, .24) !important;
    color: #0f172a !important;
    overflow: hidden !important;
    z-index: 1075 !important;
}

body .ui-jqdialog.ingq-jqgrid-search-dialog .ui-jqdialog-titlebar,
body .ui-dialog.ingq-jqgrid-search-dialog .ui-dialog-titlebar {
    min-height: 42px !important;
    padding: 9px 12px !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}

body .ui-jqdialog.ingq-jqgrid-search-dialog .ui-jqdialog-content,
body .ui-dialog.ingq-jqgrid-search-dialog .ui-dialog-content {
    background: #ffffff !important;
    padding: 12px !important;
    border: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body .ui-jqdialog.ingq-jqgrid-search-dialog .searchTable,
body .ui-jqdialog.ingq-jqgrid-search-dialog .EditTable {
    width: 100% !important;
    background: #ffffff !important;
    margin: 0 !important;
}

body .ui-jqdialog.ingq-jqgrid-search-dialog input,
body .ui-jqdialog.ingq-jqgrid-search-dialog select {
    min-height: 32px !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

body .ui-jqdialog.ingq-jqgrid-search-dialog .EditButton,
body .ui-jqdialog.ingq-jqgrid-search-dialog .SearchButton {
    padding-top: 10px !important;
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
}

/* Strong visible scrollbar colors for wide jqGrid tables. */
.jqgrid-host,
.ingq-jqgrid-host,
.runtime-grid-host,
.ui-jqgrid .ui-jqgrid-bdiv,
.ui-jqgrid .ui-jqgrid-pager {
    scrollbar-width: thin;
    scrollbar-color: #2563eb #dbeafe;
}

.jqgrid-host::-webkit-scrollbar,
.ingq-jqgrid-host::-webkit-scrollbar,
.runtime-grid-host::-webkit-scrollbar,
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar,
.ui-jqgrid .ui-jqgrid-pager::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.jqgrid-host::-webkit-scrollbar-track,
.ingq-jqgrid-host::-webkit-scrollbar-track,
.runtime-grid-host::-webkit-scrollbar-track,
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-track,
.ui-jqgrid .ui-jqgrid-pager::-webkit-scrollbar-track {
    background: #dbeafe !important;
    border-radius: 999px;
    border: 1px solid #bfdbfe;
}

.jqgrid-host::-webkit-scrollbar-thumb,
.ingq-jqgrid-host::-webkit-scrollbar-thumb,
.runtime-grid-host::-webkit-scrollbar-thumb,
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb,
.ui-jqgrid .ui-jqgrid-pager::-webkit-scrollbar-thumb {
    background: #2563eb !important;
    border-radius: 999px;
    border: 3px solid #dbeafe;
    min-width: 44px;
    min-height: 44px;
}

.jqgrid-host::-webkit-scrollbar-thumb:hover,
.ingq-jqgrid-host::-webkit-scrollbar-thumb:hover,
.runtime-grid-host::-webkit-scrollbar-thumb:hover,
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-thumb:hover,
.ui-jqgrid .ui-jqgrid-pager::-webkit-scrollbar-thumb:hover {
    background: #1d4ed8 !important;
}

.jqgrid-host::-webkit-scrollbar-corner,
.ingq-jqgrid-host::-webkit-scrollbar-corner,
.runtime-grid-host::-webkit-scrollbar-corner,
.ui-jqgrid .ui-jqgrid-bdiv::-webkit-scrollbar-corner,
.ui-jqgrid .ui-jqgrid-pager::-webkit-scrollbar-corner {
    background: #dbeafe !important;
}

/* Header filter controls: keep dropdowns readable and make them use the full header cell. */
.ui-jqgrid .ui-search-toolbar input,
.ui-jqgrid .ui-search-toolbar select,
.ui-jqgrid .ui-search-toolbar .ingq-jqgrid-filter-control {
    width: calc(100% - 18px) !important;
    max-width: calc(100% - 18px) !important;
    min-height: 32px !important;
    box-sizing: border-box !important;
    display: inline-block !important;
}

.ui-jqgrid .ui-search-toolbar select,
.ui-jqgrid .ui-search-toolbar .ingq-jqgrid-filter-select {
    min-width: 118px !important;
    padding: 3px 30px 3px 8px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.ui-jqgrid .ui-search-toolbar th,
.ui-jqgrid .ui-search-toolbar td {
    overflow: visible !important;
}

/* INGQ FINAL jqGrid mobile pager fix - this file is loaded by _Layout.cshtml.
   The earlier pager CSS in jqgrid-bootstrap.css was not loaded on the page.
   Keep this fix here so every dynamic jqGrid uses it. */
.ui-jqgrid .ui-jqgrid-pager .ingq-jqgrid-pager-summary {
    display: none;
    width: 100%;
    box-sizing: border-box;
    padding: .28rem .45rem .2rem .45rem;
    margin: .2rem 0 0 0;
    text-align: center;
    font-size: .82rem;
    line-height: 1.3;
    white-space: normal;
    overflow-wrap: anywhere;
    color: #111827;
}

@media (max-width: 900px) {
    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary,
    .ui-jqgrid .ui-jqgrid-pager {
        height: auto !important;
        min-height: 94px !important;
        max-height: none !important;
        overflow: visible !important;
        padding: .35rem .25rem .25rem .25rem !important;
        box-sizing: border-box !important;
    }

    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-pager-control,
    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-pager-control > tbody,
    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-pager-control > tbody > tr {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-pager-control > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-pg-table,
    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-pg-table > tbody,
    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-pg-table > tbody > tr {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: center !important;
        gap: .12rem .22rem !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-pg-table td {
        display: flex !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        padding: .05rem .08rem !important;
    }

    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-pg-input {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 32px !important;
        text-align: center !important;
    }

    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-pg-selbox {
        width: 62px !important;
        min-width: 62px !important;
        max-width: 62px !important;
        height: 32px !important;
    }

    /* Hide the native right-side pager text on small width. It is inside a table
       cell and gets clipped. The JS writes the same text to the full-width
       .ingq-jqgrid-pager-summary div below the buttons. */
    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ingq-native-paging-info-cell,
    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ui-paging-info {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    .ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary .ingq-jqgrid-pager-summary {
        display: block !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}


/* INGQ grid-width based pager fix.
   The PM runtime pages often have two grids side-by-side. The page/window can be wide,
   but each individual pager is narrow, so the normal right-side jqGrid record text gets clipped.
   JS adds .ingq-jqgrid-pager-compact-summary when that specific grid is narrow. */
.ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary.ingq-jqgrid-pager-compact-summary {
    height: auto !important;
    min-height: 70px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: .35rem !important;
    box-sizing: border-box !important;
}

.ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary.ingq-jqgrid-pager-compact-summary .ingq-native-paging-info-cell,
.ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary.ingq-jqgrid-pager-compact-summary .ui-paging-info {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.ui-jqgrid .ui-jqgrid-pager.ingq-jqgrid-pager-with-summary.ingq-jqgrid-pager-compact-summary .ingq-jqgrid-pager-summary {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

/* INGQ jqGrid header autocomplete.
   We intentionally do not load the full jQuery UI theme CSS because the app uses
   Guriddo Bootstrap 5 styling. These rules style only the autocomplete popup that
   is attached to jqGrid header filter textboxes. */
.ui-autocomplete.ingq-jqgrid-autocomplete-menu,
.ingq-jqgrid-autocomplete-menu.ui-autocomplete {
    position: absolute !important;
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: .25rem 0 !important;
    border: 1px solid rgba(15, 23, 42, .16) !important;
    border-radius: .55rem !important;
    background: #fff !important;
    color: #0f172a !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .18) !important;
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 20000 !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    font-size: .86rem !important;
}

.ingq-jqgrid-autocomplete-menu .ui-menu,
.ingq-jqgrid-autocomplete-menu .ui-menu-item {
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ingq-jqgrid-autocomplete-menu .ui-menu-item-wrapper {
    display: block !important;
    width: 100% !important;
    padding: .42rem .7rem !important;
    border: 0 !important;
    margin: 0 !important;
    color: #0f172a !important;
    cursor: pointer !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
    box-sizing: border-box !important;
}

.ingq-jqgrid-autocomplete-menu .ui-menu-item-wrapper.ui-state-active,
.ingq-jqgrid-autocomplete-menu .ui-menu-item-wrapper.ui-state-focus,
.ingq-jqgrid-autocomplete-menu .ui-state-active,
.ingq-jqgrid-autocomplete-menu .ui-state-focus {
    background: #0d6efd !important;
    color: #fff !important;
    border: 0 !important;
    margin: 0 !important;
}

.ingq-jqgrid-autocomplete-menu .ui-menu-item-wrapper:hover {
    background: #eaf2ff !important;
    color: #0f172a !important;
}

/* jQuery UI creates an accessibility live region. Without jquery-ui.css it can
   become visible in some browsers, so keep it screen-reader-only. */
.ui-helper-hidden-accessible {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}