﻿.RadAutoCompleteBox_Standard {
    color: #333;
    background-color: #fff
}

.RadAutoCompleteBox .racInput {
     width: 100%!important;
}

.RadAutoCompleteBox_Standard .racTokenList {
    border-color: #b3b3b3;
    background-color: #fff;
}

    .RadAutoCompleteBox_Standard .racToken {
        border-radius: 3px;
        border-color: #b3b3b3;
        background-color: #3276b1;
        color: white;
        padding: 3px;
    }

.RadAutoCompleteBox_Standard .racToken.racHovered {
        border-color: darkgray;
        color: white;
        background-color: #1e4a6f;
    }

.RadAutoCompleteBox_Standard .racTokenList.racFocused {
    border-color: #676666;
    color: #333;
    background-color: #fff;
}

.RadAutoCompleteBox_Standard .racToken.racFocused {
    border-color: #676666;
    box-shadow: inset 0 0 5px #676666
}

    .RadAutoCompleteBox_Standard .racToken.racSelected {
        border-color: #676666;
        color: #fff;
        background-color: #1e4a6f;
    }

/* Dropdown List */
div.RadAutoCompleteBoxPopup_Standard {
    border-width: 0;
    overflow: auto;
}

    div.RadAutoCompleteBoxPopup_Standard ul.racList {
        height: auto !important;
        border-color: #ccc;
        border-width: 1px;
        border-style: solid;
        background-color: #fff;
    }

.RadAutoCompleteBoxPopup_Standard .racItem[indexIsEven="false"]  {
    color: #333;
    background-color: white;
}


.RadAutoCompleteBoxPopup_Standard .racItem[indexIsEven="true"] {
    color: #333;
    background-color: #f2f2f2;
}

    .RadAutoCompleteBoxPopup_Standard .racItemHovered {
        color: white !important;
        background-color: #3276b1 !important;
    }

.RadAutoCompleteBoxPopup_Standard .racFocused {
    box-shadow: inset 0 0 5px #676666
}

    .RadAutoCompleteBoxPopup_Standard .racItemSelected {
        color: #fff !important;
        background-color: #3276b1 !important;
    }


/* Autocomplete Dropdown item template */
.autocomplete-itemContainer {
    display: flex;
    flex-direction: column;
}

.autocomplete-itemPath {
    font-size: smaller;
    color: #3276B1;
}

.RadAutoCompleteBoxPopup_Standard .racItemHovered .autocomplete-itemPath {
    color: #fff;
}

.autocomplete-itemDefinitionName {
    font-weight: bold;
}

.autocomplete-itemCategoryName {
}