﻿.autocomplete_custom
{
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.autocomplete_custom_input
{
    padding: 10px;
    width: 100%;
    height: 100%; /* color:#fff; */
}
.autocomplete_custom_input[type=text]
{
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    width: 100%;
}

.autocomplete_custom_input:focus
{
    background-color: rgba(255, 255, 255, 1);
    color: #000;
    width: 100%;
    height: 100%;
}


.autocomplete_custom-items
{
    position: absolute;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 119%;
    left: -1px;
    width: max-content;
    min-width: 368px;
    right: 0px;
}
.autocomplete_custom-items div
{
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    color: #000000;
    border-bottom: 1px solid #d4d4d4;
    z-index: 100;
}
.autocomplete_custom-items div:hover
{
    /*when hovering an item:*/
    color: #000000;
    background-color: #e9e9e9;
}
.autocomplete_custom-active
{
    /*when navigating through the items using the arrow keys:*/
    background-color: #7b7b7b !important;
    color: #ffffff !important;
}



.autocomplete_custom_input::-webkit-input-placeholder
{
    /* Chrome/Opera/Safari */
    color: #fff;
}

.autocomplete_custom_input:hover::-webkit-input-placeholder
{
    /* Chrome/Opera/Safari */
    color: #000;
}


.autocomplete_custom_input::-moz-placeholder
{
    /* Firefox 19+ */
    color: #fff;
}
.autocomplete_custom_input:-ms-input-placeholder
{
    /* IE 10+ */
    color: #fff;
}
.autocomplete_custom_input:-moz-placeholder
{
    /* Firefox 18- */
    color: #fff;
}
h1
{
    font-family: 'Roboto' , sans-serif;
    letter-spacing: 3px;
}

p
{
    font-family: 'Roboto' , sans-serif;
}
#lnkNaoEncontrou
{
    color: #fff;
    text-decoration: none;
}
#lnkNaoEncontrou:hover
{
    color: #fff;
    text-decoration: none;
}
#lnkNaoEncontrou:visited
{
    color: #fff;
    text-decoration: none;
}


@media (max-width: 700px)
{

    .autocomplete_custom-items
    {
        position: absolute;
        border-bottom: none;
        border-top: none;
        z-index: 99;
        top: 119%;
        left: -2px;
        width: max-content;
        min-width: 285px;
        right: 0px;
    }
}
