.ui-autocomplete {
    background-color: #FFF;
    border-radius: 5px;
    opacity: 0;
    display: none;
    padding: 3px;
    transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
}

    .ui-autocomplete .ui-menu-item a {
        color: #5E6777;
        border: none;
        width: 100%;
        padding: 5px 10px 3px 15px;
        margin: 0;
        display: inline-block;
        font-size: 0.8em;
        max-width: 492px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .ui-autocomplete .ui-menu-item .ui-state-active {
        background-color: #F5F5F5;
        font-weight: normal;
        border: none;
    }

    .ui-autocomplete .ui-menu-item .qs-inactive {
        color: #888;
        background-color: transparent;
        cursor: default;
    }

    .ui-autocomplete .ui-menu-item .qs-header {
        color: #5E6777;
        font-size: 0.9em;
        font-weight: bold;
        padding: 5px;
    }

    .ui-autocomplete .ui-menu-item:not(:first-child) .qs-header {
        border-top: 1px solid #aaa;
    }

    .ui-autocomplete .ui-menu-item .qs-catalogue::before {
        font-family: "Font Awesome 5 Free";
        content: "\f085";
        padding: 0 5px;
    }

    .ui-autocomplete .ui-menu-item .qs-knowledge::before {
        font-family: "Font Awesome 5 Free";
        content: "\f02d";
        padding: 0 5px;
    }

    .ui-autocomplete .ui-menu-item .qs-requests::before {
        font-family: "Font Awesome 5 Free";
        content: "\f3ff";
        padding: 0 5px;
    }

    .ui-autocomplete .ui-menu-item .qs-approvals::before {
        font-family: "Font Awesome 5 Free";
        content: "\f164";
        padding: 0 5px;
    }

    .ui-autocomplete .ui-menu-item .qs-news::before {
        font-family: "Font Awesome 5 Free";
        content: "\f05A";
        padding: 0 5px;
    }

.ui-autocomplete-loading {
    background-image: url('../Images/spinner.gif');
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.ui-autocomplete.qs-opened {
    opacity: 1;
}

.wait_modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255,255,255,0.9) url('../Images/hourglass.png') 50% 50% no-repeat;
}