@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

.ac_results {
        padding: 0px;
        border: 1px solid #ccc;
        background-color: white;
        overflow: hidden;
        z-index: 99999;      width: 20% !important;
}


@media only screen and (max-width: 600px) {
.ac_results {
        padding: 0px;
        border: 1px solid #ccc;
        background-color: white;
        overflow: hidden;
        z-index: 99999;      width: 94% !important;
}
}




.ac_results ul {
        width: 99% !important;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;


}

.ac_results li {
        margin: 0px;
        padding: 14px;
        cursor: default;
        display: block;
        text-align:right;
        /*
        if width will be 100% horizontal scrollbar will apear
        when scroll mode will be used
        */
        /*width: 100%;*/
        font: menu;
        font-size: 15px;
 font-family: Almarai;
        /*
        it is very important, if line-height not setted or setted
        in relative units scroll will be broken in firefox
        */
        line-height: 16px;
        overflow: hidden;
}

.ac_loading {
        background: white url('indicator.gif') left center no-repeat;
}

.ac_odd {
        background-color: #fdf4d9;
}

.ac_over {
        background-color: #02496F;
        color: white;
}