﻿.xhr-autocomplete-group-container {

}
    .xhr-autocomplete-group-container .group-header {
        display: flex;
        justify-content: space-between;
        position: relative;
    }

        .xhr-autocomplete-group-container .group-header:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            border-top:solid 1px rgba(0,0,0,.2);
            border-bottom:solid 1px #fff;
            width: 100%;
            transform: translateY(-50%);
            
        }

        .xhr-autocomplete-group-container .group-header h5, .xhr-autocomplete-group-container .group-header a {
            z-index: 2;
            background: #fff;
            display:block;
        }

        .xhr-autocomplete-group-container .group-header h5 {
            padding-right: 7px;
            font-size:13px;
            font-weight:bold;
        }

        .xhr-autocomplete-group-container .group-header a {
            padding-left: 7px;
            line-height:15px;
            font-size:12px;
        }


.xhr-autocomplete-group {
    position: relative;
}
    .xhr-autocomplete-group i {
        position: absolute;
        top: 7px;
        right: 5px;
        font-size:20px;
        color:#7a7a7a;
    }

        .xhr-autocomplete-group i.fa-times {
            font-size: 22px;
            top: 7px;
            right: 7px;
            cursor:pointer;
        }

    .xhr-autocomplete-group img {
        position: absolute;
        top: 4px;
        left: 5px;
    }

    .xhr-autocomplete-group div.form-control-loading {
        position:absolute;
        top:4px;
        right:0;
        padding-right:25px;
        display:none;
    }

    .xhr-autocomplete-group input.xhr-autocomplete {
        padding-left: 35px;
        padding-top:7px;
    }
    .xhr-autocomplete-group img.xhr-autocomplete-prepend {
        width: 25px;
        height: 25px;
    }

.xhr-autocomplete-loading {
    background: url(/assets/plugins/xhr-autocomplete/images/ajax-form-control-loader.gif) right 10px center no-repeat;
}

ul.typeahead.dropdown-menu li {
    position:relative;
    padding-left:28px;
}
    ul.typeahead.dropdown-menu li a {
        font-family:segoe-ui-normal;
        font-size:13px;
        padding:0;
        line-height:25px;
    }
        ul.typeahead.dropdown-menu li a em {
            font-weight: bold;
            font-style:normal;
        }
    ul.typeahead.dropdown-menu li img {
        position: absolute;
        width:20px;
        height:20px;
        top:3px;
        left:5px;
    }
    ul.typeahead.dropdown-menu li.active, ul.typeahead.dropdown-menu li.active a, ul.typeahead.dropdown-menu li.active:hover, ul.typeahead.dropdown-menu li.active:hover a, ul.typeahead.dropdown-menu li.active a:focus {
        background: #477BD3;
    }
    ul.typeahead.dropdown-menu li:hover, ul.typeahead.dropdown-menu li:hover a, ul.typeahead.dropdown-menu li:hover a:focus {
        background: #e8e8e8;
    }
    /* , ul.typeahead.dropdown-menu li.active > a:hover, ul.typeahead.dropdown-menu > .active > a:focus */


/*
@font-face {
    font-family: 'segoe-ui-normal';
    src: local('Segoe UI'),url('/assets/fonts/normal/seogoe-ui.woff2') format('woff2'),url('/assets/fonts/normal/seogoe-ui.woff') format('woff'),url('/assets/fonts/normal/seogoe-ui.ttf') format('truetype'),url('/assets/fonts/normal/seogoe-ui.svg#web') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'segoe-ui-light';
    src: local('Segoe UI Light'),local('Segoe UI'),url('/assets/fonts/light/seogoe-ui.woff2') format('woff2'),url('/assets/fonts/light/seogoe-ui.woff') format('woff'),url('/assets/fonts/light/seogoe-ui.ttf') format('truetype'),url('/assets/fonts/light/seogoe-ui.svg#web') format('svg');
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: 'segoe-ui-semibold';
    src: local('Segoe UI Semibold'),local('Segoe UI'),url('/assets/fonts/semibold/seogoe-ui.woff2') format('woff2'),url('/assets/fonts/semibold/seogoe-ui.woff') format('woff'),url('/assets/fonts/semibold/seogoe-ui.ttf') format('truetype'),url('/assets/fonts/semibold/seogoe-ui.svg#web') format('svg');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: 'segoe-ui-bold';
    src: local('Segoe UI Bold'),local('Segoe UI'),url('/assets/fonts/bold/seogoe-ui.woff2') format('woff2'),url('/assets/fonts/bold/seogoe-ui.woff') format('woff'),url('/assets/fonts/bold/seogoe-ui.ttf') format('truetype'),url('/assets/fonts/bold/seogoe-ui.svg#web') format('svg');
    font-weight: 700;
    font-style: normal
}
*/

/* Form Control Loading Animation */

.form-control-loading span {
    height: 6px;
    width: 6px;
    background: #477BD3;
    display: inline-block;
    margin: 12px 2px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-animation: form-control-loader 4s infinite;
    -webkit-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
    -webkit-animation-fill-mode: both;
    -moz-animation: form-control-loader 4s infinite;
    -moz-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
    -moz-animation-fill-mode: both;
    -ms-animation: form-control-loader 4s infinite;
    -ms-animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
    -ms-animation-fill-mode: both;
    animation: form-control-loader 4s infinite;
    animation-timing-function: cubic-bezier(0.030, 0.615, 0.995, 0.415);
    animation-fill-mode: both;
}

    .form-control-loading span.l-1 {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -ms-animation-delay: 1s;
        -moz-animation-delay: 1s;
    }

    .form-control-loading span.l-2 {
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
        -ms-animation-delay: 0.8s;
        -moz-animation-delay: 0.8s;
    }

    .form-control-loading span.l-3 {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
        -ms-animation-delay: 0.6s;
        -moz-animation-delay: 0.6s;
    }

    .form-control-loading span.l-4 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
        -ms-animation-delay: 0.4s;
        -moz-animation-delay: 0.4s;
    }

    .form-control-loading span.l-5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
        -ms-animation-delay: 0.2s;
        -moz-animation-delay: 0.2s;
    }

    .form-control-loading span.l-6 {
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -ms-animation-delay: 0;
        -moz-animation-delay: 0;
    }

@-webkit-keyframes form-control-loader {
    0% {
        -webkit-transform: translateX(-30px);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        -webkit-transform: translateX(30px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes form-control-loader {
    0% {
        -moz-transform: translateX(-30px);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        -moz-transform: translateX(30px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-keyframes form-control-loader {
    0% {
        -transform: translateX(-30px);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        -transform: translateX(30px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-ms-keyframes form-control-loader {
    0% {
        -ms-transform: translateX(-30px);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    50% {
        -ms-transform: translateX(30px);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}