.autocomplete-suggestions {
    text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
    max-width: 400px !important;
    width: 90% !important;
    max-height: 80% ;
    /* core styles should not be changed */
    position: absolute; display: none; z-index: 9999; overflow: hidden; overflow-y: auto; box-sizing: border-box;
}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected { background: #f0f0f0; }

.autocomplete-loading-animation,
.page-container input.autocomplete-loading-animation{
    width: 100%;
    height: 100%;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    background-image:
            repeating-linear-gradient(
                    -45deg,
                    #D3D3D3,
                    #D3D3D3 11px,
                    #eee 10px,
                    #eee 20px /* determines size */
            );
    background-size: 28px 28px;
    animation: move .8s linear infinite;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 28px 0;
    }
}