﻿.ui-autocomplete-category {
    background-color: #84C0B5;
}
.ui-autocomplete {
    box-shadow:0px 0px 2.74px 0px rgba(101, 174, 232, 0.205551);
    border: 1px solid #FAFAFA;
    border-top-width:0;
    padding: 0px;
    max-width:294px;
    z-index: 2147483647;
}
.ui-menu .ui-menu-item {
    margin: 0;
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #e2e2e2;
    float: left;
    padding: 0px;
}

.ui-menu .ui-menu-item a {
    font-size: 14px;
}

.ui-menu .ui-menu-item a:hover {
    color:#000;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    font-weight: bold;
    border: 0;
    border-bottom: 1px solid #e2e2e2;
    background: #84C0B5;
}
.ui-state-hover a, 
.ui-state-hover a strong, 
.ui-widget-content .ui-state-hover a, 
.ui-widget-content .ui-state-hover a strong, 
.ui-widget-header .ui-state-hover a, 
.ui-widget-header .ui-state-hover a strong, 
.ui-state-focus a, 
.ui-state-focus a strong, 
.ui-widget-content .ui-state-focus a, 
.ui-widget-content .ui-state-focus a strong, 
.ui-widget-header .ui-state-focus a, 
.ui-widget-header .ui-state-focus a strong {
    color: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #84C0B5;
    background: #84C0B5;
    font-weight: normal;
    cursor:pointer;
}


.form-control:focus{
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px #DDDDDD solid;
}

@media only screen and (max-width: 992px) and (min-width: 0px) {
    .ui-autocomplete {
        width: 169px !important;
    }
}
@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .ui-autocomplete {
        width: 229px !important;
    }
}
@media(max-width:767px){
    .ui-autocomplete {
        width: 100% !important;
        max-width: 100%;
    }
    #searchContainerMobile .input-group-btn {
        position: relative;
        white-space: nowrap;
        position: absolute;
        right: 0;
        top: 0;
        left: auto;
        width: auto;
    }
    #searchContainerMobile .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
        width: 100%;
    }
    #xs_SearchString{
        border-left:0;
        border-right:0;
        box-shadow:none;
    }
    #searchContainer .input-group .btn, #searchContainerMobile .input-group .btn {
        border-left: 0;
        border: none;
        background-color:transparent;
    }
}