﻿AutoCompleteBox {
}

.form-control:focus + .Contenedor_AutoCompleteBox {
    display: block;
}


    .Contenedor_AutoCompleteBox {
        max-height: 350px;
        overflow: auto;
        width: calc(100% - 14px);
        position: absolute;
        border: 1px solid rgb(204,204,204);
        z-index: 100;
        background-color: white;
        top: 59px;
        /*padding: 7px 6px;*/
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-top: none;
        display: none;
    }

     .focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.ShowIn {
    display: block;
}

.RowAutoCompleteBox {
    cursor: pointer;
    margin-left:6px;
    margin-right:6px;
}

    .RowAutoCompleteBox:first-child {
        margin-top:7px;
    }

    .RowAutoCompleteBox:last-child {
        margin-bottom: 7px;
    }


    .RowAutoCompleteBox:nth-child(even) {
        background-color: #e9e9e9;
    }

    .RowAutoCompleteBox:nth-child(odd) {
        background-color: white;
    }

    .RowAutoCompleteBox:nth-child(even):hover {
        background-color: #bebebe;
    }

    .RowAutoCompleteBox:nth-child(odd):hover {
        background-color: #bebebe;
    }

    .RowAutoCompleteBox.Selected_AutoCompleteBox {
        background-color: #0085B8;
        color: white;
    }

        .RowAutoCompleteBox.Selected_AutoCompleteBox:hover {
            background-color: #00b8ff;
            color: white;
        }
